Posted By

flanker on 08/02/12


Tagged

template free web CSS3 html5


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

JuanIB
Josueriv


HTML5 CSS3 Webtemplate with Html5 drop down navigation bar


 / Published in: HTML
 

URL: http://blog.mindwars.in/2012/08/html5-css3-webtemplate.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

  1. <nav>
  2.  
  3. <ul>
  4. <li>
  5. <a href="home.php">Home <div id="triangle-right"></div><div id="triangle-down"></div></a>
  6. <ul class="children">
  7. <li><a href="#">Link 1</a></li>
  8. <li><a href="#">Link 2</a></li>
  9. <li><a href="#">Link 3</a></li>
  10. </ul>
  11. </li>
  12. <li>
  13. <a href="about.php">About Us <div id="triangle-right"></div><div id="triangle-down"></div></a>
  14. <ul class="children">
  15. <li><a href="#">Link 1</a></li>
  16. <li><a href="#">Link 2</a></li>
  17. <li><a href="#">Link 3</a></li>
  18. </ul>
  19. </li>
  20. <li><a href="initiatives.php">Our Works <div id="triangle-right"></div><div id="triangle-down"></div></a>
  21. <ul class="children">
  22. <li><a href="#">Link 1</a></li>
  23. <li><a href="#">Link 2</a></li>
  24. <li><a href="#">Link 3</a></li>
  25. </ul>
  26. </li>
  27. <li>
  28. <a href="activities.php">Contact Us <div id="triangle-right"></div><div id="triangle-down"></div></a>
  29. <ul class="children">
  30. <li><a href="#">Link 1</a></li>
  31. <li><a href="#">Link 2</a></li>
  32. <li><a href="#">Link 3</a></li>
  33. </ul>
  34. </li>
  35. </ul>
  36. </nav>

Report this snippet  

You need to login to post a comment.