Difference between revisions of "Team:SVCE Chennai/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{SVCE_Chennai}}
 
 
<html>
 
<html>
  
−
<h2> Project Results</h2>
+
<meta name="apple-mobile-web-app-capable" content="yes">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
<link rel="stylesheet" type="text/css" href="https://bootswatch.com/flatly/bootstrap.css"/>
  
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> Clearly and objectively describe the results of your work.</li>
 
−
<li> Future plans for the project </li>
 
−
<li> Considerations for replicating the experiments </li>
 
−
</ul>
 
  
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />
  
 +
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  
  
 +
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top">
  
−
<h4> Project Achievements </h4>
+
  <div class="navbar-header">
 +
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
 +
<span class="sr-only">Toggle navigation</span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo" style="    padding-left: 15px;"></a>
 +
</div>
 +
 +
 +
<div class="collapse navbar-collapse js-navbar-collapse">
 +
<ul id="sdt_menu" class="sdt_menu">
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Results">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b9/MenuImgs_results.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Results</span>
 +
<span class="sdt_descr">Data and Chart</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c2/MenuImgs_mor.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Gallery</span>
 +
<span class="sdt_descr">Click o Click</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">
 +
<img src="https://static.igem.org/mediawiki/2015/1/17/MenuImgs_parts.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Practices</span>
 +
<span class="sdt_descr">Spread the word</span>
 +
</span>
 +
</a>
 +
               
 +
                    <div class="sdt_box">
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collaboration">Collaboration</a>
 +
                        <a href="https://2015.igem.org/Team:SVCE_Chennai/Entrepreneurship">Entrepreneurship</a>
 +
</div>
 +
</li>
 +
           
 +
<li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Notebook">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e9/MenuImgs_notebook.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Notebook</span>
 +
<span class="sdt_descr">My Calendar</span>
 +
</span>
 +
</a>
 +
 +
</li>
 +
 +
 +
<li>
 +
                    <a href="https://2015.igem.org/Team:SVCE_Chennai/Safety">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d4/MenuImgs_bs.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Safety</span>
 +
<span class="sdt_descr">Safety is my priority</span>
 +
</span>
 +
</a>
 +
</li>
 +
<li>
 +
                              <a href="https://2015.igem.org/Team:SVCE_Chennai/Team">
 +
<img src="https://static.igem.org/mediawiki/2015/3/30/MenuImgs_team.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Team</span>
 +
<span class="sdt_descr">My creators</span>
 +
</span>
 +
</a>
 +
   
 +
                    <div class="sdt_box">
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Team">Members</a>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Brainstorm">Brainstorm</a>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Attributions">Attributions</a>
 +
                       
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Project">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9d/MenuImgs1.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Project</span>
 +
<span class="sdt_descr">It's all about me</span>
 +
</span>
 +
</a>
 +
             
 +
</li>
 +
</ul>
 +
 +
</div><!-- /.nav-collapse -->
 +
     
 +
</nav>
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    <div class="container">
 +
        <h2 class="titleStyle">Results</h2>
 +
<div class="row stickyNotification">
 +
 
 +
    <div class="col-xs-12">
 +
            <p>
 +
                <i>
 +
                    <b>
 +
            "Creating a better world requires team work, partnership and collaboration, as we need an entire army of companies to work together to build a better world within the most few decades. This means corporations must embrace the benefits of cooperating with one another"
 +
                    </b>
 +
                </i>
 +
            </p>
 +
            <p>
 +
                As the statement suggest, iGEM allows every team to join hands with other teams to benefit each other. Apparently our team had united with the following teams:
  
−
<ul>
+
            </p>
−
<li>A list of linked bullet points of the successful results during your project</li>
+
           
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
−
</ul>
+
  
 +
</div>
 +
   
 +
  </div>
 +
    </div>
 +
   
 +
    <style>
 +
       
 +
        .nav.nav-justified > li > a { position: relative; }
 +
.nav.nav-justified > li > a:hover,
 +
.nav.nav-justified > li > a:focus { background-color: transparent; }
 +
.nav.nav-justified > li > a > .quote {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0;
 +
    opacity: 0;
 +
    width: 30px;
 +
    height: 30px;
 +
    padding: 5px;
 +
    background-color: #13c0ba;
 +
    border-radius: 15px;
 +
    color: #fff; 
 +
}
 +
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
 +
.nav.nav-justified > li > a > img {
  
 +
                    }
 +
.nav.nav-justified > li > a > img {
 +
    max-width: 100%;
 +
    opacity: .3;
 +
    -webkit-transform: scale(.8,.8);
 +
            transform: scale(.8,.8);
 +
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
}
 +
.nav.nav-justified > li.active > a > img,
 +
.nav.nav-justified > li:hover > a > img,
 +
.nav.nav-justified > li:focus > a > img {
 +
    opacity: 1;
 +
    -webkit-transform: none;
 +
            transform: none;
 +
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 +
}
 +
.tab-pane .tab-inner { padding: 30px 0 20px; }
  
−
<h4>Inspiration</h4>
+
@media (min-width: 768px) {
−
<p>See how other teams presented their results.</p>
+
    .nav.nav-justified > li > a > .quote {
−
<ul>
+
        left: auto;
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
        top: auto;
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
        right: 20px;
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
        bottom: 0px;
−
</ul>
+
    } 
 +
}
 +
    </style>
 +
   
 +
 
 +
    <footer class="footer " style="position:fixed">
 +
      <div class="container">
 +
      <div class="row">
 +
        <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2015/3/3e/Minio.png" width=50>
 +
            <span class="speech" data-toggle="tooltip" title="Did you know! you can speak with me! Ask me questions like: Who are you?">Lets talk!
 +
              <div class="fa fa-microphone microphone-icon"></div>
 +
          </span>
 +
        </div>
 +
         
 +
        <div class="col-md-4" style="float:right;  border-left: 1px solid #60C3EB; transform:skew(">
 +
 
 +
        <img src="https://upload.wikimedia.org/wikipedia/en/7/71/SVCE_logo.png" width=50>
 +
<p style=" display: inline; font-size: 14px;  transform: skew(-30deg); ">Sri Venkateswara College of Engineering, Chennai</p>
 +
      </div>
 +
      </div>
 +
      </div>
 +
    </footer>
 +
 
 +
 
 +
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Team:SVCE_Chennai/Javascript?action=raw&ctype=text/javascript"></script>
 +
<script src="http://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script>
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  
−
</div>
 
 
</html>
 
</html>

Revision as of 01:36, 19 September 2015

Results

"Creating a better world requires team work, partnership and collaboration, as we need an entire army of companies to work together to build a better world within the most few decades. This means corporations must embrace the benefits of cooperating with one another"

As the statement suggest, iGEM allows every team to join hands with other teams to benefit each other. Apparently our team had united with the following teams:

Lets talk!

Sri Venkateswara College of Engineering, Chennai