|
|
Line 9: |
Line 9: |
| <meta name="keywords" content="UAlberta, iGEM"> | | <meta name="keywords" content="UAlberta, iGEM"> |
| <meta name="author" content="David Herczeg"> | | <meta name="author" content="David Herczeg"> |
| + | |
| + | <style> |
| + | #ua-home { |
| + | background: url('http://i.imgur.com/pTHJX4J.jpg'); |
| + | } |
| + | </style> |
| </head> | | </head> |
| <body> | | <body> |
Line 41: |
Line 47: |
| </div> | | </div> |
| </div> | | </div> |
− |
| |
− | <div id="ua-home-team" class="text-center">
| |
− | <div class="overlay">
| |
− | <div class="container">
| |
− | <div class="section-title center">
| |
− | <h2>Meet <strong>the team</strong></h2>
| |
− | <div class="line">
| |
− | <hr>
| |
− | </div>
| |
− |
| |
− | <div id="team" class="owl-carousel owl-theme row">
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <span class="tooltiptext">Or put description here?</span>
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <span class="tooltiptext">Or put description here?</span>
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <div class="thumbnail">
| |
− | <img src="https://upload.wikimedia.org/wikipedia/en/2/27/Seal_of_the_University_of_Alberta.gif" alt="..." class="img-circle team-img">
| |
− | <div class="caption">
| |
− | <h3>Name</h3>
| |
− | <p class="common">Title</p>
| |
− | <p class="common">Description about the person</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <!--
| |
− | <div id="ua-section" class="text-center">
| |
− | <div class="container">
| |
− | <div class="section-title center">
| |
− | <h2>Another <strong>Section</strong> of Information</h2>
| |
− | <div class="line">
| |
− | <hr>
| |
− | </div>
| |
− | <div class="clearfix"></div>
| |
− | <div id="carousel-container" class="container">
| |
− | <div class="row">
| |
− | <div class="col-lg-12">
| |
− | <div id="myCarousel" class="carousel slide" data-ride="carousel"> -->
| |
− | <!-- Indicators --><!--
| |
− | <ol class="carousel-indicators">
| |
− | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| |
− | <li data-target="#myCarousel" data-slide-to="1"></li>
| |
− | <li data-target="#myCarousel" data-slide-to="2"></li>
| |
− | </ol> -->
| |
− |
| |
− | <!-- Wrapper for slides --><!--
| |
− | <div class="carousel-inner">
| |
− | <div class="item active">
| |
− | <img src="http://i.imgur.com/iMPWxoA.jpg" alt="...">
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="http://i.imgur.com/iMPWxoA.jpg" alt="...">
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="http://i.imgur.com/iMPWxoA.jpg" alt="...">
| |
− | </div>
| |
− | </div> -->
| |
− |
| |
− | <!-- Left and right controls --><!--
| |
− | <a class="left carousel-control" href="#myCarousel" data-slide="prev">
| |
− | <span class="glyphicon glyphicon-chevron-left"></span>
| |
− | <span class="sr-only">Previous</span>
| |
− | </a>
| |
− | <a class="right carousel-control" href="#myCarousel" data-slide="next">
| |
− | <span class="glyphicon glyphicon-chevron-right"></span>
| |
− | <span class="sr-only">Next</span>
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <small><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ante sem, elementum vel blandit nec, tincidunt sed diam. Sed pretium nunc ut turpis sollicitudin, consectetur blandit eros pulvinar. Morbi ac justo pulvinar, ullamcorper diam quis, egestas tortor. Fusce rhoncus dolor egestas suscipit bibendum. Morbi at sagittis lorem. Aliquam sodales lacus ac magna facilisis, sit amet vehicula massa vulputate. Suspendisse quis hendrerit urna. Nullam nec consectetur ipsum, bibendum aliquet tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent venenatis eu arcu non bibendum.</em></small>
| |
− | </div>
| |
− | <div class="space"></div>
| |
− | <div class="row">
| |
− | <div class="col-md-3 col-sm-6 service">
| |
− | <i class="fa fa-check"></i>
| |
− | <h4><strong>Title</strong></h4>
| |
− | <p class="common">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| |
− | </div>
| |
− |
| |
− | <div class="col-md-3 col-sm-6 service">
| |
− | <i class="fa fa-check"></i>
| |
− | <h4><strong>Title</strong></h4>
| |
− | <p class="common">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| |
− | </div>
| |
− |
| |
− | <div class="col-md-3 col-sm-6 service">
| |
− | <i class="fa fa-check"></i>
| |
− | <h4><strong>Title</strong></h4>
| |
− | <p class="common">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| |
− | </div>
| |
− |
| |
− | <div class="col-md-3 col-sm-6 service">
| |
− | <i class="fa fa-check"></i>
| |
− | <h4><strong>Title</strong></h4>
| |
− | <p class="common">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div> -->
| |
| </body> | | </body> |
| </html> | | </html> |
| {{UAlberta/Footer}} | | {{UAlberta/Footer}} |