Difference between revisions of "Template:Virginia"

Line 568: Line 568:
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 +
 +
<nav id="ddmenu">
 +
    <div class="menu-icon"></div>
 +
    <ul>
 +
      <li class="full-width">
 +
        <span class="top-heading">Unde Omnis</span>
 +
        <i class="caret"></i>
 +
        <div class="dropdown">
 +
          <div class="dd-inner">
 +
            <ul class="column">
 +
              <li><h3>Lorem Ipsum</h3></li>
 +
              <li><a href="#">Dolor sit amet</a></li>
 +
              <li><a href="#">Consectetur elit</a></li>
 +
              <li><a href="#">Etiam massa</a></li>
 +
              <li><a href="#">Suscipit sapien</a></li>
 +
              <li><a href="#">Quis turpis</a></li>
 +
            </ul>
 +
            <ul class="column">
 +
              <li><h3>Etiam Massa</h3></li>
 +
              <li><a href="#">Sed interdum</a></li>
 +
              <li><a href="#">Fringilla congue</a></li>
 +
              <li><a href="#">Dolor nisl auctor</a></li>
 +
              <li><a href="#">Quisque dictum</a></li>
 +
              <li><a href="#">Porttitor</a></li>
 +
            </ul>
 +
            <ul class="column mayHide">
 +
              <li><br /><img src="/ddmenu/skins/img1.jpg" /></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </li>
 +
      <li class="no-sub"><a class="top-heading" href="http://www.google.com">Quisque</a></li>
 +
      <li>
 +
        <a class="top-heading" href="http://www.microsoft.com">Link</a>
 +
        <i class="caret"></i>
 +
        <div class="dropdown">
 +
          <div class="dd-inner">
 +
            <ul class="column">
 +
              <li><h3>Vestibulum Ut</h3></li>
 +
              <li><a href="#">Nunc pharetra</a></li>
 +
              <li><a href="#">Vestibulum ante</a></li>
 +
              <li><a href="#">Nulla id laoreet</a></li>
 +
              <li><a href="#">Elementum blandit</a></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </li>
 +
      <li>
 +
        <span class="top-heading">Accusantium</span>
 +
        <i class="caret"></i>
 +
        <div class="dropdown offset300">
 +
          <div class="dd-inner">
 +
            <ul class="column">
 +
              <li><h3>Pellentesque</h3></li>
 +
              <li><a href="#">Fermentum ut nulla</a></li>
 +
              <li><a href="#">Duis ut mauris</a></li>
 +
              <li><h3>Volutpat</h3></li>
 +
              <li><a href="#">Quisque dictum</a></li>
 +
              <li><a href="#">Nulla scelerisque</a></li>
 +
            </ul>
 +
            <ul class="column">
 +
              <li><h3>Suspendisse</h3></li>
 +
              <li><a href="#">Suspendisse potenti</a></li>
 +
              <li><a href="#">Curabitur in mauris</a></li>
 +
              <li><a href="#">Phasellus ultrices</a></li>
 +
              <li><a href="#">Quisque ornare</a></li>
 +
              <li><a href="#">Vestibulum</a></li>
 +
              <li><a href="#">Vitae tempus risus</a></li>
 +
            </ul>
 +
            <ul class="column mayHide">
 +
              <li><br /><img src="/ddmenu/skins/img2.jpg" /></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </li>
 +
      <li class="no-sub">
 +
        <a class="top-heading" href="#">Dignissim</a>
 +
      </li>
 +
      <li>
 +
        <span class="top-heading">Laudantium</span>
 +
        <i class="caret"></i>
 +
        <div class="dropdown right-aligned">
 +
          <div class="dd-inner">
 +
            <ul class="column">
 +
              <li><h3>Nam a leo</h3></li>
 +
              <li><a href="#">Vel faucibus leo</a></li>
 +
              <li><a href="#">Duis ut mauris</a></li>
 +
              <li><a href="#">In tempus semper</a></li>
 +
              <li><a href="#">laoreet erat</a></li>
 +
            </ul>
 +
            <ul class="column">
 +
              <li><h3>Proin iaculis</h3></li>
 +
              <li><a href="#">In tempus semper</a></li>
 +
              <li><a href="#">Hendrerit tincidunt</a></li>
 +
              <li><a href="#">Duis ut mauris</a></li>
 +
              <li><a href="#">pretium amet</a></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </li>
 +
    </ul>
 +
  </nav>
  
  

Revision as of 15:34, 23 June 2016

MENU ▤