|
|
| (11 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| |
| - | <html xmlns="http://www.w3.org/1999/xhtml">
| |
| - | <head>
| |
| - | <title>UTD iGem 2011</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">
| |
| - |
| |
| - | @charset "utf-8";
| |
| - | body {
| |
| - | margin:0;
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <div class="main">
| |
| - | <div class="header">
| |
| - |
| |
| - | <div class="header_resize">
| |
| - | <div class="logo">
| |
| - | <h1><a href="#"><span>UTD</span>iGem 2011</a> <small></small></h1>
| |
| - | </div>
| |
| - | <div class="clr"></div>
| |
| - | <div class="menu_nav">
| |
| - | <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>
| |
| - | <li><a href="about.html">Team</a></li>
| |
| - | <li><a href="blog.html">Protocols</a></li>
| |
| - | <li><a href="contact.html">Parts</a></li>
| |
| - | </ul>
| |
| - | <div class="clr"></div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="content">
| |
| - | <div class="content_resize"> <img src="images/hbg_img.jpg" width="948" height="295" alt="" class="hbg_img" />
| |
| - | <div class="clr"></div>
| |
| - | <div class="mainbar">
| |
| - | <div class="article">
| |
| - | <h2><span>Template</span> License</h2>
| |
| - |
| |
| - | <div class="clr"></div>
| |
| - | <p class="infopost">Posted <span class="date">on 11 sep 2018</span> by <a href="#">Owner</a> | Filed under <a href="#">templates</a>, <a href="#">internet</a> with <a href="#" class="com">Comments <span>11</span></a></p>
| |
| - |
| |
| - | <img src="images/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 »</a></p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="article">
| |
| - | <h2><span>Future</span> technology</h2>
| |
| - | <div class="clr"></div>
| |
| - | <p class="infopost">Posted <span class="date">on 29 aug 2010</span> by <a href="#">Owner</a> | Filed under <a href="#">templates</a>, <a href="#">internet</a> with <a href="#" class="com">Comments <span>7</span></a></p>
| |
| - |
| |
| - | <img src="images/img2.jpg" width="201" height="141" alt="" class="fl" />
| |
| - | <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>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 »</a></p>
| |
| - | </div>
| |
| - | <p class="pages"><small>Page 1 of 2 </small> <span>1</span> <a href="#">2</a> <a href="#">»</a></p>
| |
| - |
| |
| - | </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>
| |
| - |
| |
| - | <li><a href="#">TemplateInfo</a></li>
| |
| - | <li><a href="#">Style Demo</a></li>
| |
| - | <li><a href="#">Blog</a></li>
| |
| - | <li><a href="#">Archives</a></li>
| |
| - | <li><a href="#">Web Templates</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - | <div class="gadget">
| |
| - | <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>
| |
| - |
| |
| - | <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
| |
| - | Premium WordPress & Joomla Themes</li>
| |
| - | <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
| |
| - | 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 & Tools</li>
| |
| - | <li><a href="http://www.csshub.com/">CSS Hub</a><br />
| |
| - | Premium CSS Templates</li>
| |
| - |
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="clr"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="fbg">
| |
| - | <div class="fbg_resize">
| |
| - | <div class="col c1">
| |
| - |
| |
| - | <h2><span>Image Gallery</span></h2>
| |
| - | <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 class="col c2">
| |
| - | <h2><span>Lorem Ipsum</span></h2>
| |
| - | <p>Lorem ipsum dolor<br />
| |
| - |
| |
| - | 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>
| |
| - | <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="footer">
| |
| - | <div class="footer_resize">
| |
| - | <p class="lf">© Copyright <a href="#">MyWebSite</a>.</p>
| |
| - | <p class="rf">Layout by Rocket <a href="http://www.rocketwebsitetemplates.com/">Website Templates</a></p>
| |
| - | <div class="clr"></div>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </body>
| |
| - | </html>
| |
"
