Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<?php /* Template Name: INDI Partnership */ ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?> >
    <head>
        <meta charset=" <?php bloginfo('charset'); ?> ">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <meta name="description" content=" <?php bloginfo('description'); ?> ">
​
        <title>
            <?php bloginfo('name'); ?> | 
            <?php is_front_page() ? bloginfo('description') : wp_title(); ?>
        </title>
​
        <!-- Bootstrap core CSS -->
        <link href="<?php bloginfo('template_url'); ?>/css/bootstrap.min.css" rel="stylesheet">
​
        <!-- Font Awesome -->
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
​
        <!-- Custom styles for this template -->
        <link href=" <?php bloginfo('template_url'); ?>/css/indi.css" rel="stylesheet">
​
        <?php wp_head(); ?>
    </head>
​
    <section class="container" id="welcome">
        
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <hr class="blueLine">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>      
                    </button>   
                    <a class="navbar-brand" href="<?php bloginfo('url'); ?>">
                        <img src="<?php bloginfo('template_directory'); ?>/img/fresiusLogo.png">
                    </a>  
                </div>
                <div class="navbar-collapse navbar-center collapse">
                    <ul class="nav navbar-nav navbar-center">
                         <?php
                            wp_nav_menu( array(
                                'menu'              => 'primary',
                                'theme_location'    => 'primary',
                                'depth'             => 2,
                                'container'         => 'div',
                                'container_class'   => 'collapse navbar-collapse',
                                'container_id'      => 'bs-example-navbar-collapse-1',
                                'menu_class'        => 'nav navbar-nav',
                                'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
                                'walker'            => new WP_Bootstrap_Navwalker())
                            );
                        ?>  
                    </ul>
                    <div class="col-sm-3 col-md-3 pull-right">
                        <form id="searchform" class="navbar-form" role="search" action="<?php echo esc_url( site_url() ); ?>" method="get">                           
                            <div class="input-group">
                                <input type="text" id="s" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" class="form-control" placeholder="<?php esc_attr_e( 'Search &hellip;', 'alienship' ); ?>"" />
                                <div class="input-group-btn">
                                    <button id="searchsubmit" name="submit" class="btn btn-default" type="submit">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </form>                        
                        <li class="dropdown">
                            <span>Fresenius Kabi Globa</span>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Select Website
                            <span class="caret"></span></a>
                            <ul class="dropdown-menu sub-menu">
                              <li><a href="https://www.google.com/" target="_blank">Test 1</a></li>
                              <li><a href="https://www.google.com/" target="_blank">Test 2</a></li>
                              <li><a href="https://www.google.com/" target="_blank">Test 3</a></li>
                            </ul>
                        </li>
                    </div>
                </div>      
            </div>  
        </div>
​
        <div class="clinicalNutrition">
            <img src="<?php bloginfo('template_directory'); ?>/img/logoTwo.jpg">
            <h2>Welcome</h2>
            <p>Fresenius Kabi, in partnership with the INDI, is delighted to present a series of CPD topics throughout 2017. Pair these resources with your Reflection Diary (click here to order your free copy) and check your email for quarterly updates.</p>
            <p>Use the menu below to explore the articles, presentations and tools provided for each topic.</p>
        </div>
    </section>
    
    <section class="container text-center" id="topics">
        <ul>
            <li>
                <a href="#" type="button" class="btn btn-lg">
                    Clinical <br> Topic
                </a>
            </li>
            <li>
                <a href="#" type="button" class="btn btn-lg">
                    Case <br> Studies
                </a>
            </li>
            <li>
                <a href="#" type="button" class="btn btn-lg">
                    Proffesional <br> Practice
                </a>
            </li>
            <li>
                <a href="#" type="button" class="btn btn-lg">
                    Literature <br> Corner
                </a>
            </li>
            <li>
                <a href="#" type="button" class="btn btn-lg">
                    Tools & <br> Guidelines
                </a>
            </li>
        </ul>
    </section>
