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>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
<title>BusinessWebDesign</title>
-
<title>Green Solutions</title>
+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<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>
</head>
-
 
<body>
<body>
 +
<style media="screen" type="text/css">
<style media="screen" type="text/css">
-
/* CSS Document */
+
@charset "utf-8";
-
body{padding:0; margin:0; background:url(https://static.igem.org/mediawiki/2011/a/a5/Main-bg.gif) 0 0 repeat-x #FCFAE6; font:14px/20px Arial, Helvetica, sans-serif; color:#3D3C2C; font-weight:normal;}
+
body {
-
div, p, h1, h2, h3, ul, img{padding:0px; margin:0px;}
+
margin:0;
-
ul{list-style-type:none;}
+
padding:0;
 +
width:100%;
 +
color:#959595;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
background:#f5f5f5 url(images/footer_bg.gif) repeat-x center bottom;
 +
}
 +
html, .main {
 +
padding:0;
 +
margin:0;
 +
}
 +
.main {
 +
background:url(images/header_bg.gif) repeat-x center top;
 +
}
 +
.clr {
 +
clear:both;
 +
padding:0;
 +
margin:0;
 +
width:100%;
 +
font-size:0;
 +
line-height:0;
 +
}
 +
.logo {
 +
padding:0;
 +
float:left;
 +
width:auto;
 +
}
 +
h1 {
 +
margin:0;
 +
padding:29px 24px;
 +
float:left;
 +
color:#e4e5e5;
 +
font:bold 36px/1.2em Arial, Helvetica, sans-serif;
 +
letter-spacing:-2px;
 +
}
 +
h1 a, h1 a:hover {
 +
color:#e4e5e5;
 +
text-decoration:none;
 +
}
 +
h1 span {
 +
color:#02c7fe;
 +
}
 +
h1 small {
 +
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
 +
letter-spacing:normal;
 +
padding-left:8px;
 +
color:#e0e1e1;
 +
}
 +
h2 {
 +
font:normal 24px/1.5em Arial, Helvetica, sans-serif;
 +
padding:8px 0;
 +
margin:8px 0;
 +
color:#595959;
 +
}
 +
p {
 +
margin:8px 0;
 +
padding:0 0 8px 0;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
}
 +
a {
 +
color:#00c6ff;
 +
text-decoration:underline;
 +
}
 +
p.spec {
 +
}
 +
p.infopost {
 +
line-height:30px;
 +
}
 +
a.rm {
 +
}
 +
a.com {
 +
}
 +
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
 +
margin:0;
 +
padding:0;
 +
}
 +
.header {
 +
}
 +
.header_resize {
 +
margin:0 auto;
 +
padding:0;
 +
width:970px;
 +
}
 +
img.hbg_img {
 +
margin:0 0 8px;
 +
padding:11px;
 +
background-color:#fff;
 +
border-bottom:2px solid #e7e7e7;
 +
}
 +
.menu_nav {
 +
margin:0 auto;
 +
padding:0;
 +
width:930px;
 +
height:48px;
 +
background:url(images/menu.gif) repeat-x center top;
 +
}
 +
.menu_nav ul {
 +
list-style:none;
 +
height:48px;
 +
float:left;
 +
}
 +
.menu_nav ul li {
 +
margin:0;
 +
padding:0 2px 0 0;
 +
float:left;
 +
}
 +
.menu_nav ul li a {
 +
display:block;
 +
margin:0;
 +
padding:13px 24px;
 +
color:#888;
 +
text-decoration:none;
 +
font-size:13px;
 +
}
 +
.menu_nav ul li.active a, .menu_nav ul li a:hover {
 +
color:#fff;
 +
background-color:#2b5c94;
 +
}
 +
.content {
 +
}
 +
.content_resize {
 +
margin:0 auto;
 +
padding:0 0 24px;
 +
width:970px;
 +
background-color:#fff;
 +
border:2px solid #e7e7e7;
 +
border-top:none;
 +
}
 +
.content .mainbar {
 +
margin:0;
 +
padding:0;
 +
float:left;
 +
width:670px;
 +
}
 +
.content .mainbar img {
 +
border:1px solid #d8dbdc;
 +
padding:4px;
 +
}
 +
.content .mainbar img.fl {
 +
margin:4px 16px 4px 0;
 +
float:left;
 +
}
 +
.content .mainbar .article {
 +
margin:0 0 12px;
 +
padding:8px 24px 0 24px;
 +
}
 +
.content .sidebar {
 +
padding:0;
 +
float:right;
 +
width:288px;
 +
}
 +
.content .sidebar .gadget {
 +
margin:0 0 12px;
 +
padding:8px 16px 8px 24px;
 +
}
 +
ul.sb_menu, ul.ex_menu {
 +
margin:0;
 +
padding:0 0 0 16px;
 +
list-style:none;
 +
color:#959595;
 +
}
 +
ul.sb_menu li, ul.ex_menu li {
 +
margin:0;
 +
}
 +
ul.sb_menu li {
 +
padding:4px 0;
 +
width:220px;
 +
}
 +
ul.ex_menu li {
 +
padding:4px 0;
 +
}
 +
ul.sb_menu li a, ul.ex_menu li a {
 +
color:#959595;
 +
text-decoration:none;
 +
margin-left:-16px;
 +
padding:4px 8px 4px 16px;
 +
background:url(images/li.gif) no-repeat left center;
 +
}
 +
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
 +
color:#00c6ff;
 +
font-weight:bold;
 +
text-decoration:none;
 +
}
 +
