Team:UT Dallas/NimiTrial4

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title>UTD iGem 2011</title>
+
<title>biz solution | About</title>
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
<link href="style.css" rel="stylesheet" type="text/css" />
+
-
<script type="text/javascript" src="js/cufon-yui.js"></script>
+
-
<script type="text/javascript" src="js/arial.js"></script>
+
-
<script type="text/javascript" src="js/cuf_run.js"></script>
+
-
</head>
+
-
<body>
+
-
 
+
<style media="screen" type="text/css">
<style media="screen" type="text/css">
Line 20: Line 12:
color:#959595;
color:#959595;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
-
background:#f5f5f5 url(https://static.igem.org/mediawiki/2011/9/94/Footer_bg.gif) repeat-x center bottom;
+
background:#fff;
}
}
html, .main {
html, .main {
padding:0;
padding:0;
-
margin:0;
+
margin:0 auto;
-
}
+
width:970px;
-
.main {
+
-
background:url(https://static.igem.org/mediawiki/2011/e/e6/Header_bg.gif) repeat-x center top;
+
-
}
+
-
.clr {
+
-
clear:both;
+
-
padding:0;
+
-
margin:0;
+
-
width:100%;
+
-
font-size:0;
+
-
line-height:0;
+
}
}
.logo {
.logo {
-
padding:0;
 
float:left;
float:left;
-
width:auto;
+
width:300px;
 +
height:51px;
 +
padding:15px;
 +
margin:0 auto;
}
}
h1 {
h1 {
margin:0;
margin:0;
-
padding:29px 24px;
+
padding:0;
-
float:left;
+
color:#afaeae;
-
color:#e4e5e5;
+
font:bold 38px/1.2em Arial, Helvetica, sans-serif;
-
font:bold 36px/1.2em Arial, Helvetica, sans-serif;
+
letter-spacing:-2px;
letter-spacing:-2px;
}
}
h1 a, h1 a:hover {
h1 a, h1 a:hover {
-
color:#e4e5e5;
+
color:#afaeae;
text-decoration:none;
text-decoration:none;
}
}
h1 span {
h1 span {
-
color:#02c7fe;
+
color:#9dd9ff;
}
}
h1 small {
h1 small {
 +
display:block;
 +
padding:0;
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
letter-spacing:normal;
letter-spacing:normal;
-
padding-left:8px;
 
-
color:#e0e1e1;
 
}
}
h2 {
h2 {
-
font:normal 24px/1.5em Arial, Helvetica, sans-serif;
+
font:normal 24px Arial, Helvetica, sans-serif;
padding:8px 0;
padding:8px 0;
-
margin:8px 0;
+
margin:0;
color:#595959;
color:#595959;
 +
}
 +
h3 {
 +
font:normal 46px Arial, Helvetica, sans-serif;
 +
padding:80px 0 0;
 +
margin:0;
 +
color:#FFF;
}
}
p {
p {
Line 73: Line 62:
padding:0 0 8px 0;
padding:0 0 8px 0;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
}
 +
p.spec {
}
}
a {
a {
-
color:#00c6ff;
+
color:#97c950;
text-decoration:underline;
text-decoration:underline;
}
}
-
p.spec {
+
a.rm, a.com {
-
}
+
padding:0;
-
p.infopost {
+
text-decoration:none;
-
line-height:30px;
+
padding:5px 15px;
-
}
+
background:#78bbe6;
-
a.rm {
+
color:#FFF;
-
}
+
-
a.com {
+
}
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
Line 92: Line 81:
}
}
.header {
.header {
-
}
+
padding:0;
-
.header_resize {
+
margin:0 auto;
margin:0 auto;
 +
}
 +
.hbg {
padding:0;
padding:0;
-
width:970px;
+
margin:0;
 +
background:#78bbe6;
 +
height:271px;
}
}
-
img.hbg_img {
+
.hbg img {
-
margin:0 0 8px;
+
float:left;
-
padding:11px;
+
}
-
background-color:#fff;
+
.hbg .text {
-
border-bottom:2px solid #e7e7e7;
+
float:left;
 +
width:317px;
 +
text-align:center;
}
}
.menu_nav {
.menu_nav {
-
margin:0 auto;
+
margin:0;
padding:0;
padding:0;
-
width:930px;
+
height:81px;
-
height:48px;
+
-
background:url(https://static.igem.org/mediawiki/2011/8/8a/Menu.gif) repeat-x center top;
+
}
}
.menu_nav ul {
.menu_nav ul {
list-style:none;
list-style:none;
-
height:48px;
+
margin:0;
-
float:left;
+
padding:0;
 +
float:right;
}
}
.menu_nav ul li {
.menu_nav ul li {
margin:0;
margin:0;
-
padding:0 2px 0 0;
+
padding:25px 5px 0 0;
float:left;
float:left;
}
}
.menu_nav ul li a {
.menu_nav ul li a {
display:block;
display:block;
-
margin:0;
+
margin:0 5px 0 0;
-
padding:13px 24px;
+
padding:10px 15px;
-
color:#888;
+
color:#fff;
text-decoration:none;
text-decoration:none;
font-size:13px;
font-size:13px;
 +
line-height:16px;
 +
background:#cccccc;
}
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
.menu_nav ul li.active a, .menu_nav ul li a:hover {
-
color:#fff;
+
text-decoration:none;
-
background-color:#2b5c94;
+
background:#78bbe6;
}
}
.content {
.content {
 +
padding:13px;
 +
margin:0;
}
}
-
.content_resize {
+
.mainbar {
-
margin:0 auto;
+
-
padding:0 0 24px;
+
-
width:970px;
+
-
background-color:#fff;
+
-
border:2px solid #e7e7e7;
+
-
border-top:none;
+
-
}
+
-
.content .mainbar {
+
margin:0;
margin:0;
padding:0;
padding:0;
-
float:left;
+
float:right;
-
width:670px;
+
width:643px;
}
}
-
.content .mainbar img {
+
.mainbar img {
-
border:1px solid #d8dbdc;
+
padding:4px;
padding:4px;
 +
border:1px solid #f2f2f1;
 +
background:#FFF;
}
}
-
.content .mainbar img.fl {
+
.mainbar img.fl {
margin:4px 16px 4px 0;
margin:4px 16px 4px 0;
float:left;
float:left;
}
}
-
.content .mainbar .article {
+
.mainbar .article {
-
margin:0 0 12px;
+
margin:0;
-
padding:8px 24px 0 24px;
+
padding:10px 0 5px 20px;
}
}
-
.content .sidebar {
+
.mainbar .article a {
 +
color:#78bbe6;
 +
}
 +
.mainbar .post-data a {
 +
color:#595959;
 +
}
 +
.mainbar .spec a.rm, .mainbar a.com {
 +
color:#FFF;
 +
}
 +
.sidebar {
padding:0;
padding:0;
-
float:right;
+
float:left;
-
width:288px;
+
width:301px;
}
}
-
.content .sidebar .gadget {
+
.sidebar .gadget {
-
margin:0 0 12px;
+
margin:0;
-
padding:8px 16px 8px 24px;
+
padding:10px 20px 5px 0;
}
}
-
ul.sb_menu, ul.ex_menu {
+
.sidebar .gadget .title {
 +
text-align:right;
 +
}
 +
.sidebar .gadget span.q {
 +
text-align:right;
 +
font:normal 60px/12px Arial, Helvetica, sans-serif;
 +
color:#d9d9d9;
 +
}
 +
ul.sb_menu, ul.ex_menu, .testi {
margin:0;
margin:0;
-
padding:0 0 0 16px;
+
padding:0;
 +
color:#939393;
list-style:none;
list-style:none;
-
color:#959595;
 
}
}
ul.sb_menu li, ul.ex_menu li {
ul.sb_menu li, ul.ex_menu li {
Line 180: Line 187:
}
}
ul.sb_menu li {
ul.sb_menu li {
-
padding:4px 0;
+
padding:2px 0;
-
width:220px;
+
}
}
ul.ex_menu li {
ul.ex_menu li {
-
padding:4px 0;
+
padding:2px 0;
}
}
ul.sb_menu li a, ul.ex_menu li a {
ul.sb_menu li a, ul.ex_menu li a {
 +
display:block;
color:#959595;
color:#959595;
text-decoration:none;
text-decoration:none;
-
margin-left:-16px;
+
padding:5px 5px 5px 15px;
-
padding:4px 8px 4px 16px;
+
background:url(images/menu_link.gif) no-repeat left center;
-
background:url(https://static.igem.org/mediawiki/2011/3/32/Li.gif) no-repeat left center;
+
}
}
-
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
+
ul.ex_menu li span {
-
color:#00c6ff;
+
padding:0 0 0 15px;
-
font-weight:bold;
+
-
text-decoration:none;
+
}
}
-
.content p.pages {
+
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
-
padding:32px 24px 12px;
+
background:url(images/menu_hover.gif) no-repeat left center;
-
font-size:11px;
+
-
color:#959595;
+
-
text-align:right;
+
}
}
-
.content p.pages span, .content p.pages a:hover {
+
ul.sb_menu li a:hover {
-
padding:5px 10px;
+
text-decoration:underline;
-
color:#fff;
+
-
background-color:#00c6ff;
+
-
border:1px solid #00c6ff;
+
}
}
-
.content p.pages a {
+
ul.ex_menu li a:hover {
-
padding:5px 10px;
+
text-decoration:underline;
-
color:#959595;
+
-
background-color:#fff;
+
-
border:1px solid #edebeb;
+
-
text-decoration:none;
+
-
}
+
-
.content p.pages small {
+
-
font-size:11px;
+
-
float:left;
+
}
}
.content .mainbar .comment {
.content .mainbar .comment {
Line 232: Line 222:
}
}
.fbg {
.fbg {
-
padding-top:12px;
 
-
}
 
-
.fbg_resize {
 
-
margin:0 auto;
 
-
width:922px;
 
-
padding:12px 24px;
 
-
border:2px solid #e7e7e7;
 
-
background-color:#fff;
 
-
}
 
-
.fbg .c2 a, .fbg .c3 a {
 
margin:0;
margin:0;
-
padding:2px 4px;
+
padding:20px;
-
text-decoration:underline;
+
background:#78bbe6;
-
}
+
-
.fbg h2 {
+
}
}
.fbg img {
.fbg img {
-
margin:0 16px 16px 0;
+
padding:4px;
-
padding:3px;
+
border:1px solid #cfd2d4;
background-color:#fff;
background-color:#fff;
-
border:1px solid #99bece;
+
}
 +
.fbg p, .fbg h2 {
 +
color:#fbfbfb;
 +
}
 +
.fbg a {
 +
color:#fbfbfb;
}
}
.fbg .col {
.fbg .col {
margin:0;
margin:0;
float:left;
float:left;
 +
background:url(images/fbg_line.gif) repeat-y right;
}
}
.fbg .c1 {
.fbg .c1 {
-
padding:0 16px 0 0;
+
padding:0 20px 0 0;
-
width:266px;
+
width:260px;
}
}
.fbg .c2 {
.fbg .c2 {
-
padding:0 16px;
+
padding:0 20px;
-
width:300px;
+
width:320px;
}
}
.fbg .c3 {
.fbg .c3 {
-
padding:0 0 0 16px;
+
padding:0 0 0 20px;
-
width:260px;
+
width:270px;
 +
background:none;
 +
}
 +
.fbg .c1 img {
 +
margin:8px 16px 8px 0;
 +
}
 +
.fbg .c3 img {
 +
margin:8px 16px 4px 0;
 +
float:left;
}
}
.footer {
.footer {
Line 274: Line 266:
.footer_resize {
.footer_resize {
margin:0 auto;
margin:0 auto;
-
padding:12px 24px;
+
padding:20px;
-
width:922px;
+
width:930px;
}
}
.footer p {
.footer p {
margin:0;
margin:0;
padding:4px 0;
padding:4px 0;
-
line-height:normal;
 
}
}
.footer a {
.footer a {
-
color:#959595;
+
color:#9a9a9a;
padding:inherit;
padding:inherit;
text-decoration:underline;
text-decoration:underline;
Line 311: Line 302:
width:480px;
width:480px;
border:1px solid #c0c0c0;
border:1px solid #c0c0c0;
-
margin:0;
+
margin:2px 0;
padding:5px 2px;
padding:5px 2px;
height:16px;
height:16px;
-
background-color:#fff;
+
background:#fff;
}
}
ol li textarea {
ol li textarea {
width:480px;
width:480px;
border:1px solid #c0c0c0;
border:1px solid #c0c0c0;
-
margin:0;
+
margin:2px 0;
padding:2px;
padding:2px;
-
background-color:#fff;
+
background:#fff;
}
}
ol li .send {
ol li .send {
margin:16px 0 0 0;
margin:16px 0 0 0;
}
}
-
.searchform {
+
.search {
-
float:right;
+
padding:0;
-
padding:6px;
+
-
}
+
-
#formsearch {
+
margin:0;
margin:0;
-
height:36px;
 
-
padding:0;
 
-
width:232px;
 
}
}
-
#formsearch span {
+
.search span {
 +
width:280px;
display:block;
display:block;
 +
background:#FFF;
 +
height:29px;
margin:0;
margin:0;
padding:0;
padding:0;
 +
border:1px solid #e1dddd;
 +
}
 +
.search input#s {
float:left;
float:left;
-
background:#fff url(https://static.igem.org/mediawiki/2011/e/e1/Search.gif) no-repeat top left;
+
width:230px;
-
}
+
padding:7px 0 7px 10px;
-
#formsearch input.editbox_search {
+
margin:0;
margin:0;
-
padding:11px 6px 10px;
+
border:0;
-
float:left;
+
-
width:181px;
+
-
border:none;
+
background:none;
background:none;
-
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
+
color:#afaeae;
-
color:#a8acb2;
+
font:normal 12px/15px Arial, Helvetica, sans-serif;
}
}
-
#formsearch input.button_search {
+
.search .btn {
-
margin:0;
+
float:left;
padding:0;
padding:0;
-
border:none;
+
margin:0;
 +
border:0;
 +
width:auto;
 +
}
 +
