Team:ITESM-CEM/Project/HP/slider2

From 2014.igem.org

(Difference between revisions)
(Created page with "<!-- SLIDER 2 INICIO--> <div> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:45%; position: absolute; left: 52%; top: 1300px;"> <!-...")
 
(19 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
{{Team:ITESM-CEM/CSS}}
 +
 +
<html>
 +
 +
<head>
 +
<link href='http://fonts.googleapis.com/css?family=Exo:300,400,600' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
 +
<title>TEC-CEM | Project</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
 +
  <!-- External scripts -->
 +
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
 
 +
  <script>
 +
    $('.carousel').carousel({
 +
        interval: 2000
 +
    })
 +
  </script>
 +
 +
 +
<style type="text/css">
 +
 +
.marginFix {
 +
position: fixed;
 +
top: 0px;
 +
left: 0px;
 +
}
 +
 +
body {
 +
    margin-top: 0px;
 +
    margin-bottom: 0px;
 +
    margin-right: 0px;
 +
    margin-left: 0px;
 +
}
 +
 +
p {
 +
text-indent: 0;
 +
padding-top: 0px;
 +
padding-right: 0px;
 +
padding-bottom: 0px;
 +
padding-left: 0px;
 +
}
 +
 +
#top-section {
 +
background-color: transparent;
 +
transition: top 0.2s, ease-out;
 +
transition-delay: 0.5s;
 +
}
 +
 +
</style>
 +
 +
</head>
 +
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-color: transparent;">
 +
 
 +
<table width="100%" border="0" id="ContenidoSecciones">
 +
<div style="background-color: #f3f3e2; style="width:95%">
 +
<br>
 +
 +
<!--INICIO CONTENIDO-->
 +
 +
 +
<!-- SLIDER 2 INICIO-->
<!-- SLIDER 2 INICIO-->
<div>
<div>
-
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:45%; position: absolute; left: 52%; top: 1300px;">
+
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:90%; position: absolute; left: 0px; top: 0px;">
   <!-- Indicators -->
   <!-- Indicators -->
   <ol class="carousel-indicators">
   <ol class="carousel-indicators">
Line 44: Line 109:
     </div>
     </div>
<div class="item">
<div class="item">
-
       <img src="https://2014.igem.org/File:10435183_311100782386640_134059424_o.jpg">
+
       <img src="https://static.igem.org/mediawiki/2014/c/cf/10435183_311100782386640_134059424_o.jpg">
     </div>
     </div>
<div class="item">
<div class="item">
Line 50: Line 115:
     </div>
     </div>
<div class="item">
<div class="item">
-
       <img src="https://2014.igem.org/File:10415595_550184831768190_4589085284510391449_n.jpg">
+
       <img src="https://static.igem.org/mediawiki/2014/a/a2/10415595_550184831768190_4589085284510391449_n.jpg">
     </div>
     </div>
   </div>
   </div>
Line 65: Line 130:
<!-- SLIDER 2 FIN-->
<!-- SLIDER 2 FIN-->
 +
 +
 +
 +
<!--FIN CONTENIDO-->
 +
 +
</div>
 +
</table>
 +
      <p>&nbsp;</p></td>
 +
    <td><img src="images/spacer.gif" width="1" height="509" alt=""></td>
 +
  </tr>
 +
  <tr>
 +
    <td><img src="images/spacer.gif" width="240" height="1" alt=""></td>
 +
    <td><img src="images/spacer.gif" width="544" height="1" alt=""></td>
 +
    <td><img src="images/spacer.gif" width="133" height="1" alt=""></td>
 +
    <td><img src="images/spacer.gif" width="70" height="1" alt=""></td>
 +
    <td><img src="images/spacer.gif" width="165" height="1" alt=""></td>
 +
    <td></td>
 +
  </tr>
 +
</table>
 +
 +
</body>
 +
 +
 +
</html>

Latest revision as of 04:52, 15 October 2014

TEC-CEM | Project