Team:BAU-Indonesia

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:CBNU-Korea/css}}
 
-
{{Team:CBNU-Korea/css_slide2}}
 
-
 
<html>
<html>
 +
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 +
<title>Chemical Reaction Template - Science and Technology Web Design - Free HTML Website Templates</title>
 +
<meta name="keywords" content="">
 +
<meta name="description" content="">
 +
<link href="styles.css" rel="stylesheet" type="text/css" media="screen">
-
<div id="cbnu" style="background:#CBE86B url(https://static.igem.org/mediawiki/2012/8/8c/CBK_back_007.png) no-repeat;">
+
<script type="text/javascript">
-
<!--<img src="https://static.igem.org/mediawiki/2012/d/d1/CBK_robot_001.png">-->HELLO!! Team:CBNU-Korea
+
function ctck()
-
</div>
+
{
 +
var sds = document.getElementById("footer");
 +
if(sds == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}
 +
}
 +
</script>
-
<div id="cbnu_menu" style="
+
</head>
-
    font-size: 20px;  margin: 0 auto;  width: 80%;  background: white;  padding: 20px; 
+
-
    border: 1px solid #CBE86B; 
+
-
    margin-bottom: 10px;
+
-
    text-align: center;
+
-
    font-family: 'Francois One', sans-serif;
+
-
">
+
-
<a href="#">Project Description</a> |
+
-
<a href="https://2012.igem.org/Team:CBNU-Korea/Safety">Safety</a>
+
-
</div>
+
-
<div id="cbnu_slide" style="
+
<style>
-
    background: white;
+
-
    width: 80%;
+
-
    margin: 0 auto;
+
-
    padding: 20px;
+
-
    border: 2px solid #DFDFDF;
+
-
    margin-bottom: 10px;
+
-
    text-align: center;
+
-
    font-size: 20px;
+
-
    display: none;
+
-
">
+
-
<ul class="rslides">
+
*
-
  <li><img src="https://static.igem.org/mediawiki/2012/a/a7/CBK_slide_temp_001.png" alt="" /></li>
+
{
-
  <li><img src="https://static.igem.org/mediawiki/2012/5/54/CBK_slide_temp_002.png" alt="" /></li>
+
margin: 0px;
-
  <li><img src="https://static.igem.org/mediawiki/2012/3/3e/CBK_slide_temp_003.png" alt="" /></li>
+
padding: 0px;
-
</ul>
+
}
 +
a:link {
 +
color: #c9f3ac;
 +
}
 +
 +
a:hover {
 +
text-decoration: none;
 +
color: #FF0000;
 +
}
 +
 +
a:visited {
 +
color: #A5A9B2;
 +
}
 +
 +
body {
 +
 +
background: #6A8B1A url(https://static.igem.org/mediawiki/igem.org/2/22/Back_all.gif);
 +
font: 13px Arial, Helvetica, sans-serif;
 +
color: #383838;
 +
}
 +
 +
#content
 +
{
 +
width: 774px;
 +
border-left: 15px solid #5E7D06;
 +
border-right: 15px solid #5E7D06;
 +
margin: 0px auto;
 +
}
 +
 +
#main
 +
{
 +
width: 754px;
 +
padding: 10px;
 +
padding-top: 20px;
 +
background: #080064 url(images/table_back.gif) repeat-x top;
 +
}
 +
 +
#back
 +
{
 +
width: 774px;
 +
}
 +
 +
#header {
 +
height: 308px;
 +
text-align: right;
 +
background: url(https://static.igem.org/mediawiki/igem.org/b/bc/Header12.jpg) no-repeat;
 +
}
 +
 +
#logo {
 +
 +
width: 754px;
 +
height: 100px;
 +
text-align: left;
 +
padding-top: 208px;
 +
padding-left: 20px;
 +
}
 +
 +
 +
#logo a {
 +
text-decoration: none;
 +
font-style: italic;
 +
font-size: 18px;
 +
color: #6fff09;
 +
}
 +
#logo H2 a
 +
{
 +
font-size: 12px;
 +
}
 +
 +
 +
