Team:Manchester/outreachtest

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} {{:Team:Manchester/Navbartest}} {{:Team:Manchester/Footer}} <html> <head> <title> Safety </title> <style type="text/css"> * { margin:0; pad...")
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
{{:Team:Manchester/Navbartest}}
+
{{:Team:Manchester/Navbartest3}}
{{:Team:Manchester/Footer}}
{{:Team:Manchester/Footer}}
Line 73: Line 73:
position:relative;
position:relative;
width:950px;
width:950px;
-
height:1600px;
+
height:400px;
}
}
Line 80: Line 80:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:990px;
 +
height:255px;
top:120px;
top:120px;
-
left:0;
+
left:-20px;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background-color:white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
#content1
 +
{
 +
float:left;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:235px;
 +
background:#ccc;
 +
padding:10px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#content1 p 
 +
{
 +
margin:0;
 +
width:285px;
 +
height:180px;
 +
float:left;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#content1 img, #content3 img, #content5 img
 +
{
 +
float:right;
 +
margin-right:5px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#content1 .myButton, #content2 .myButton
 +
{
 +
clear:both;
 +
margin-top:5px;     
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
       
 +
        background-color:#bc80ea;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
 +
        text-decoration:none;
 +
        text-align:center;       
 +
 +
        text-shadow:0px 1px 0px #9b14b3;
 +
        width:255px;
 +
    }
 +
 +
#content1 .myButton:hover, #content2 .myButton:hover
 +
{             
 +
background-color:#dfbdfa;
 +
}
 +
 +
#content1 .myButton:active, #content2 .myButton:active       
 +
{
 +
        position:relative;
 +
        top:1px;
 +
}
 +
 +
#content2 .myButton
 +
{
 +
margin-left:12px;
 +
}
 +
 +
#content2
 +
{
 +
float:right;
 +
margin-bottom:10px;
 +
width:470px;
 +
height:235px;
 +
background:#ccc;
 +
padding:10px;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#content2 img
 +
{
 +
float:left;
 +
margin:0 5px 5px 0;
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
#content2 p
 +
{
 +
float:right;
 +
width:285px;
 +
height:180px;
 +
margin:0;
 +
font-family: Trebuchet MS;
 +
font-size:15px;
 +
padding:10px;
 +
background:#F2F2F2;
 +
color:#4c0082;
 +
text-align:justify;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 +
.block1 a, .block2 a, .block3 a, .block4 a, .block5 a, .block6 a, .block7 a, .block8 a, .block9 a, .block10 a, .block11 a, .block12 a, .block13 a
 +
{
 +
width:120px;
 +
text-decoration:none;
 +
color:white;
 +
text-align:center;
 +
background:#606060;
 +
padding:5px;
 +
font-style:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:12px;
 +
color:white;
 +
}
 +
 +
.block1 a:hover, .block2 a:hover, .block3 a:hover, .block4 a:hover, .block5 a:hover, .block6 a:hover, .block7 a:hover, .block8 a:hover, .block9 a:hover, .block10 a:hover, .block11 a:hover, .block12 a:hover, .block13 a:hover
 +
{
 +
background:#C0C0C0;
 +
color:#606060;
 +
}
 +
 +
.leftbar
 +
{
 +
width:120px;
 +
height:600px;
 +
position:fixed;
 +
top:120px;
 +
left:5px;
 +
}
 +
 +
.block1 a
 +
{
 +
background:#660099;
 +
float:left;
 +
display:block;
 +
padding:5px;
 +
}
 +
 +
.block2 a
 +
{
 +
background:#bc80ea;
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block3 a
 +
{
 +
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block4 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block5 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block6 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block7 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block8 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
 +
padding:5px;
 +
}
 +
 +
.block9 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block10 a
 +
{
 +
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block11 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block12 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block13 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
Line 102: Line 363:
<div class="banner">
<div class="banner">
  <div class="igem">  
  <div class="igem">  
-
  <a>
+
  <a href="https://2013.igem.org/Main_Page">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           </a>
           </a>
Line 112: Line 373:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/e/eb/ImpactMan.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/3/36/OutreachMan.png"></a>
  </div>  
  </div>  
Line 123: Line 384:
<div class="global">
<div class="global">
-
<div class="wrapper" >
+
<div class="wrapper">
-
          
+
         <div id="content1">
 +
            <p>
 +
On 2nd/3rd July, we held 12 workshops aimed at children between the ages 11-14. During the workshops, we got the kids to think about the structure of DNA and the applications they'd like synthetic biology to be used for in the future. The ethical implications of SynBio were also discussed.
 +
        </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/c/c8/Sciencestarsthumb.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/stars" class="myButton" > SCIENCE STARS</a>
 +
 +
 +
  </div>
 +
 +
  <div id="content2">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/9d/Opendaythumb.jpg" height="230" width="150"/>     
 +
            <p>
 +
On 6th July, the university opened its doors to the general public for its annual Community Open Day, where this year we had a poster and stall! Over 700 people in total visited throughout the day, and we made sure to engage passers-by in conversation about iGEM and synthetic biology in general.
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/openday" class="myButton" > OPEN DAY </a>
 +
  </div>
</div>
</div>
 +
                                 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 18:29, 26 October 2013

page

Top

Safety

On 2nd/3rd July, we held 12 workshops aimed at children between the ages 11-14. During the workshops, we got the kids to think about the structure of DNA and the applications they'd like synthetic biology to be used for in the future. The ethical implications of SynBio were also discussed.

SCIENCE STARS

On 6th July, the university opened its doors to the general public for its annual Community Open Day, where this year we had a poster and stall! Over 700 people in total visited throughout the day, and we made sure to engage passers-by in conversation about iGEM and synthetic biology in general.

OPEN DAY

Retrieved from "http://2013.igem.org/Team:Manchester/outreachtest"