.content p.pages {
 +
padding:32px 24px 12px;
 +
font-size:11px;
 +
color:#959595;
 +
text-align:right;
 +
}
 +
.content p.pages span, .content p.pages a:hover {
 +
padding:5px 10px;
 +
color:#fff;
 +
background-color:#00c6ff;
 +
border:1px solid #00c6ff;
 +
}
 +
.content p.pages a {
 +
padding:5px 10px;
 +
color:#959595;
 +
background-color:#fff;
 +
border:1px solid #edebeb;
 +
text-decoration:none;
 +
}
 +
.content p.pages small {
 +
font-size:11px;
 +
float:left;
 +
}
 +
.content .mainbar .comment {
 +
margin:0;
 +
padding:16px 0 0 0;
 +
}
 +
.content .mainbar .comment img.userpic {
 +
border:1px solid #dedede;
 +
margin:10px 16px 0 0;
 +
padding:0;
 +
float:left;
 +
}
 +
.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;
 +
padding:2px 4px;
 +
text-decoration:underline;
 +
}
 +
.fbg h2 {
 +
}
 +
.fbg img {
 +
margin:0 16px 16px 0;
 +
padding:3px;
 +
background-color:#fff;
 +
border:1px solid #99bece;
 +
}
 +
.fbg .col {
 +
margin:0;
 +
float:left;
 +
}
 +
.fbg .c1 {
 +
padding:0 16px 0 0;
 +
width:266px;
 +
}
 +
.fbg .c2 {
 +
padding:0 16px;
 +
width:300px;
 +
}
 +
.fbg .c3 {
 +
padding:0 0 0 16px;
 +
width:260px;
 +
}
 +
.footer {
 +
}
 +
.footer_resize {
 +
margin:0 auto;
 +
padding:12px 24px;
 +
width:922px;
 +
}
 +
.footer p {
 +
margin:0;
 +
padding:4px 0;
 +
line-height:normal;
 +
}
 +
.footer a {
 +
color:#959595;
 +
padding:inherit;
 +
text-decoration:underline;
 +
}
 +
.footer a:hover {
 +
text-decoration:none;
 +
}
 +
.footer .lf {
 +
float:left;
 +
}
 +
.footer .rf {
 +
float:right;
 +
}
 +
ol {
 +
list-style:none;
 +
}
 +
ol li {
 +
display:block;
 +
clear:both;
 +
}
 +
