|
|
| Line 263: |
Line 263: |
| | </style> | | </style> |
| | | | |
| - | <div class="content">
| |
| - | <h1 class="title">Slide Down Box Menu with jQuery and CSS3</h1>
| |
| - | <ul id="sdt_menu" class="sdt_menu">
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <!--<img src="images/2.jpg" alt=""/>-->
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">About me</span>
| |
| - | <span class="sdt_descr">Get to know me</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <img src="images/1.jpg" alt=""/>
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">Portfolio</span>
| |
| - | <span class="sdt_descr">My work</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | <div class="sdt_box">
| |
| - | <a href="#">Websites</a>
| |
| - | <a href="#">Illustrations</a>
| |
| - | <a href="#">Photography</a>
| |
| - | </div>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <img src="images/3.jpg" alt=""/>
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">Inspiration</span>
| |
| - | <span class="sdt_descr">Where ideas get born</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <img src="images/4.jpg" alt=""/>
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">Photos</span>
| |
| - | <span class="sdt_descr">I like to photograph</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <img src="images/5.jpg" alt=""/>
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">Blog</span>
| |
| - | <span class="sdt_descr">I write about design</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | </li>
| |
| - | <li>
| |
| - | <a href="#">
| |
| - | <img src="images/6.jpg" alt=""/>
| |
| - | <span class="sdt_active"></span>
| |
| - | <span class="sdt_wrap">
| |
| - | <span class="sdt_link">Projects</span>
| |
| - | <span class="sdt_descr">I like to code</span>
| |
| - | </span>
| |
| - | </a>
| |
| - | <div class="sdt_box">
| |
| - | <a href="#">Job Board Website</a>
| |
| - | <a href="#">Shopping Cart</a>
| |
| - | <a href="#">Interactive Maps</a>
| |
| - | </div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| | | | |
| | <div id="wrap"> | | <div id="wrap"> |
"
