Difference between revisions of "Team:FAFU-CHINA"
| Line 1: | Line 1: | ||
| − | |||
<head> | <head> | ||
<title>HOME</title> | <title>HOME</title> | ||
Revision as of 19:14, 21 August 2015
<head> <title>HOME</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href='http://fonts.useso.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="css/templatemo_style.css" rel="stylesheet" type="text/css"> </head> <body> <nav id="responsive-menu">
</nav>
<nav class="hidden-xs text-uppercase templatemo-nav">
</nav>
Contents
The Brownie
<a href="#" id="mobile_menu"></a>
<section id="home" class="templatemo-section">
<img src="images/bicycle.jpg" alt="Home" class="templatemo-home-image">
duis sed odio amet
class apent tacit sioutis mauris just olmorbi
The Brownie is free responsive template from templatemo.com website. You can use this layout for any of your website. Please spread a word about us. Thank you. This template uses CSS Flexbox, which is supported on IE 10+ and recent versions of all other major browsers. Check out <a href="#/#feat=flexbox" target="_blank">caniuse.com</a> for detailed browser support information.
<a href="#" class="btn text-uppercase templatemo-btn templatemo-info-btn">Lorem Ipsum</a>
</section>
<section id="about" class="templatemo-section">
Meet Our Creative Team
Lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Proin condimentum fermentum nunc. Suspendisse in orci enim.
-
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame"> <img src="images/team-member-1.jpg" alt="Team Member 1" class="tm-team-member-img">
Aenean sollicitudin
<img src="images/underline.png" alt="Underline" class="margin-top-15 img-responsive center-block">
Ribendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
Duised odio
-
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame"> <img src="images/team-member-2.jpg" alt="Team Member 2" class="img-circle tm-team-member-img">
Ribendum auctor
<img src="images/underline.png" alt="Underline" class="margin-top-15">
Aenean sollicitudin, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
Nisi elit
-
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame"> <img src="images/team-member-3.jpg" alt="Team Member 3" class="img-circle tm-team-member-img">
sagittis sem
<img src="images/underline.png" alt="Underline" class="margin-top-15">
Ribendum auctornisi elit consequat ipsum, nisi elit sem nibh id elit.
Nec sagittis
<a href="#" class="jcarousel-control-prev inactive">‹</a> <a href="#" class="jcarousel-control-next">›</a>
</section> <section id="services" class="templatemo-section">
Our Plans
<img src="images/plan-1.png" alt="Plan 1" class="templatemo-service-image">
duis sed odio sit amet
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
<img src="images/plan-2.png" alt="Plan 2" class="templatemo-service-image">
sagittis sem nibhd
Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat.
<img src="images/plan-3.png" alt="Plan 3" class="templatemo-service-image">
duis sed odio sit amet
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
Powerful Creative Design
Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudinl dorem quis bibendum auctor, nisi elit consequat ipsum, nec sagit. tis
</section> <section id="products" class="templatemo-section">
The Best Quality Products
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.
-
Product Name
<img src="images/product-1.png" alt="Product 1" class="templatemo-product-img">
-
Smart Phone
<img src="images/product-2.png" alt="Product 2" class="templatemo-product-img">
-
Cogs
<img src="images/product-3.png" alt="Product 3" class="templatemo-product-img">
<a href="#" class="jcarousel-control-prev inactive">‹</a> <a href="#" class="jcarousel-control-next">›</a>
</section> <section id="contact" class="templatemo-section">
<form action="#" method="post">
<input type="text" id="contact_name" class="form-control" placeholder="Name..." />
<input type="email" id="contact_email" class="form-control" placeholder="Email..." />
<input type="text" id="contact_subject" class="form-control" placeholder="Subject..." />
<textarea id="contact_message" class="form-control" rows="8" placeholder="Message..."></textarea>
<button type="submit" class="btn text-uppercase templatemo-btn templatemo-send-btn">Send</button> </form>
Get In Touch
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio nisi elit consequat ipsum, nec sagittis sem nibh id elit. .
<img src="images/social-icons.png" alt="Social icons" class="templatemo-social-icons-img">
<a href="http://www.facebook.com"></a> <a href="http://www.twitter.com"></a> <a href="http://plus.google.com"></a> <a href="http://www.vimeo.com"></a> <a href="http://www.flickr.com"></a></section> <footer class="container margin-top-30">
Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a>
</footer> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/jquery.jcarousel.min.js"></script> <script src="js/templatemo_script.js"></script> </body> </html>