.pagenavi {
 +
clear:both;
 +
font:normal 11px Arial, Helvetica, sans-serif;
 +
margin:0 auto;
 +
text-align:right;
 +
padding:20px 0 20px 20px;
 +
}
 +
.pagenavi a, .pagenavi .current {
 +
margin-left:3px;
 +
padding:3px 8px;
 +
text-decoration:none;
 +
color:#939393;
 +
background:#f9fbfc;
 +
border:1px solid #d9e3cb;
 +
}
 +
.pagenavi a:hover, .pagenavi .current {
 +
background:#78bbe6;
 +
color:#FFF;
 +
}
 +
.pagenavi .pages {
float:left;
float:left;
 +
}
 +
.fl {
 +
float:left;
 +
}
 +
.fr {
 +
float:right;
 +
}
 +
.clr {
 +
clear:both;
 +
padding:0;
 +
margin:0;
 +
width:100%;
 +
font-size:0;
 +
line-height:0;
}
}
</style>
</style>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href="style.css" rel="stylesheet" type="text/css" />
 +
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 +
<script type="text/javascript" src="js/script.js"></script>
 +
<script type="text/javascript" src="js/cufon-yui.js"></script>
 +
<script type="text/javascript" src="js/arial.js"></script>
 +
<script type="text/javascript" src="js/cuf_run.js"></script>
 +
 +
