Team:Waterloo/Test
From 2013.igem.org
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
- | |||
<meta name="description" content="" /> | <meta name="description" content="" /> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <title>Big Business 2.0 by FCT</title> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
- | |||
- | |||
- | |||
<style media="screen" type="text/css"> | <style media="screen" type="text/css"> | ||
- | + | //Annas Code | |
#catlinks { display:none;} | #catlinks { display:none;} | ||
#search-controls {display: none} | #search-controls {display: none} | ||
Line 23: | Line 20: | ||
#p-logo{display: none}; | #p-logo{display: none}; | ||
- | + | * { | |
- | + | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | a { | |
- | + | text-decoration: underline; | |
- | + | color: #0F8C8C; | |
- | text- | + | |
- | + | ||
- | color: # | + | |
} | } | ||
- | + | a:hover { | |
- | + | text-decoration: none; | |
} | } | ||
- | + | body { | |
- | font-size: | + | font-size: 11.5pt; |
+ | color: #5C5B5B; | ||
+ | line-height: 1.75em; | ||
+ | background: #E0DCDC url(images/img01.gif) repeat-x top left; | ||
} | } | ||
- | + | body,input { | |
- | font- | + | font-family: Georgia, serif; |
} | } | ||
- | + | strong { | |
- | + | color: #2C2B2B; | |
- | + | ||
} | } | ||
- | + | br.clearfix { | |
+ | clear: both; | ||
} | } | ||
- | + | h1,h2,h3,h4 { | |
- | + | font-weight: normal; | |
- | + | letter-spacing: -1px; | |
} | } | ||
- | + | h2 { | |
+ | font-size: 2.25em; | ||
} | } | ||
- | + | h2,h3,h4 { | |
- | + | color: #2C2B2B; | |
- | + | margin-bottom: 1em; | |
} | } | ||
- | + | h3 { | |
- | + | font-size: 1.75em; | |
- | + | ||
} | } | ||
- | + | h4 { | |
+ | font-size: 1.5em; | ||
+ | } | ||
- | + | img.alignleft { | |
- | + | margin: 5px 20px 20px 0; | |
- | + | float: left; | |
} | } | ||
- | + | img.aligntop { | |
- | + | margin: 5px 0 20px 0; | |
- | + | ||
- | margin: 0 | + | |
- | + | ||
} | } | ||
- | + | img.pic { | |
+ | padding: 5px; | ||
+ | border: solid 1px #D4D4D4; | ||
+ | } | ||
- | + | p { | |
- | + | margin-bottom: 1.5em; | |
- | + | ||
- | + | ||
} | } | ||
- | + | ul { | |
- | + | margin-bottom: 1.5em; | |
} | } | ||
- | + | ul h4 { | |
+ | margin-bottom: 0.35em; | ||
+ | } | ||
- | + | .box { | |
overflow: hidden; | overflow: hidden; | ||
- | + | margin-bottom: 1em; | |
} | } | ||
- | # | + | .date { |
- | + | background: #6E6E6E; | |
+ | padding: 5px 6px 5px 6px; | ||
+ | margin: 0 6px 0 0; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 0.8em; | ||
+ | border-radius: 2px; | ||
} | } | ||
- | # | + | #content { |
- | + | width: auto; | |
- | + | float: center; | |
- | + | padding: 0; | |
- | + | ||
} | } | ||
- | # | + | #content-box1 { |
- | + | width: 320px; | |
- | + | float: left; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #content-box2 { |
- | + | margin: 0 0 0 345px; | |
+ | width: 320px; | ||
} | } | ||
- | # | + | #footer { |
- | + | margin: 40px 0 120px 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
text-align: center; | text-align: center; | ||
- | + | color: #8C8B8B; | |
+ | text-shadow: 0 1px 0 #FFFFFF; | ||
} | } | ||
- | # | + | #footer a { |
- | color: # | + | color: #8C8B8B; |
} | } | ||
- | + | #header { | |
- | + | height: 75px; | |
- | # | + | position: relative; |
- | + | background: #6E6E6E url(images/img03.jpg) top left no-repeat; | |
- | width: | + | padding: 45px; |
- | + | color: #FFFFFF; | |
- | + | width: 888px; | |
+ | border: solid 1px #7E7E7E; | ||
+ | border-top-left-radius: 5px; | ||
+ | border-top-right-radius: 5px; | ||
+ | overflow: hidden; | ||
} | } | ||
- | # | + | #logo { |
- | height: | + | line-height: 160px; |
- | + | height: 160px; | |
- | padding: | + | padding: 5px 0 0 0; |
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 45px; | ||
} | } | ||
- | # | + | #logo a { |
- | + | text-decoration: none; | |
- | + | color: #FFFFFF; | |
- | + | text-shadow: 0 1px 1px #3E3E3E; | |
} | } | ||
- | # | + | #logo h1 { |
- | + | font-size: 3.25em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | font | + | |
- | + | ||
} | } | ||
- | # | + | #slogan { |
- | + | line-height: 160px; | |
- | height: | + | height: 160px; |
- | + | padding: 5px 0 0 0; | |
- | + | position: absolute; | |
- | + | right: 45px; | |
+ | top: 0; | ||
} | } | ||
- | + | #slogan h2 { | |
- | + | color: #BEBEBE; | |
- | # | + | font-size: 1.25em; |
- | + | text-shadow: 0 1px 1px #3E3E3E; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#menu { | #menu { | ||
- | + | padding: 0 45px 0 45px; | |
- | height: | + | position: relative; |
+ | background: #209D9D url(images/img02.gif) repeat-x top left; | ||
+ | margin: 0; | ||
+ | height: 60px; | ||
+ | width: 890px; | ||
+ | border-top: solid 1px #5AD7D7; | ||
+ | border-bottom: solid 1px #1C7575; | ||
+ | text-shadow: 0 1px 1px #007D7D; | ||
} | } | ||
#menu ul { | #menu ul { | ||
- | |||
- | |||
list-style: none; | list-style: none; | ||
- | + | padding-top: 12px; | |
- | + | position: relative; | |
+ | left: -15px; | ||
} | } | ||
- | #menu li { | + | #menu ul li { |
+ | padding: 5px 15px 5px 15px; | ||
+ | margin-right: 10px; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
- | #menu a | + | #menu ul li a, #menu ul li span { |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #menu | + | |
- | + | ||
text-decoration: none; | text-decoration: none; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
+ | letter-spacing: -1px; | ||
+ | font-size: 1.25em; | ||
} | } | ||
- | #menu | + | #menu ul li span b { |
+ | display: inline-block; | ||
+ | border-left: 6px solid transparent; | ||
+ | border-right: 6px solid transparent; | ||
+ | border-top: 7px solid #1C7575; | ||
+ | margin-left: 8px; | ||
+ | position: relative; | ||
+ | top: -1px; | ||
} | } | ||
- | + | #menu ul li.active { | |
- | + | background: #1C7575; | |
- | # | + | border-top: solid 1px #1A6B6B; |
- | + | border-bottom: solid 1px #5AD7D7; | |
- | padding: | + | border-radius: 3px; |
+ | padding-top: 4px; | ||
+ | padding-bottom: 4px; | ||
} | } | ||
- | |||
- | # | + | #menu ul li.active span b { |
- | + | border-top-color: #165E5E; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .dropotron { |
- | + | background: rgba(32,157,157,0.9); | |
+ | border-top: solid 1px #5AD7D7; | ||
+ | border-bottom: solid 1px #1C7575; | ||
+ | text-shadow: 0 1px 1px #007D7D; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 15px 10px 15px 10px; | ||
+ | min-width: 200px; | ||
+ | border-radius: 6px; | ||
+ | box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); | ||
} | } | ||
- | . | + | .dropotron a, .dropotron span { |
- | + | color: #FFFFFF; | |
- | + | text-decoration: none; | |
- | + | letter-spacing: -1px; | |
- | + | display: block; | |
- | + | width: 100%; | |
- | + | position: relative; | |
} | } | ||
- | . | + | .dropotron span b { |
- | border: | + | display: inline-block; |
- | + | border-top: 6px solid transparent; | |
+ | border-bottom: 6px solid transparent; | ||
+ | border-left: 7px solid #1C7575; | ||
+ | position: absolute; | ||
+ | right: 0px; | ||
+ | top: 7px; | ||
} | } | ||
- | . | + | .dropotron li:hover span b { |
- | + | border-left-color: #165E5E; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | .dropotron li { |
- | + | padding: 3px 10px 3px 10px; | |
+ | margin: 2px 0 2px 0; | ||
+ | border-radius: 3px; | ||
} | } | ||
- | . | + | .dropotron li:hover, .dropotron li.active { |
- | + | padding-top: 2px; | |
+ | padding-bottom: 2px; | ||
+ | background: rgba(28,117,117,0.9); | ||
+ | border-top: solid 1px #1A6B6B; | ||
+ | border-bottom: solid 1px #5AD7D7; | ||
} | } | ||
- | . | + | .dropotron-level-1 { |
+ | border-top-left-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
} | } | ||
- | + | #page { | |
- | padding: | + | padding: 45px 45px 15px 45px; |
- | + | position: relative; | |
- | + | width: 890px; | |
+ | margin: 0; | ||
} | } | ||
- | . | + | #page .section-list { |
- | + | list-style: none; | |
- | + | padding-left: 0; | |
} | } | ||
- | . | + | #page .section-list li { |
- | + | clear: both; | |
- | + | padding: 30px 0 30px 0; | |
- | + | ||
- | + | ||
- | padding: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | #page ul { | ||
+ | list-style: none; | ||
} | } | ||
- | + | #page ul li { | |
- | + | border-top: dotted 1px #C4C4C4; | |
- | # | + | padding: 15px 0 15px 0; |
- | + | ||
- | + | ||
- | + | ||
- | padding: | + | |
- | + | ||
} | } | ||
- | # | + | #page ul li.first { |
- | + | padding-top: 0; | |
- | padding: | + | border-top: 0; |
- | border- | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #page-bottom { |
- | border: | + | position: relative; |
+ | margin: 0; | ||
+ | background: #6E6E6E url(images/img03.jpg) top left no-repeat; | ||
+ | border: solid 1px #7E7E7E; | ||
+ | width: 888px; | ||
+ | padding: 45px 45px 0 45px; | ||
+ | color: #DCDCDC; | ||
+ | border-bottom-left-radius: 5px; | ||
+ | border-bottom-right-radius: 5px; | ||
+ | text-shadow: 0 1px 1px #444444; | ||
} | } | ||
- | # | + | #page-bottom a { |
- | + | color: #F5F5F5; | |
} | } | ||
- | + | #page-bottom h2, #page-bottom h3, #page-bottom h4 { | |
- | + | color: #FFFFFF; | |
- | # | + | |
} | } | ||
- | # | + | #page-bottom ul { |
- | + | list-style: none; | |
} | } | ||
- | # | + | #page-bottom ul li { |
- | + | border-top: dotted 1px #8F8F8F; | |
+ | padding: 15px 0 15px 0; | ||
} | } | ||
- | # | + | #page-bottom ul li.first { |
- | + | padding-top: 0; | |
+ | border-top: 0; | ||
} | } | ||
- | # | + | #page-bottom-content { |
- | + | width: 665px; | |
+ | float: left; | ||
} | } | ||
- | + | #page-bottom-sidebar { | |
- | + | width: 200px; | |
- | # | + | margin: 0 0 0 690px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #search input.form-submit { |
- | + | margin-left: 1em; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
color: #FFFFFF; | color: #FFFFFF; | ||
- | + | padding: 10px; | |
- | + | background: #2FACAC; | |
- | + | border: 0; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #search input.form-text { |
- | + | border: solid 1px #8F8F8F; | |
- | + | padding: 10px; | |
} | } | ||
- | # | + | #sidebar { |
- | + | width: 200px; | |
- | + | padding: 0; | |
- | + | margin: 0 0 0 690px; | |
} | } | ||
- | |||
- | # | + | #slider { |
- | + | position: relative; | |
- | margin: | + | margin: 45px 45px 0px 45px; |
- | + | width: 890px; | |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | #slider .viewer { | ||
+ | width: 890px; | ||
+ | height: 250px; | ||
+ | border: solid 1px #D4D4D4; | ||
+ | border-radius: 3px; | ||
} | } | ||
- | # | + | #slider .slide { |
- | + | width: 890px; | |
- | + | height: 250px; | |
+ | padding: 10px; | ||
} | } | ||
- | # | + | #slider .indicator { |
- | text- | + | position: relative; |
- | + | z-index: 1; | |
+ | text-align: center; | ||
+ | margin: 20px 0 0 0; | ||
} | } | ||
- | . | + | #slider .indicator span { |
- | + | display: inline-block; | |
- | height: | + | text-indent: -9999em; |
- | background: # | + | width: 12px; |
+ | height: 12px; | ||
+ | background: #E3DFDF; | ||
+ | border-radius: 6px; | ||
+ | margin: 0 2px 0 2px; | ||
} | } | ||
- | . | + | #slider .indicator span.active { |
- | + | background: #6E6E6E; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #wrapper { | |
- | + | position: relative; | |
- | border- | + | width: 980px; |
+ | margin: 75px auto 0 auto; | ||
+ | background: #FFFFFF; | ||
+ | border-radius: 6px; | ||
+ | box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1); | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | + | <script type="text/javascript" src="jquery-1.7.1.min.js"></script> | |
- | . | + | <script type="text/javascript" src="jquery.dropotron-1.0.js"></script> |
- | + | <script type="text/javascript" src="jquery.slidertron-1.1.js"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(function() { | |
- | + | $('#menu > ul').dropotron({ | |
- | . | + | mode: 'fade', |
- | + | globalOffsetY: 11, | |
- | + | offsetY: -15 | |
- | + | }); | |
- | . | + | $('#slider').slidertron({ |
- | + | viewerSelector: '.viewer', | |
- | + | indicatorSelector: '.indicator span', | |
- | + | reelSelector: '.reel', | |
- | + | slidesSelector: '.slide', | |
- | + | speed: 'slow', | |
- | + | advanceDelay: 4000 | |
- | + | }); | |
- | + | }); | |
- | </ | + | </script> |
</head> | </head> | ||
<body> | <body> | ||
<div id="wrapper"> | <div id="wrapper"> | ||
- | <div id=" | + | <div id="header"> |
- | + | <div id="logo"> | |
- | < | + | <h1><a href="#">Big Business 2.0</a></h1> |
+ | </div> | ||
+ | <div id="slogan"> | ||
+ | <h2>Template design by Free CSS Templates</h2> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div id="menu | + | <div id="menu"> |
- | < | + | <ul> |
- | + | <li class="first"> | |
- | + | <span class="opener">Services<b></b></span> | |
- | + | <ul> | |
- | + | <li><a href="#">Lorem Ipsum</a></li> | |
- | + | <li><a href="#">Consequat Dolor</a></li> | |
- | <li><a href="#"> | + | <li><a href="#">Magna Feugiat</a></li> |
- | <li><a href="#"> | + | <li> |
- | <li><a href="#"> | + | <span>Sed Tempus<b></b></span> |
- | </ul> | + | <ul> |
+ | <li><a href="#">Lorem Ipsum</a></li> | ||
+ | <li><a href="#">Consequat Dolor</a></li> | ||
+ | <li><a href="#">Magna Feugiat</a></li> | ||
+ | <li><a href="#">Sed Tempus</a></li> | ||
+ | <li><a href="#">Etiam Nullam</a></li> | ||
+ | <li><a href="#">Amet Phasellus</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Etiam Nullam</a></li> | ||
+ | <li><a href="#">Amet Phasellus</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Products</a></li> | ||
+ | <li><a href="#">Clients</a></li> | ||
+ | <li> | ||
+ | <span class="opener">Support<b></b></span> | ||
+ | <ul> | ||
+ | <li><a href="#">Lorem Ipsum</a></li> | ||
+ | <li><a href="#">Consequat Dolor</a></li> | ||
+ | <li><a href="#">Magna Feugiat</a></li> | ||
+ | <li> | ||
+ | <span>Sed Tempus<b></b></span> | ||
+ | <ul> | ||
+ | <li><a href="#">Lorem Ipsum</a></li> | ||
+ | <li><a href="#">Consequat Dolor</a></li> | ||
+ | <li><a href="#">Magna Feugiat</a></li> | ||
+ | <li><a href="#">Sed Tempus</a></li> | ||
+ | <li><a href="#">Etiam Nullam</a></li> | ||
+ | <li><a href="#">Amet Phasellus</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Etiam Nullam</a></li> | ||
+ | <li><a href="#">Amet Phasellus</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">About</a></li> | ||
+ | <li class="last"><a href="#">Contact</a></li> | ||
+ | </ul> | ||
+ | <br class="clearfix" /> | ||
+ | </div> | ||
+ | <div id="slider"> | ||
+ | <div class="viewer"> | ||
+ | <div class="reel"> | ||
+ | <div class="slide"> | ||
+ | <img src="images/slide01.jpg" alt="" /> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <img src="images/slide02.jpg" alt="" /> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <img src="images/slide03.jpg" alt="" /> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <img src="images/slide04.jpg" alt="" /> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <img src="images/slide05.jpg" alt="" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="indicator"> | ||
+ | <span>1</span> | ||
+ | <span>2</span> | ||
+ | <span>3</span> | ||
+ | <span>4</span> | ||
+ | <span>5</span> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id="page | + | <div id="page"> |
<div id="content"> | <div id="content"> | ||
- | <div class=" | + | <div class="box"> |
- | <h2 | + | <h2>Welcome to Big Business 2.0</h2> |
- | < | + | <p> |
- | + | This is <strong>Big Business 2.0</strong>, a free and fully standards-compliant CSS website template by <a href="http://www.freecsstemplates.org">FCT</a>. The pictures in this template are from <a href="http://fotogrph.com/">Fotogrph</a>. This free CSS template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep all the links in the footer intact. Aside from that, have fun with it :) | |
- | + | </p> | |
- | + | </div> | |
- | + | <div class="box" id="content-box1"> | |
- | Commons Attributions 3.0</a> license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from | + | <h3>Mauris justo</h3> |
- | + | <ul class="section-list"> | |
- | that, have fun with it :) </p> | + | <li class="first"> |
- | < | + | <img class="pic alignleft" src="images/pic01.jpg" width="70" height="70" alt="" /> |
- | + | <span>Condimentum et porttitor tristique nec aliquet magnis pretium quam nibh.</span> | |
- | + | </li> | |
- | + | <li> | |
- | + | <img class="pic alignleft" src="images/pic02.jpg" width="70" height="70" alt="" /> | |
- | + | <span>Posuere elementum sapien justo tortor nulla fringilla suspendisse nascetur.</span> | |
- | + | </li> | |
- | + | <li class="last"> | |
- | + | <img class="pic alignleft" src="images/pic03.jpg" width="70" height="70" alt="" /> | |
- | </ | + | <span>Ipsum quis vestibulum feugiat congue nunc laoreet volutpat lorem ipsum sociis.</span> |
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="box" id="content-box2"> | ||
+ | <h3>Magnis hendrerit erat</h3> | ||
+ | <p> | ||
+ | Neque neque ornare penatibus tristique fusce turpis. Purus sagittis euismod at ornare suscipit tempus. | ||
+ | </p> | ||
+ | <ul class="list"> | ||
+ | <li class="first"><a href="#">Ipsum phasellus ullamcorper</a></li> | ||
+ | <li><a href="#">Mollis mattis tempus amet</a></li> | ||
+ | <li><a href="#">Ipsum aliquet dignissim vitae</a></li> | ||
+ | <li><a href="#">Orci metus curae sed mollis</a></li> | ||
+ | <li class="last"><a href="#">Tristique amet venenatis</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
- | < | + | <br class="clearfix" /> |
</div> | </div> | ||
- | |||
<div id="sidebar"> | <div id="sidebar"> | ||
- | <div> | + | <div class="box"> |
- | < | + | <h3>Cursus magnis</h3> |
- | <ul class="list | + | <ul class="list"> |
- | <li class="first"><a href="#"> | + | <li class="first"><a href="#">Adipiscing tincidunt</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Euismod elit sollicitudin</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Dolor magnis et lacinia</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Mauris ornare aenean</a></li> |
- | <li | + | <li class="last"><a href="#">Ante semper fringilla</a></li> |
- | + | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | <div class="box"> | ||
+ | <h3>Morbi at varius</h3> | ||
+ | <div class="date-list"> | ||
+ | <ul class="list date-list"> | ||
+ | <li class="first"><span class="date">2/08</span> <a href="#">Quam sed tempus</a></li> | ||
+ | <li><span class="date">2/05</span> <a href="#">Lorem et vestibulum</a></li> | ||
+ | <li><span class="date">2/01</span> <a href="#">Risus aenean tellus</a></li> | ||
+ | <li class="last"><span class="date">1/31</span> <a href="#">Tristique et primis</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | < | + | <br class="clearfix" /> |
- | + | ||
</div> | </div> | ||
- | + | <div id="page-bottom"> | |
- | + | <div id="page-bottom-content"> | |
- | + | <h3>Magnis hendrerit erat</h3> | |
- | <div id=" | + | <p> |
- | + | Euismod sodales sociis hendrerit pulvinar acursus urna. Consectetur egestas sodales at ornare laoreet turpis. Lorem id sapien ridiculus sagittis imperdiet urna suspendisse. Posuere arcu parturient quam risus. Aliquam nullam magnis integer gravida vulputate felis. Consectetur montes sollicitudin dictum. Auctor sociis hendrerit pulvinar acursus urna lorem ipsum dolor vivamus pulvinar libero. Massa egestas cubilia lacus augue mattis consectetur. | |
- | + | </p> | |
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
</div> | </div> | ||
- | <div id=" | + | <div id="page-bottom-sidebar"> |
- | < | + | <h3>Sed interdum</h3> |
- | <ul class="list | + | <ul class="list"> |
- | <li class="first"><a href="#"> | + | <li class="first"><a href="#">Suspendisse ultricies</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Tortor mollis enim</a></li> |
- | <li | + | <li class="last"><a href="#">Lorem enim tempor</a></li> |
- | + | ||
- | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <br class="clearfix" /> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="footer"> | <div id="footer"> | ||
- | + | Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org">FCT</a>. Photos by <a href="http://fotogrph.com/">Fotogrph</a>. | |
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 17:51, 21 April 2013
Template design by Free CSS Templates
Welcome to Big Business 2.0
This is Big Business 2.0, a free and fully standards-compliant CSS website template by FCT. The pictures in this template are from Fotogrph. This free CSS template is released under a Creative Commons Attributions 3.0 license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep all the links in the footer intact. Aside from that, have fun with it :)
Mauris justo
- Condimentum et porttitor tristique nec aliquet magnis pretium quam nibh.
- Posuere elementum sapien justo tortor nulla fringilla suspendisse nascetur.
- Ipsum quis vestibulum feugiat congue nunc laoreet volutpat lorem ipsum sociis.
Magnis hendrerit erat
Neque neque ornare penatibus tristique fusce turpis. Purus sagittis euismod at ornare suscipit tempus.
Magnis hendrerit erat
Euismod sodales sociis hendrerit pulvinar acursus urna. Consectetur egestas sodales at ornare laoreet turpis. Lorem id sapien ridiculus sagittis imperdiet urna suspendisse. Posuere arcu parturient quam risus. Aliquam nullam magnis integer gravida vulputate felis. Consectetur montes sollicitudin dictum. Auctor sociis hendrerit pulvinar acursus urna lorem ipsum dolor vivamus pulvinar libero. Massa egestas cubilia lacus augue mattis consectetur.