Template:Connectionnav: Difference between revisions

From The SpiritWiki
(Created page with "<header> <div class="wrapper"> <a href="#"><img alt="" title="" src="images/logo.png" class="logo"/></a> <nav> <ul> <li> <a href="#" data-item="team">M...")
 
m (Replaced content with "<header> <div class="wrapper"> <a href="#"><img alt="" title="" src="images/logo.png" class="logo"/></a> <nav> <ul> <li>test <li>test1 </ul> </nav>...")
Tag: Replaced
Line 5: Line 5:
<nav>
<nav>
<ul>
<ul>
<li>
<li>test
<a href="#" data-item="team">Menu<i class="nav_arrow"></i></a>
<li>test1
 
</ul>
<!--  Menu item Sub menu level 1 Style 1  -->
<div class="sm_style1_level1">
<ul>
<li>
<a href="#">
<span class="txt"><img alt="" title="" src="images/menu_icon1.png" class="menu_icon"/> Level 1<i class="nav_arrow"></i></span>
</a>
 
<!--  Menu item Sub menu level 2 Style 1  -->
<div class="sm_style1_level2">
<ul>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
</ul>
</div>
</li>
 
<li>
<a href="#">
<span class="txt"><img alt="" title="" src="images/menu_icon2.png" class="menu_icon"/> Level 1<i class="nav_arrow"></i></span>
</a>
 
<!--  Menu item Sub menu level 2  -->
<div class="sm_style1_level2">
<ul>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
</ul>
</div>
</li>
 
<li>
<a href="#">
<span class="txt"><img alt="" title="" src="images/menu_icon3.png" class="menu_icon"/> Level 1<i class="nav_arrow"></i></span>
</a>
 
<!--  Menu item Sub menu level 2  -->
<div class="sm_style1_level2">
<ul>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
</ul>
</div>
</li>
 
<li>
<a href="#">
<span class="txt"><img alt="" title="" src="images/menu_icon4.png" class="menu_icon"/> Level 1<i class="nav_arrow"></i></span>
</a>
 
<!--  Menu item Sub menu level 2  -->
<div class="sm_style1_level2">
<ul>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
</ul>
</div>
</li>
 
<li>
<a href="#">
<span class="txt"><img alt="" title="" src="images/menu_icon5.png" class="menu_icon"/> Level 1<i class="nav_arrow"></i></span>
</a>
 
<!--  Menu item Sub menu level 2  -->
<div class="sm_style1_level2">
<ul>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
<li>
<a href="#">
<span class="txt">Level 2</span>
</a>
</li>
</ul>
</div>
</li>
 
</ul>
</div>
</li>
 
<li>
<a href="#">Countries<i class="nav_arrow"></i></a>
 
<!--  Countries item Sub menu level 1 style 2  -->
<div class="sm_style2_level1">
<ul>
<li>
<a href="#">
<span class="countries">New York</span>
</a>
<a href="#" class="preview">
<span class="preview_arrow"></span>
<img alt="" title="" src="images/image1.jpg">
</a>
</li>
<li>
<a href="#">
<span class="countries">Germany</span>
</a>
<a href="#" class="preview">
<span class="preview_arrow"></span>
<img alt="" title="" src="images/image2.jpg">
</a>
</li>
<li>
<a href="#">
<span class="countries">Italy</span>
</a>
<a href="#" class="preview">
<span class="preview_arrow"></span>
<img alt="" title="" src="images/image3.jpg">
</a>
</li>
<li>
<a href="#">
<span class="countries">France</span>
</a>
<a href="#" class="preview">
<span class="preview_arrow"></span>
<img alt="" title="" src="images/image4.jpg">
</a>
</li>
<li>
<a href="#">
<span class="countries">Spain</span>
</a>
<a href="#" class="preview">
<span class="preview_arrow"></span>
<img alt="" title="" src="images/image5.jpg">
</a>
</li>
</ul>
</div>
</li>
 
<li>
<a href="#">News</a>
</li>
 
<li>
<a href="#">Contact</a>
</li>
</ul>
</nav>
</nav>



Revision as of 20:44, 23 November 2018

<header>

<a href="#"><img alt="" title="" src="images/logo.png" class="logo"/></a>

<nav>

  • test
  • test1

</nav>


</header>