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

(Prototype team page)
 
 
(2 intermediate revisions by the same user not shown)
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" style="text-align:center;">
 +
            <p>
 +
                <i>
 +
                    <b>
 +
                        For detailed results and analysis, Check the PDF below:
 +
                    </b>
 +
                </i>
 +
            </p>
 +
            <p>
 +
                <a href="https://static.igem.org/mediawiki/2015/a/a8/RESULTS.pdf" target="_blank">View PDF Version </a>
 +
           
 +
            </p>
 +
           
  
−
<ul>
+
</div>
−
<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>
+
  </div>
−
</ul>
+
    </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; }
  
 +
@media (min-width: 768px) {
 +
    .nav.nav-justified > li > a > .quote {
 +
        left: auto;
 +
        top: auto;
 +
        right: 20px;
 +
        bottom: 0px;
 +
    } 
 +
}
 +
    </style>
 +
   
  
−
<h4>Inspiration</h4>
+
    <footer class="footer " style="position:fixed">
−
<p>See how other teams presented their results.</p>
+
      <div class="container">
−
<ul>
+
      <div class="row">
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
        <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2015/3/3e/Minio.png" width=50>
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
            <span class="speech" data-toggle="tooltip" title="Did you know! you can speak with me! Ask me questions like: Who are you?">Lets talk!
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
              <div class="fa fa-microphone microphone-icon"></div>
−
</ul>
+
          </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>

Latest revision as of 03:43, 19 September 2015

Results

For detailed results and analysis, Check the PDF below:

View PDF Version

Lets talk!

Sri Venkateswara College of Engineering, Chennai