</head>
 +
<body>
<div class="main">
<div class="main">
   <div class="header">
   <div class="header">
 +
    <div class="logo">
 +
      <h1><a href="index.html"><span>biz</span> solution<small>Simple web template</small></a></h1>
 +
    </div>
 +
    <div class="menu_nav">
-
    <div class="header_resize">
+
       <ul>
-
       <div class="logo">
+
         <li><a href="index.html">Home</a></li>
-
         <h1><a href="#"><span>UTD</span>iGem 2011</a> <small></small></h1>
+
        <li><a href="support.html">Support</a></li>
-
      </div>
+
         <li class="active"><a href="about.html">About Us</a></li>
-
      <div class="clr"></div>
+
        <li><a href="blog.html">Blog</a></li>
-
      <div class="menu_nav">
+
         <li><a href="contact.html">Contact Us</a></li>
-
         <div class="searchform">
+
-
 
+
-
          <form id="formsearch" name="formsearch" method="post" action="#">
+
-
            <span>
+
-
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
+
-
            </span>
+
-
            <input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
+
-
          </form>
+
-
        </div>
+
-
         <ul>
+
-
          <li class="active"><a href="index.html">Home</a></li>
+
-
          <li><a href="support.html">Project</a></li>
+
      </ul>
-
          <li><a href="about.html">Team</a></li>
