Difference between revisions of "Team:IISc Bangalore/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{IISc_Bangalore}}
+
{{Template:IISc_Bangalore/hide}}
 +
{{Template:IISc_Bangalore/bootstrap.css}}
 +
{{Template:IISc_Bangalore/fontawesome.css}}
 +
{{Template:IISc_Bangalore/style.css}}
 +
{{Template:IISc_Bangalore/sidebar.css}}
 +
{{Template:IISc_Bangalore/proof.css}}
 +
{{Template:IISc_Bangalore/animate.css}}
 +
{{Template:IISc_Bangalore/hover.css}}
 +
{{Template:IISc_Bangalore/sidebar.js}}
 +
{{Template:IISc_Bangalore/anijs.js}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
<title>Team IISc iGem</title>
 +
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
<script src="https://use.fontawesome.com/fce310c82d.js"></script>
  
 +
<script src="js/jquery-1.11.0.min.js"></script>
 +
<script type="text/javascript" src="js/bootstrap.js"></script>
  
−
<div class="column full_size" >
+
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
 +
</script>
 +
<meta name="keywords" content="Team IISc igem" />
 +
<!--Google Fonts-->
 +
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
 +
<link href='//fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
 +
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 +
<!--JS for animate-->
 +
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
  
−
<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>
 
  
−
</div>
+
<!-- here are mine -->
 +
<link rel="stylesheet" href="sidebar.css">
 +
<link rel="stylesheet" href="proofResults.css">
 +
<link rel="stylesheet" href="hover.css" >
 +
<script src="sidebar.js"></script>
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<!-- <div class="banner">
 +
  <div class="container"> -->
 +
<nav class="navbar navbar-fixed-top text-center navbar-inverse">
 +
        <div class="container-fluid">
 +
        <div class="navbar-header">
 +
  </div>
 +
        <div class="collapse navbar-collapse" id="myNavbar">
 +
        <ul class="nav navbar-nav">
 +
          <li class="active hvr-underline-from-left"><a href="#">Home</a></li>
 +
          <li class="hvr-underline-from-left"><a href="#">Team</a></li>
 +
<li class="hvr-underline-from-left"><a href="#">Project</a></li>
 +
<li class="hvr-underline-from-left"><a href="#">Parts</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Safety</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Attributions</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Practices</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Awards</a></li>
 +
        </ul>
 +
</html>
 +
[[File:igem.jpg|200px]]
 +
<html>
 +
      </div>
  
−
<div class="column half_size" >
+
      </div>
 +
      </nav>
  
 +
<div class="banner-main">
  
−
<h5> Project Achievements </h5>
+
  <section class="slider">
 +
          <div class="flexslider">
 +
<span class="attri hvr-bounce-to-right ">Demonstrate</span>
  
−
<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>
 +
      </section>
  
−
<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>
+
−
</ul>
+
  
 +
<!--FlexSlider-->
 +
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
 +
<script defer src="js/jquery.flexslider.js"></script>
 +
<script type="text/javascript">
 +
    $(function(){
 +
      SyntaxHighlighter.all();
 +
    });
 +
    $(window).load(function(){
 +
      $('.flexslider').flexslider({
 +
        animation: "slide",
 +
        start: function(slider){
 +
          $('body').removeClass('loading');
 +
        }
 +
      });
 +
    });
 +
  </script>
 
</div>
 
</div>
 +
</div>
 +
<!--banner end here-->
 +
<!--welcome-->
 +
<div id="welcome" class="welcome w3l">
 +
<div class="container">
  
 +
<div class="welcome-grids">
 +
<!-- <div class="row">
 +
<div class="col-md-12 welcome-grid wow slideInDown animated" data-wow-delay=".5s" onclick="openPerson1()" id="overv">
 +
<div class="wel1 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Project support</h4>
 +
<p>support ...</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-4 welcome-grid animated wow slideInLeft animated animated" data-wow-duration="1200ms" data-wow-delay="500ms" onclick="openPerson2()">
 +
<div class="wel2 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Project advisor support</h4>
 +
<p>support... </p>
 +
</div>
 +
</div>-->
  
−
<div class="column half_size" >
+
<div class="col-md-6 welcome-grid wow slideInUp animated" data-wow-delay=".5s" onclick="openPerson3()">
 +
 
 +
<div class="wel3 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Results</h4>
 +
<p>Results Results Results Results... </p>
 +
</div>
 +
</div>
 +
<div class="col-md-6 welcome-grid wow slideInRight animated" data-wow-delay=".5s" onclick="openPerson4()">
 +
 
 +
<div class="wel4 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Results</h4>
 +
<p>Results Results Results ...</p>
 +
</div>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--welcome-->
 +
 
 +
<!--content-middle-->
 +
<div class="content-middle wthree">
 +
<div class="container" id="refer">
 +
<div class="mid-content wow fadeInRight animated" data-wow-delay=".5s">
 +
<h3>Conclusion</h3>
 +
</div>
 +
<div class="row">
 +
<div class="refer col-md-6">
 +
Conclusion
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--content-middle-->
 +
<!--events
 +
 
 +
events-->
 +
 
 +
<div id="person1Tab" class="person1Tab">
 +
 
 +
  <div class="row">
 +
    <div class="trans col-md-12">
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person1Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Project support</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
 +
 
 +
<div id="person2Tab" class="person2Tab">
 +
 
 +
  <div class="row">
 +
    <div class="trans col-md-12">
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person2Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Project advisor support</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
 +
 
 +
<div id="person3Tab" class="person3Tab">
 +
 
 +
  <div class="row">
 +
    <div class="trans col-md-12">
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person3Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Proof</h1>
 +
      <p class="whitef">proof
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
<div id="person4Tab" class="person4Tab">
 +
 
 +
  <div class="row">
 +
    <div class="trans col-md-12">
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person4Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Results</h1>
 +
      <p class="whitef">results
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
 
 +
    </div>
 +
      </div>
 +
    </div>
  
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
  
−
</div>
 
  
 +
<!--footer-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-grids">
 +
<div class="col-md-4 footer-grid wow fadeInUp animated" data-wow-delay=".5s">
 +
<h3>About Cellfiefuge</h3>
 +
<p>From IISc.</p>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Sponsors</h3>
 +
<ul>
 +
<li>
 +
</html>
 +
[[File:snapgene.jpg|200px]]
 +
<html>
 +
</li>
 +
<li><img src=""></li>
 +
<li><img src=""></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Social</h3>
 +
<ul class="social-icons1">
 +
<li><a href="https://www.facebook.com/iiscbangaloreigem/?fref=ts" target="_blank"><i class="fa fa-facebook hvr-buzz"></i></a></li>
 +
<li><a href="https://twitter.com/IISc_iGEM" target="_blank"><i class="fa fa-twitter hvr-buzz"></i></a></li>
 +
</ul>
 +
</div>
  
 +
<div class="clearfix"> </div>
 +
</div>
  
 +
</div>
 +
</div>
 +
<!--footer-->
 +
</body>
 
</html>
 
</html>

Revision as of 13:37, 8 October 2016

Team IISc iGem

Results

Results Results Results Results...

Results

Results Results Results ...

Conclusion

Conclusion
×

Project support

support
Read more

×

Project advisor support

support
Read more

×

Proof

proof
Read more

×

Results

results
Read more

About Cellfiefuge

From IISc.

Sponsors

  • Snapgene.jpg

Social