HTML5 CSS3 Webtemplate with Html5 drop down navigation bar

/ Published in: HTML
Save to your folder(s)

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

Copy this code and paste it in your HTML
  1. <nav>
  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


RSS Icon Subscribe to comments

You need to login to post a comment.