Team:CBNU-Korea

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<link rel="stylesheet" type="text/css" href="/css_blueweb/domain/css_domain_submulty_defined_layout.css" />
+
<head>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<title>Transport template</title>
 +
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
 +
 +
</head>
 +
<style>
 +
html, body, h1, h2, h3, h4 {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
h1 img {
 +
display: block;
 +
}
 +
img {
 +
border: 0;
 +
}
 +
a {
 +
color: #464544;
 +
}
 +
a:hover {
 +
color: #666666;
 +
}
 +
.left {
 +
float: left;
 +
}
 +
.right {
 +
float: right;
 +
}
 +
.more {
 +
text-align: right;
 +
}
 +
.clear {
 +
clear: both;
 +
}
-
{|align="justify"
+
body {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
background: url(images/page_bg.gif);
-
|[[Image:CBNU-Korea_logo.png|200px|right|frame]]
+
text-align: center;
-
|-
+
font: 12px arial, sans-serif;
-
|
+
color: #464544;
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
padding-bottom: 10px;
-
|[[Image:CBNU-Korea_team.png|right|frame|Your team picture]]
+
}
-
|-
+
-
|
+
-
|align="center"|[[Team:CBNU-Korea | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
#outer {
 +
  background: top left url(images/page_bg_top.gif) repeat-x;
 +
  padding-top: 20px;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
/** layout **/
-
!align="center"|[[Team:CBNU-Korea|Home]]
+
#wrapper {
-
!align="center"|[[Team:CBNU-Korea/Team|Team]]
+
text-align: left;
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=CBNU-Korea Official Team Profile]
+
margin: auto;
-
!align="center"|[[Team:CBNU-Korea/Project|Project]]
+
width: 798px;
-
!align="center"|[[Team:CBNU-Korea/Parts|Parts Submitted to the Registry]]
+
  position: relative;
-
!align="center"|[[Team:CBNU-Korea/Modeling|Modeling]]
+
  background: url(images/body_bg.gif) repeat-y;
-
!align="center"|[[Team:CBNU-Korea/Notebook|Notebook]]
+
}
-
!align="center"|[[Team:CBNU-Korea/Safety|Safety]]
+
#body-bot {
-
|}
+
  background: bottom left url(images/body_bg_bot.jpg) no-repeat;
 +
}
 +
#body-top {
 +
  background: url(images/body_bg_top.gif) no-repeat;
 +
  min-height: 800px;
 +
  _height: 800px;
 +
  padding-bottom: 14px;
 +
}
 +
 
 +
/** logo **/
 +
 
 +
#logo {
 +
  width: 25em;
 +
  text-align: center;
 +
}
 +
#logo h1 {
 +
  color: #6F7033;
 +
  font: 22px "Arial narrow", arial, sans-serif;
 +
  line-height: 1;
 +
  padding-top: 0.8em;
 +
}
 +
#logo p {
 +
  color: #464544;
 +
  font: 16px "Arial narrow", arial, sans-serif;
 +
  margin: 0;
 +
}
 +
 
 +
/** nav **/
 +
 
 +
#nav {
 +
  margin-top: 50px;
 +
}
 +
#nav li {
 +
  list-style: none;
 +
  float: left;
 +
  background: left center url(images/arr.gif) no-repeat;
 +
  padding-left: 15px;
 +
  padding-right: 20px;
 +
}
 +
#nav a {
 +
  color: #000;
 +
  text-decoration: none;
 +
  font-weight: bold;
 +
}
 +
#nav a:hover {
 +
  color: #FFA405;
 +
}
 +
 
 +
/** green box **/
 +
#gbox {
 +
  width: 431px;
 +
  margin-top: 47px;
 +
  margin-left: 22px;
 +
}
 +
 
 +
#gbox-bg  { background: url(images/green_bg.gif) repeat-y; }
 +
#gbox-grd { background: bottom url(images/green_grad_bot.jpg) repeat-x; }
 +
#gbox-top { background: url(images/green_top.gif) no-repeat; height: 24px; }
 +
#gbox-bot { background: bottom left url(images/green_bot.gif) no-repeat; height: 23px; }
 +
 
 +
#gbox-grd {
 +
  min-height: 300px;
 +
  padding: 2px 24px;
 +
}
 +
 
 +
#gbox h2 {
 +
  font: bold 14px arial, sans-serif;
 +
  color: #000;
 +
  margin: 0;
 +
}
 +
 
 +
#gbox p {
 +
  margin: 1em 0;
 +
}
 +
 
 +
#features {
 +
  background: #EDF0C4;
 +
  padding: 14px;
 +
  margin: 0 -14px;
 +
}
 +
#features h2 {
 +
  position: relative;
 +
}
 +
#features ul {
 +
  float: left;
 +
  width: 49%;
 +
  margin: 1em 0;
 +
  padding: 0;
 +
}
 +
#features li {
 +
  list-style: square;
 +
  margin-left: 12px;
 +
}
 +
 
 +
/** footer **/
 +
 
 +
#newsletter, #events {
 +
  float: left;
 +
  width: 49%;
 +
  margin-top: 1em;
 +
}
 +
#newsletter h2, #events h2 {
 +
  color: #fff;
 +
}
 +
#newsletter .text {
 +
  width: 125px;
 +
}
 +
#newsletter form {
 +
  margin: 0.3em 0 0.6em 0;
 +
}
 +
#newsletter p {
 +
  margin: 0.3em 0;
 +
  font-size: 10px;
 +
}
 +
