Difference between revisions of "Template:Tsinghua"

Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
 
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<html>
 
<html>
−
 
+
<head>
−
<!-- Start of CSS-->
+
<title>HOME</title>
−
<style type="text/css">
+
<!--bootstarp-css-->
−
 
+
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
−
/* PAGE LAYOUT */
+
<!--/bootstarp-css -->
−
 
+
<!--css-->
−
/* Change Background color*/
+
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
−
body {  
+
<!--/css-->
−
background-color: #fff;
+
<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,
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
−
#mainContainer {
+
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
−
width: 978px;
+
<link href="css/hover.css" rel="stylesheet" media="all">
−
overflow:hidden;
+
<!--fonts-->
−
float:left;
+
<link href='http://fonts.useso.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
−
margin-left:20px;
+
<link href='http://fonts.useso.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
−
margin-bottom: 10px;
+
<!--/fonts-->
−
background-color: #fff;
+
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
−
border-bottom: 14px solid #565656;
+
<script src="js/modernizr.custom.js"></script>
−
border-right: 2px solid #565656;
+
<script src="js/responsiveslides.min.js"></script>
−
border-left: 2px solid #565656;
+
<script>
−
border-top: 2px solid #565656;
+
    // You can also use "$(window).load(function() {"
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
    $(function () {
−
}
+
      $("#slider2").responsiveSlides({
−
 
+
        auto: true,
−
/* Creates the container for the menu */
+
        pager: true,
−
#menuContainer  {
+
        speed: 300,
−
float:left;
+
        namespace: "callbacks",
−
width: 134px;
+
      });
−
padding: 20px 0px;
+
    });
−
border-top: 14px solid #565656;
+
  </script>
−
background-color: #E8E8E9;
+
</head>
−
}
+
<body>
−
 
+
<!--header-->
−
/* Creates the container for the content */
+
<div class="header">
−
#contentContainer {
+
<div class="header-info">
−
padding-top:20px;
+
  <div class="container">
−
padding-right:10px;
+
<div class="logo">
−
margin-bottom: 20px;
+
<a href="index.html"><img src="images/logo.png" alt="" /></a>
−
width: 814px;
+
</div>
−
padding-left: 20px;
+
            <div class="search-box">
−
float: left;
+
        <form>
−
background-color: #fff;
+
            <input type="text" name="s" class="textbox" placeholder="Search" required>
−
border-top: 14px solid #565656;
+
            <input type="submit" value="">
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
        </form>
−
}
+
        </div>
−
 
+
        <div class="clearfix"> </div>
−
/*Set up height place holder for the banner*/
+
  </div>
−
#bannerContainer {
+
</div>
−
height:200px;
+
</div>
−
margin:auto;
+
  <div class="container">
−
text-align:center;
+
      <div class="header-bottom">
−
color: #24B694;
+
<div class="menu">
−
}
+
<span class="menu-info"> </span>
−
 
+
<ul class="cl-effect-21">
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
<li><a href="index.html" class="active">HOME</a></li>
−
 
+
<li><a href="about.html">ABOUT</a></li>
−
/*Change the styling of text for everything inside main container*/
+
<li><a href="projects.html">PROJECTS</a></li>
−
#mainContainer p {
+
<li><a href="support.html">SUPPORT</a></li>
−
font-size: 13px;
+
<li><a href="404.html">CAREPLUS</a></li>
−
color: #000000;
+
<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>
 +
<!--/header-->
 +
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
 +
<!--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>
 +
<!--/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>
 
 
−
/*This changes the color and font family */
+
<input type="text" class="text" value="EMAIL" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'EMAIL';}">
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
<input type="submit"value="SUBMIT">
−
color: #565656;
+
</form>
−
border-bottom: none;
+
<p>FOR HELP<span><a href="mailto:example@mail.com">pets-care@mail.com</a></span></p>
−
font-weight: bold;
+
</div>
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
</div>
−
margin-top:10px;
+
</div>
−
}
+
<!--/daily-updates-->
−
 
+
<!--support-->
−
/*Style of the links - links are different inside the menu */
+
<div class="support">
−
#contentContainer a {
+
<div class="container">
−
font-weight: bold;
+
<div class="support-info">
−
color: #23b593;
+
<h4>OUR TEAM FOR SUPPORT</h4>
−
}
+
<div class="support-info-left">
−
 
+
<div class="col-md-10 support-info-left-bottom">
−
  /* Styling links on hover- links are different inside the menu */
+
<p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
−
#contentContainer a:hover {
+
the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ty
−
color: #59bf92;
+
pe and scrambled</p>
−
}
+
</div>
−
 
+
<div class="col-md-2 support-info-left-top">
−
/*Change the styling of tables */
+
<img src="images/support.png" class="img-responsive" alt=""/>
−
        #contentContainer table {
+
</div>
−
    border: 1px solid #565656;
+
<div class="clearfix"> </div>
−
    border-collapse: collapse;
+
−
    width: 90%
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer  td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
margin-left:0px;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
text-align: center;
+
−
display: block;
+
−
width: 100%;
+
−
height:30px;
+
−
padding-top:10px;
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #24B694;
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #59BF92;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
−
}
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
−
 
+
−
<!-- Start of the template html elements. -->
+
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
−
 
+
−
 
+
−
<div id="bannerContainer">
+
−
<br><br>
+
−
<h2> Add a banner to your wiki! </h2>
+
−
+
−
<p>You can make the image 980px  by  200px</p>
+
−
<p> Remember to call the file: "<i>Team_Tsinghua_banner.jpg</i>" </p>
+
 
</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>
  
−
<!-- Start of menu -->
+
</div>
−
<div id="menuContainer">
+
</div>
−
 
+
<!--/contact-->
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<!--footer-->
−
<ul>
+
<div class="footer">
−
<a href="https://2015.igem.org/Team:Tsinghua"><li>HOME</li></a>
+
<div class="container">
−
 
+
<div class="copy-rights">
−
<a href="https://2015.igem.org/Team:Tsinghua/Team"><li>TEAM</li></a>
+
<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>
−
 
+
−
<a href="#"><li>PROJECT
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Description"><li>Description</li></a>
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Results"><li>Results</li></a> 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Design"><li>Design</li></a>
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="#"><li>PARTS
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Parts"><li>Team Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Basic_Part"><li>Basic Parts</li></a> 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Composite_Part"><li>Composite Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Part_Collection"><li>Part Collection</li></a>
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Notebook"><li>NOTEBOOK</li></a>
+
−
     
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Collaborations"><li>COLLABORATIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Practices"><li>HUMAN PRACTICES</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Safety"><li>SAFETY</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Modeling"><li>MODELING</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Measurement"><li>MEASUREMENT</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Software"><li>SOFTWARE</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Tsinghua/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
 
+
−
</ul>
+
 
</div>
 
</div>
−
<!-- End of menu  -->
 
  
−
<!-- Start of content -->
+
</div>
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
</div>
 +
<!--/footer-->
 +
</body>
 
</html>
 
</html>

Revision as of 12:20, 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 网页模板