Difference between revisions of "Team:SCUT/Safety"

Line 1: Line 1:
−
<!DOCTYPE html>  
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<html lang="en">  
+
<head>
−
<head>  
+
<style>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
 +
<!-- mobile meta tag -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
 
 +
/* hiding the top section*/
 +
body{position:absolute; top:0px; width:100%;height:auto;font-family:微软雅黑;background:transparent;}
 +
#top-section{
 +
    height:0px;
 +
    border:none;
 +
    width:980px;
 +
    margin:5px auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
/* end of hiding the top section*/
 +
 
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri， Arial, Helvetica, sans-serif;}
 +
#content{
 +
    position:absolute;
 +
    background-color:transparent;
 +
    border:none;
 +
    width:100%;
 +
    height:auto;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:0px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
 +
 
 +
/*hiding the footer-box*/
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
/*end of hiding the footer book*/
 +
 
 +
/* menu (page, edit ...) */
 +
#menubar {
 +
    background-color:transparent;
 +
    position: relative;
 +
    float:left;
 +
    white-space: nowrap;
 +
    top:-6px;
 +
    width:490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
 +
 
 +
.left-menu{margin-left:-180px;}
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
 
 +
    text-transform:lowercase;
 +
}
 +
 
 +
.left-menu:hover {
 +
 
 +
    background-color: transparent;
 +
    display:block;
 +
}
 +
 
 +
.right-menu{width:400px; float:right;margin-left:100px;}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
 
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
    color:black;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
 +
 
 +
.left-menu:hover a {
 +
    color:white;
 +
}
 +
 
 +
.left-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
    color:white;
 +
}
 +
 
 +
 
 +
.right-menu li {
 +
    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #999999;;
 +
    background-color: transparent;
 +
    color:white;
 +
}
 +
.right-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
color:white;
 +
}
 +
/* end menu (edit, page ...) */
 +
</style>  
 +
 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />  
 
 
Line 7: Line 144:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
−
<title>Services - Sympathique</title>  
+
<title>Safety</title>  
 
 
 
<!-- main style -->
 
<!-- main style -->
Line 14: Line 151:
 
<!-- color scheme -->
 
<!-- color scheme -->
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/red/red.css" media="screen" title="red" />
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/red/red.css" media="screen" title="red" />
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/yellow/yellow.css" media="screen" title="yellow" />
+
 
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/orange/orange.css" media="screen" title="orange" />
+
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/blue/blue.css" media="screen" title="blue" />
+
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/green/green.css" media="screen" title="green" />
+
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/color-schemes/purple/purple.css" media="screen" title="purple" />
+
−
+
 
<!--miscellaneous-->
 
<!--miscellaneous-->
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/superfish.css" media="screen">
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/superfish.css" media="screen">
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/prettyPhoto.css" media="screen"/>
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/prettyPhoto.css" media="screen"/>
−
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/font-awesome.css" media="screen"/>
+
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/font-awesome.css" media="screen"/>
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/audioplayer.css" media="screen" />
 
<link rel="stylesheet" type="text/css" href="http://3.graduatesession.sinaapp.com/2015SCUT/css/audioplayer.css" media="screen" />
 
 
Line 65: Line 197:
 
 
 
<!-- Google Web Fonts -->
 
<!-- Google Web Fonts -->
−
<link href='../../../fonts.googleapis.com/css@family=Open+Sans_3A300,400,600,700' rel='stylesheet' type='text/css'>
+
<link href=“http://3.graduatesession.sinaapp.com/2015SCUT/css@family=Open+Sans_3A300,400,600,700”rel=“stylesheet”type=“text/css”>
−
 
+
  
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 102: Line 233:
 
</head>  
 
</head>  
  
−
<body>  
+
<!--very important: setting a class for homepage -->
 +
<body class="home">  
  
 
<!-- setting a fullscreen image as background:
 
<!-- setting a fullscreen image as background:
 
<img id="bg" src="images/apple.jpg" alt="apple-background" />
 
<img id="bg" src="images/apple.jpg" alt="apple-background" />
 
-->
 
-->
−
 
−
 
−
<div class="theme-changer-wrap">
 
−
<div class="theme-changer">
 
−
<div class="changer-inner">
 
−
<span> COLOR SCHEME </span>
 
−
<ul id="colors">
 
−
<li><a href="services.html@style=yellow" rel="yellow" class="styleswitch color-yellow">yellow</a></li>
 
−
<li><a href="services.html@style=orange" rel="orange" class="styleswitch color-orange">orange</a></li>
 
−
<li><a href="services.html@style=blue" rel="blue" class="styleswitch color-blue">blue</a></li>
 
−
<li><a href="services.html@style=green" rel="green" class="styleswitch color-green">blue</a></li>
 
−
<li><a href="services.html@style=red" rel="red" class="styleswitch color-red">blue</a></li>
 
−
<li><a href="services.html@style=purple" rel="purple" class="styleswitch color-purple">blue</a></li>
 
−
 
−
</ul>
 
−
<div style="clear:both; height:10px; width:100%"></div>
 
−
</div>
 