ol li label {
 +
display:block;
 +
margin:0;
 +
padding:16px 0 0 0;
 +
}
 +
ol li input.text {
 +
width:480px;
 +
border:1px solid #c0c0c0;
 +
margin:0;
 +
padding:5px 2px;
 +
height:16px;
 +
background-color:#fff;
 +
}
 +
ol li textarea {
 +
width:480px;
 +
border:1px solid #c0c0c0;
 +
margin:0;
 +
padding:2px;
 +
background-color:#fff;
 +
}
 +
ol li .send {
 +
margin:16px 0 0 0;
 +
}
 +
.searchform {
 +
float:right;
 +
padding:6px;
 +
}
 +
#formsearch {
 +
margin:0;
 +
height:36px;
 +
padding:0;
 +
width:232px;
 +
}
 +
#formsearch span {
 +
display:block;
 +
margin:0;
 +
padding:0;
 +
float:left;
 +
background:#fff url(images/search.gif) no-repeat top left;
 +
}
 +
#formsearch input.editbox_search {
 +
margin:0;
 +
padding:11px 6px 10px;
 +
float:left;
 +
width:181px;
 +
border:none;
 +
background:none;
 +
font:normal 12px/1.5em Arial, Helvetica, sans-serif;
 +
color:#a8acb2;
 +
}
 +
#formsearch input.button_search {
 +
margin:0;
 +
padding:0;
 +
border:none;
 +
float:left;
 +
}
-
/* TOP PANEL */
+
</style>
-
#topPan{width:778px; height:96px; position:relative; margin:0 auto; padding:0;}
+
<div class="main">
-
#topPan img{width:204px; height:57px; display:block; padding:23px 0 0 6px;}
+
  <div class="header">
-
/* Menu Panel */
+
-
#topPan ul{width:520px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;}
+
-
#topPan ul li{float:left; width:104px; display:block; text-align:center;}
+
-
#topPan ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(https://static.igem.org/mediawiki/2011/f/ff/Menu-bg.gif) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; }
+
-
#topPan ul li a:hover{ width:104px; height:96px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;}
+
-
#topPan ul li span{width:104px; height:35px; display:block; background:url(https://static.igem.org/mediawiki/2011/e/ef/Menu-devider.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;}
+
-
/* /TOP PANEL */
+
    <div class="header_resize">
 +
      <div class="logo">
 +
        <h1><a href="#"><span>B</span>usinessWebDesign</a> <small>Simple design templates</small></h1>
 +
      </div>
 +
      <div class="clr"></div>
 +
      <div class="menu_nav">
 +
        <div class="searchform">
-
/* HEADER PANEL */
+
          <form id="formsearch" name="formsearch" method="post" action="#">
-
#headerPan{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
+
            <span>
-
#headerPan h1{width:526px; height:236px; position:absolute; top:35px; right:0px; background:url(https://static.igem.org/mediawiki/2011/6/60/Header-img.jpg) 0 0 no-repeat #FCFAE6; color:#fff; font-size:36px; line-height:18px; text-transform:uppercase; text-indent:-2000px;}
+
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
-
#headerPanleft{ width:237px; height:214px; position:absolute; top:48px; left:9px;}
+
            </span>
-
#headerPan #ourblog{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url(https://static.igem.org/mediawiki/2011/d/d9/Icon1-nor.gif) 0 0 no-repeat;}
+
            <input name="button_search" src="images/search_btn.gif" class="button_search" type="image" />
-
#headerPan #ourblog h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
+
          </form>
-
#headerPan #ourblog p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
+
        </div>
-
#headerPan #ourblog a{text-decoration:none; display:block; width:237px; height:62px;}
+
        <ul>
-
#headerPan #ourblog a:hover{text-decoration:none; background:url(images/icon1-hover.gif) no-repeat 0 0;}
+
          <li class="active"><a href="index.html">Home</a></li>
-
#headerPan #possib{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon2-nor.gif) 0 0 no-repeat;}
+
          <li><a href="support.html">Support</a></li>
