Difference between revisions of "Team:Valencia UPV/home1"

<section class="page-header page-header-lg parallax parallax-3" style="background-position-y: -300px;background-image:url("https://goo.gl/gdljno")><div class="overlay dark-5"></div><div class="container"><h1>PageTitle</h1></div></section><section><div class="container-fluid"><div class="row"><div class="col-md-2 col-sm-3"><div class="side-nav margin-bottom-60 margin-top-30"><div class="side-nav-head"><button class="fa fa-bars"></button><h4>Index</h4></div><ul class="list-group list-group-bordered list-group-noicon uppercase"><li class="list-group-item"><a href="https://2016.igem.org/Team:Valencia_UPV/Design#Thisisatitle_id"><span class="size-11 text-muted pull-right"></span>This is a title</a></li><li class="list-group-item"><a href="https://2016.igem.org/Team:Valencia_UPV/Design#Thisisanothertitle_id"><span class="size-11 text-muted pull-right"></span>This is a nother title</a></li></ul></div></div><div class="col-md-10 col-sm-9"><div class="blog-post-item" id="Thisisatitle_id"><h3>This is a title</h3><p>this is another random content with stuff CH₂<br>next line is a centered image with a footer<br></p><div style="text-align:center;"><img class="img-responsive" style="width:600px" src="https://goo.gl/gdljno"><p style="text-align: center;font-style: italic;font-size: smaller;">img footer example</p></div><br>next line is a example of a list with another nested list inside<br></p><ul><li>list1</li><li>item1</li></p><ul><li>tem2</li><li>item 2.1</li><li>item 2.2</li></ul><li>item3</li></ul><p></p></div><div class="blog-post-item" id="Thisisanothertitle_id"><h3>This is a nother title</h3><p>now this is more content, and a right image example and then a left image example<br></p><div style="float:right;width:55%;margin:1em 0em 1em 1em;"><img class="img-responsive" style="width:100%" src="https://goo.gl/gdljno"><p style="text-align: center;font-style: italic;font-size: smaller;">img footer example</p></div><br>with multiple line breaks<br></p><div style="float:left;width:55%;margin:1em 1em 1em 0;"><img class="img-responsive" style="width:100%" src="https://goo.gl/gdljno"><p style="text-align: center;font-style: italic;font-size: smaller;">img footer example</p></div><br>and stuff α <i>E. coli</i>, in the next line we have a table example<br></p><div class="table-responsive" style="width:55%;overflow:inherit"><table class="table table-bordered table-striped"><tr><th>T1</th><th>T2</th><th>T3</th></tr><tr><td>Liuh</td><td>Liuh</td><td>Luih</td></tr><tr><td>Al</td><td>Al</td><td>Al</td></tr></table></div><p>you can add a button in a new line like so<br><a class="btn btn-reveal btn-teal" href="https://goo.gl/gdljno" style="float:right;"><i class="fa fa-plus"></i><span>button</span></a><br>or you can add some links like this <a href="https://goo.gl/gdljno">this is a link</a> and it can be anywhere in the text<br></p></div></div></div></section>

 

<div class='sliderDiv'><img class='mySlides' src='http://www.freedigitalphotos.net/images/img/homepage/87357.jpg' ><img class='mySlides' src='http://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg' ><img class='mySlides' src='http://www.w3schools.com/css/trolltunga.jpg' ><img class='mySlides' src='http://stuffpoint.com/nature/image/277236-nature-nature-beauty-scenery-bridge.jpg' ></div>