首页 > 代码库 > new-nav-html
new-nav-html
<header id="masthead" class="masthead" role="banner">
<h1 class="accessible">Fidelity Worldwide Investment</h1>
<nav class="navigation" role="navigation">
<!-- mobile header-->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<ul class="nav-toggler">
<li id="burger-menu" class="menu"><a href="http://www.mamicode.com/#" class="icon-menu-burger"></a></li>
<li class="logo"><a href="http://www.mamicode.com/#">Home</a></li>
<li id="mobile-header-search" class="search"><a href="http://www.mamicode.com/#" class="icon-search"></a></li>
</ul>
</div>
<div id="m-pannel" class="m-pannel m-content hiddenInDesktop hidden-tablet">
<div id="sub-1" class="m-subpannel pannel-log sub-1">
<!-- log reg toppart-->
<div class="m-log-apply run-top">
<ul class="mobile-reg-apply">
<!-- login Register-->
<li class="mobile-reg">
<div class="login nav-login">
<a id="mobile-login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span>Login</span> <span>|</span> <span>Register</span></a>
</div>
<!-- login end -->
</li>
<!-- == -->
<!-- Apply for funds-->
<li class="mobile-apply">
<div class="nav-apply">
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
</div>
<!-- Apply end -->
</li>
</ul>
</div>
<!-- == -->
<!-- mobile nav bottompart-->
<div class="m-nav run-bottom">
<div id="mobile-main-menu" class="m-nav-topbar">
<span class="item main-menu back" ><a href="http://www.mamicode.com/#" class="header">Main Menu</a></span>
</div>
<div class="m-nav-level1">
<ul class="primary-nav primary-nav-list">
<li id="item-why" class="item item-level-1">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#"><span class="title">Why Fidelity?</span></a>
</li>
<li id="item-funds" class="item has-sub-item item-level-1 open">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#" id="mn-our-funds">
<span class="title">Our Funds</span>
</a>
</li>
<li id="item-insights" class="item has-sub-item item-level-1">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#" id="navItemInvestingPlanning">
<span class="title">Insights & Learning</span>
</a>
</li>
<li id="item-contact" class="item item-level-1">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#">
<span class="title">Contact us</span>
</a>
</li>
<li id="mobile-quick" class="item has-sub-item item-level-1 quick-links"><a href="http://www.mamicode.com/#" class="icon after-link-quick"><span class="title">Adviser Quick Links</span></a>
</li>
<li id="item-institutional" class="item item-level-1"><a href="http://www.mamicode.com/#" class="icon after-link-skip">Institutional</a></li>
</ul>
<!-- Level 2- Our Funds-->
<div class="nav-dropdown nav-sublevel" data-nav-level="2">
<div class="nav-dropdown-header"><span>Our Funds</span></div>
<ul class="navColumnSet ">
<li id="li-allfunds">
<a href="http://www.mamicode.com/#" class="header"><span>All Funds</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Australian Equities</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Regional Equities</a>
</li>
<li id="li-global" class="navCol dropdown-li">
<a href="http://www.mamicode.com/#" class="header">Global Equities</a>
</li>
<li id="li-fixed" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Fixed Income</a>
</li>
<li id="li-tools" class="navCol dropdown-tools item-level-2">
<div class="dropdown-panel dropdown-panel-tools">
<h4>Tools and help</h4>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="http://www.mamicode.com/#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
<!-- Level 3- Australian Equities-->
<div class="dropdown-sublist-wrap sublist-australian" data-nav-level="3">
<div><span>Australian Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Australian Equities Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Australian Opportunties Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Future leaders Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Regional Equities-->
<div class="dropdown-sublist-wrap sublist-regional" data-nav-level="3">
<div><span>Regional Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Asia Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity China Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity India Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Global Equities-->
<div class="dropdown-sublist-wrap sublist-global" data-nav-level="3">
<div><span>Global Equities</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Demographics Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Fixed Income-->
<div class="dropdown-sublist-wrap sublist-fixed" data-nav-level="3">
<div><span>Fixed Income</span></div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</div>
<!-- == -->
</div>
<!-- == -->
<!-- Level 2- Insights & Learning-->
<div class="nav-dropdown nav-sublevel" data-nav-level="2">
<div class="nav-dropdown-header"><span>Insights & Learning</span></div>
<ul class="navColumnSet ">
<li id="li-all">
<a href="http://www.mamicode.com/#" class="header"><span>All</span></a>
</li>
<li id="li-australian" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Investment insights</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Global market review</a>
</li>
<li id="li-regional" class="navCol dropdown-li item-level-2">
<a href="http://www.mamicode.com/#" class="header">Tools & resources</a>
</li>
</ul>
</div>
<!-- == -->
<!-- Level 2- Insights & Learning-->
<div id="mobile-quick-div" class="mobile-quick-div quick-links-droppanel" style="display: none;">
<ul class="quick-links-droplist">
<li id="quick-earn"><a href="http://www.mamicode.com/#"><span class="icon-star-line icon-before"> </span>Earn CPD Points</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-clock icon-before"> </span>The investment Clock</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-post icon-before"> </span>Order flyer and wall charts</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"> </span>Our funds</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-chart icon-before"> </span>Understanding Volatility</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-account icon-before"> </span>Adviser service team</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-favourites icon-before"> </span>Fund platform representation</a></li>
</ul>
</div>
<!-- == -->
</div>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-log-in sub-2">
<!-- login div-->
<div id="m-login-div" class="m-log login-box">
<form target="_blank" class="login-form" method="post" action="">
<ul class="login-in">
<li>
<button class="btn btn-masthead btn-login in">Log in</button>
</li>
<li>
<p class="register-notes"><strong>Or register now:</strong></p>
</li>
<li>
<button class="btn btn-masthead btn-register">Register as an Adviser </button>
</li>
<li>
<button class="btn btn-masthead btn-register">Register as an Investor</button>
</li>
</ul>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-apply sub-3 is-hidden">
<!-- Apply div-->
<div id="m-apply-div" class="m-apply apply-box">
<form target="_blank" class="apply-form" method="post" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><a href="http://www.mamicode.com/#"><span class="icon-globe icon-before"></span>Online</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"></span>mFund</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-pdf icon-before"></span>Application forms</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-info icon-before"></span>How do I invest ?</a></li>
</ul>
</div>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel sub-4 pannel-search is-hidden">
<!-- mobile search -->
<div id="m-search" class="m-search">
<!--search header-->
<div id="sb-search" class="autoComplete sb-search sb-search-open menu-is-open" role="search">
<!--delete class :menu-is-open-->
<form action="" method="">
<input class="sb-search-input" placeholder="search" type="text" value="" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="icon-search"></span>
</form>
<div class="search-box autoCompleteList active">
<div class="search-droplist">
<ul class="search-section">
<li><a href="http://www.mamicode.com/#">The <strong>World economy</strong> is suffocating under record debt</a></li>
<li><a href="http://www.mamicode.com/#"><strong>World</strong> economic forum releases statement...</a></li>
<li><a href="http://www.mamicode.com/#">The <strong>economy</strong> is better than we thought it was...</a></li>
</ul>
<a href="http://www.mamicode.com/#" class="link search-link">Show all search results</a>
</div>
</div>
</div>
<!-- -->
</div>
<!-- -->
</div>
<!-- = mobile end = -->
</div>
<div class="nav-content">
<div class="fil-container">
<div class="top-bar show-tablet">
<!-- Apply for funds-->
<a class="logo" title="Home" href="http://www.mamicode.com/#"> </a>
<!-- -->
<div class="top-bar-inner">
<div class="nav-wrap-top">
<!-- Apply for funds-->
<div class="apply nav-apply active">
<a id="apply" class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
<div style="display:none;" id="apply-div" class="apply-box">
<form target="_blank" class="apply-form" method="" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><span class="icon-globe icon-before"></span><a href="http://www.mamicode.com/#">Online</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">mFund</a></li>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">Application forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">How do I invest</a></li>
</ul>
</div>
</form>
</div>
</div>
<!-- == -->
<!-- login in-->
<div class="login nav-login">
<a id="login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span class="icon-lock-account icon-before"></span><span>Login</span> <span>|</span> <span>Register</span></a>
<div style="display:none;" id="login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<div class="login-in">
<ul>
<li><p>Exlsting customers log In below please:</p></li>
<li><button class="btn btn-masthead btn-login in">Log in</button>
</li>
<li>
<p>To register click on the applicable link below:</p>
</li>
<li>
<div>
<button class="btn btn-masthead btn-register in">Adviser</button><button class="btn btn-masthead btn-register in">Investor</button>
</div>
</li>
</ul>
</div>
</fieldset>
</form>
</div>
</div>
<!-- == -->
<!-- nav submenu -->
<div class="secondary-nav">
<ul>
<li class="quick-links">
<a href="http://www.mamicode.com/#" >Adviser Quick Links<span class="icon-chevron-down-m icon-after"></span></a>
<div class="quick-links-droppanel">
<div class="fil-triade up"><span><em> </em></span></div>
<ul class="quick-links-droplist">
<li><a href="http://www.mamicode.com/#"><span class="icon-star-line icon-before"></span>Earn CPD Points</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-clock icon-before"></span>The investment Clock</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-post icon-before"></span>Order flyer and wall charts</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"></span>Our funds</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-chart icon-before"></span>Understanding Volatility</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-account icon-before"></span>Adviser service team</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-favourites icon-before"></span>Fund platform representation</a></li>
</ul>
</div>
</li>
<li class="institutional"> <a href="http://www.mamicode.com/#" class="icon after-link-skip">Institutional</a> </li>
</ul>
</div>
<!-- == -->
</div>
<div class="nav-wrap-bottom">
<div class="nav-row">
<!-- desktop nav -->
<ul class="primary-nav primary-nav-list hidden-mobile">
<li class="item-search">
<!-- desktop search -->
<div class="autoComplete search-desktop" role="search"><!--delete class :menu-is-open-->
<form action="" method="">
<input autocomplete="off" placeholder="" type="text" class="autoCompleteInput noOutline" name="keyword" id="searchInput" value="">
</form>
<a class="btn-search icon-search"></a>
<div class="menu autoCompleteList" style="display: none;">
<ul>
<li class="section">
<!-- <a href="http://www.mamicode.com/#" calss="heading">Funds</a> -->
<ul>
<li role="option" class=""><a href="http://www.mamicode.com/#">Search list a</a></li>
<li role="option" class=""><a href="http://www.mamicode.com/#">Search list B</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--==-->
</li>
<li class="item">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#">
<span class="title">Contact us</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown4" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half">
<span class="sub-head h4 sublevel-trigger">General enquiries</span>
<p><span><strong>Phone:</strong> +61 2 9225 0500</span><br>
<span><strong>Opening Hours:</strong> Available till 7pm</span></p>
<span class="sub-head h4 sublevel-trigger">Adviser Services Team</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
<p><a href="http://www.mamicode.com/#" class="link">View all contact details</a><span class="icon-chevron-right-m icon-after"></span></p>
</div>
<div class="dropdown-panel dropdown-panel-half bg-gray dropdown-panel-form">
<span class="sub-head h4 sublevel-trigger">Frequently requested form</span>
<ul>
<li><a href="http://www.mamicode.com/#">Additinal Application form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of details form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of payment form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Withdraw Request form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of Financial Adviser form</a><span class="note form-note"> (PDF)</span></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#">
<span class="title">Insights & Learning</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Investment insights</span>
<div class="card masthead-card">
<a href="http://www.mamicode.com/#"><img class="card-img-top"src="http://www.mamicode.com/static/style/images/card-default4.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="http://www.mamicode.com/#">Japan‘s bizarrely brief "technical recession"</a></h4>
<div class="card-link"><a href="http://www.mamicode.com/#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Global market review</span>
<div class="card masthead-card">
<a href="http://www.mamicode.com/#"><img class="card-img-top"src="http://www.mamicode.com/static/style/images/card-default.jpg" data-holder-rendered="true"></a>
<div class="card-block">
<h4 class="card-title"><a href="http://www.mamicode.com/#">Global stock indices continue to be mixed</a></h4>
<div class="card-link"><a href="http://www.mamicode.com/#" class="link">Read more insights</a><span class="icon-chevron-right-m icon-after"></span></div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<div class="dropdown-panel-tools-body">
<span class="sub-head h4 sublevel-trigger">Tools</span>
<p>Tools to understand historical market fluctuations and the benefits of investing for the long term.</p>
<ul>
<li><span class="icon-error icon-before"></span><a href="http://www.mamicode.com/#">Market crisis</a></li>
<li><span class="icon-clock icon-before"></span><a href="http://www.mamicode.com/#">Timing the market</a></li>
<li><span class="icon-circle-zig icon-before"></span><a href="http://www.mamicode.com/#">Unpredictable returns</a></li>
<p><a href="http://www.mamicode.com/#" class="link more">Read more tools</a><span class="icon-chevron-right-m icon-after"></span></p>
</ul>
</div>
</div>
</li>
</ul>
</div>
</li>
<li class="item">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#">
<span class="title">Our Funds</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Australian Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Australian Equities</span>
</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Australian Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Australian Opportunties Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Future Leaders Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Regional Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Regional Equities</span>
</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Asia Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity China Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity India Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li>
<span class="sub-head h4 sublevel-trigger">Global Equitiel</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Global Equitiel</span>
</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Demographics Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</li>
<li>
<span class="sub-head h4 sublevel-trigger">Fixed Income</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Fixed Income</span>
</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<span class="sub-head h4 sublevel-trigger">Tools and help</span>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="http://www.mamicode.com/#">Fund proxy voting</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item last-item">
<a class="header sublevel-trigger" href="http://www.mamicode.com/#">
<span class="title">Why Fidelity?</span>
</a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown1" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half float-left">
<span class="sub-head h4 sublevel-trigger">The Fidelity difference</span>
<p>Lorem ipsum dolor sit amet, consectetur Testadipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.</p>
<ul>
<li><a href="http://www.mamicode.com/#" class="link droplist-link">Explore more about Fidelity</a><span class="icon-chevron-right-m icon-after"></span></li>
<li><a href="http://www.mamicode.com/#" class="link droplist-link">Industry awards</a><span class="icon-chevron-right-m icon-after"></span></li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-half float-right">
<span class="sub-head h4 sublevel-trigger">What is the Fidelity advantage?</span>
<div class="card card-play masthead-card">
<img class="card-img-top" src="http://www.mamicode.com/static/style/images/card-default4.jpg">
<div class="card-block">
<p class="card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
</div>
<script src="http://www.mamicode.com/static/js/lib/require.js"></script>
<script src="http://www.mamicode.com/static/js/lib/jquery.js"></script>
<script src="http://www.mamicode.com/static/js/global.js"></script>
<script>
require([ ‘app/navigation‘ ]);
</script>
</body>
</html>
new-nav-html