Difference between revisions of "Team:Tianjin/Parts"

(Replaced content with "{{:Team:Tianjin/Templates/MaterialTheme|}}")
Line 1: Line 1:
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Parts/css/flexslider.css}}
+
{{:Team:Tianjin/Templates/MaterialTheme|}}
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
+
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
+
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Parts/css/style.css}}
+
−
 
+
−
 
+
−
/* OVERRIDE IGEM SETTINGS */
+
−
<html>
+
−
<style>
+
−
#sideMenu, #top_title, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none}
+
−
#content {width: 100%;  background: transparent; margin: 0; padding: 0; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5  { margin-bottom: 2px; }
+
−
        #top_menu_under {
+
−
                height: 0px;
+
−
                border-bottom: 0 none;
+
−
                display: none;
+
−
      }
+
−
 
+
−
        #top_menu_14 {
+
−
                height: 24px;
+
−
                border-bottom: 0 none;
+
−
      }
+
−
 
+
−
#globalWrapper, #content  {
+
−
width: 100%;
+
−
height: 100%;
+
−
                margin:  0;
+
−
float:  none;
+
−
font-size: 100%;
+
−
                z-index: 0;
+
−
}
+
−
 
+
−
div[id=mw-content-text] > p {
+
−
display: none;
+
−
}
+
−
 
+
−
#sideMenu {
+
−
width: 200px;
+
−
}
+
−
 
+
−
#sideMenu .mainMenu_Title, #sideMenu .mainMenu_toggle, #sideMenu #MainPage_menu ul li li {
+
−
border: none;
+
−
}
+
−
 
+
−
#sideMenu .sideMenuTitle {
+
−
height: 35px;
+
−
}
+
−
 
+
−
#top_menu_inside .submenu {
+
−
width: auto;
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<head>
+
−
<meta charset="utf-8" />
+
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+
−
<title>Team Tianjin</title>
+
−
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
+
−
        <link rel="shortcut icon" type="image/x-icon" href="assets/css/images/favicon.ico" />
+
−
 
+
−
+
−
</head>
+
−
 
+
−
 
+
−
<body>
+
−
 
+
−
<!-- TeamTianjin Navbar start -->
+
−
 
+
−
<nav class="navbar navbar-TeamTianjin" role="navigation" id="TeamTianjinNavbar">
+
−
<div class="container-fluid">
+
−
    <div class="navbar-header">
+
−
                <div class="nameTeamTianjin">TEAM TIANJIN</div>
+
−
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
−
                <span class="sr-only">Toggle navigation</span>
+
−
                <span class="icon-bar"></span>
+
−
                <span class="icon-bar"></span>
+
−
                <span class="icon-bar"></span>
+
−
    </button>
+
−
    <img class="img-responsive logoBG" src="assets/img/img_1.jpg" alt="Logo on left" href="http://127.0.0.1">
+
−
 
+
−
    </div>
+
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
−
    <ul class="nav navbar-nav">
+
−
<li><a href="#" id="Overview">OVERVIEW</a></li>
+
−
        <li><a href="#" id="Achievements">ACHIEVEMENTS</a></li>
+
−
        <li class="dropdown">
+
−
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Projects">PROJECTS</a>
+
−
        <ul class="dropdown-menu">
+
−
  <li><a href="#" id="Vision">VISION</a></li>
+
−
  <li><a href="#" id="Experiment">EXPERIMENT</a></li>
+
−
  <li><a href="#" id="Modeling">MODELING</a></li>
+
−
  <li><a href="#" id="Results">RESULTS</a></li>
+
−
                      <li class="divider"></li>
+
−
      <li><a href="#" id="Parts">PARTS</a></li>
+
−
                      <li><a href="#" id="LaboratoryNotes">LABORATORY NOTES</a></li>
+
−
        </ul>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="People">PEOPLE</a>
+
−
        <ul class="dropdown-menu">
+
−
  <li><a href="#" id="Team">TEAM</a></li>
+
−
  <li><a href="#" id="Collaboration">COLLABORATION</a></li>
+
−
  <li><a href="#" id="SocialMedia">SOCIAL MEDIA</a></li>
+
−
        </ul>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Practice">PRACTICE</a>
+
−
        <ul class="dropdown-menu">
+
−
  <li><a href="#" id="Community">COMMUNITY</a></li>
+
−
  <li><a href="#" id="BusinessPlan">BUSINESS PLAN</a></li>
+
−
        </ul>
+
−
        </li>
+
−
    </ul>
+
−
    </div>
+
−
</div>
+
−
</nav>
+
−
<!--<div class="navbarRightPic"><img class="img-responsive" src="../Temp/IGEM_logo_team_Tianjin.png" alt="LOGO" width="128"></div>
+
−
<!-- end navbar -->
+
−
 
+
−
</body>
+
−
 