#menu
 +
{
 +
width: 774px;
 +
height: 61px;
 +
background: url(images/menu.gif) repeat-x;
 +
}
 +
 +
#menu ul {
 +
list-style: none;
 +
}
 +
 +
#menu li {
 +
 +
display: inline;
 +
 +
}
 +
 +
#menu a {
 +
float: left;
 +
width: 100px;
 +
height: 61px;
 +
    display: block;
 +
text-align: center;
 +
text-decoration: none;
 +
color: #ffffff;
 +
text-transform: uppercase;
 +
font:bold 14px/61px Arial, Helvetica, sans-serif;
 +
}
 +
 +
#menu a:hover {
 +
width: 100px;
 +
    height: 61px;
 +
color: #c9f3ac;
 +
text-decoration: underline;
 +
background: url(images/menu_r.gif) repeat-x;
 +
}
 +
 +
 +
 +
 +
#right
 +
{
 +
width: 228px;
 +
float: right;
 +
}
 +
 +
#right H3
 +
{
 +
width: 228px;
 +
height: 51px;
 +
text-transform: uppercase;
 +
color: #c9f3ac;
 +
background: url(images/title.gif) no-repeat;
 +
font:bold 14px/51px Arial, Helvetica, sans-serif;
 +
text-align:center;
 +
}
 +
 +
#right ul {
 +
list-style: none;
 +
}
 +
#right ul li
 +
{
 +
font:normal 11px/18px Arial, Helvetica, sans-serif;
 +
color:#FFFFFF;
 +
}
 +
#right .title_back
 +
{
 +
background: url(images/title_back.gif) repeat-y;
 +
}
 +
 +
#right li  {
 +
padding: 7px;
 +
padding-left: 10px;
 +
 +
}
 +
 +
#right .sub
 +
{
 +
padding-left: 30px;
 +
}
 +
 +
#right a {
 +
color: #ffffff;
 +
}
 +
#right a:visited {
 +
color: #ffffff;
 +
}
 +
 +
#right p
 +
{
 +
font-size: 10px;
 +
padding-left: 10px;
 +
}
 +
 +
.bot
 +
{
 +
padding: 10px;
 +
}
 +
 +
 +
#left
 +
{
 +
width: 480px;
 +
background: #c9e4f3;
 +
border: 1px solid #f8ff2f;
 +
padding: 10px;
 +
}
 +
 +
 +
#left H4
 +
{
 +
margin: 0;
 +
padding: 0px;
 +
font-size: 12px;
 +
color: #c9f3ac;
 +
}
 +
 +
#left a
 +
{
 +
color: #208A06;
 +
text-decoration: none;
 +
}
 +
 +
#left p {
 +
margin: 5px;
 +
padding: 0;
 +
font-size:13px;
 +
}
 +
 +
#left h2 {
 +
margin: 0;
 +
padding: 0;
 +
padding-top: 10px;
 +
color: #208A06;
 +
font-size:20px;
 +
}
 +
 +
#left ol, #left ul
 +
{
 +
margin-left: 30px;
 +
}
 +
 +
.date {
 +
text-align: right;
 +
color: #208A06;
 +
font-size: 11px;
 +
 +
}
 +
 +
.date a {
 +
color: #208A06;
 +
 +
}
 +
 +
 +
 +
 +
#footer {
 +
height: 74px;
 +
clear: both;
 +
background: url(images/table_back.gif) repeat-x top;
 +
}
 +
 +
#footer p {
 +
margin: 0;
 +
font-size: 10px;
 +
text-align: center;
 +
color: #ffffff;
 +
padding:20px;
 +
}
 +
 +
#footer a {
 +
color: #ffffff;
 +
}
 +
</style>
 +
 +
<body><table align="center" style="margin:0 auto;">
 +
  <tr>
 +
    <td>
 +
<div id="content">
 +
<div id="back">
 +
<!-- header begins -->
 +
<div id="header">
 +
<div id="logo">
 +
<h1><a href="#">Chemical Reaction</a></h1>
 +
