(Created page with "{{Newcastle3}} <html> <script src="https://2017.igem.org/Team:Newcastle/Bradleytest/js/imagescalerjs?action=raw&ctype=text/javascript"></script> <body style="background-co...") |
|||
Line 7: | Line 7: | ||
<div style="width:100vw;background-color:#efffff"><left> | <div style="width:100vw;background-color:#efffff"><left> | ||
− | + | <title>W3.CSS Template</title> | |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | + | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | |
− | < | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> |
− | < | + | <style> |
− | + | body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif} | |
− | + | </style> | |
− | + | <body class="w3-light-grey"> | |
− | < | + | |
− | + | <!-- w3-content defines a container for fixed size centered content, | |
− | < | + | and is wrapped around the whole page content, except for the footer in this example --> |
− | + | <div class="w3-content" style="max-width:1400px"> | |
− | < | + | |
− | < | + | <!-- Header --> |
− | + | <header class="w3-container w3-center w3-padding-32"> | |
− | < | + | <h1><b> Transform and Translate</b></h1> |
− | + | <b>Investigating science communication. Linking linguistics to Synthetic Biology</b> | |
− | < | + | </header> |
− | + | ||
− | < | + | <!-- Grid --> |
− | < | + | <div class="w3-row"> |
− | + | ||
− | < | + | <!-- Blog entries --> |
− | + | <div class="w3-col l8 s12"> | |
− | < | + | <!-- Blog entry --> |
− | + | <div class="w3-card-4 w3-margin w3-white"> | |
− | < | + | <div class="w3-container"> |
− | + | <h3><b>TITLE HEADING</b></h3> | |
− | < | + | <h5>Title description, <span class="w3-opacity">April 7, 2014</span></h5> |
− | + | </div> | |
− | < | + | |
+ | <div class="w3-container"> | ||
+ | <p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed | ||
+ | tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> | ||
+ | <div class="w3-row"> | ||
+ | <div class="w3-col m8 s12"> | ||
+ | <p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p> | ||
+ | </div> | ||
+ | <div class="w3-col m4 w3-hide-small"> | ||
+ | <p><span class="w3-padding-large w3-right"><b>Comments </b> <span class="w3-tag">0</span></span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | |||
+ | <!-- Blog entry --> | ||
+ | <div class="w3-card-4 w3-margin w3-white"> | ||
+ | <div class="w3-container"> | ||
+ | <h3><b>BLOG ENTRY</b></h3> | ||
+ | <h5>Title description, <span class="w3-opacity">April 2, 2014</span></h5> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-container"> | ||
+ | <p>Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed | ||
+ | tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.</p> | ||
+ | <div class="w3-row"> | ||
+ | <div class="w3-col m8 s12"> | ||
+ | <p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p> | ||
+ | </div> | ||
+ | <div class="w3-col m4 w3-hide-small"> | ||
+ | <p><span class="w3-padding-large w3-right"><b>Comments </b> <span class="w3-badge">2</span></span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END BLOG ENTRIES --> | ||
+ | </div> | ||
+ | |||
+ | <!-- Introduction menu --> | ||
+ | <div class="w3-col l4"> | ||
+ | <!-- About Card --> | ||
+ | <div class="w3-card-2 w3-margin w3-margin-top"> | ||
+ | <img src="/w3images/avatar_g.jpg" style="width:100%"> | ||
+ | <div class="w3-container w3-white"> | ||
+ | <h4><b>My Name</b></h4> | ||
+ | <p>Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.</p> | ||
+ | </div> | ||
+ | </div><hr> | ||
+ | |||
+ | <!-- END GRID --> | ||
+ | </div><br> | ||
+ | |||
+ | <!-- END w3-content --> | ||
+ | </div> | ||
+ | |||
+ | <!-- Footer --> | ||
+ | <footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top"> | ||
+ | <button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Previous</button> | ||
+ | <button class="w3-button w3-black w3-padding-large w3-margin-bottom">Next »</button> | ||
+ | <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p> | ||
+ | </footer> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 15:44, 10 August 2017
![](https://static.igem.org/mediawiki/2017/b/b5/T--Newcastle--BB_topbar.png)
Our wiki is currently under construction, please bear with us while we make it functional
Transform and Translate
Investigating science communication. Linking linguistics to Synthetic BiologyTITLE HEADING
Title description, April 7, 2014
Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
BLOG ENTRY
Title description, April 2, 2014
Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
![](/w3images/avatar_g.jpg)
My Name
Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.