Difference between revisions of "Team:Warwick/Communication"
| Line 18: | Line 18: | ||
| − | <link href="https://2021.igem.org/Template:Warwick/css/ | + | <link href="https://2021.igem.org/Template:Warwick/css/normalizeCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
<link href="https://2021.igem.org/Template:Warwick/css/simple-line-iconsCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | <link href="https://2021.igem.org/Template:Warwick/css/simple-line-iconsCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
| + | <link href="https://2021.igem.org/Template:Warwick/css/fontawesomeCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
| + | <link href="https://2021.igem.org/Template:Warwick/css/bootstrap-minCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
<link href="https://2021.igem.org/Template:Warwick/css/igem-resetCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | <link href="https://2021.igem.org/Template:Warwick/css/igem-resetCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
| Line 38: | Line 40: | ||
<script defer="" src="https://2021.igem.org/Template:Warwick/js/bootstrap-minJS?action=raw&ctype=text/javascript"></script> | <script defer="" src="https://2021.igem.org/Template:Warwick/js/bootstrap-minJS?action=raw&ctype=text/javascript"></script> | ||
<script defer="" src="https://2021.igem.org/Template:Warwick/js/respond-minJS?action=raw&ctype=text/javascript"></script> | <script defer="" src="https://2021.igem.org/Template:Warwick/js/respond-minJS?action=raw&ctype=text/javascript"></script> | ||
| + | <script defer="" src="https://2021.igem.org/Template:Warwick/js/asbJS?action=raw&ctype=text/javascript"></script> | ||
<script defer="" src="https://2021.igem.org/Template:Warwick/js/mainJS?action=raw&ctype=text/javascript"></script> | <script defer="" src="https://2021.igem.org/Template:Warwick/js/mainJS?action=raw&ctype=text/javascript"></script> | ||
| Line 52: | Line 55: | ||
<div class="site-mobile-menu site-navbar-target"> | <div class="site-mobile-menu site-navbar-target"> | ||
<div class="site-mobile-menu-header"> | <div class="site-mobile-menu-header"> | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
<div class="site-mobile-menu-body"></div> | <div class="site-mobile-menu-body"></div> | ||
| Line 179: | Line 180: | ||
<div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px"> | <div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px"> | ||
<a class="site-menu-toggle js-menu-toggle float-right" href="#"> | <a class="site-menu-toggle js-menu-toggle float-right" href="#"> | ||
| − | <span class=" | + | <span class="fas fa-bars"></span> |
</a> | </a> | ||
</div> | </div> | ||
| Line 187: | Line 188: | ||
<div class="content-wrapper"> | <div class="content-wrapper"> | ||
| − | <section class=" | + | |
| + | <section class="slanted-bottom" id="hero" style="background-image: url('https://picsum.photos/1920/360')"> | ||
| + | |||
<div class="container text-center"> | <div class="container text-center"> | ||
| − | + | ||
| − | + | <h1> | |
| − | + | Public engagement and education outreach | |
| − | + | </h1> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</section> | </section> | ||
| Line 203: | Line 202: | ||
<section id="hugo-content-wrapper"> | <section id="hugo-content-wrapper"> | ||
| + | |||
| + | |||
| Line 209: | Line 210: | ||
| − | < | + | <section class="container-md" id="hugo-content"> |
<h2 id="lorem-ipsum">Lorem Ipsum</h2> | <h2 id="lorem-ipsum">Lorem Ipsum</h2> | ||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras volutpat malesuada | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras volutpat malesuada | ||
| Line 223: | Line 224: | ||
Pellentesque non hendrerit nisl.</p> | Pellentesque non hendrerit nisl.</p> | ||
| − | </ | + | </section> |
| Line 230: | Line 231: | ||
</div> | </div> | ||
| − | <footer class="tertiary-background-gradient" id="footer" role="contentinfo"> | + | <footer class="tertiary-background-gradient slanted-top" id="footer" role="contentinfo"> |
<div class="container"> | <div class="container"> | ||
| Line 249: | Line 250: | ||
<div class="col"> | <div class="col"> | ||
<a class="icon-button twitter" href="https://twitter.com/warwickigem"> | <a class="icon-button twitter" href="https://twitter.com/warwickigem"> | ||
| − | <i class=" | + | <i class="fab fa-twitter"></i><span></span> |
</a> | </a> | ||
</div> | </div> | ||
<div class="col"> | <div class="col"> | ||
<a class="icon-button facebook" href="https://www.facebook.com/WarwickIGEM"> | <a class="icon-button facebook" href="https://www.facebook.com/WarwickIGEM"> | ||
| − | <i class=" | + | <i class="fab fa-facebook"></i><span></span> |
</a> | </a> | ||
</div> | </div> | ||
| Line 260: | Line 261: | ||
<div class="col"> | <div class="col"> | ||
<a class="icon-button instagram" href="https://www.instagram.com/igem_warwick"> | <a class="icon-button instagram" href="https://www.instagram.com/igem_warwick"> | ||
| − | <i class=" | + | <i class="fab fa-instagram"></i><span></span> |
</a> | </a> | ||
</div> | </div> | ||
<div class="col"> | <div class="col"> | ||
<a class="icon-button email" href="mailto:igem@warwick.ac.uk"> | <a class="icon-button email" href="mailto:igem@warwick.ac.uk"> | ||
| − | <i class=" | + | <i class="fa fa-envelope"></i><span></span> |
</a> | </a> | ||
</div> | </div> | ||
<div class="col"> | <div class="col"> | ||
<a class="icon-button home" href="https://warwick.ac.uk/"> | <a class="icon-button home" href="https://warwick.ac.uk/"> | ||
| − | <i class=" | + | <i class="fa fa-home"></i><span></span> |
</a> | </a> | ||
</div> | </div> | ||
Revision as of 16:50, 25 August 2021
<!DOCTYPE html>
Public engagement and education outreach
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras volutpat malesuada dapibus. Integer aliquam eget risus a ornare. Sed rutrum felis ut eros varius, sit amet placerat metus dignissim. Cras non mauris ultricies, pulvinar tellus nec, suscipit tortor. Donec cursus euismod tellus, vitae pulvinar est faucibus et. Suspendisse fringilla aliquet porta. Fusce nec tortor eget ante vehicula placerat. Nulla dignissim quam nibh, ac tincidunt metus convallis eu. Sed nec tellus lacinia, elementum libero a, iaculis justo. Proin interdum placerat elit, et consectetur lectus feugiat non. In iaculis eros sit amet dui lobortis, eu consectetur sapien vestibulum. In urna elit, semper non maximus ut, tempor non diam. Nulla sodales lacus non dui mollis, vitae imperdiet magna pellentesque. Pellentesque non hendrerit nisl.