​
    <section class="container" id="clinicalTopic">
        <div class="row">
            <div class="col-md-4">
                <h2>Clinical<br>Topic</h2>
                <p>
                    Watch our Dietetic speakers in action and download the accompanying notes below
                </p>
            </div>
            <div class="col-md-8">
                <div class="container innerContainer">
                    <div class="col-md-2 text-center">
                        <ul>
                            <li>
                                <a class="link btn btn-primary" href="#video1">Nutritional Assessment<br> and Parenteral Nutrition</a>
                            </li>
                            <li>
                                <a class="link btn btn-primary" href="#video2">Interpretation of bloods<br>and monitoring</a>
                            </li>
                            <li>
                                <a class="link btn btn-primary" href="#video3">Recommended Dietary<br> Intakes for Vitamin D</a>
                            </li>
                            <li>
                                <a class="link btn btn-primary" href="#video4">Overcoming Challenges<br> Nutrition Support in the <br>Obese Patient</a>
                            </li>
                        </ul>    
                    </div>
                    <div class="col-md-6">
                        <img class="hideImg" src="<?php bloginfo('template_directory'); ?>/img/monitor.png" alt="">
                        <div class="tab text-center" id="video1">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/fZCFRQAcqLU" frameborder="0" allowfullscreen></iframe>
                          </iframe>
                        </div>
                        <div class="tab text-center" id="video2">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/XGSy3_Czz8k">
                          </iframe>
                        </div>
                        <div class="tab text-center" id="video3">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/qtD1IpH5a5Q" frameborder="0" allowfullscreen></iframe>
                        </div>
                        <div class="tab text-center" id="video4">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/6tb0CwlQW0M" frameborder="0" allowfullscreen></iframe>
                        </div>     
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-7">
                        <p>DOWNLOADABLE PDF</p>
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/nutritional-assessment-and-parenteral.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf1.jpg" alt="">
                        </a>
                        <span>Nutritional Assessment &#x2028;and Parenteral Nutrition. &#x2028;Sarah Jane Hughes</span>
                    </div>
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/interpretation-of-bloods-and-monitoring.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf2.jpg" alt="">
                        </a>
                        <span>Interpretation of bloods and monitoring. &#x2028;Aine Kelly</span>
                    </div>
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/recommended-dietary-intakes-for-vitamin.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf3.jpg" alt="">
                        </a>
                        <span>Recommended Dietary Intakes for Vitamin D. Kevin Cashman</span>
                    </div>
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/overcoming-challenges-nutrition-support.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf4.jpg" alt="">
                        </a>
                        <span>Overcoming Challenges Nutrition Support in the Obese Patient. Teresa Loughnane</span>
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/vitamin-d-snap-shot-and-case-study.pdf" target="_blank" class="vitamin">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf5.jpg" alt="">
                        </a>
                        <span>Vitamin D Snapshot</span>
                    </div>
                </div>
            </div>
        </div>
​
        <div class="row">
            <div class="col-md-4">
                <h2>Case<br>Studies</h2>
                <p>
                    Read case studies prepared for you by experts in the field of Dietetics.
                </p>
            </div>
            <div class="col-md-8">
                <div class="container innerContainer">
                    <div class="col-md-2 text-center">
                        <ul>
                            <li>
                                <a class="link btn btn-primary" href="#video1">ICU Case Studies</a>
                            </li>
                        </ul>    
                    </div>
                    <div class="col-md-6">
                        <img class="hideImg" src="<?php bloginfo('template_directory'); ?>/img/monitor.png" alt="">
                        <div class="tab text-center" id="video1">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/fZCFRQAcqLU" frameborder="0" allowfullscreen></iframe>
                          </iframe>
                        </div>    
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-7">
                        <p>DOWNLOADABLE PDF</p>
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/nutritional-assessment-and-parenteral.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf1.jpg" alt="">
                        </a>
                        <span>Nutritional Assessment &#x2028;and Parenteral Nutrition. &#x2028;Sarah Jane Hughes</span>
                    </div>
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/interpretation-of-bloods-and-monitoring.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf2.jpg" alt="">
                        </a>
                        <span>Interpretation of bloods and monitoring. &#x2028;Aine Kelly</span>
                    </div>
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/vitamin-d-snap-shot-and-case-study.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf5.jpg" alt="">
                        </a>
                        <span>Recommended Dietary Intakes for Vitamin D. Kevin Cashman</span>
                    </div>
                </div>
            </div>
        </div>
​
        <div class="row">
            <div class="col-md-4">
                <h2>Professional<br>Practice</h2>
                <p>
                    Learn more about professional development of your role as a dietician
                </p>
            </div>
            <div class="col-md-8">
                <div class="container innerContainer">
                    <div class="col-md-2 text-center">
                        <ul>
                            <li>
                                <a class="link btn btn-primary" href="#video1">Dr Steven Kinnear <br> Quality Improvement</a>
                            </li>
                        </ul>    
                    </div>
                    <div class="col-md-6">
                        <img class="hideImg" src="<?php bloginfo('template_directory'); ?>/img/monitor.png" alt="">
                        <div class="tab text-center" id="video1">
                          <iframe width="400" height="315" src="https://www.youtube.com/embed/fZCFRQAcqLU" frameborder="0" allowfullscreen></iframe>
                          </iframe>
                        </div>    
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-7">
                        <p>DOWNLOADABLE PDF</p>
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-2">
                        <a href="<?php bloginfo('template_directory'); ?>/assets/nutritional-assessment-and-parenteral.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf6.jpg" alt="">
                        </a>
                        <span>Nutritional Assessment &#x2028;and Parenteral Nutrition. &#x2028;Sarah Jane Hughes</span>
                    </div>
                </div>
            </div>
        </div>
