Difference between revisions of "Team:Edinburgh UG"

Line 131: Line 131:
 
     font-size: 200%;
 
     font-size: 200%;
 
     }
 
     }
 
    .slick-slide {
 
    outline: none;
 
    }
 
 
    #prev, #next { 
 
    -webkit-user-select: none;
 
    -moz-user-select: none;
 
    -ms-user-select: none;
 
    cursor: pointer;
 
    }
 
 
 
    </style>
 
 
    <script>
 
 
    $(function(){
 
$('.your-class').slick({arrows:false});
 
    $('#next').click(function(){
 
    $('.your-class').slick('slickNext');
 
    });
 
    $('#prev').click(function(){
 
    $('.your-class').slick('slickPrev');
 
    });
 
});
 
 
</script>
 
  
 
     <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 
     <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
Line 307: Line 279:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
<div class="row text-center">
 
<div class="your-class">
 
    <div class="row">
 
        <div class="container">
 
            <div class="col-xs-12">
 
                <div>
 
                <img src="https://static.igem.org/mediawiki/2016/5/55/EdiGEM16UGdensity.png" class="img-responsive center-block">
 
                <p></p>
 
                <h3 style="font-size:200%;" class="text-center">Density</h3>
 
                <p class="text-center">DNA has 1000 times</p>
 
                <p class="text-center">greater storage density</p>
 
                <p class="text-center">than flash memory</p>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="container">
 
            <div class="col-xs-12">
 
                <div>
 
                <img src="https://static.igem.org/mediawiki/2016/2/26/EdiGEM16UGdollar.png" class="img-responsive center-block">
 
                <p></p>
 
                <h3 style="font-size:200%;" class="text-center">Affordability</h3>
 
                <p class="text-center">All our encoding programmes </p>
 
                <p class="text-center">are open source and initial </p>
 
                <p class="text-center">synthesis of the lexicon is done </p>
 
                <p class="text-center">for you providing significant </p>
 
                <p class="text-center">cost reductions on existing </p>
 
                <p class="text-center">methods</p>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="container">
 
            <div class="col-xs-12">
 
                <div>
 
                <img src="https://static.igem.org/mediawiki/2016/1/1f/EdiGEM16UGhourglassResize.png" class="img-responsive center-block">
 
                <p></p>
 
                <h3 style="font-size:200%;" class="text-center">Longevity</h3>
 
                <p class="text-center">DNA can last for </p>
 
                <p class="text-center">thousands of years </p>
 
                <p class="text-center">without consuming </p>
 
                <p class="text-center">resources; modern  </p>
 
                <p class="text-center">hard drives can only </p>
 
                <p class="text-center">last 50</p>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="container">
 
            <div class="col-xs-12">
 
                <div>
 
                <img src="https://static.igem.org/mediawiki/2016/a/a4/EdiGEM16UGpuzzleResize.png" class="img-responsive center-block">
 
                <p></p>
 
                <h3 style="font-size:200%;" class="text-center">Modularity</h3>
 
                <p class="text-center">Assembly of our BabbleBricks </p>
 
                <p class="text-center">is unrestricted and completely </p>
 
                <p class="text-center">customisable </p>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
  </div>
 
</div>
 
<div class="row text-center">
 
    <div id="prev" class="col-xs-2 col-xs-offset-4 well ">prev</div>
 
    <div id="next" class="col-xs-2  well">next</div>
 
</div>
 
  
 
   <div class="container-fluid">
 
   <div class="container-fluid">

Revision as of 20:06, 13 October 2016