+
      <div class="clr"></div>
-
          <li><a href="blog.html">Protocols</a></li>
+
    </div>
-
          <li><a href="contact.html">Parts</a></li>
+
    <div class="clr"></div>
-
          <li><a href="blog.html">Modeling</a></li>
+
    <div class="hbg"><img src="images/header_images.jpg" width="653" height="271" alt="" />
-
          <li><a href="contact.html">Notebook</a></li>
+
      <div class="text">
-
          <li><a href="blog.html">Human Practices</a></li>
+
         <h3>Creating Futures</h3>
-
          <li><a href="contact.html">Gallery</a></li>
+
-
         </ul>
+
-
        <div class="clr"></div>
+
       </div>
       </div>
Line 397: Line 421:
   </div>
   </div>
   <div class="content">
   <div class="content">
-
     <div class="content_resize"> <img src="https://static.igem.org/mediawiki/2011/7/7c/Hbg_img.jpg" width="948" height="295" alt="" class="hbg_img" />
+
     <div class="content_bg">
-
      <div class="clr"></div>
+
       <div class="mainbar">
       <div class="mainbar">
         <div class="article">
         <div class="article">
-
           <h2><span>Template</span> License</h2>
+
           <h2><span>About to</span> Company Name</h2>
           <div class="clr"></div>
           <div class="clr"></div>