​
        <div class="row">
            <div class="col-md-4">
                <h2>Literature <br>& Guidelines</h2>
                <p>
                    Content coming soon.<br>
                    Check back for regular<br> updates.
                </p>
            </div>
            <div class="col-md-8">
                <div class="container lowerContainer">
                    <div class="col-md-7">
                        <p>DOWNLOADABLE PDF</p>
                    </div>
                </div>
                <div class="container lowerContainer">
                    <div class="col-md-2">
                        <a href="#" target="_blank">
                            <img src="http://placehold.it/125x140" alt="">
                        </a>
                        <span>Document placeholder</span>
                    </div>
                </div>
            </div>
        </div>
​
        <div class="row">
            <div class="col-md-4">
                <h2>Resources</h2>
                <p>
                    The latest tools and guidelines to help you in your dietetic role
                </p>
            </div>
            <div class="col-md-8">
                <div class="container lowerContainer">
                    <div class="col-md-7">
                        <p>DOWNLOADABLE PDF</p>
                    </div>
                </div>
                <div class="container lowerContainerHorizontal">
                    <div class="col-md-2">
                        <a href="https://www.nice.org.uk/process/pmg4/chapter/appendix-f-quality-appraisal-checklist-quantitative-intervention-studies" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf7.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-md-5">
                        <p>NICE guidelines – quantitative.</p>
                        <p>Visit the website of the national institute for health and care excellence to read their <strong>Guidelines on Quantitative Intervention Studies.</strong></p>
                    </div>
                </div>
                <div class="container lowerContainerHorizontal">
                    <div class="col-md-2">
                        <a href="https://www.nice.org.uk/process/pmg4/chapter/appendix-f-quality-appraisal-checklist-quantitative-intervention-studies" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf7.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-md-5">
                        <p>NICE guidelines – quantitative.</p>
                        <p>Visit the website of the national institute for health and care excellence to read their <strong>Guidelines on Quantitative Intervention Studies.</strong></p>
                    </div>
                </div>
                <div class="container lowerContainerHorizontal">
                    <div class="col-md-2">
                        <a href="https://www.gov.uk/government/uploads/system/uploads/attachment_data/file/537616/SACN_Vitamin_D_and_Health_report.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf8.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-md-5">
                        <p>Visit the website of the scientific advisory committee on nutrition to read their 2016 report entitled: <strong>Vitamin d and health.</strong></p>
                    </div>
                </div>
                <div class="container lowerContainerHorizontal">
                    <div class="col-md-2">
                        <a href="https://www.gov.uk/government/uploads/system/uploads/attachment_data/file/537616/SACN_Vitamin_D_and_Health_report.pdf" target="_blank">
                            <img src="<?php bloginfo('template_directory'); ?>/img/pdf8.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-md-5">
                        <p>Visit the website of the scientific advisory committee on nutrition to read their 2016 report entitled: <strong>Vitamin d and health.</strong></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
​
    
    <footer class="container">
        <hr class="thickBLue">
        <div class="row">
            <div class="col-md-6 mySiteMap">
                <p>Fresenius Kabi Ltd - A company of the Fresenius Kabi AG © December 2016</p>
                <ul class="siteMap">
                    <li>Sitemap</li>
                    <li>Imprint</li>
                    <li><a href="http://localhost/fresenius/legal-disclaimer/"">Legal Disclaimer</a></li>
                    <li><a href="http://localhost/fresenius/references/">References</a></li>
                </ul>
            </div>
            <div class="col-md-6 footerLogo">
                <a class="myFooterLogo" href="#"><img src="<?php bloginfo('template_directory'); ?>/img/logoTwo.jpg"></a>  
            </div>
        </div>
    </footer>
​
​
​
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/bootstrap.min.js"></script>
    <script src="<?php bloginfo('template_url'); ?>/js/main.js"></script>
  </body>
</html>
 
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
Karadjordjepro
0viewers