陳沛鴻 Home templatemo 398 nature index1
From 2014hs.igem.org
(Created page with "<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]...") |
|||
(33 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | ||
- | + | {{:陳沛鴻_Styling_tricks}} | |
- | + | ||
- | + | <html> | |
- | + | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 17: | Line 16: | ||
<link rel="stylesheet" href="css/bootstrap.min.css"> | <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
<link rel="stylesheet" href="css/templatemo_main.css"> | <link rel="stylesheet" href="css/templatemo_main.css"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style type=text/css> | ||
+ | <!-- | ||
+ | @import url("https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_bootstrap.min?action=raw&ctype=text/css"); | ||
+ | --> | ||
+ | <!-- | ||
+ | @import url("https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_templatemo_main?action=raw&ctype=text/css"); | ||
+ | --> | ||
+ | <!-- | ||
+ | @import url("https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_googleapis?action=raw&ctype=text/css"); | ||
+ | --> | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
Line 27: | Line 48: | ||
<h1 class="templatemo-site-title"> | <h1 class="templatemo-site-title"> | ||
<a href="http://www.templatemo.com/preview/templatemo_398_nature" rel="nofollow">NATURE</a> | <a href="http://www.templatemo.com/preview/templatemo_398_nature" rel="nofollow">NATURE</a> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/5/5e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm" > |
</h1> | </h1> | ||
Line 45: | Line 66: | ||
<div class="image-section"> | <div class="image-section"> | ||
<div class="image-container"> | <div class="image-container"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/9/9c/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_templatemo_Nature1.jpg" id="home-img" class="main-img inactive" alt="Home"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/a/a8/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Nature2.jpg" id="about-img" class="inactive" alt="About"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/1/11/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Nature3.jpg" id="services-img" class="inactive" alt="Services"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/f/f8/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Nature4.jpg" id="testimonial-img" class="inactive" alt="Testimonial"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014hs/a/a0/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_Nature5.jpg" id="contact-img" class="inactive" alt="Contact"> |
</div> | </div> | ||
</div> | </div> | ||
Line 153: | Line 174: | ||
</div><!-- /#preloader --> | </div><!-- /#preloader --> | ||
- | + | <script src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_jquery.min?action=raw&ctype=text/javascript"></script> | |
- | <script src=" | + | <script src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_jquery.backstretch.min?action=raw&ctype=text/javascript"></script> |
- | + | <script src="https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home_templatemo_398_nature_templatemo_script?action=raw&ctype=text/javascript"></script> | |
</body> | </body> | ||
</html> | </html> |
Latest revision as of 07:02, 4 May 2014
Welcome to Nature
Nature is free HTML5 template by templatemo. You may download and apply this template for any purpose. Credit goes to Unsplash for background images used in this template. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non sem a leo mattis dapibus.
Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.
About Us
Nullam sit amet enim vitae magna malesuada pharetra. Etiam sodales consequat purus non vulputate. Aliquam erat volutpat. Pellentesque rutrum, ligula vel fermentum imperdiet, lectus eros volutpat urna, id mollis dolor justo vulputate justo ut sit amet ante luctus metus.
Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta. Vivamus faucibus dui nulla, a aliquet nunc porta in.
Our Services
Web Design
Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus.
Mobile Ready
This is a mobile website template that can be viewed in mobile phones. Maecenas aliquam vitae urna sit amet elementum. Cras consequat libero nisi, vel condimentum nibh eleifend ut. Donec consequat arcu id diam viverra.
Pixel Perfect
Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta.
Testimonials
Aenean quis semper metus. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non sem a leo mattis dapibus. Duis vel ornare arcu. Quisque at malesuada tortor.
Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.
Contact
120 Aenean quis semper. Maecenas adipiscing, facilisis tempor, mi quam feugiat 10450