-
           <p class="infopost">Posted <span class="date">on 11 sep 2018</span> by <a href="#">Owner</a> &nbsp;|&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> with <a href="#" class="com">Comments <span>11</span></a></p>
+
           <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.</strong></p>
-
 
+
           <p>Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. Quisque enim ipsum, convallis sit amet molestie in, placerat vel urna. Praesent congue auctor elit, nec pretium ipsum volutpat vitae. Vivamus eget ipsum sit amet ipsum tincidunt fermentum. Sed hendrerit neque ac erat condimentum vulputate. Nulla velit massa, dictum etinterdum quis, tempus at velit.</p>
-
          <img src="https://static.igem.org/mediawiki/2011/8/86/Img1.jpg" width="201" height="146" alt="" class="fl" />
+
-
          <p>This is a free CSS website template by RocketWebsiteTemplates.com. This work is distributed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to <a href="#">RocketWebsiteTemplates.com</a>.</p>
+
-
           <p>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla. Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
+
-
          <p class="spec"><a href="#" class="rm">Read more &raquo;</a></p>
+
         </div>
         </div>
-
 
         <div class="article">
         <div class="article">
-
           <h2><span>Future</span> technology</h2>
+
           <h2><span>Our</span> Mission</h2>
-
          <div class="clr"></div>
+
-
          <p class="infopost">Posted <span class="date">on 29 aug 2010</span> by <a href="#">Owner</a> &nbsp;|&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> with <a href="#" class="com">Comments <span>7</span></a></p>
+
-
           <img src="https://static.igem.org/mediawiki/2011/f/f4/Img2.jpg" width="201" height="141" alt="" class="fl" />
+
           <div class="clr"></div>
-
           <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
+
           <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.</strong></p>
-
           <p>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla. Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
+
          <p>Maecenas vestibulum fermentum eleifend. Mauris erat sem, suscipit non tincidunt quis, vestibulum eget elit. Duis eget arcu ante. Proin nulla elit, elementum sit amet commodo et, eleifend vitae quam. Nam vel aliquam tortor. Aliquam bibendum erat a urna interdum quis mattis augue interdum. Phasellus fermentum bibendum mauris, ut semper justo pharetra vestibulum. Duis dictum purus sed nibh commodo a congue elit lobortis. Nunc sed feugiat tellus. Mauris aliquet lorem non enim euismod quis fermentum erat porta. Nullam non elit orci. Aliquam blandit mattis feugiat. Cras pulvinar aliquet massa, quis laoreet mi pulvinar ac. Aliquam mi augue, vehicula in consectetur in, porttitor sed tellus. Mauris convallis dapibus auctor. Integer in egestas lorem. In nulla dolor, sollicitudin vitae sollicitudin quis, viverra at lorem.</p>
-
          <p class="spec"><a href="#" class="rm">Read more &raquo;</a></p>
+
           <p>Ut ullamcorper velit et nisi feugiat non sagittis tortor pharetra. Mauris ut urna et magna commodo cursus. Curabitur quis elementum arcu. Maecenas eleifend, urna vitae vehicula bibendum, felis tellus tincidunt lorem, at iaculis neque eros ac dui. Nunc malesuada pulvinar suscipit. Phasellus sed tortor quis ligula facilisis aliquam. Aliquam quis magna eu dolor posuere malesuada. Quisque consequat, metus fermentum convallis imperdiet, ante justo pharetra enim, vel commodo ipsum mauris eget purus. Morbi lacinia nisl urna, scelerisque suscipit lacus. Nulla ac orci ut nunc venenatis gravida.</p>
         </div>
         </div>
