Difference between revisions of "Team:Uppsala/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Uppsala}}
+
{{Uppsala/CSS}}
 +
{{Uppsala/Navbar}}
 
<html>
 
<html>
  
  
−
<div class="column full_size">
+
<head>
 +
<style>
 +
 
 +
 
 +
.woof { background-image: url("https://static.igem.org/mediawiki/2017/2/29/Uppsala_notebook_background.svg");
 +
background-repeat: repeat;
 +
background-size: 100%;
 +
                height:100%;
 +
                padding:100px;
 +
}
 +
 
 +
div.bookie {
 +
 +
margin:100px auto;
 +
background-image:url(https://static.igem.org/mediawiki/2017/c/ca/Uppsala_notebook_book.svg);
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
background-position:50% 0%;
 +
}
 +
 
 +
.pointy{
 +
height:50px;
 +
}
 +
 
 +
.entry{ margin-top:10%;
 +
height:700px;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
</head>
 +
 
 +
<div class="woof">
 +
<div class="container bookie">
 +
<div id="dairy" class="carousel slide">
 +
<ol class="carousel-indicators">
 +
<li data-target="#dairy" data-slide-to="0" class="active"></li>
 +
<li data-target="#dairy" data-slide-to="1"></li>
 +
<li data-target="#dairy" data-slide-to="2"></li>
 +
<li data-target="#dairy" data-slide-to="3"></li>
 +
<!--<li data-target="#dairy" data-slide-to="#"></li>-->
 +
 +
</ol>
 +
 +
<div class="carousel-inner">
 +
<div class="item active">
 +
<div class="container-fluid">
 +
<div class="row entry">
 +
<div class="col-sm-1">
 +
</div>
 +
<div class="col-sm-4">
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in mauris viverra,
 +
tincidunt ligula eget, volutpat enim. Etiam nibh nisl, interdum at auctor et, pharetra
 +
vitae massa. Suspendisse potenti. Sed bibendum felis vel congue suscipit.
 +
Mauris id orci purus. Morbi condimentum molestie tempus. In a dolor in eros
 +
lobortis dapibus. Quisque non eros pharetra ante efficitur ornare accumsan sit
 +
amet nibh. Maecenas eget facilisis tortor. Mauris a bibendum nulla, a convallis
 +
orci. Morbi aliquet sem augue, eget laoreet risus ullamcorper a. Proin in tempor
 +
ex, ac vestibulum nisl. Phasellus scelerisque, nunc id porta suscipit, lacus nulla
 +
tempor dui, a pulvinar justo ipsum maximus sem. Pellentesque hendrerit maximus justo.
 +
Vestibulum est risus, pharetra ut est sed, venenatis scelerisque magna.
 +
Etiam ullamcorper lacus neque, nec vestibulum eros congue sit amet.</p>
 +
</div>
 +
<div class="col-sm-2">
 +
</div>
 +
<div class="col-sm-4">
 +
<p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum.
 +
Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus
 +
in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien.
 +
Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis,
 +
dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula
 +
malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
 +
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
 +
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
 +
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
 +
Praesent nec tempor quam.</p>
 +
</div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="item">
 +
<div class="container-fluid">
 +
<div class="row entry">
 +
<div class="col-sm-1">
 +
</div>
 +
<div class="col-sm-4">
 +
<p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum.
 +
Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus
 +
in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien.
 +
Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis,
 +
dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula
 +
malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
 +
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
 +
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
 +
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
 +
Praesent nec tempor quam.Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
 +
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
 +
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
 +
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
 +
Praesent nec tempor quam.</p>
 +
</div>
 +
<div class="col-sm-2">
 +
</div>
 +
<div class="col-sm-4">
 +
<p>Pellentesque at mollis erat. Nunc tincidunt ligula eu orci gravida fringilla.
 +
Nullam commodo cursus nulla, pellentesque fermentum dui malesuada vel.
 +
Ut semper mauris nisi, a vulputate nunc lacinia sed. Nullam vel ex lorem.
 +
Praesent consequat diam vitae metus vehicula, ac blandit neque bibendum.
 +
Etiam mattis erat eget ex consectetur, vel mattis sapien volutpat.
 +
Fusce pretium risus in orci feugiat, nec facilisis libero tempus.
 +
Suspendisse quis turpis vel turpis volutpat cursus. Phasellus ac
 +
sagittis turpis, eu pretium quam. Vivamus accumsan mauris at semper facilisis.</p>
 +
</div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="item">
 +
<div class="container-fluid">
 +
<div class="row entry">
 +
<div class="col-sm-1">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-2">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="item">
 +
<div class="container-fluid">
 +
<div class="row entry">
 +
<div class="col-sm-1">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-2">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<!--<div class="item">
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-sm-1">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-2">
 +
</div>
 +
<div class="col-sm-4">
 +
<p></p>
 +
</div>
 +
<div class="col-sm-1">
 +
</div>
 +
</div>
 +
</div>
 +
</div>-->
 +
 +
 +
 +
</div>
 +
 +
<a class="left carousel-control" href="#dairy" data-slide="prev" style="background-image:none;width:50px;margin:30%2%;">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a9/Uppsala_notebook_arrow_right.svg" class="img-responsive pointy"></img>
 +
</a>
 +
 +
<a class="right carousel-control pointy" href="#dairy" data-slide="next" style="background-image:none;width:50px;margin:30%2%;">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a9/Uppsala_notebook_arrow_right.svg" class="img-responsive pointy"></img>
 +
</a>
 +
 +
</div>
 +
 
 +
 
 +
</div>
 +
 
 +
<!--<div class="column full_size">
  
 
<h1>Notebook</h1>
 
<h1>Notebook</h1>
Line 34: Line 233:
 
</ul>
 
</ul>
  
−
</div>
+
</div>-->
 
</html>
 
</html>

Revision as of 16:55, 15 October 2017