<h2><a href="http://www.freedesignertemplates.com/">Free Designer Templates</a></h2>
 +
</div>
 +
 
</div>
</div>
 +
<div id="menu">
 +
<ul>
 +
<li id="button1"><a href="#"  title="home">Home</a></li>
 +
<li id="button2"><a href="#" title="tables">Tables</a></li>
 +
<li id="button3"><a href="#" title="reactions">Reactions</a></li>
 +
<li id="button4"><a href="#" title="atom">ATom</a></li>
 +
<li id="button5"><a href="#" title="contact us">Contact</a></li>
 +
</ul>
 +
  </div>
 +
<!-- header ends -->
 +
<!-- content begins -->
 +
<div id="main">
 +
<div id="right">
 +
 
 +
<h3>EXPERIMENTS</h3>
 +
<div class="title_back">
 +
<ul>
 +
<li class="sub"><a href="http://chemistry.about.com/od/fireworksprojects/ss/howtomakefirecrackers.htm" onClick="zT(this,'18/1]Z');">Make Your Own Firecrackers</a></li>
 +
<li class="sub"><a href="http://chemistry.about.com/od/4thofjulychemistry/a/waterfireworks.htm" onClick="zT(this,'18/1]Z');">Fireworks in a Glass</a><a href="#"></a></li>
 +
<li class="sub"><a href="http://chemistry.about.com/od/homechemistrykit/Home_Chemistry_Kit_Projects_Experiments.htm" onClick="zT(this,'18/1]Z');">Home Chemistry Kit</a><a href="#"></a></li>
 +
<li class="sub"><a href="http://chemistry.about.com/od/growingcrystals/tp/quickcrystals.htm" onClick="zT(this,'18/1]Z');">Grow Crystals FAST</a><a href="#"></a></li>
 +
<li class="sub"><a href="http://chemistry.about.com/cs/howtos/ht/exothermic.htm" onClick="zT(this,'18/1]Z');">Safe Exothermic Reaction</a><a href="#"></a></li>
 +
        </ul>
 +
    </div>
 +
<h3>Chain Reactions</h3>
 +
<div class="title_back">
 +
  <ul>
 +
  <li>
 +
      <p><a href="#">Learn about chemistry as it relates to everyday life. You'll find out how things work, see the humorous side of science,&#8230;</a></p>
 +
  </li>
 +
      <li>
 +
        <p><a href="#">These are questions an educated person should be able to answer relating to chemistry in the everyday world.</a></p>
 +
          </li>
 +
              <li>
 +
        <p><a href="#">A <strong>chain reaction</strong> is a sequence of reactions where reactive  product or by-product causes additional reactions to take place. In a  chain reaction, positive feedback leads a self-amplifying chain of events</a></p>
 +
          </li>
 +
</ul>
 +
    </div>
 +
  </div>
 +
<div id="left">
 +
<div class="left_box">
 +
<h2>Welcome To Chemical Reaction</h2>
 +
<h4><a href="#">Hiox Free Design</a></h4>
 +
<p>This is Free Chemical reaction template for your website design which is under Science and Technology Template category you can add. You can customize the layout of the html page any way you like.<br>
-
<div id="desc" style="font-size: 16px; margin: 0 auto; ;width: 80%;background: white;padding: 20px;border: 1px solid #CBE86B;border-bottom: 0px;">
+
<p>Freedesignertemplates.com is a free collection of pre-designed with html layouts for your websites. These different categorized website design are developed by professional designers for you to make your task easy in creating a website. <p>There are categories like Art, Business, Nature, Music, Religious, Fashion, Holiday and Travel, Health and medicine templates etc under which there are different pages.<br>
-
<img src="https://static.igem.org/mediawiki/2012/5/52/CBK_icon_002.png">
+
This Chemical reaction web design layouts are built using XHTML and CSS.</p>
-
<b>Project Description</b></div>
+
-
<div id="desctx" style="font-size: 14px; margin: 0 auto; width: 80%;background: white;padding: 20px;border: 1px solid #CBE86B;border-top: 0px;">
+
<p>The entire website are pre-designed websites all you need to do is adding your own personal content and start your own website.<br> </p>
-
We have been designing Biobrick Software. By the database of the Biobrick of this software, users can design synthesis genes virtually. This software visualizes the synthesis genes and let users understand and expect the result of a experiment easily. We expect that the software will help you to make your experiment success.
+
    <p>Start with a creative design from <strong>FreeDesignerTemplates.com</strong> and jump-start your development process.</p>
