Difference between revisions of "Team:SCUT/Safety"

Line 1: Line 1:
−
<html xmlns="http://www.w3.org/1999/xhtml">
+
<!DOCTYPE html>  
−
<head>
+
<html lang="en">  
−
<style>
+
<head>  
−
<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 144: Line 7:
 
<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>Team:SCUT</title>  
+
<title>Services - Sympathique</title>  
 
 
 
<!-- main style -->
 
<!-- main style -->
Line 151: Line 14:
 
<!-- 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 197: Line 65:
 
 
 
<!-- Google Web Fonts -->
 
<!-- Google Web Fonts -->
−
<link href=“http://3.graduatesession.sinaapp.com/2015SCUT/css@family=Open+Sans_3A300,400,600,700”rel=“stylesheet”type=“text/css”>
+
<link href='../../../fonts.googleapis.com/css@family=Open+Sans_3A300,400,600,700' rel='stylesheet' type='text/css'>
 +
 
  
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 233: Line 102:
 
</head>  
 
</head>  
  
−
<!--very important: setting a class for homepage -->
+
<body>  
−
<body class="home">  
+
  
 
<!-- setting a fullscreen image as background:
 
<!-- setting a fullscreen image as background:
Line 241: Line 109:
  
  
−
+
<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="https://2015.igem.org/Team:SCUT"></a></div>
+
<div class="logo"><a href="index.html"></a></div>
 
</div><!--end one-third-->
 
</div><!--end one-third-->
 
 
Line 252: Line 137:
 
<nav id="navigation">
 
<nav id="navigation">
 
<ul id="mainnav">
 
<ul id="mainnav">
−
<li><a href="https://2015.igem.org/Team:SCUT"><span>HOME</span></a>
+
<li><a href="index.html"><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>TEAM</span></a>
+
<li><a href="#"><span>PAGES</span></a>
−
                        <ul>
+
<ul>
−
<li><a href="https://2015.igem.org/Team:SCUT/Attributions">Attributions</a></li>
+
<li><a href="gallery.html">Gallery</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Gallery">Gallery</a></li>
+
<li><a class="current" href="services.html">Services</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Members">Members</a></li>
+
<li><a href="about-us.html">About Us</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/OurUniversity">Our University</a></li>
+
<li><a href="pricing.html">Pricing Options</a></li>
 +
<li><a href="testimonials.html">Testimonials</a></li>
 
</ul>
 
</ul>
−
 
 
</li>
 
</li>
−
                        <li><a href="#"><span>PROJECT</span></a>
+
<li><a href="#"><span>FEATURES</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="https://2015.igem.org/Team:SCUT/BackgroundOverview">Background & Overview</a></li>
+
<li><a href="portfolio-four-columns.html">4 Columns</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/CadmiumAbsorption">Cadmium Absorption</a></li>
+
<li><a href="portfolio-three-columns.html">3 Columns</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/SensorSystem">Sensor System</a></li>
+
<li><a href="portfolio-two-columns.html">2 Columns</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Protocol">Protocol</a></li>
+
<li><a href="portfolio-single.html">Portfolio Single</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="https://2015.igem.org/Team:SCUT/Modeling"><span>MODELING</span></a>
+
<li><a href="blog-masonry-2-columns.html"><span>BLOG</span></a>
 
<ul>
 
<ul>
−
                                <li><a href="https://2015.igem.org/Team:SCUT/Overview">Overview</a></li>
+
<li><a href="blog-masonry-2-columns.html">Masonry Layout 1</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Biosensor">Biosensor</a></li>
+
<li><a href="blog-masonry-3-columns.html">Masonry Layout 2</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Bioeffector">Bioeffector</a></li>
+
<li><a href="blog.html">Regular Layout</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/FutureWork">Future Work</a></li>
+
<li><a href="blog-single.html">Blog Post</a></li>
−
+
−
+
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="#"><span>RESULT</span></a>
+
<li><a href="contact.html"><span>CONTACT</span></a>
 
<ul>
 
<ul>
−
<li><a href="https://2015.igem.org/Team:SCUT/Parts">Parts</a></li>
+
<li><a href="contact.html">Contact Layout 1</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/BasicParts">Basic Parts</a></li>
+
<li><a href="contact-fullwidth.html">Contact Layout 2</a></li>
−
<li><a href="https://2015.igem.org/Team:SCUT/Inthelab">In the lab</a></li>
+
</ul>
−
                                <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>
−
                        <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>
 
−
                       
 
−
                       
 
 
</ul>
 
</ul>
 
</nav><!--end navigation-->
 
</nav><!--end navigation-->
Line 323: Line 200:
 
</div><!--end centered-wrapper-->
 
</div><!--end centered-wrapper-->
 
</header>
 
</header>
−
 
−
 
 
 
 
<div class="top-shadow"></div>
 
<div class="top-shadow"></div>
Line 337: Line 212:
 
<div class="title-content">
 
<div class="title-content">
 
<div class="two-third">
 
<div class="two-third">
−
<h2>Safety</h2>
+
<h2>Services</h2>
 
</div>
 
</div>
 
<div class="one-third column-last">
 
<div class="one-third column-last">

Revision as of 07:12, 18 September 2015

<!DOCTYPE html> Services - Sympathique

COLOR SCHEME

Services

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

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam veritatis et quasi nam liber tempore.

We are on Twitter

Get in Touch with Us

  • Address: 1600 Amphitheatre Parkway, Mountain View, CA 94043
  • Phone: +321 123 456 7
    E-mail: johndoe@ipsum.com

COPYRIGHT © 2013 - SYMPATHIQUE | ALL RIGHTS RESERVED