Difference between revisions of "Team:Tsinghua"

(Replaced content with "{{Tsinghua}} <html> <h2> Welcome to Tsinghua iGEM 2015! </h2> <p>XXX a word about Tsinghua iGEM 2015</p> <p> </p> <div> <div align="right">several links including...")
Line 1: Line 1:
−
{{Tsinghua}}
+
<html>
−
<html>
+
<head>
−
<h2> Welcome to Tsinghua iGEM 2015! </h2>
+
<title>HOME</title>
−
<p>XXX a word about Tsinghua iGEM 2015</p>
+
<!--bootstarp-css-->
−
<p>&nbsp;</p>
+
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
−
<div>
+
<!--/bootstarp-css -->
−
  <div align="right">several links including igem</div>
+
<!--css-->
 +
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
 +
<!--/css-->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="Petcare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
 +
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 +
<link href="css/hover.css" rel="stylesheet" media="all">
 +
<!--fonts-->
 +
<link href='http://fonts.useso.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
 +
<!--/fonts-->
 +
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 +
<script src="js/modernizr.custom.js"></script>
 +
<script src="js/responsiveslides.min.js"></script>
 +
<script>
 +
    // You can also use "$(window).load(function() {"
 +
    $(function () {
 +
      $("#slider2").responsiveSlides({
 +
        auto: true,
 +
        pager: true,
 +
        speed: 300,
 +
        namespace: "callbacks",
 +
      });
 +
    });
 +
  </script>
 +
</head>
 +
<body>
 +
<!--header-->
 +
<div class="header">
 +
<div class="header-info">
 +
  <div class="container">
 +
<div class="logo">
 +
<a href="index.html"><img src="images/logo.png" alt="" /></a>
 +
</div>
 +
            <div class="search-box">
 +
        <form>
 +
            <input type="text" name="s" class="textbox" placeholder="Search" required>
 +
            <input type="submit" value="">
 +
        </form>
 +
        </div>
 +
        <div class="clearfix"> </div>
 +
  </div>
 +
</div>
 
</div>
 
</div>
−
<div class="highlightBox">Theme description
+
  <div class="container">
−
<p>DESCRIPTION: design and dream</p>
+
      <div class="header-bottom">
−
<p>HARDWARE &amp; EFFECT FIG: accomplishments</p>
+
<div class="menu">
 +
<span class="menu-info"> </span>
 +
<ul class="cl-effect-21">
 +
<li><a href="index.html" class="active">HOME</a></li>
 +
<li><a href="about.html">ABOUT</a></li>
 +
<li><a href="projects.html">PROJECTS</a></li>
 +
<li><a href="support.html">SUPPORT</a></li>
 +
<li><a href="404.html">CAREPLUS</a></li>
 +
<li><a href="contact.html">CONTACT</a></li>
 +
</ul>
 +
</div>
 +
<!--script-nav -->
 +
        <script>
 +
$("span.menu-info").click(function(){
 +
$("ul.cl-effect-21").slideToggle("slow" , function(){
 +
});
 +
});
 +
</script>
 +
<!-- /script-nav -->
 +
                    <div class="clearfix"> </div>
 +
  </div>
 +
  </div>
 +
<div class="header-banner">
 +
  <div class="slider">
 +
    <ul class="rslides" id="slider2">
 +
      <li><a href="#"><img src="images/4.jpg" class="img-responsive" alt=""/></a></li>
 +
      <li><a href="#"><img src="images/2.jpg" class="img-responsive" alt=""/></a></li>
 +
      <li><a href="#"><img src="images/3.jpg" class="img-responsive" alt=""/></a></li>
 +
    </ul>
 +
    </div>
 
</div>
 
</div>
−
<div>
+
<!--/header-->
−
  <p>A team photo here?</p>
+
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
−
  <p>or, veteran's word?</p>
+
<!--doctor-self-->
 +
<div class="doctor-self">
 +
<div class="container">
 +
<div class="doctor-self-info">
 +
<h3>WHAT WOULD OUR DEAN SAYS</h3>
 +
<div class="doctor-self-info-bottom">
 +
<div class="col-md-4 doctor-self-left">
 +
<img src="images/5.jpg" class="img-responsive" alt=""/>
 +
<h4>DR.JIMMY</h4>
 +
<h5>lorem lipsum doolr in groem horntim</h5>
 +
</div>
 +
<div class="col-md-8 doctor-self-right">
 +
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting i
 +
ndustry. Lorem Ipsum has been the industry's standard dummy text
 +
ever since the 1500s<br /><br /> reproduced below for those interested. Sections 1.10.32
 +
  and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero
 +
  are also reproduced in their exact original form, accompanied
 +
    by English versions from the 1914 translation by H. Rackham
 +
