Team:IIT Delhi/Outreach

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<head>
Line 5: Line 6:
   <title>Navigation-Top</title>
   <title>Navigation-Top</title>
   <style ="text/css">
   <style ="text/css">
-
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { display:none;}
-
display:none;}
+
#top-section {
 +
border: none;
 +
height: 0px;}
 +
#content {
 +
border: none;}
/* Redesigning the topmenu */ /***************************/ body {
/* Redesigning the topmenu */ /***************************/ body {
-
margin: 10px 0 0 0;
+
margin: 0px 0 0 0;
padding: 0;}
padding: 0;}
#content, #globalWrapper {
#content, #globalWrapper {
Line 18: Line 23:
margin: 0 auto;
margin: 0 auto;
width: 965px;}
width: 965px;}
 +
/* Nav Bar */
#wrap {
#wrap {
width: 100%; /* Spans the width of the page */
width: 100%; /* Spans the width of the page */
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
-
position: relative; background-color: #333333;
+
position: relative; background-color: #000000;
}
}
.navbar {
.navbar {
Line 38: Line 44:
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
margin: 0;
margin: 0;
-
background-color: #333333;
+
background-color: #000000;
}
}
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
Line 54: Line 60:
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
.navbar li ul li a:hover {background-color: #333333;}
.navbar li ul li a:hover {background-color: #333333;}
 +
/* Slider */
 +
#image-slider {
 +
margin: 10px auto;
 +
width: 600px;
 +
}
 +
#slide-frame {
 +
height: 300px;
 +
overflow: hidden;
 +
}
 +
#slides {
 +
height: 375px;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
#slides img {
 +
position: absolute;
 +
top: 0;
 +
left: 0px;
 +
}
 +
#navigation {
 +
margin: 5px 0 0 0;
 +
text-align: center;
 +
z-index: 10px;
 +
}
 +
#navigation a {
 +
text-decoration: none;
 +
background: #333333;
 +
padding: 2px 6px;
 +
color: #FFFFFF;
 +
display: inline-block;
 +
}
 +
#navigation a:hover {
 +
background: #0182C4;
 +
}
 +
transition: transition-property transition-duration transition-timing-function transition-delay;
 +
#slides img {
 +
z-index: 1;
 +
opacity: 0;
 +
/* animation */
 +
transition: all linear 400ms;
 +
-o-transition: all linear 400ms;
 +
-moz-transition: all linear 400ms;
 +
-webkit-transition: all linear 400ms;
 +
}
 +
#slides img:target {
 +
left: 0;
 +
z-index: 5;
 +
opacity: 1;
 +
}
   </style>
   </style>
</head>
</head>
<body>
<body>
<table
<table
-
  style="text-align: left; background-color: white; width: 1054px; height: 250px;"
+
  style="background-color: white; width: 100%; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"
-
  border="0" cellpadding="2" cellspacing="2">
+
  border="0" cellpadding="0" cellspacing="0">
   <tbody>
   <tbody>
     <tr>
     <tr>
       <td colspan="1" rowspan="1"
       <td colspan="1" rowspan="1"
  style="vertical-align: top; text-align: center;"><img
  style="vertical-align: top; text-align: center;"><img
-
  style="width: 100%; height: 350px;" alt=""
+
  style="width: 100%; height: 400px;" alt=""
-
  src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"><br>
+
  src="https://static.igem.org/mediawiki/2013/5/5e/Header.jpg"
 +
align="middle"><br>
       </td>
       </td>
     </tr>
     </tr>
Line 104: Line 160:
</ul>
</ul>
</div>
</div>
 +
<br>
 +
<br>
<br>
<br>
<table style="text-align: left; width: 100%;" border="0"
<table style="text-align: left; width: 100%;" border="0"
Line 122: Line 180:
  valign="top"><font size="+2">Outreach</font><br>
  valign="top"><font size="+2">Outreach</font><br>
       <div style="text-align: left;">
       <div style="text-align: left;">
-
       <hr style="width: 100%; height: 2px;">In order to
+
       <hr style="width: 100%; height: 2px;">In
-
generate interest for the contest on the IIT Campus, it was essential
+
order to generate interest for the contest on the IIT Campus, it was
-
that we talk to people about the contest. We had the opportunity to
+
essential that we talk to people about the contest. We had the
-
talk to the First Year students; and gave a presentation for the course
+
opportunity to talk to the First Year students; and gave a presentation
-
"Introduction to Engineering" to about 800 students.<br>
+
for the course "Introduction to Engineering" to about 800 students.<br>
       <br>
       <br>
       <table style="text-align: left; width: 100%;" border="1"
       <table style="text-align: left; width: 100%;" border="1"
Line 179: Line 237:
</table>
</table>
<br>
<br>
 +
<table
 +
style="text-align: left; background-color: rgb(141, 203, 138); width: 100%; height: 54px;"
 +
border="1" cellpadding="0" cellspacing="0">
 +
  <tbody>
 +
    <tr>
 +
      <td style="vertical-align: top; text-align: center;">
 +
      </td>
 +
    </tr>
 +
  </tbody>
 +
</table>
</body>
</body>
</html>
</html>

Revision as of 07:58, 22 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Navigation-Top





Outreach
In order to generate interest for the contest on the IIT Campus, it was essential that we talk to people about the contest. We had the opportunity to talk to the First Year students; and gave a presentation for the course "Introduction to Engineering" to about 800 students.























Retrieved from "http://2013.igem.org/Team:IIT_Delhi/Outreach"