Team:IIT Madras/Pawan

From 2009.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
<head>
<head>
-
<link rel="shortcut icon" type="image/vnd.microsoft.icon"
+
 
-
href="http://www.flat-stomach-exercises.com/favicon.ico" />
+
-
  <title>iGEM 2009 IIT MADRAS</title>
+
-
  <meta name="Description" content="description" />
+
-
  <meta name="Keywords" content="keywords separated by commas" />
+
-
  <link rel="Shortcut Icon" href="/favicon.ico" />
+
  <style>
  <style>
#container {
#container {
Line 332: Line 327:
<body>
<body>
<div id="container">
<div id="container">
-
<div id="header"><span class="style1"> </span></div>
+
<div id="header"><span class="style1"> </span>
 +
</div>
<div id="leftnav">
<div id="leftnav">
<ul id="navlist">
<ul id="navlist">
-
   <li><a href="https://2009.igem.org/Team:IIT_Madras">Home</a></li>
+
   <li><a href="http://www.thisisyourhomepage.com">Home</a></li>
-
   <li><a href="https://2009.igem.org/Team:IIT_Madras/team">Team</a></li>
+
   <li><a href="http://www.yahoo.com">Links</a></li>
-
   <li><a href="https://2009.igem.org/Team:IIT_Madras/project">Project</a></li>
+
   <li><a href="http://www.yahoo.com">Links</a></li>
-
   <li><a href="https://2009.igem.org/Team:IIT_Madras/modelling">Modelling</a></li>
+
   <li><a href="http://www.yahoo.com">Links</a></li>
-
   <li><a href="https://2009.igem.org/Team:IIT_Madras/who_we_are">Who
+
   <li><a href="http://www.yahoo.com">Links</a></li>
-
we are</a></li>
+
  <li><a href="http://www.yahoo.com">Links</a></li>
</ul>
</ul>
 +
<p>The entire left column layout and color is controlled by the
 +
"leftnav" section on the style sheet. </p>
 +
<p>The nav links above are controlled by the a leftnav, a
 +
leftnav, leftnav a:hover and leftnav ul section.</p>
 +
<p>Play around with different attributes to see different results.</p>
</div>
</div>
<div id="sidebar">
<div id="sidebar">
-
<p></p>
+
<p> This is where you put sidebar text. It's a great place for
-
<p></p>
+
text and banner ads or news items.</p>
-
<p></p>
+
<p>Define the look and feel of this area by editing the <strong>sidebar</strong>
 +
section in the style.css file that came with this template.</p>
 +
<p>You can also adjust the color, height, etc. of this area if
 +
you wish.</p>
</div>
</div>
<div id="content">
<div id="content">
-
<h1>PLASMID</h1>
+
<h1>Title of Page (Edit the H1 Tag on style sheet to change look
-
<p>Plasmid Locking Assembly
+
of title.)</h1>
-
for Sustaining Multiple Insert DNA
+
<p>This area is controlled by the "container" section on your
-
</p>
+
style sheet. If you want to adjust the size of this space, change the
-
<h2>This is the
+
gray background color, etc. then you can play with the values
-
second time that IIT Madras has sent a team to
+
underneath "container" section in the style.css file.</p>
-
iGEM. Our team in iGEM 08, the only team to represent India in the
+
<p>To change the font size and style, edit the "p" attribute.</p>
-
competition that year, won the “Best Foundational advance” award, the
+
<p><a href="http://www.yahoo.com">This is a hyperlink</a>.
-
"Best New Biobrick" award and a Silver, for their work on hybrid
+
To change the color of the hyperlink and the color it changes when you
-
promoters which have now been added under the category of promoters
+
mouseover it, edit the "a", "a: visited" and "a: hover" sections in
-
(IIT Madras Stresskit promoters). This year, the team is composed of 9
+
style.css.</p>
-
Undergraduates, all from the Department of Biotechnology. We hope to go
+
<h2>This is H2 Subtitle Text. Change the H2 tag in the style
-
one step better this year with our design of a combinatorial lock
+
sheet to change the design of this text.</h2>
-
system, and thereby set the standard for future competitions.</h2>
+
<h3>This is H3 Subtitle Text. Change the H3 tag in the style
-
<h3></h3>
+
sheet to change the design of this text.<br />
 +
</h3>
</div>
</div>
<div id="footer" align="center">
<div id="footer" align="center">
-
<p></p>
+
<p>This is the footer section. To edit the colors, font style,
-
<p class="smalltext"></p>
+
etc. Edit the "footer" section in style.css</p>
-
<p class="smalltext"></p>
+
<p class="smalltext">© 2008 Your copyright notice </p>
 +
<p class="smalltext">(The size of the copyright notice is
 +
controlled by "smalltext" in the style sheet.)</p>
</div>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 18:34, 12 October 2009


iGEM 2009 IIT MADRAS

The entire left column layout and color is controlled by the "leftnav" section on the style sheet.

The nav links above are controlled by the a leftnav, a leftnav, leftnav a:hover and leftnav ul section.

Play around with different attributes to see different results.

Title of Page (Edit the H1 Tag on style sheet to change look of title.)

This area is controlled by the "container" section on your style sheet. If you want to adjust the size of this space, change the gray background color, etc. then you can play with the values underneath "container" section in the style.css file.

To change the font size and style, edit the "p" attribute.

This is a hyperlink. To change the color of the hyperlink and the color it changes when you mouseover it, edit the "a", "a: visited" and "a: hover" sections in style.css.

This is H2 Subtitle Text. Change the H2 tag in the style sheet to change the design of this text.

This is H3 Subtitle Text. Change the H3 tag in the style sheet to change the design of this text.

Retrieved from "http://2009.igem.org/Team:IIT_Madras/Pawan"