−
</div>
 
−
<div class="open-close"></div>
 
−
</div>
 
 
<div id="wrapper">
 
<div id="wrapper">
 
<header id="header">
 
<header id="header">
 
<div class="centered-wrapper">
 
<div class="centered-wrapper">
 
<div class="one-third">
 
<div class="one-third">
−
<div class="logo"><a href="index.html"></a></div>
+
<div class="logo"><a href="https://2015.igem.org/Team:SCUT"></a></div>
 
</div><!--end one-third-->
 
</div><!--end one-third-->
 
 
Line 137: Line 249:
 
<nav id="navigation">
 
<nav id="navigation">
 
<ul id="mainnav">
 
<ul id="mainnav">
−
<li><a href="index.html"><span>HOME</span></a>
+
<li><a href="https://2015.igem.org/Team:SCUT"><span>HOME</span></a>
−
<ul>
+
−
<li><a href="index.html">Home Version 1</a></li>
+
−
<li><a href="index-2.html">Home Version 2</a></li>
+
−
<li><a href="index-3.html">Home Version 3</a></li>
+
−
<li><a href="index-4.html">Home Version 4</a></li>
+
−
<li><a href="index-onepage.html">Home One Page</a></li>
+
−
</ul>
+
 
</li>
 
</li>
−
<li><a href="#"><span>PAGES</span></a>
+
                        <li><a href="#"><span>TEAM</span></a>
−
<ul>
+
                        <ul>
−
<li><a href="gallery.html">Gallery</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Attributions">Attributions</a></li>
−
<li><a class="current" href="services.html">Services</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Gallery">Gallery</a></li>
−
<li><a href="about-us.html">About Us</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Members">Members</a></li>
−
<li><a href="pricing.html">Pricing Options</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/OurUniversity">Our University</a></li>
−
<li><a href="testimonials.html">Testimonials</a></li>
+
 
</ul>
 
</ul>
 +
 
</li>
 
</li>
−
<li><a href="#"><span>FEATURES</span></a>
+
                        <li><a href="#"><span>PROJECT</span></a>
−
<ul>
+
−
<li><a href="typography.html">Typography</a></li>
+
−
<li><a href="columns.html">Columns</a></li>
+
−
<li><a href="buttons-and-boxes.html">Buttons and Boxes</a></li>
+
−
<li><a href="tabs-and-toggles.html">Tabs and Toggles</a></li>
+
−
<li><a href="tables-and-lists.html">Tables and Lists</a></li>
+
−
<li><a href="#">3rd Level Nav</a>
+
−
<ul>
+
−
<li><a href="#">this is</a></li>
+
−
<li><a href="#">a third level</a></li>
+
−
<li><a href="#">nav menu</a></li>
+
−
</ul>
+
−
</li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="portfolio-four-columns.html"><span>PORTFOLIO</span></a>
+
 
<ul>
 
<ul>
−
<li><a href="portfolio-grid.html">Grid Layout</a></li>
+
−
<li><a href="portfolio-four-columns.html">4 Columns</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/BackgroundOverview">Background & Overview</a></li>
−
<li><a href="portfolio-three-columns.html">3 Columns</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/CadmiumAbsorption">Cadmium Absorption</a></li>
−
<li><a href="portfolio-two-columns.html">2 Columns</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/SensorSystem">Sensor System</a></li>
−
<li><a href="portfolio-single.html">Portfolio Single</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Protocol">Protocol</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:SCUT/Notebook">NOTEBOOK</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:SCUT/Achievement">ACHIEVEMENT</a></li>
 +
                               
 +
                             
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="blog-masonry-2-columns.html"><span>BLOG</span></a>
+
<li><a href="https://2015.igem.org/Team:SCUT/Modeling"><span>MODELING</span></a>
 
<ul>
 
<ul>
−
<li><a href="blog-masonry-2-columns.html">Masonry Layout 1</a></li>
+
                                <li><a href="https://2015.igem.org/Team:SCUT/Overview">Overview</a></li>
−
<li><a href="blog-masonry-3-columns.html">Masonry Layout 2</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Biosensor">Biosensor</a></li>
−
<li><a href="blog.html">Regular Layout</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Bioeffector">Bioeffector</a></li>
−
<li><a href="blog-single.html">Blog Post</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/FutureWork">Future Work</a></li>
 +
 +
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="contact.html"><span>CONTACT</span></a>
+
<li><a href="#"><span>RESULT</span></a>
 
<ul>
 
<ul>
−
<li><a href="contact.html">Contact Layout 1</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/Parts">Parts</a></li>
−
<li><a href="contact-fullwidth.html">Contact Layout 2</a></li>
+
<li><a href="https://2015.igem.org/Team:SCUT/BasicParts">Basic Parts</a></li>
−
</ul>
+
<li><a href="https://2015.igem.org/Team:SCUT/Inthelab">In the lab</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:SCUT/Description">Description</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:SCUT/Measurement">Measurement</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:SCUT/Collaboration">Collaboration</a></li>
 +
                               
 +
                               
 +
 +
</ul>
 +