-
#headerPan #possib h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
+
          <li><a href="about.html">About Us</a></li>
-
#headerPan #possib p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
+
          <li><a href="blog.html">Blog</a></li>
-
#headerPan #possib a{text-decoration:none; display:block; width:237px; height:62px;}
+
          <li><a href="contact.html">Contact Us</a></li>
-
#headerPan #possib a:hover{text-decoration:none; background:url(https://static.igem.org/mediawiki/2011/9/90/Icon2-hover.gif) no-repeat 0 0;}
+
        </ul>
 +
        <div class="clr"></div>
 +
      </div>
-
#headerPan #solution{ float:left; width:237px; height:62px; position:relative; margin:13px 0 0 0; background:url(images/icon3-nor.gif) 0 0 no-repeat;}
+
    </div>
-
#headerPan #solution h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px Georgia, "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
+
  </div>
-
#headerPan #solution p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
+
  <div class="content">
-
#headerPan #solution a{text-decoration:none; display:block; width:237px; height:62px;}
+
    <div class="content_resize"> <img src="images/hbg_img.jpg" width="948" height="295" alt="" class="hbg_img" />
-
#headerPan #solution a:hover{text-decoration:none; background:url(images/icon3-hover.gif) no-repeat 0 0;}
+
      <div class="clr"></div>
 +
      <div class="mainbar">
 +
        <div class="article">
 +
          <h2><span>Template</span> License</h2>
-
/* BODY PANEL */
+
          <div class="clr"></div>
-
#bodyPan{width:778px; height:887px; position:relative; margin:0 auto; padding:0;}
+
          <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>
-
/*Left Panel */
+
-
#leftPan{width:239px; height:611px; position:absolute; top:0px; left:8px; margin:0; padding:0px;}
+
-
#leftmemberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
+
-
#leftmemberPan h2{height:48px; background:url(https://static.igem.org/mediawiki/2011/7/7f/Symbol4.gif) 0 0 no-repeat #fff; display:block; position:relative; padding:0 0 0 57px; margin:12px 0 20px 13px; font:16px/48px  Georgia,"Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;}
+
-
#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}
+
-
#leftPan form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#333227;}
+
-
#leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
+
-
#leftPan form label.emailpadding{padding:2px 15px 0 16px;}
+
-
#leftPan form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0}
+
-
#leftPan form input.fieldpadding{margin:2px 0 9px 0}
+
-
#leftPan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;}
+
-
#leftPan ul{ display:block; float:right; width:150px; height:327px;}
+
-
#leftPan ul li{background:url(images/arrow3.gif) 140px 10px no-repeat; padding:0px 20px 0 0; text-align:right;}
+
-
#leftPan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;}
+
-
#leftPan ul li a:hover{text-decoration:none;}
+
-
#leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
+
          <img src="images/img1.jpg" width="201" height="146" alt="" class="fl" />
-
#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
+
          <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>
-
#leftPango p.textposition a:hover{text-decoration:underline; background:none;}
+
          <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>
-
#leftPan form input.gobutton{float:right; background:url(images/arrow4.gif) no-repeat 30px 0 #63614F; border:none; width:45px; height:21px; display:block; margin:2px 0 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
+
          <p class="spec"><a href="#" class="rm">Read more &raquo;</a></p>
-
#leftPango a:hover{background:url(images/arrow4.gif) no-repeat 30px 1px #333229; text-decoration:none; color:#fff;}
+
        </div>
-
/*/Left Panel */
+
        <div class="article">
-
/*Right Panel */
+
          <h2><span>Future</span> technology</h2>
-
#rightPan{width:504px; height:875px; position:absolute; top:0px; right:10px; border:1px solid #DCDAC2; background:#fff; color:#3D3C2C;}
+
          <div class="clr"></div>
-
#rightbodyPan{width:484px; height:855px; position:absolute; top:10px; left:10px; background:#FCFAE6; color:#3D3C2C;}
+
          <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>