+
−
<!----------------------------------------------- Team Tianjin WIKI Template End ----------------------------------------------->
+
−
<div><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></div>
+
−
<header  id="header">
+
−
<!-- shell -->
+
−
<div class="shell">
+
−
<div class="header-inner">
+
−
<!-- header-cnt -->   
+
−
<div class="header-cnt">
+
−
<h1 id="logo"><a href="#">Simple</a></h1>
+
−
<p>
+
−
<span class="mobile">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quam ante, egestas tristique consequat ut, pulvinar a ante.</span>
+
−
<span class="desktop"> Donec commodo eros at felis tempor at porttitor mauris adipisci morbi in velit sapien modo eros at felis te adispicing ulvinar a ante donec commodo eros at felis.</span>
+
−
</p>
+
−
<a href="#" class="blue-btn">GET STARTED NOW</a>
+
−
</div>
+
−
<!-- end of header-cnt -->
+
−
<!-- slider -->
+
−
<div class="slider-holder">
+
−
<div class="flexslider">
+
−
<ul class="slides">
+
−
<li><img src="assets/css/images/slide-img.png" alt="" /></li>
+
−
+
−
<li><img src="assets/css/images/slide-img.png" alt="" /></li>
+
−
 
+
−
<li><img src="assets/css/images/slide-img.png" alt="" /></li>
+
−
 
+
−
<li><img src="assets/css/images/slide-img.png" alt="" /></li>
+
−
 
+
−
<li><img src="assets/css/images/slide-img.png" alt="" /></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<!-- end of slider -->
+
−
<div class="cl">&nbsp;</div>
+
−
</div>
+
−
<div class="cl">&nbsp;</div>
+
−
</div>
+
−
<!-- end of shell -->
+
−
</header>
+
−
 
+
−
 
+
−
 
+
−
<!------------------------------------------------ Team Tianjin WIKI Page: Team ------------------------------------------------>
+
−
 
+
−
<!-- main -->
+
−
<div class="main">
+
−
<span class="shadow-top"></span>
+
−
<!-- shell -->
+
−
<div class="shell">
+
−
<div class="container">
+
−
<!-- testimonial -->
+
−
<section class="testimonial">
+
−
<h2>Responsive CSS Template with jQuery Slider</h2>
+
−
<p><strong>“</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. <span class="mobile">Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu tempus ut, mollis et libero"</span></p>
+
−
</section>
+
−
<!-- testimonial -->
+
−
 
+
−
<section class="blog">
+
−
<!-- content -->
+
−
<div class="content">
+
−
<img src="assets/css/images/i-img.png" alt=""  class="alignleft"/>
+
−
<div class="cnt">
+
−
<h3>We Guarantee Commitment &amp; Quality</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu temp</p>
+
−
<ul>
+
−
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
+
−
<li><a href="#">Cras molestie condimentum consequat. </a></li>
+
−
<li><a href="#">Nam leo libero, scelerisque tincidunt commodo id</a></li>
+
−
<li><a href="#">Dae molestie condimentum consequat dolor</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<!-- end of content -->
+
−
 