-
        <p class="pages"><small>Page 1 of 2 &nbsp;&nbsp;&nbsp;</small> <span>1</span> <a href="#">2</a> <a href="#">&raquo;</a></p>
 
-
 
       </div>
       </div>
       <div class="sidebar">
       <div class="sidebar">
 +
         <div class="gadget">
         <div class="gadget">
-
           <h2 class="star"><span>Sidebar</span> Menu</h2>
+
           <div class="search">
 +
            <form method="get" id="search" action="#">
 +
              <span>
 +
              <input type="text" value="Search..." name="s" id="s" />
 +
              <input name="searchsubmit" type="image" src="images/search.gif" value="Go" id="searchsubmit" class="btn"  />
 +
              </span>
 +
            </form>
 +
            <div class="clr"></div>
 +
 
 +
          </div>
 +
          <div class="clr"></div>
 +
        </div>
 +
        <div class="gadget">
 +
          <h2><span>Sidebar</span> Menu</h2>
           <div class="clr"></div>
           <div class="clr"></div>
           <ul class="sb_menu">
           <ul class="sb_menu">
-
            <li><a href="#">Home</a></li>
 
 +
            <li class="active"><a href="#">Home</a></li>
             <li><a href="#">TemplateInfo</a></li>
             <li><a href="#">TemplateInfo</a></li>
             <li><a href="#">Style Demo</a></li>
             <li><a href="#">Style Demo</a></li>
             <li><a href="#">Blog</a></li>
             <li><a href="#">Blog</a></li>
             <li><a href="#">Archives</a></li>
             <li><a href="#">Archives</a></li>
-
            <li><a href="#">Web Templates</a></li>
 
           </ul>
           </ul>
         </div>
         </div>
         <div class="gadget">
         <div class="gadget">
-
           <h2 class="star"><span>Sponsors</span></h2>
+
           <h2><span>Sponsors</span></h2>
           <div class="clr"></div>
           <div class="clr"></div>
           <ul class="ex_menu">
           <ul class="ex_menu">
-
             <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
+
             <li class="active"><a href="#">DreamTemplate</a> <span>Over 6,000+ Premium Web Templates</span></li>
-
              Over 6,000+ Premium Web Templates</li>
+
            <li><a href="#">TemplateSOLD</a> <span>Premium WordPress &amp; Joomla Themes</span></li>
-
             <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
+
             <li><a href="#">ImHosted.com</a> <span>Affordable Web Hosting Provider</span></li>
-
              Premium WordPress &amp; Joomla Themes</li>
+
             <li><a href="#">DreamStock</a> <span>Unlimited Amazing Stock Photos</span></li>
-
             <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
+
             <li><a href="#">Evrsoft</a> <span>Website Builder Software &amp; Tools</span></li>
-
              Affordable Web Hosting Provider</li>
+
-
             <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
+
-
              Royalty Free Stock Icons</li>
 
-
            <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
 
-
              Website Builder Software &amp; Tools</li>
 
             <li><a href="http://www.csshub.com/">CSS Hub</a><br />
             <li><a href="http://www.csshub.com/">CSS Hub</a><br />
-
               Premium CSS Templates</li>
+
               <span>Premium CSS Templates</span></li>
-
 
+
           </ul>
           </ul>
 +
        </div>
 +
        <div class="gadget">
 +
          <h2 class="grey"><span>Wise Words</span></h2>
 +
          <div class="clr"></div>
 +
 +
          <div class="testi">
 +
            <p><span class="q"><img src="images/quote_1.gif" width="16" height="14" alt="" /></span> We can let circumstances rule us, or we can take charge and rule our lives from within. <span class="q"><img src="images/quote_2.gif" width="16" height="14" alt="" /></span></p>
 +
            <p class="title"><strong>Earl Nightingale</strong></p>
 +
          </div>
         </div>
         </div>
       </div>
       </div>
       <div class="clr"></div>
       <div class="clr"></div>
 +
     </div>
     </div>
   </div>
   </div>
   <div class="fbg">
   <div class="fbg">
-
     <div class="fbg_resize">