-
#rightbodyPan h2{width:266px; height:31px; display:block; position: relative; background:url(images/symbol5.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:20px 0 20px 80px ;}
+
-
#rightbodyPan p{padding:0 80px 30px;}
+
-
#rightbodyPan p.redtext{background:#FCFAE6; color:#CC0000; font-size:18px; line-height:20px; padding:0 80px 26px;}
+
-
#rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
+
-
#rightbodymore{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
+
-
#rightbodymore p.textposition{float:left; padding:0 0 0 20px; margin:0;}
+
-
#rightbodymore a{float:right; background:url(images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;}
+
-
#rightbodymore a:hover{background:url(images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;}
+
-
#rightbodyPan h3{width:268px; height:31px; display:block; position: relative; background:url(images/symbol6.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; color:#3D3C2C; margin:27px 0 20px 80px ;}
+
-
#rightbodyPan ul{width:328px; height:92px; position:relative; top:5px; left:80px; margin:0 0 30px 0;}
+
-
#rightbodyPan li{width:340px; background:url(images/arrow2.gif) 0 7px no-repeat; font:14px/24px Arial, Helvetica, sans-serif; padding:0 0 0 20px;}
+
-
#rightbodyPan li a{width:235px; height:60px; background:#FCFAE6; color:#CC0000; text-decoration:underline; line-height:24px;}
+
-
#rightbodyPan ul li a:hover{width:235px; height:60px;  text-decoration:none; line-height:24px;}
+
-
#rightbodymorenext{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
+
          <img src="images/img2.jpg" width="201" height="141" alt="" class="fl" />
-
#rightbodymorenext p.textposition{float:left; padding:0 0 0 20px; margin:0;}
+
          <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>
-
#rightbodymorenext a{float:right; background:url(images/arrow4.gif) no-repeat 58px 1px #63614F; width:66px; display:block; position:relative; margin:1px 0 0 0; padding:0 0 0 10px; height:23px; text-decoration:none; color:#fff; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase;}
+
          <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>
-
#rightbodymorenext a:hover{background:url(images/arrow4.gif) no-repeat 58px 1px #333229; text-decoration:none; color:#fff;}
+
          <p class="spec"><a href="#" class="rm">Read more &raquo;</a></p>
 +
        </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>
-
/* /BODY PANEL */
+
      </div>
 +
      <div class="sidebar">
 +
        <div class="gadget">
 +
          <h2 class="star"><span>Sidebar</span> Menu</h2>
 +
          <div class="clr"></div>
 +
          <ul class="sb_menu">
 +
            <li><a href="#">Home</a></li>
-
/* FOOTER PANEL */
+
            <li><a href="#">TemplateInfo</a></li>
-
#footerPan{width:778px; height:231px; position:relative; margin:0 auto; padding:0;}
+
            <li><a href="#">Style Demo</a></li>
-
#footernextPan{width:506px; height:150px; position:absolute; top:0px; right:10px; background:#B0AD93; color:#fff; margin:0;}
+
            <li><a href="#">Blog</a></li>
-
#footerPan ul{width:380px; display:block; position:absolute; right:40px; top:33px; }
+
            <li><a href="#">Archives</a></li>
-
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
+
            <li><a href="#">Web Templates</a></li>
-
#footerPan ul li a{padding:0 10px; color:#FFFFFA; background:#B0AD93; text-decoration:none;}
+
          </ul>
-
#footerPan ul li a:hover{text-decoration:underline;}
+
-
#footerPan ul li a.padl{padding:0 0 0 14px;}
+
-
#footerPan ul.templateworld{width:190px; background:#B0AD93; color:#fff; display:block; position:absolute; top:110px; right:49px;}
+
        </div>
-
#footerPan ul.templateworld li a{background:#B0AD93; display:block; color:#fff; text-decoration:none;}
+
        <div class="gadget">
-
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
+
          <h2 class="star"><span>Sponsors</span></h2>
 +
          <div class="clr"></div>
 +
          <ul class="ex_menu">
 +
            <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
 +
              Over 6,000+ Premium Web Templates</li>
