(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{Global_Menubar}} |
− | <html> | + | {{Team:BostonU_Hardware/CSS}} |
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"> | ||
+ | <link rel="icon" type="image/png" href="assets/img/favicon.png"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
+ | <title>Videos</title> | ||
− | < | + | <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <!-- EXTRA STYLING --> |
− | < | + | <style> |
+ | .Title{ | ||
+ | color: red; | ||
+ | } | ||
+ | #page_background{ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png"); | ||
+ | } | ||
+ | #Header_Pic{ | ||
+ | height: 60%; | ||
+ | } | ||
+ | #BACKGROUND{ | ||
+ | width: 100%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #MARS{ | ||
+ | width: 15%; | ||
+ | position: absolute; | ||
+ | margin-top: 8%; | ||
+ | margin-left: 5%; | ||
+ | } | ||
+ | #TITLE{ | ||
+ | position: absolute; | ||
+ | width: 75%; | ||
+ | margin-left: 22%; | ||
+ | margin-top: 11%; | ||
+ | } | ||
+ | .main{ | ||
+ | margin-top: 2%; | ||
+ | } | ||
+ | .text{ | ||
− | + | } | |
+ | .text_section{ | ||
− | + | } | |
− | + | .center_text_section{ | |
+ | display: table; | ||
+ | height: 400px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .center_text{ | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #Shane{ | ||
+ | height:50%; | ||
+ | } | ||
+ | </style> | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <body> |
− | + | <!-- *************THIS IS WHERE PAGE STARTS************* --> | |
− | </ | + | <div class="landing-page"> |
− | </div> | + | <div class="wrapper" id="page_background"> |
+ | <div class="header" id="Header_Pic"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/fd/MARS_FF.png" id="TITLE"> | ||
+ | </div> | ||
+ | <div class="main main-raised"> | ||
+ | <div class="container"> | ||
+ | <h1 class="text-center">Evaluate your Chip with Fluid Functionality Checklist</h1> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <h3>Summary</h3> | ||
+ | <div class="text_section"> | ||
+ | <div class="text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non. | ||
+ | </div> | ||
+ | </div> | ||
+ | <ul class="col-md-4 col-md-offset-4"> | ||
+ | <li><a href="#Qualitative">Qualitative</a></li> | ||
+ | <li><a href="#Quantitative">Quantitative</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture" id="Shane"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div class="main main-raised" id="Qualitative"> |
− | + | </div> | |
− | < | + | <div class="main main-raised" id="Quantitative"> |
− | + | </div> | |
− | + | ||
− | + | ||
− | </ | + | |
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | </body> | |
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | {{Team:BostonU_Hardware/Javascript}} | |
− | + | ||
− | + | ||
− | + |
Revision as of 21:24, 28 October 2017
![](https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png)
![](https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png)
![](https://static.igem.org/mediawiki/2017/f/fd/MARS_FF.png)
Evaluate your Chip with Fluid Functionality Checklist
Summary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
![Picture](https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png)