|
|
| Line 22: |
Line 22: |
| | | | |
| | <head> | | <head> |
| - | <meta charset="utf-8"> | + | <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> |
| - | <title>Burnstudio</title>
| + | <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> |
| - | <link rel="stylesheet" href="http://1stwebdesigner.com/demos/burnstudio/style.css">
| + | |
| | | | |
| - |
| |
| - | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
| |
| - | <script src="http://1stwebdesigner.com/demos/burnstudio/js/slides.min.jquery.js"></script>
| |
| - |
| |
| - | <!--[if IE]>
| |
| - | <script type="text/javascript">
| |
| - | (function(){
| |
| - | var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
| |
| - | for(var i = 0; i < html5elmeents.length; i++){
| |
| - | document.createElement(html5elmeents[i]);
| |
| - | }
| |
| - | }
| |
| - | )();
| |
| - | </script>
| |
| - | <![endif]-->
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <div id="header-wrap">
| |
| - | <header class="group">
| |
| - | <h2><a href="index.html" title="burstudio">Burnstudio</a></h2>
| |
| - | <div id="call">
| |
| - | <h3>(012) 345 6789</h3>
| |
| - | <h4 class="green">Call us <strong>now</strong></h4>
| |
| - | </div><!-- end call -->
| |
| - | <nav class="group">
| |
| - | <ul>
| |
| - | <li class="home"><a href="#" title="">Home</a></li>
| |
| - | <li><a href="#" title="">Services</a></li>
| |
| - | <li><a href="#" title="">About Us</a></li>
| |
| - | <li><a href="#" title="">Testimonials</a></li>
| |
| - | <li class="last">
| |
| - | <div>
| |
| - | <input type="text" name="search" placeholder="search" />
| |
| - | <input type="submit" name="search" value="go" class="search"/>
| |
| - | </div>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </nav>
| |
| - | </header>
| |
| - | </div><!-- end header wrap -->
| |
| - |
| |
| - |
| |
| - | <div id="container">
| |
| - | <div id="slides">
| |
| - | <div class="slides_container">
| |
| - | <div>
| |
| - |
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/slide1.png" alt="slide1" />
| |
| - |
| |
| - | <div class="slide-right">
| |
| - | <h1 class="slide-heading">Artthatworks 1 dolor sit amet, consectetur adipiscing elit.</h1>
| |
| - | <p class="info">Vestibulum a diam lorem. Fusce viverra commodo rhoncus. Nam ipsum magna, faucibus non semper et, vestibulum quis arcu. Nulla in tellus eu nunc cursus scelerisque ac nec nibh.</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div>
| |
| - |
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/slide1.png" alt="slide1" />
| |
| - |
| |
| - | <div class="slide-right">
| |
| - | <h1 class="slide-heading">Artthatworks 2 dolor sit amet, consectetur adipiscing elit.</h1>
| |
| - | <p class="info">Vestibulum a diam lorem. Fusce viverra commodo rhoncus. Nam ipsum magna, faucibus non semper et, vestibulum quis arcu. Nulla in tellus eu nunc cursus scelerisque ac nec nibh.</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div>
| |
| - |
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/slide1.png" alt="slide1" />
| |
| - |
| |
| - | <div class="slide-right">
| |
| - | <h1 class="slide-heading">Artthatworks 3 dolor sit amet, consectetur adipiscing elit.</h1>
| |
| - | <p class="info">Vestibulum a diam lorem. Fusce viverra commodo rhoncus. Nam ipsum magna, faucibus non semper et, vestibulum quis arcu. Nulla in tellus eu nunc cursus scelerisque ac nec nibh.</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </div><!-- end slies container -->
| |
| - | </div><!-- end slides -->
| |
| - |
| |
| - | <div id="service">
| |
| - |
| |
| - | <div id="web">
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/web.png" />
| |
| - | <h3>Web <strong><span class="green">Design</span></strong></h3>
| |
| - | <p>Nunc viverttra erat et turpis viverra pellentesque. Maecenas ullamcorper, nibh tristique ullamcorper lacinia, tellus nisi blandit elit, id pulvinar tortor.</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div><!-- end web -->
| |
| - |
| |
| - | <div id="vector">
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/vector.png" />
| |
| - | <h3>Vector <strong><span class="green">Design</span></strong></h3>
| |
| - | <p>Nunc viverttra erat et turpis viverra pellentesque. Maecenas ullamcorper, nibh tristique ullamcorper lacinia, tellus nisi blandit elit, id pulvinar tortor.</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div><!-- end vector -->
| |
| - |
| |
| - | </div><!-- end service-->
| |
| - |
| |
| - | <div id="media" class="group">
| |
| - | <div id="video">
| |
| - | <h4>Quick <strong>Video Tour</strong></h4>
| |
| - | <h5>How we Design our works!</h5>
| |
| - | <a href="#" class="play"><img src="http://1stwebdesigner.com/demos/burnstudio/images/play.png" alt="play" /></a>
| |
| - | </div>
| |
| - |
| |
| - | <div id="twitter">
| |
| - | <h4>Twitter <strong><span class="green">Feed</span></strong></h4>
| |
| - | <p class="tweet">Mashable Video: Principal Resigns After Allegedly Posing as a Student on Facebook -<a href="#" class="t-link">http://on.mash.to/IVYWYJ</a></p>
| |
| - | <p class="time">9 hours ago</p>
| |
| - | </div>
| |
| - |
| |
| - | <div id="facebook">
| |
| - | <h4>Like Us On <strong><span class="green">Facebook</span></strong></h4>
| |
| - | </div>
| |
| - | </div><!-- end media -->
| |
| - | </div> <!--! end container -->
| |
| - |
| |
| - | <div id="widget-wrap" class="group">
| |
| - | <div id="widget">
| |
| - | <div id="links" class="group">
| |
| - | <h4 class="white">Other <strong>Links</strong></h4>
| |
| - | <ul>
| |
| - | <li><a href="#">www.example.com</a></li>
| |
| - | <li><a href="http://www.1stwebdesigner.com">www.1stwebdesigner.com</a></li>
| |
| - | <li><a href="http://www.labzip.com">www.labzip.com</a></li>
| |
| - | <li><a href="#">www.samplelink.com</a></li>
| |
| - | <li><a href="#">www.outgoinglink.com</a></li>
| |
| - | <li><a href="#">www.link.com</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div id="blog">
| |
| - | <h4 class="footer-header white">Latest From The <strong>Blog</strong></h4>
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/blog.png" alt="blog" />
| |
| - | <p class="title">Maecenas iaculis lorem vel dui vulputate non consequat mi congue.</p>
| |
| - | <p class="date">05.30.2012</p>
| |
| - | <p><a href="#" class="readmore">read more</a></p>
| |
| - | </div><!-- end blog -->
| |
| - |
| |
| - | <div id="location">
| |
| - | <h4 class="footer-header white">Our <strong>Location</strong></h4>
| |
| - | <img src="http://1stwebdesigner.com/demos/burnstudio/images/map.png" alt="map" />
| |
| - | <p class="address">123 unknown street, address
| |
| - | </br> 8600 Philippnes</p>
| |
| - | </div><!-- end location -->
| |
| - | </div><!-- end widget -->
| |
| - | </div> <!--! end widget-wrap -->
| |
| - |
| |
| - | <div id="client-wrap" class="group">
| |
| - | <div id="client">
| |
| - | <ul>
| |
| - | <li><img src="http://1stwebdesigner.com/demos/burnstudio/images/client-1.jpg" alt="" /></li>
| |
| - | <li><img src="http://1stwebdesigner.com/demos/burnstudio/images/client-2.jpg" alt="" /></li>
| |
| - | <li><img src="http://1stwebdesigner.com/demos/burnstudio/images/client-3.jpg" alt="" /></li>
| |
| - | <li><img src="http://1stwebdesigner.com/demos/burnstudio/images/client-4.jpg" alt="" /></li>
| |
| - | <li><img src="http://1stwebdesigner.com/demos/burnstudio/images/client-5.jpg" alt="" /></li>
| |
| - | </ul>
| |
| - | </div><!-- end client -->
| |
| - | </div><!-- end client-wrap -->
| |
| - |
| |
| - | <footer class="group">
| |
| - | <div id="footer-left">
| |
| - | <p>Copyright <a href="http://www.1stwebdesigner.com" class="green">www.1stwebdesigner.com</a> </br>
| |
| - | Designed by <a href="http://www.1stwebdesigner.com/author/micheal" class="green">Michael Burns</a></p>
| |
| - | </div>
| |
| - |
| |
| - | <div id="footer-right">
| |
| - | <ul>
| |
| - | <li><a href="#">Home</a></li>
| |
| - | <li><a href="#">Services</a></li>
| |
| - | <li><a href="#">About Us</a></li>
| |
| - | <li><a href="#">Testimonials</a></li>
| |
| - | <li><a href="#">Contact Us</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <a href="#header-wrap"><img src="http://1stwebdesigner.com/demos/burnstudio/images/back-top.png" alt="back-top" class="back-top" /></a>
| |
| - | </footer>
| |
| - |
| |
| - |
| |
| - | <script>
| |
| - | $(function(){
| |
| - | $('#slides').slides({
| |
| - | preload: true,
| |
| - | generateNextPrev: true,
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | </body>
| |
| | </html> | | </html> |
"