-
#footerPan p{ background:#B0AD93; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FCFAE6; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
+
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
-
#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:78px; right:170px;}
+
              Premium WordPress &amp; Joomla Themes</li>
-
#footerPanhtml a{width:59px; height:19px; background:url(https://static.igem.org/mediawiki/2011/5/58/Arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
+
            <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
-
#footerPanhtml a:hover{background:url(images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
+
              Affordable Web Hosting Provider</li>
 +
            <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
-
#footerPancss{width:64px; height:19px; display:block; position:absolute; top:78px; right:89px;}
+
              Royalty Free Stock Icons</li>
-
#footerPancss a{width:59px; height:19px; background:url(images/arrow5.gif) no-repeat 45px 0px #D0CEB8; display:block; position:absolute; top:0px; left:0px; margin:0; padding:0 0 0 5px; border:1px solid #FFFFFA; color:#353427; text-transform:uppercase; text-decoration:none;}
+
            <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
-
#footerPancss a:hover{background:url(images/arrow5.gif) no-repeat 45px 0px #B0AD93; color:#353427; text-decoration:none;}
+
              Website Builder Software &amp; Tools</li>
 +
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
 +
              Premium CSS Templates</li>
-
</style>
+
          </ul>
-
<div id="topPan"><a href="index.html"><img src="images/logo.gif" title="Green Solutions" alt="Green Solutions" width="204" height="57" border="0"/></a>
+
        </div>
-
<ul>
+
      </div>
-
<li><span>Home</span></li>
+
      <div class="clr"></div>
-
<li><a href="#">About us</a></li>
+
    </div>
-
 
+
-
<li><a href="#">Services</a></li>
+
-
<li><a href="#">Client</a></li>
+
-
<li><a href="#">Contact</a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<div id="headerPan">
+
-
  <div id="headerPanleft">
+
-
      <div id="ourblog">
+
-
 
+
-
<h2>Our blog</h2>
+
-
<p>Desktop publishing</p>
+
-
<a href="#">&nbsp;</a>
+
-
</div>
+
-
        <div id="possib">
+
-
<h2>possibilities</h2>
+
-
<p>Desktop publishing</p>
+
-
 
+
-
<a href="#">&nbsp;</a>
+
-
</div>
+
-
<div id="solution">
+
-
<h2>Solutions</h2>
+
-
<p>Desktop publishing</p>
+
-
<a href="#">&nbsp;</a>
+
-
</div>
+
   </div>
   </div>
 +
  <div class="fbg">
 +
    <div class="fbg_resize">
 +
      <div class="col c1">
-
+
        <h2><span>Image Gallery</span></h2>
-
<h1>best Fresh Solution</h1>
+
        <a href="#"><img src="images/pix1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/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>
-
</div>
+
      <div class="col c2">
 +
        <h2><span>Lorem Ipsum</span></h2>
 +
        <p>Lorem ipsum dolor<br />
-
<div id="bodyPan">
+
          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>
-
  <div id="leftPan">
+
      </div>
-
    <div id="leftmemberPan">
+
      <div class="col c3">
-
<h2>member <span>login</span></h2>
+
        <h2><span>Contact</span></h2>
-
<form name="login" id="login" action="" method="post">
+
        <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.</p>
-
<label>Your Name</label>
+
        <p><a href="#">support@yoursite.com</a></p>
-
 
+
-
  <input type="text" name="textfield" />
+
-
  <label class="emailpadding">Email ID</label>
+
-
  <input class="fieldpadding" type="text" name="textfield" />
+
-
  <div id="leftPango"><p class="textposition"><a href="#">Resister now</a></p><input type="submit" class="gobutton" value="Go" />
+
-
  </div>
+
-
</form>
+
-
</div>
+
-
<h3>More tips</h3>
+
-
 
