Team:IIT Madras/Templates/modern

From 2013.igem.org

(Difference between revisions)
Line 20: Line 20:
       }
       }
     </style>
     </style>
-
<style type="text/css">
 
-
 
-
ul li { display: inline; }
 
-
</style>
 
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/styles.css" />
+
  <meta charset="utf-8">
-
<link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/styles.css" />
+
  <title>Burnstudio</title>
-
 
+
  <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>
</head>
-
<div class="nav-bar" style="background-color:transparent;">
+
 
-
<div class="nav-bar-inner padding20">
+
<body>
-
<a href="#">
+
<div id="header-wrap">
-
<img class="place-left" src="http://junaidbabu.github.io/testpages/site/images/head_logo1.png" height="70/">
+
<header class="group">
-
</a>
+
<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>
-
</div>
+
<div>
-
<div class="nav-bar" style="background-color:transparent;">
+
-
<div class="nav-bar-inner padding20">
+
<img src="http://1stwebdesigner.com/demos/burnstudio/images/slide1.png" alt="slide1" />
-
<ul class="menu" style="overflow: visible;">
+
-
<li class="text-center menu-item"><a href="#"><img src="images/top_home.png" align="center"><br>HOME</a></li>
+
<div class="slide-right">
-
<li class="text-center menu-item" data-role="dropdown">
+
<h1 class="slide-heading">Artthatworks 2 dolor sit amet, consectetur adipiscing elit.</h1>
-
<a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_activity.png" align="center"><br>ACTIVITIES</a>
+
<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>
-
<ul class="dropdown-menu" style="overflow: hidden; display: none;">
+
<p><a href="#" class="readmore">read more</a></p>
-
<li><a href="#">TECH-SOC</a></li>
+
</div>
-
<li><a href="#">LIT-SOC</a></li>
+
-
<li><a href="#">SCHROETER</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_alumni.png" align="center"><br>ALUMNI</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_gallery.png" align="center"><br>GALLERY</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_articles.png" align="center"><br>ARICLES</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_residents.png" align="center"><br>RESIDENTS</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_council.png" align="center"><br>COUNCIL</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_download.png" align="center"><br>DOWNLOADS</a></li>
+
-
<li class="text-center menu-item"><a href="#"><img src="http://junaidbabu.github.io/testpages/site/images/top_contact.png" align="center"><br>CONTACTS</a></li>
+
-
</ul>
+
</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>
 +
 +
<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>

Revision as of 12:20, 20 September 2013

Burnstudio

Burnstudio

(012) 345 6789

Call us now

slide1

Artthatworks 1 dolor sit amet, consectetur adipiscing elit.

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.

read more

slide1

Artthatworks 2 dolor sit amet, consectetur adipiscing elit.

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.

read more

slide1

Artthatworks 3 dolor sit amet, consectetur adipiscing elit.

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.

read more

Web Design

Nunc viverttra erat et turpis viverra pellentesque. Maecenas ullamcorper, nibh tristique ullamcorper lacinia, tellus nisi blandit elit, id pulvinar tortor.

read more

Vector Design

Nunc viverttra erat et turpis viverra pellentesque. Maecenas ullamcorper, nibh tristique ullamcorper lacinia, tellus nisi blandit elit, id pulvinar tortor.

read more

Quick Video Tour

How we Design our works!
play

Twitter Feed

Mashable Video: Principal Resigns After Allegedly Posing as a Student on Facebook -http://on.mash.to/IVYWYJ

9 hours ago

Like Us On Facebook

Latest From The Blog

blog

Maecenas iaculis lorem vel dui vulputate non consequat mi congue.

05.30.2012

read more

Our Location

map

123 unknown street, address
8600 Philippnes

Retrieved from "http://2013.igem.org/Team:IIT_Madras/Templates/modern"