Posted By

flanker on 08/02/12

Tagged

Versions (?)

Last Edited at 08/02/12 03:02am

Statistics

Viewed 1189 times

Favorited by 0 user(s)

Related snippets

HTML5 CSS3 Webtemplate with Html5 drop down navigation bar

/ Published in: HTML

This is a simple HTML5 CSS3 website template you can customize it according to your needs. It has a clean and modular code and css. No fancy stuff just basic elements presents like : slideshow, social icons and a navigation bar. Its cross browser compatible

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<nav>
 
   <ul>
      <li>
         <a href="home.php">Home <div id="triangle-right"></div><div id="triangle-down"></div></a>
         <ul class="children">
            <li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
         </ul>
      </li>
      <li>
         <a href="about.php">About Us <div id="triangle-right"></div><div id="triangle-down"></div></a>
         <ul class="children">
        	<li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
         </ul>
      </li>
      <li><a href="initiatives.php">Our Works <div id="triangle-right"></div><div id="triangle-down"></div></a>
	   <ul class="children">
          	<li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
         </ul>
	  </li>
      <li>
         <a href="activities.php">Contact Us <div id="triangle-right"></div><div id="triangle-down"></div></a>
         <ul class="children">
          	<li><a href="#">Link 1</a></li>
            <li><a href="#">Link 2</a></li>
            <li><a href="#">Link 3</a></li>
		 </ul>
      </li> 
	</ul>
</nav>