<!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/IndexStylesheet.css"> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/RequiredJavascripts.js"></script> <script src="js/NavbarRedirects.js"></script> <script src="js/BoatsJavascript.js"></script>
<script> $(function () { $(document).scroll(function () { $nav = $("#Navbar"); $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height()); $("#TopNav").toggleClass("TopNavsscrolled", $(this).scrollTop() > $nav.height()); $("#topnav0").toggleClass("topnav0scrolled", $(this).scrollTop() > $nav.height()); $("#topnav1").toggleClass("topnav1scrolled", $(this).scrollTop() > $nav.height()); $("#topnav2").toggleClass("topnav2scrolled", $(this).scrollTop() > $nav.height()); $("#topnav3").toggleClass("topnav3scrolled", $(this).scrollTop() > $nav.height()); }); });
</script> <title>Ripple</title> <link rel="icon" href="images/RippleLogo.ico">
</head>
<body>
<img id='logo' src='images/RippleLogo.svg'>
Contents
- 1 Ripple
- 2 Lorem Ipsum
- 3 Lorem Ipsum
- 4 Click one</h3> Please? </div> <img src='images/Biological.svg' id='bioIMG' onclick="rotate(0)"> <img src='images/Organic.svg' id='orgIMG' onclick="rotate(1)"> <img src='images/Inorganic.svg' id='inorgIMG' onclick="rotate(2)"> </div> <img src='images/lab2.png' id='labIMG'> Ripple is
Ripple
Biological
Organic
Inorganic
Solutions to clean water
Lorem Ipsum
Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.
Lorem Ipsum
Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog. Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.Lorem Ipsum something in latin, quick brown fox jumps over the lazy dog.
Click one</h3>
Please?
</div>
<img src='images/Biological.svg' id='bioIMG' onclick="rotate(0)">
<img src='images/Organic.svg' id='orgIMG' onclick="rotate(1)">
<img src='images/Inorganic.svg' id='inorgIMG' onclick="rotate(2)">
</div>
<img src='images/lab2.png' id='labIMG'>
Ripple is
<h1 style='font-size: 3vw;'>
Making water safe again,
one step at a time
</h1>
Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlfe too.
<button onclick="">Find out more here</button>
</body>
</html>
<img src='images/lab2.png' id='labIMG'>
Ripple is
<h1 style='font-size: 3vw;'>
Making water safe again,
one step at a time
</h1>
Here on the Ripple iGEM team we are dedicating ourselves to making water safe again; not just for the ourselves, but for the surrounding environments and wildlfe too.
<button onclick="">Find out more here</button>
<h1 style='color: white; font-weight: 300; font-size: 1.5vw; margin-left: -5%'>igem@warwick.ac.uk</h1>
<a class='socialMedia' style='margin-right: 5%' href="https://www.youtube.com/channel/UCHhLKgvGJFkdSmwgGPvN9PA"> <img src="" alt="YouTube"> </a> <a class='socialMedia' style='margin-right: 5%' href="https://twitter.com/WISB_SynBioCtre"> <img src="" alt="Twitter"> </a> <a class='socialMedia' style='margin-right: -2.5%' href="https://www.instagram.com/igem_warwick/"> <img src="images/insta.png" alt="Twitter"> </a>