-
<br><br>
+
    <p>Each people plan their site layouts depending upon their  business type. Here comes a free designer template which provides you with a selection  of different kinds of webdesign templates starting from business template,  fashion template, media template, Science template, Arts template and much  more.<br></p>
-
We are planning to design minimal chromosome by using the genes which have a particular function. To design the minimal chromosome, it is important to minimize chromosomes. Therefore we have to search the genes that is vitally necessary to live. We assume that this essential genes are located in every species. It is also important to analyze the array of the essential genes. So we have been analyzing the array to optimize a function expression. Base in this analyzes we have been developing the software of the minimal chromosome. The object of this research is to design new organisms that makes products that users went.
+
    <p class="date">readmore</p>
 +
</div>
 +
<div class="left_box">
 +
<h4><a href="#">FREE TUTORIALS ABOUT CHEMICAL REACTION EXPERIMENTS</a></h4>
 +
<p>Click and browse our selection list to locate the template  that meets your websites needs.</p>
 +
<p>Select Chemical reaction template. <br>
 +
  Click on the “image or preview” button to see a larger  version of the template. <br>
 +
  Click on the “Download” button to open or save the design  layout to your computer.</p>
 +
<p>You are provided with an ample collection of entertainment  templates, choose the one that perfectly suits your company needs. We provide  you with professionally designed layouts to make your company deserves no less  in the internet market.</p>
 +
<p class="date"><a href="#">more</a></p>
 +
</div>
 +
</div>
 +
<div style="clear: both;">&nbsp;</div>
 +
<!--content ends -->
 +
<!--footer begins -->
 +
</div>
 +
 
 +
<div id="footer">
 +
<p>Designed by <a href="http://www.freedesignertemplates.com/" title="Free Designer Templates">Free Designer Templates</a>
 +
 +
</div>
</div>
</div>
 +
<script type="text/javascript">
 +
document.onload = ctck();
 +
</script>
 +
 +
</div>
 +
<!-- footer ends-->
 +
</td>
 +
  </tr>
 +
</table>
 +
</body>
</html>
</html>

Revision as of 09:28, 9 September 2012

Chemical Reaction Template - Science and Technology Web Design - Free HTML Website Templates

Welcome To Chemical Reaction

Hiox Free Design

This is Free Chemical reaction template for your website design which is under Science and Technology Template category you can add. You can customize the layout of the html page any way you like.

Freedesignertemplates.com is a free collection of pre-designed with html layouts for your websites. These different categorized website design are developed by professional designers for you to make your task easy in creating a website.

There are categories like Art, Business, Nature, Music, Religious, Fashion, Holiday and Travel, Health and medicine templates etc under which there are different pages.
This Chemical reaction web design layouts are built using XHTML and CSS.

The entire website are pre-designed websites all you need to do is adding your own personal content and start your own website.

Start with a creative design from FreeDesignerTemplates.com and jump-start your development process.

Each people plan their site layouts depending upon their business type. Here comes a free designer template which provides you with a selection of different kinds of webdesign templates starting from business template, fashion template, media template, Science template, Arts template and much more.

readmore

FREE TUTORIALS ABOUT CHEMICAL REACTION EXPERIMENTS

Click and browse our selection list to locate the template that meets your websites needs.

Select Chemical reaction template.
Click on the “image or preview” button to see a larger version of the template.
Click on the “Download” button to open or save the design layout to your computer.

You are provided with an ample collection of entertainment templates, choose the one that perfectly suits your company needs. We provide you with professionally designed layouts to make your company deserves no less in the internet market.

more

 

Retrieved from "http://2012.igem.org/Team:BAU-Indonesia"