Difference between revisions of "Team:TecCEM/Results"

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
<!-- Basic Page Needs -->
+
    <!-- Basic Page Needs -->
<meta charset="utf-8"/>
+
    <meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>Results</title>
+
    <title>Results</title>
<meta name="description" content=""/>
+
    <meta name="description" content=""/>
<meta name="keywords" content=""/>
+
    <meta name="keywords" content=""/>
<meta name="author" content="Fernando Colchado"/>
+
    <meta name="author" content="Fernando Colchado"/>
  
<link href="https://fonts.googleapis.com/css?family=Raleway|Ubuntu" rel="stylesheet">
+
    <link href="https://fonts.googleapis.com/css?family=Raleway|Ubuntu" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Pangolin" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Pangolin" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
   
+
   
 
         <script>
 
         <script>
             jQuery(document).ready(function ($) {
+
             jQuery(document).ready(function ($) {  
  
function map (value, in_min, in_max, out_min, out_max){
+
    function map (value, in_min, in_max, out_min, out_max){
return (value - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
+
        return (value - in_min) * (out_max - out_min) / (in_max - in_min) + out_min;
}
+
    }
+
   
  
 
});
 
});
 
         </script>
 
         </script>
 +
        <style type="text/css">
 +
              body{
 +
                padding-top: 140px;
 +
              }
 +
        </style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
    <div class = "container">
 +
        <div class = "row">
 +
            <div class = "col-12">
 +
                <h1 class = "titleRed">Results</h1>
 +
            </div>
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <h1 class = "subTitleUbuntu">Subtítulo1</h1>
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <h1 class = "subTitleUbuntu">Subtítulo2</h1>
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <table></table>
 +
                <img class = "responsiveImage" src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <h1 class = "subTitleUbuntu">Subtítulo3</h1>
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div> 
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <h1 class = "subTitleUbuntu">Subtítulo4</h1>
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
                <table></table>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">
 +
                <h1 class = "subTitleUbuntu">Subtítulo5</h1>
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>                                                   
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">               
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
                <h1 class = "subTitleUbuntu">Subtítulo6</h1>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">               
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
                <h1 class = "subTitleUbuntu">Subtítulo7</h1>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-4">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>                                                   
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col-md-5">
 +
                <img class = "responsiveImage centerImage"src="http://placehold.it/300x300">
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
        <div class = "row">
 +
            <div class = "col"></div>
 +
            <div class = "col-md-10 paragraphU">         
 +
                <h1 class = "subTitleUbuntu">Subtítulo8</h1>
 +
                <p></br></p>   
 +
                <img class = "centerImage"src="http://placehold.it/300x300">
 +
                <p></br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.</br></br></p>
 +
            </div>
 +
            <div class = "col"></div>           
 +
        </div>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:TecCEM/Templates/Footer}}
 
{{:Team:TecCEM/Templates/Footer}}

Revision as of 18:20, 31 October 2017

IGEM_TECCEM

Results

Results

Subtítulo1


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo2


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo3


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo4


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo5


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo6


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

Subtítulo7

Subtítulo8



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur dolor erat, vel lobortis augue mattis nec. Ut sit amet placerat massa. Sed dignissim ante eget nibh sollicitudin, at tincidunt mi fermentum. Curabitur tempus nibh in velit maximus egestas. Sed massa ipsum, maximus at dictum dapibus, convallis eget augue. Cras purus mauris, mattis quis ornare a, porttitor non quam. Donec sem felis, feugiat vitae porta sit amet, laoreet a leo. Proin in arcu iaculis, facilisis nisi at, rutrum neque. Nullam condimentum, urna quis pharetra lacinia, justo quam fermentum augue, at porta turpis turpis aliquet risus. Aenean lacinia nunc eu porttitor aliquet. Aenean mattis posuere felis, ac finibus est sodales sit amet. Integer lobortis metus vitae ante sollicitudin pharetra. Quisque egestas sem quis ante tristique cursus. Mauris non blandit velit. Ut euismod ut risus rutrum aliquam.

IGEM_TECCEM