Difference between revisions of "Team:Warwick"

Line 1: Line 1:
{{Warwick}}
+
<html>
<html>
+
<head>
<h2> Welcome to Team Warwick iGEM 2015! </h2>
+
<style src = "" type = "text/css">
<p> Hello There! Thank you for visiting our site! </p>
+
    /* links to the style sheets for bootstrap */
 +
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
 +
   
 +
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css" type = "text/css">
  
<h4>Project Overview </h4>
 
<p>Our focus is on creating a tool set that uses self assembly to arrange genetic material such as DNA and cells using properties inherent in Zinc Finger DNA binding domains. The project will work in progressive bands of complexity; constructing the Zinc Finger DNA as a tool, and then using this tool to produce genetic structures and even colour images on a microscale. This work could eventually lead to the assembly of 3D structures which has the potential in the construction and assembly of designed materials with enhanced properties.</p>
 
  
 +
body {
 +
  border: 0px;
 +
}
  
<div class="highlightBox">
+
/* makes the white boxes go away */
<h4> Starting Our Project </h4>
+
#content{
<p>ADD TEXT</p>
+
background: white;
<p>ADD TEXT</p>
+
border: 0px;
</div>
+
float: center;
 +
                                width: 100%;
 +
margin-left:auto;
 +
                                margin-right:auto;
 +
padding-top: 0px;
 +
}
  
//add box slider once images chosen
+
/* start styling */
  
<p>      If you want more information about our project or wish to collaborate, contact us at: </p>
+
.jumbotron {
<p>      igem@warwick.ac.uk </p>
+
  background-image:url('https://33.media.tumblr.com/7ce67dfb237577c03e9b9de40046e21e/tumblr_mozdt8BMGy1riyob5o1_500.gif');
 +
  height: 600px;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  margin-top: 15px;
 +
}
  
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
.jumbotron .container {
 +
  position: relative;
 +
  top:220px;
 +
}
  
 +
.jumbotron .container .title {
 +
  color: #fff;
 +
  font-size: 100px; 
 +
  font-family: Georgia, serif;
 +
  font-weight: bold;
 +
  text-align: center;
 +
}
 +
 +
.jumbotron p {
 +
  font-size: 50px;
 +
  color: #fff;
 +
  text-align: center;
 +
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
}
 +
 +
.jumbotron a {
 +
  text-decoration: none;
 +
  background-color: #c5c51b;
 +
  font-size: 25px;
 +
  color: #fff;
 +
  padding: 10px 15px 10px 15px;
 +
}
 +
 +
.jumbotron a:hover {
 +
  background-color: #fcf95a;
 +
}
 +
 +
.container {
 +
  text-align: center;
 +
}
 +
 +
 +
.row {
 +
    margin-left: 15px;
 +
    margin-right: 15px;
 +
}
 +
 +
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 +
    position: relative;
 +
    min-height: 1px;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    margin: 10px;
 +
}
 +
 +
 +
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 +
    float: left;
 +
}
 +
 +
.col-md-4 {
 +
    width: 30%;
 +
    background: url("https://s-media-cache-ak0.pinimg.com/originals/d4/5d/52/d45d52604ab4b262e0add13a226c8f75.jpg");
 +
}
 +
 +
 +
 +
 +
 +
.learn-more {
 +
    background-color: #fff;
 +
}
 +
 +
.learn-more h3 {
 +
  font-family: 'Shift', sans-serif;
 +
  font-size: 25px;
 +
  font-weight: bold;
 +
  color: #c5c51b;
 +
}
 +
 +
.learn-more p {
 +
  color: #787878; /* gray */
 +
  font-weight: bold;
 +
}
 +
 +
.learn-more a {
 +
  color: #00b0ff;
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <div class = "title">Under Construction.</div>
 +
        <p>Warwick iGEM</p>
 +
        <a href="#">Learn More</a>
 +
      </div>
 +
    </div>
 +
 +
 +
 +
</body>
 +
 +
 +
</div></div>
 +
 +
<!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
  
 
</html>
 
</html>

Revision as of 10:05, 3 July 2015

Under Construction.

Warwick iGEM

Learn More