+
-
<ul>
+
-
<li><a href="#">Lorem Ipsum has</a></li>
+
-
<li><a href="#">been the industry's</a> </li>
+
-
<li><a href="#">standard dum</a></li>
+
-
<li><a href="#">text ever since the </a></li>
+
-
<li><a href="#">1500s, when an</a></li>
+
-
 
+
-
<li><a href="#">unknown printer</a> </li>
+
-
<li><a href="#"> galley of type </a></li>
+
-
<li><a href="#">and scrambled</a> </li>
+
-
<li><a href="#">make a typ</a></li>
+
-
<li><a href="#">especimen</a> </li>
+
-
 
+
-
<li><a href="#">has survived</a> </li>
+
-
<li><a href="#">been the dummy </a></li>
+
-
<li><a href="#">text ever</a> </li>
+
-
<li><a href="#">since1500s,an</a> </li>
+
-
</ul>
+
 +
        <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>
-
  <div id="rightPan">
 
-
  <div id="rightbodyPan">
 
-
<h2>About Us</h2>
 
-
<p class="redtext">This is a free, tableless, W3C-compliant web design layout by Template World.</p>
 
-
<p>Green Solutions is a free, tableless, W3C-compliant web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
 
-
<p>We only ask you to not remove <span>"Design by Template World"</span> and the link http://www.templateworld.com from the footer of the template.</p>
 
-
  <div id="rightbodymore"><p class="textposition">sbut also the leap into electronic</p><a href="#">more</a></div>
+
  <div class="footer">
-
  <h3>Latest services</h3>
+
    <div class="footer_resize">
-
  <ul>
+
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
-
  <li><a href="#">Lorem Ipsum has been the industry's standardd</a></li>
+
      <p class="rf">Layout by Rocket <a href="http://www.rocketwebsitetemplates.com/">Website Templates</a></p>
-
<li><a href="#">Text ever since the 1500s, when an unknownpri</a></li>
+
      <div class="clr"></div>
-
<li><a href="#">Took a galley of type and scrambled it to make</a> </li>
+
    </div>
-
<li><a href="#">Especimen book. It has</a> </li>
 
-
  </ul>
 
-
  <p>been the industry's standard dummy text ever since the 1500s, when an unknown printer when an been took a galley of type and </p>
 
-
  <div id="rightbodymorenext"><p class="textposition">sbut also the leap into electronic</p><a href="#">more</a></div>
 
-
  </div>
 
   </div>
   </div>
-
 
-
</div>
 
-
 
-
<div id="footerPan">
 
-
<div id="footernextPan">
 
-
<ul>
 
-
  <li><a href="#">Home </a>| </li>
 
-
  <li><a href="#">About us</a> | </li>
 
-
  <li><a href="#">Support </a>| </li>
 
-
 
-
  <li><a href="#">Clients</a> | </li>
 
-
  <li><a href="#">Contact </a> </li>
 
-
  </ul>
 
-
  <p>©green solution all right reaserved</p>
 
-
    <ul class="templateworld">
 
-
  <li>Design By:</li>
 
-
 
-
<li><a href="http://www.templateworld.com" target="_blank">Template World</a></li>
 
-
  </ul>
 
-
  <div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a></div>
 
-
  <div id="footerPancss"><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">CSS</a></div>
 
-
</div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 04:14, 13 July 2011

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

Template License

Posted on 11 sep 2018 by Owner  |  Filed under templates, internet with Comments 11

This is a free CSS website template by RocketWebsiteTemplates.com. This work is distributed under the Creative Commons Attribution 3.0 License, 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 RocketWebsiteTemplates.com.

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.

Read more »

Future technology

Posted on 29 aug 2010 by Owner  |  Filed under templates, internet with Comments 7

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. 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.

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.

Read more »

Page 1 of 2     1 2 »

Sidebar Menu

Sponsors

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.

Contact

Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.

support@yoursite.com

+1 (123) 444-5677
+1 (123) 444-5678

Address: 123 TemplateAccess Rd1

© Copyright MyWebSite.

Layout by Rocket Website Templates

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