#newsletter a {
 +
  color: #000;
 +
}
 +
 
 +
#events {
 +
  margin-left: 6%;
 +
  width: 38%;
 +
}
 +
#events ul {
 +
  margin: 0.3em 0;
 +
  padding: 0;
 +
}
 +
#events li {
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
/** grey box **/
 +
 
 +
#greybox {
 +
  background: url(images/grey_bg.gif) repeat-y;
 +
  width: 326px;
 +
  position: absolute;
 +
  top: 292px;
 +
  left: 457px;
 +
}
 +
#greybox-top {
 +
  background: url(images/grey_img.jpg) no-repeat;
 +
  padding-left: 165px;
 +
  padding-top: 18px;
 +
}
 +
#greybox-bot {
 +
  background: bottom left url(images/grey_bot.gif) no-repeat;
 +
  padding-bottom: 4px;
 +
}
 +
#greybox h2 {
 +
  font: bold 12px arial, sans-serif;
 +
  color: #E4EE6A;
 +
  line-height: 1.5;
 +
}
 +
#greybox a {
 +
  color: #fff;
 +
}
 +
 
 +
#copyright {
 +
  font-size: 9px;
 +
  color: #fff;
 +
  margin-top: 60px;
 +
}
 +
 
 +
</style>
 +
<body>
 +
 
 +
  <div id="outer">
 +
    <div id="wrapper">
 +
      <div id="body-bot">
 +
        <div id="body-top">
 +
          <div id="logo">
 +
            <h1>TRANSPORT COMPANY</h1>
 +
            <p>We care about your cargo</p>
 +
          </div>
 +
          <div id="nav">
 +
            <ul>
 +
              <li><a href="http://www.freewebsitetemplates.com">MAIN PAGE</a></li>
 +
              <li><a href="http://www.freewebsitetemplates.com">TRACKING</a></li>
 +
              <li><a href="http://www.freewebsitetemplates.com">RATES</a></li>
 +
              <li><a href="http://www.freewebsitetemplates.com">PICK UP</a></li>
 +
              <li><a href="http://www.freewebsitetemplates.com">SERVICES</a></li>
 +
              <li><a href="http://www.freewebsitetemplates.com">CONTACT US</a></li>
 +
            </ul>
 +
            <div class="clear"> </div>
 +
          </div>
 +
          <div id="gbox">
 +
            <div id="gbox-top"> </div>
 +
            <div id="gbox-bg">
 +
              <div id="gbox-grd">
 +
                <h2>WELCOME TO OUR TRUCK TRACKING COMPANY</h2>
 +
 +
                <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add  a new free website template almost daily.</p>
 +
          <p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p>
 +
                <p>This is just a place holder so you can see how the site would look like.</p>
 +
 
 +
<p>This is a template designed by free website templates for you for free you can replace all the text by your own text.</p>
 +
                <div id="features">
 +
                  <h2>FEATURED SERVICES</h2>
 +
                  <ul>
 +
                    <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li>
 +
<li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li>
 +
                    <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li>
 +
                    <li><a href="http://www.templatebeauty.com">Template Beauty</a></li>
 +
                   
 +
                  </ul>
 +
                  <ul>
 +
  <li><a href="http://www.templatebeauty.com">Template Beauty</a></li>
 +
                    <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li>
 +
<li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li>
 +
                    <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li>
 +
                  </ul>
 +
                  <div class="clear"> </div>
 +
                </div>
 +
               
 +
                <div id="newsletter">
 +
                  <h2>NEWSLETTER</h2>
 +
                  <form action="" method="get" accept-charset="utf-8">
 +
                    <input type="text" class="text" name="q" value="" id="some_name" />
 +
                    <input type="submit" value="go">
 +
                  </form>
 +
                  <p><a href="http://www.freewebsitetemplates.com">Click here for details</a></p>
 +
                </div>
 +
                <div id="events">
 +
                  <h2>FEATURED EVENTS</h2>
 +
                  <ul>
 +
                    <li><a href="http://www.templatebeauty.com">Template Beauty</a></li>
 +
                    <li><a href="http://www.freewebsitetemplates.com">Free Website Templates</a></li>
 +
<li><a href="http://www.freewebsitetemplates.com/forum/">The forum</a></li>
 +
                    <li><a href="http://www.justwebtemplates.com">Just Web Templates</a></li>
 +
                  </ul>
 +
                </div>
 +
                <div class="clear"> </div>
 +
               
 +
              </div>
 +
            </div>
 +
            <div id="gbox-bot"> </div>
 +
          </div>
 +
          <div id="greybox">
 +
            <div id="greybox-bot">
 +
              <div id="greybox-top">
 +
                <h2>MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES</h2>
 +
                <p><a href="http://www.freewebsitetemplates.com">Click here for details</a></p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 
 +
  <div id="copyright">
 +
    &copy; Copyright information goes here. All rights reserved.
 +
  </div>
 +
 
 +
</body>
 +
</html>

Revision as of 08:43, 15 July 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transport template

WELCOME TO OUR TRUCK TRACKING COMPANY

Don't forget to check free website templates every day, because we add a new free website template almost daily.

You can remove any link to our websites from this template you're free to use the template without linking back to us.

This is just a place holder so you can see how the site would look like.

This is a template designed by free website templates for you for free you can replace all the text by your own text.

MOST CONVINEIANT & RELIABLE TRANSPORT SERVICES

Click here for details