+
−
<!-- sidebar -->
+
−
<aside class="sidebar">
+
−
<!-- widget -->
+
−
<div class="widget">
+
−
<h3>Latest Blog Posts</h3>
+
−
<ul>
+
−
<li>
+
−
<div class="img-holder">
+
−
<a href="#"><img src="assets/css/images/post-img.png" alt="" /></a>
+
−
</div>
+
−
+
−
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em> </a><span>02.02.2012</span></a> </p>
+
−
</li>
+
−
<li>
+
−
<div class="img-holder">
+
−
<a href="#"><img src="assets/css/images/post-img2.png" alt="" /></a>
+
−
</div>
+
−
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em> </a><span>01.02.2012</span></a> </p>
+
−
</li>
+
−
<li>
+
−
<div class="img-holder">
+
−
<a href="#"><img src="assets/css/images/post-img3.png" alt="" /></a>
+
−
</div>
+
−
<p>
+
−
<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em>
+
−
<span>30.01.2012</span></a></p>
+
−
</li>
+
−
</ul>
+
−
<div class="cl">&nbsp;</div>
+
−
</div>
+
−
<a href="#" class="view">View All</a>
+
−
<!-- end of widget -->
+
−
</aside>
+
−
<!-- end of sidebar -->
+
−
<div class="cl">&nbsp;</div>
+
−
</section>
+
−
+
−
<!-- cols -->
+
−
<section class="cols">
+
−
<div class="col">
+
−
<h3>Tableless Construction</h3>
+
−
<img src="assets/css/images/cols-img.png" alt="" class="alignleft"/>
+
−
<div class="col-cnt">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
+
−
</div>
+
−
<a href="#" class="view">View More</a>
+
−
</div>
+
−
<div class="col">
+
−
<h3>We’re Hiring</h3>
+
−
<img src="assets/css/images/cols-img2.png" alt="" class="alignleft"/>
+
−
<div class="col-cnt">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
+
−
</div>
+
−
<a href="#" class="view">View More</a>
+
−
</div>
+
−
<div class="col">
+
−
<h3>Our Partners</h3>
+
−
<img src="assets/css/images/cols-img3.png" alt="" class="alignleft"/>
+
−
<div class="col-cnt">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
+
−
</div>
+
−
<a href="#" class="view">View More</a>
+
−
</div>
+
−
<div class="cl">&nbsp;</div>
+
−
</section>
+
−
<!-- end of cols -->
+
−
</div>
+
−
<!-- end of shell -->
+
−
</div>
+
−
<!-- end of container -->
+
−
</div>
+
−
<!-- end of main -->
+
−
</div>
+
−
<!-- footer-push -->
+
−
<div id="footer-push"></div>
+
−
<!-- end of footer-push -->
+
−
+
−
<!-- end of wrapper -->
+
−
<!-- footer -->
+
−
<div  id="footer">
+
−
<span class="shadow-bottom"></span>
+
−
<!-- footer-cols -->
+
−
<div class="footer-cols">
+
−
<!-- shell -->
+
−
<div class="shell">
+
−
<div class="col">
+
−
<h3><a href="#">Solutions</a></h3>
+
−
<div class="col-cnt">
+
−
<ul>
+
−
<li><a href="#">Lorem lipsum dolor </a></li>
+
−
<li><a href="#">Ame tleo libero dolor</a></li>
+
−
<li><a href="#">Aidpispicing lipsum </a></li>
+
−
<li><a href="#">Commodo id amet </a></li>
+
−
<li><a href="#">Sectetur amet au car </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col">
+
−
<h3><a href="#">Services</a></h3>
+
−
<div class="col-cnt">
+
−
<ul>
+
−
<li><a href="#">Lorem lipsum dolor </a></li>
+
−
<li><a href="#">Ame tleo libero dolor</a></li>
+
−
<li><a href="#">Aidpispicing lipsum </a></li>
+
−
<li><a href="#">Commodo id amet </a></li>
+
−
<li><a href="#">Sectetur amet au car </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col">
+
−
<h3><a href="#">Portfolio</a></h3>
+
−
<div class="col-cnt">
+
−
<ul>
+
−
<li><a href="#">Lorem lipsum dolor </a></li>
+
−
<li><a href="#">Ame tleo libero dolor</a></li>
+
−
<li><a href="#">Aidpispicing lipsum </a></li>
+
−
<li><a href="#">Commodo id amet </a></li>
+
−
<li><a href="#">Sectetur amet au car </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col">
+
−
<h3><a href="#">Contact Us</a></h3>
+
−
<div class="col-cnt">
+
−
<p><strong>Email:</strong> <a href="#">info@yourwebsitename.com</a></p>
+
−
<p><strong>Phone:</strong> 655-606-111</p>
+
−
<p><strong>Adress:</strong> East Pixel Bld. 99, Creative City 9000,Republic of Design Email:</p>
+
−
</div>
+
−
</div>
+
−
<div class="cl">&nbsp;</div>
+
−
</div>
+
−
<!-- end of shell -->
+
−
</div>
+
−
<!-- end of footer-cols -->
+
−
<div class="footer-bottom">
+
−
<div class="shell">
+
−
<nav class="footer-nav">
+
−
<ul>
+
−
<li><a href="#">Home</a></li>
+
−
<li><a href="#">About</a></li>
+
−
<li><a href="#">Services</a></li>
+
−
<li><a href="#">Projects</a></li>
+
−
<li><a href="#">Solutions</a></li>
+
−
<li><a href="#">Jobs</a></li>
+
−
<li><a href="#">Blog</a></li>
+
−
<li><a href="#">Contacts</a></li>
+
−
</ul>
+
−
<div class="cl">&nbsp;</div>
+
−
</nav>
+
−
<p class="copy">&copy; Copyright 2012<span>|</span>Sitename. Collect form <a href="http://www.cssmoban.com" target"_blank">网站模板</a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
+
−
</body>
+
−
 
+
−
 
+
−
    <script>
+
−
var x = 600;
+
−
var y = 2000;
+
−
for ( var i = 1; i < 22; i++ ){ 
+
−
var rand = parseInt(Math.random() * (x - y + 1) + y);
+
−
var randpic = "http://randomimage.setgetgo.com/get.php?width=" + rand;
+
−
    $("#MemberName" + i).attr("src", randpic);
+
−
}
+
−
    </script>
+
−
 
+
−
 
+
−
</html>
+
−
 
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/core}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/nouislider}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/datapicker}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/kit}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Parts/js/flexslider.js}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/Parts/js/function.js}}
+

Revision as of 02:02, 4 October 2016

TEAM TIANJIN

LOGO