Difference between revisions of "Team:IIT Kanpur"

(Replaced content with "{{Template:IIT_Kanpur}} {{Template:IIT_Kanpur/Footer}} <html> <body> <h1>Hello World!</h1> </body> </html>")
Line 2: Line 2:
 
{{Template:IIT_Kanpur/Footer}}
 
{{Template:IIT_Kanpur/Footer}}
 
<html>
 
<html>
<head>
 
<link rel="stylesheet" type="text/css"
 
href="https://2018.igem.org/wiki/index.php?title=Template:IIT_Kanpur/CSS&action=raw&ctype=text/css" />
 
<link href='https://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:700' rel='stylesheet' type='text/css'>
 
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<!------ Include the above in your HEAD tag ---------->
 
  <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/3.3.1/jquery.min.js"></script>
 
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
<style>
 
.page1 {
 
background-image: url("https://static.igem.org/mediawiki/2018/e/e0/T--IIT_Kanpur--page1re.jpg");
 
background-size: 100% 90%;
 
height: 102%;
 
width: 120%;
 
}
 
.page2{
 
background-image: url("https://static.igem.org/mediawiki/2018/a/a0/T--IIT_Kanpur--page2new.jpg");
 
background-size: 100% 90%;
 
height: 100%;
 
width: 120%;
 
}
 
.page3{
 
background-image: url("https://static.igem.org/mediawiki/2018/2/24/T--IIT_Kanpur--page3new.jpg");
 
background-size: 100% 90%;
 
height: 102%;
 
width: 120%;
 
}
 
.page4{
 
background-image: url("https://static.igem.org/mediawiki/2018/c/c4/T--IIT_Kanpur--page4new.jpg");
 
background-size: 100% 90%;
 
height: 100%;
 
width: 120%;
 
}
 
.page5{
 
background-image: url("https://static.igem.org/mediawiki/2018/3/3d/T--IIT_Kanpur--page5new.jpg");
 
background-size: 100% 90%;
 
height: 100%;
 
width: 120%;
 
}
 
.column.full_size, .igem_2018_team_menu.displaying_menu{
 
display: none;
 
}
 
.textinpage{
 
position: relative;
 
font-family: 'Montserrat';
 
font-size: 16pt;
 
color: #253160;
 
display: inline-block;
 
  z-index: 2000;
 
left: 72%;
 
top: 50%;
 
height: 30%;
 
width: 20%;
 
text-align: center;
 
}
 
.textinpage1{
 
position: relative;
 
font-family: 'Montserrat';
 
font-size: 16pt;
 
color: #253160;
 
display: inline-block;
 
  z-index: 2000;
 
left: 5%;
 
top: 50%;
 
height: 30%;
 
width: 20%;
 
text-align: center;
 
}
 
.textinpage2{
 
position: relative;
 
font-family: 'Montserrat';
 
font-size: 16pt;
 
color: #253160;
 
display: inline-block;
 
  z-index: 2000;
 
left: 5%;
 
top: 60%;
 
height: 30%;
 
width: 20%;
 
text-align: center;
 
}
 
.textinpage3{
 
position: relative;
 
font-family: 'Montserrat';
 
font-size: 16pt;
 
color: #253160;
 
display: inline-block;
 
  z-index: 2000;
 
left: 75%;
 
top: 60%;
 
height: 30%;
 
width: 20%;
 
text-align: center;
 
}
 
.nextpage {
 
left:50%;
 
top:80%;
 
position: relative;
 
}
 
 
</style>
 
 
</head>
 
 
<body>
 
<body>
 
+
<h1>Hello World!</h1>
 
+
<div id="fullpage">
+
<div class="section">
+
<div class="page1">
+
<a href="https://2018.igem.org/Team:IIT_Kanpur#second">
+
<img src="https://static.igem.org/mediawiki/2018/a/a3/T--IIT_Kanpur--next.png" style="z-index: 3000; left:47%; top:80%; position: relative;">
+
</a>
+
</div>
+
</div>
+
 
+
<div class="section">
+
<div class="page2">
+
<a href="https://2018.igem.org/Team:IIT_Kanpur#third">
+
<img src="https://static.igem.org/mediawiki/2018/a/a3/T--IIT_Kanpur--next.png" style="z-index: 3000; left:58%; top:80%; position: absolute;">
+
</a>
+
<div class="textinpage1">
+
<strong>Sodium Dodecyl Sulphate (SDS) a component in shampoos, toothpastes and detergents accumulates in water bodies. It is toxic and foams, causing sewage problems</strong>
+
</div>
+
</div>
+
</div>
+
 
+
<div class="section">
+
<div class="page3">
+
<div class="textinpage">
+
<strong>Our engineered E.coli DH5-α extracellularly releases alkyl sulfatase via attachment of N-terminal secretion signal sequence peIB</strong>
+
</div>
+
<a href="https://2018.igem.org/Team:IIT_Kanpur#fourth">
+
<img src="https://static.igem.org/mediawiki/2018/a/a3/T--IIT_Kanpur--next.png" style="z-index: 3000; left:58%; top:80%; position: absolute;">
+
</a>
+
</div>
+
</div>
+
 
+
<div class="section">
+
<div class="page4">
+
<div class="textinpage2">
+
<strong>The action of alkyl sulfatase on SDS is that of degradation. The steps are stopped at 1-dodecanol</strong>
+
</div>
+
<a href="https://2018.igem.org/Team:IIT_Kanpur#fifth">
+
<img src="https://static.igem.org/mediawiki/2018/a/a3/T--IIT_Kanpur--next.png" style="z-index: 3000; left:58%; top:80%; position: absolute;">
+
</a>
+
</div>
+
</div>
+
 
+
<div class="section">
+
<div class="page5">
+
<div class="textinpage3">
+
<strong>1-dodecanol is separated</strong>
+
</div>
+
</div>
+
 
+
 
+
</div>
+
<script>
+
$(document).ready(function() {
+
  $('#fullpage').fullpage({
+
    menu: '#menu',
+
    lockAnchors: false,
+
    anchors:['first', 'second', 'third', 'fourth', 'fifth'],
+
    navigation: true,
+
    navigationPosition: 'right',
+
    navigationTooltips: ['first', 'second', 'third', 'fourth', 'fifth'],
+
    showActiveTooltip: false,
+
    slidesNavigation: false,
+
    slidesNavPosition: 'bottom',
+
  });
+
});
+
</script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:IIT_Kanpur/Javascript&action=raw&ctype=text/javascript"></script>
+
 
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:17, 13 October 2018

Hello World!