</li>
 +
                        <li><a href="#"><span>PRACTICE</span></a>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:SCUT/EconomicsandEthics">Economics and ethics</a></li>
 +
<li><a href="https://2015.igem.org/Team:SCUT/Outdoors">OUTDOORS</a></li>
 +
<li><a href="https://2015.igem.org/Team:SCUT/SynBiologyStudy">SYN-BIOLOGY STUDY</a></li>
 +
<li><a href="https://2015.igem.org/Team:SCUT/Visits">VISITS</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
 +
 +
                        <li><a href="https://2015.igem.org/Team:SCUT/Safety"><span>SAFETY</span></a>
 +
 
</li>
 
</li>
 +
                       
 +
                       
 
</ul>
 
</ul>
 
</nav><!--end navigation-->
 
</nav><!--end navigation-->
Line 212: Line 332:
 
<div class="title-content">
 
<div class="title-content">
 
<div class="two-third">
 
<div class="two-third">
−
<h2>Services</h2>
+
<h2>safety</h2>
 
</div>
 
</div>
 
<div class="one-third column-last">
 
<div class="one-third column-last">
Line 297: Line 417:
 
<div class="space"></div>
 
<div class="space"></div>
 
 
 +
 
<footer id="footer">
 
<footer id="footer">
 
<div class="centered-wrapper">
 
<div class="centered-wrapper">
Line 302: Line 423:
 
<div class="one-half">
 
<div class="one-half">
 
<h3>About Us</h3>
 
<h3>About Us</h3>
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam veritatis et quasi nam liber tempore.</p>
+
<p class="percent-two-third">In 2015, we SCUT teams won top ten innovative and entrepreneurial team set up by SCUT.Because of the strong support of the college, our team is being on the right track, and increasing understanding of the subject and experience.  </p>
 
<div class="footer-logo"></div>
 
<div class="footer-logo"></div>
 
</div><!--end percent-one-half-->
 
</div><!--end percent-one-half-->
 
<div class="one-half column-last">
 
<div class="one-half column-last">
 
<div class="percent-one-half">
 
<div class="percent-one-half">
−
<h3>We are on Twitter</h3>
+
 
<div class="tweet"></div>
 
<div class="tweet"></div>
 
</div>
 
</div>
 
 
 
<div class="percent-one-half column-last">
 
<div class="percent-one-half column-last">
−
<h3>Get in Touch with Us</h3>
+
<h3>Thanks</h3>
 
<ul>
 
<ul>
−
<li>Address: 1600 Amphitheatre Parkway, Mountain View, CA 94043</li>
+
<li>Zhang Zhenwu,Prof. Guo Shouqian,Dr. Li, Dr. Li Cheng,Dr. Wang Meng,Chen Kejie</li>
−
<li>Phone: +321 123 456 7<br/>
+
<li>Guangzhou Municipal Environmental Protection Bureau<br/>
−
E-mail: <a href="mailto:">johndoe@ipsum.com</a></li>
+
</a></li>
 
</ul>
 
</ul>
 
</div><!--end one-half-->
 
</div><!--end one-half-->
Line 326: Line 447:
 
<div class="centered-wrapper">
 
<div class="centered-wrapper">
 
<div class="one-half">
 
<div class="one-half">
−
<p>COPYRIGHT &copy; 2013 - SYMPATHIQUE | ALL RIGHTS RESERVED</p>
+
<p>COPYRIGHT &copy;2015-SCUT</p>
 
</div><!--end one-half-->
 
</div><!--end one-half-->
  
−
<div class="one-half column-last">
+
−
<ul id="social">
+
−
<li><a class="rss" href="#">RSS Feed</a></li>
+
−
<li><a class="facebook" href="#">Facebook</a></li>
+
−
<li><a class="twitter" href="#">Twitter</a></li>
+
−
<li><a class="flickr" href="#">Flickr</a></li>
+
−
<li><a class="google" href="#">Google</a></li>
+
 
 
 
<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above
 
<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above

Revision as of 07:27, 18 September 2015

Safety

safety

EXCELLENT SUPPORT

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

VALID WEB DESIGN

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

WEBMAIL INTEGRATION

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

FAST WEB DEVELOPMENT

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

COMMENTING SYSTEM

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

GOOGLE APPS

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.

Other Services:

  • Lorem ipsum dolor sit amet consectetur adipisicing elit
  • Nulla vitae elit libero, a pharetra augue
  • Nullam id dolor id nibh ultricies vehicula ut id elit
  • Duis aute irure dolor in reprehenderit in voluptate velit
  • Nullam id dolor id nibh ultricies vehicula ut id elit
  • Ut enim ad minim veniam, quis nostrud exercitation

About Us

In 2015, we SCUT teams won top ten innovative and entrepreneurial team set up by SCUT.Because of the strong support of the college, our team is being on the right track, and increasing understanding of the subject and experience.

Thanks

  • Zhang Zhenwu,Prof. Guo Shouqian,Dr. Li, Dr. Li Cheng,Dr. Wang Meng,Chen Kejie
  • Guangzhou Municipal Environmental Protection Bureau

COPYRIGHT ©2015-SCUT