Team:AUC TURKEY/Tour

From 2014hs.igem.org

(Difference between revisions)
(Undo revision 28224 by Alihancelikcan (talk))
 
(35 intermediate revisions not shown)
Line 1: Line 1:
{{AUC_TURKEY}}
{{AUC_TURKEY}}
-
<html>
+
<html lang="en" class="no-js">
-
<head>
+
<head>
-
<style type="text/css">
+
                <img src="https://static.igem.org/mediawiki/2014hs/8/8f/WELCOMETOTHETOUR.png" height="96" width="1100"  style="">
-
.divider {
+
<meta charset="UTF-8" />
-
  height: 1px;
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
  background: #000;
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
  background: -webkit-linear-gradient(left, rgb(255,255,255) 0%, rgb(50,50,50) 50%, rgb(255,255,255) 100%);
+
<meta name="author" content="Codrops" />
-
}
+
<link rel="shortcut icon" href="../favicon.ico">
-
.divider.light {
+
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:AUC_TURKEY/cssslider/style.css?action=raw&ctype=text/css" />
-
  background: #fff;
+
<script src="https://2014hs.igem.org/Team:AUC_TURKEY/js/modernizr.custom.63321.js?action=raw&ctype=text/javascript"></script>
-
  background: -webkit-linear-gradient(left, rgb(90,90,90) 0%, rgb(255,255,255) 50%, rgb(90,90,90) 100%);
+
</head>
-
}
+
<body>
 +
<div class="main">
 +
<div id="mi-slider" class="mi-slider">
 +
<ul>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Project/Mechanism"><img src="https://static.igem.org/mediawiki/2014hs/1/12/Tour1.jpg" alt="img01"><br/></a></li>
 +
</ul>
-
.divider.light:before {
+
<ul><li><a
-
  position:relative;
+
href="https://2014hs.igem.org/Team:AUC_TURKEY/Results/Cloning"><img
-
  float:left;
+
src="https://static.igem.org/mediawiki/2014hs/9/92/Tour2.png"><br/></a></li>
-
  background: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 1) 50%);
+
</ul>
-
  margin-top:2px;
+
-
  width:50%;
+
-
  height:1px;
+
-
  content:"";
+
-
}
+
-
.divider.light:after {
 
-
  position:relative;
 
-
  float:right;
 
-
  background: linear-gradient(to left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 1) 50%);
 
-
  margin-top:2px;
 
-
  width:50%;
 
-
  height:1px;
 
-
  content:""; 
 
-
}
 
-
.divider:before {
 
-
  position:relative;
 
-
  float:left;
 
-
  background: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1) 50%);
 
-
  margin-top:2px;
 
-
  width:50%;
 
-
  height:1px;
 
-
  content:"";
 
-
}
 
-
.divider:after {
+
<ul>
-
  position:relative;
+
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Results/Cloning"><img src="https://static.igem.org/mediawiki/2014hs/a/ae/Tour3.jpg" alt="img02"><br/></a></li>
-
  float:right;
+
</ul>
-
  background: linear-gradient(to left, rgba(100, 200, 200, 0), rgba(200, 200, 200, 1) 50%);
+
-
  margin-top:2px;
+
-
  width:50%;
+
-
  height:1px;
+
-
  content:""
+
-
}
+
-
/* Presentation only */
+
-
.width80 {width:80%;margin:0px auto;padding-top:50px;}
+
-
.light-background {background:#fff;margin-top:50px;width:100%;height:100px;}
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<center><p>Overview</p>
+
<nav>
-
<br />
+
<a href="#">Overview</a>
-
<div class="width80">
+
<a href="#">Results</a>
-
  <div class="divider light" />
+
<a href="#">Future Plans</a>
-
</div>
+
</nav>
-
<div class="light-background">
+
</div>
-
  <div class="width80">
+
</div>
-
    <div class="divider" />
+
</div><!-- /container -->
-
  </div>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
</div>
+
<script src="https://2014hs.igem.org/Team:AUC_TURKEY/js/jquery.catslider.js?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(function() {
-
<p>Results</p>
+
$( '#mi-slider' ).catslider();
-
<br />
+
});
-
<div class="width80">
+
</script>
-
  <div class="divider light" />
+
</body>
-
</div>
+
</html>
-
<div class="light-background">
+
-
  <div class="width80">
+
-
    <div class="divider" />
+
-
  </div>
+
-
</div>
+
-
 
+
-
 
+
-
<p>Adini unuttugum sey</p>
+
-
 
+
-
</center>
+
-
</body>
+

Latest revision as of 17:35, 26 April 2015

Back to top Take a Tour