Lorem Ipsum is simply dummy text of the printing and typesetting i
 +
ndustry. Lorem Ipsum has been the industry's standard dummy text
 +
ever since the 1500s"</p>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
<p>[logos and links]&lt;nothing should be more than 3 clicks away&gt; </p>
+
<!--/doctor-self-->
 +
<!--dogs-food-->
 +
<div class="dogs-food">
 +
<div class="container">
 +
<div class="dogs-food-top-info">
 +
<div class="dogs-food-top">
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-1.png">
 +
<h4>CARE</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-2.png">
 +
<h4>CARE-+</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-3.png">
 +
<h4>TRAVEL</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-4.png">
 +
<h4>FRIEND-SHIP</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-5.png">
 +
<h4>DOG-HOME</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="col-md-4 dogs-food-info">
 +
<img src="images/dg-6.png">
 +
<h4>DOG-FOOD</h4>
 +
<p>when an unknown printer took a galley of
 +
type and scrambled it to make a type speci
 +
men book</p>
 +
<a class="dogs-top-food" href="#">More</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--/dogs-food-->
 +
<!--daily-updates-->
 +
<div class="daily-updates">
 +
<div class="container">
 +
<div class="daily-updates-info">
 +
<h4>SUBSCRIBE FOR DAILY UPDATES</h4>
 +
<form>
 +
 +
<input type="text" class="text" value="EMAIL" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'EMAIL';}">
 +
<input type="submit"value="SUBMIT">
 +
</form>
 +
<p>FOR HELP<span><a href="mailto:example@mail.com">pets-care@mail.com</a></span></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!--/daily-updates-->
 +
<!--support-->
 +
<div class="support">
 +
<div class="container">
 +
<div class="support-info">
 +
<h4>OUR TEAM FOR SUPPORT</h4>
 +
<div class="support-info-left">
 +
<div class="col-md-10 support-info-left-bottom">
 +
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
 +
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty
 +
pe and scrambled</p>
 +
</div>
 +
<div class="col-md-2 support-info-left-top">
 +
<img src="images/support.png" class="img-responsive" alt=""/>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="support-info-right">
 +
<div class="col-md-2 support-info-right-bottom">
 +
<img src="images/support.png" class="img-responsive" alt=""/>
 +
</div>
 +
<div class="col-md-10 support-info-right-top">
 +
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
 +
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty
 +
pe and scrambled</p>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="home-map">
 +
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387157.48595911684!2d-73.97968099999999!3d40.703312100000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sin!4v1421997628895"frameborder="0" style="border:0"></iframe>
 +
</div>
 +
<!--/support-->
 +
<!--contact-->
 +
<div class="contact">
 +
<div class="container">
 +
<div class="contact-info">
 +
<h4>CONTACT-US</h4>
 +
<p>Typesetting, remaining essentially unchanged. It was popularised in the 1960s</p>
 +
</div>
 +
<form>
 +
<input type="text" class="text" value="NAME" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'NAME';}">
 +
<input type="text" class="text" value="EMAIL" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'EMAIL';}">
 +
<textarea onFocus="if(this.value == 'MESSAGE') this.value='';" onBlur="if(this.value == '') this.value='MESSAGE';" >MESSAGE</textarea>
 +
<div class="clearfix"> </div>
 +
<input type="submit"value="SUBMIT">
 +
</form>
 +
 
 +
</div>
 +
</div>
 +
<!--/contact-->
 +
<!--footer-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="copy-rights">
 +
<p>Copyright &copy; 2015.Company name All rights reserved. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
<!--/footer-->
 +
</body>
 
</html>
 
</html>

Revision as of 17:58, 17 September 2015

HOME

Collect from 企业网站模板

WHAT WOULD OUR DEAN SAYS

DR.JIMMY

lorem lipsum doolr in groem horntim

"Lorem Ipsum is simply dummy text of the printing and typesetting i ndustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham Lorem Ipsum is simply dummy text of the printing and typesetting i ndustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s"

CARE

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

CARE-+

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

TRAVEL

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

FRIEND-SHIP

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

DOG-HOME

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

DOG-FOOD

when an unknown printer took a galley of type and scrambled it to make a type speci men book

More

SUBSCRIBE FOR DAILY UPDATES

FOR HELPpets-care@mail.com

OUR TEAM FOR SUPPORT

"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty pe and scrambled

"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty pe and scrambled

CONTACT-US

Typesetting, remaining essentially unchanged. It was popularised in the 1960s

Copyright © 2015.Company name All rights reserved. More Templates 模板之家 - Collect from 网页模板