+
     <div class="col c1">
-
       <div class="col c1">
+
       <h2><span>Image Gallery</span></h2>
 +
      <a href="#"><img src="images/pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_6.jpg" width="58" height="58" alt="" /></a> </div>
-
        <h2><span>Image Gallery</span></h2>
+
    <div class="col c2">
-
        <a href="#"><img src="images/pix1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/5/5b/Pix2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pix3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pix4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pix5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pix6.jpg" width="58" height="58" alt="" /></a> </div>
+
      <h2><span>Lorem Ipsum</span></h2>
-
      <div class="col c2">
+
      <p>Lorem ipsum dolor<br />
-
        <h2><span>Lorem Ipsum</span></h2>
+
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
-
        <p>Lorem ipsum dolor<br />
+
    </div>
 +
    <div class="col c3">
-
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
+
      <h2><span>About</span></h2>
-
      </div>
+
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
-
      <div class="col c3">
+
-
        <h2><span>Contact</span></h2>
+
-
        <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.</p>
+
-
        <p><a href="#">support@yoursite.com</a></p>
+
-
 
+
-
        <p>+1 (123) 444-5677<br />
+
-
          +1 (123) 444-5678</p>
+
-
        <p>Address: 123 TemplateAccess Rd1</p>
+
-
      </div>
+
-
      <div class="clr"></div>
+
     </div>
     </div>
 +
    <div class="clr"></div>
   </div>
   </div>
-
 
   <div class="footer">
   <div class="footer">
     <div class="footer_resize">
     <div class="footer_resize">
 +
       <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
       <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
-
       <p class="rf">Layout by Rocket <a href="http://www.rocketwebsitetemplates.com/">Website Templates</a></p>
+
       <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>
       <div class="clr"></div>
       <div class="clr"></div>
     </div>
     </div>
-
 
   </div>
   </div>
</div>
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 17:36, 15 July 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> biz solution | About

Creating Futures

About to Company Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.

Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. Quisque enim ipsum, convallis sit amet molestie in, placerat vel urna. Praesent congue auctor elit, nec pretium ipsum volutpat vitae. Vivamus eget ipsum sit amet ipsum tincidunt fermentum. Sed hendrerit neque ac erat condimentum vulputate. Nulla velit massa, dictum etinterdum quis, tempus at velit.

Our Mission

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.

Maecenas vestibulum fermentum eleifend. Mauris erat sem, suscipit non tincidunt quis, vestibulum eget elit. Duis eget arcu ante. Proin nulla elit, elementum sit amet commodo et, eleifend vitae quam. Nam vel aliquam tortor. Aliquam bibendum erat a urna interdum quis mattis augue interdum. Phasellus fermentum bibendum mauris, ut semper justo pharetra vestibulum. Duis dictum purus sed nibh commodo a congue elit lobortis. Nunc sed feugiat tellus. Mauris aliquet lorem non enim euismod quis fermentum erat porta. Nullam non elit orci. Aliquam blandit mattis feugiat. Cras pulvinar aliquet massa, quis laoreet mi pulvinar ac. Aliquam mi augue, vehicula in consectetur in, porttitor sed tellus. Mauris convallis dapibus auctor. Integer in egestas lorem. In nulla dolor, sollicitudin vitae sollicitudin quis, viverra at lorem.

Ut ullamcorper velit et nisi feugiat non sagittis tortor pharetra. Mauris ut urna et magna commodo cursus. Curabitur quis elementum arcu. Maecenas eleifend, urna vitae vehicula bibendum, felis tellus tincidunt lorem, at iaculis neque eros ac dui. Nunc malesuada pulvinar suscipit. Phasellus sed tortor quis ligula facilisis aliquam. Aliquam quis magna eu dolor posuere malesuada. Quisque consequat, metus fermentum convallis imperdiet, ante justo pharetra enim, vel commodo ipsum mauris eget purus. Morbi lacinia nisl urna, scelerisque suscipit lacus. Nulla ac orci ut nunc venenatis gravida.

Sidebar Menu

Sponsors

Wise Words

We can let circumstances rule us, or we can take charge and rule our lives from within.

Earl Nightingale

Image Gallery

Lorem Ipsum

Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. Learn more...

© Copyright MyWebSite.

Layout by Cool Website Templates

Retrieved from "http://2011.igem.org/Team:UT_Dallas/NimiTrial4"