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

(Prototype team page)
 
 
(7 intermediate revisions by 2 users not shown)
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/safety.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>
  
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
−
<h3>★  ALERT! </h3>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</a>. </p>
+
<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>
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
−
</div>
+
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  
 +
<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">
  
  
−
<div class="column full_size">
+
<!-- here are mine -->
 +
<link rel="stylesheet" href="sidebar.css">
 +
<link rel="stylesheet" href="notebSafety.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="https://2016.igem.org/Team:IISc_Bangalore">Home</a></li>
 +
          <li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/Team">Team</a></li>
  
  
−
<p>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project </a>
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
+
        <ul class="dropdown-menu">
−
</p>
+
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Description">Description</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Experiments">Experiments</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Results">Results</a></li>
 +
        </ul>
 +
      </li>
  
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
<li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/Parts">Parts</a></li>
  
−
<p>
+
                <li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/Collaborations">Collaborations</a></li>
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
        <li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/Attributions">Attributions</a></li>
−
</p>
+
        <li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/Human_Practices">Human Practices</a></li>
 +
        <li class="hvr-underline-from-left"><a href="https://2016.igem.org/Team:IISc_Bangalore/InterLab">InterLab</a></li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Special Prizes</a>
 +
      <ul class="dropdown-menu">
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Integrated_Practices">Integrated Human Practices</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Engagement">Education and Public Engagement</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Model">Model</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Measurement">Measurement</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Entrepreneurship">Entrepreneurship</a></li>
 +
          <li><a href="https://2016.igem.org/Team:IISc_Bangalore/Design">Applied Design</a></li>
 +
        </ul>
 +
      </li>
 +
        </ul>
  
 +
      </div>
  
−
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
+
      </div>
 +
      </nav>
 +
 
 +
 
 +
<div class="banner-main">
 +
 
 +
  <section class="slider">
 +
          <div class="flexslider">
 +
<span class="attri hvr-bounce-to-right ">Design</html>
 +
[[File:IgemIISc.jpg|100px]]
 +
<html></span>
 +
 
 +
        </div>
 +
      </section>
 +
 
 +
</div>
 +
 
 +
<!--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="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>Design</h4>
 +
<p>Design Design Design... </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>Design</h4>
 +
<p>Design Design Design... </p>
 +
</div>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--welcome-->
 +
 +
<div>
 +
 +
 +
<!--content-middle-->
 +
<div class="content-middle wthree">
 +
<div class="container" id="refer">
 +
<div class="mid-content wow fadeInRight animated" data-wow-delay=".5s">
 +
<h3>End note</h3>
 +
</div>
 +
<div class="row">
 +
<div class="refer col-md-6">
 +
End note
 +
</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>Safety</h1>
 +
      <p class="whitef">Safety
 +
      <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>Notebook</h1>
 +
      <p class="whitef">Notebook
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
 +
    </div>
 +
      </div>
 +
    </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><br><br>
 +
<ul>
 +
<li>
 +
</html>
 +
[[File:Snapgeneiisc.png|200px]]
 +
<html>
 +
</li><br>
 +
<li></html>
 +
[[File:Wellcomedbtiisc.jpg|200px]]
 +
<html></li>
 +
<br>
 +
<li></html>
 +
[[File:Ibeciisc.png|100px]]
 +
<html></li>
 +
                                               
 +
                                       
 +
</ul>
 +
</div>
 +
                                <div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
 +
<ul>
 +
<li>
 +
</html>
 +
[[File:Iisclogowhite.png|200px]]
 +
<html>
 +
</li><br>
 +
<li></html>
 +
[[File:Karnatakaiisc.png|100px]]
 +
<html></li>
 +
 +
                                               
 +
                                        <br>
 +
<li></html>
 +
[[File:Phdcareersupport.jpg|150px]]
 +
<html></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>

Latest revision as of 17:20, 19 October 2016

Team IISc iGem

Design

Design Design Design...

Design

Design Design Design...

End note

End note
×

Project support

support
Read more

×

Project advisor support

support
Read more

×

Safety

Safety
Read more

×

Notebook

Notebook
Read more

Sponsors



  • Snapgeneiisc.png

  • Wellcomedbtiisc.jpg

  • Ibeciisc.png
  • Iisclogowhite.png

  • Karnatakaiisc.png

  • Phdcareersupport.jpg

Social