Team:IIT Delhi/Safety

From 2013.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<html>
+
<!--
 +
Design by Free CSS Templates
 +
http://www.freecsstemplates.org
 +
Released for free under a Creative Commons Attribution 2.5 License
 +
 
 +
Name      : Breakeven
 +
Description: A two-column, fixed-width design with dark color scheme.
 +
Version    : 1.0
 +
Released  : 20130509
 +
 
 +
-->
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
  <title>CSS3_seascape_two</title>
+
<meta name="keywords" content="" />
-
  <meta name="description" content="website description">
+
<meta name="description" content="" />
-
  <meta name="keywords"
+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
content="website keywords, website keywords">
+
<title>Breakeven by FCT</title>
-
  <meta http-equiv="content-type"
+
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css" />
-
content="text/html; charset=UTF-8">
+
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css'>
-
  <link rel="stylesheet" type="text/css"
+
<link rel="stylesheet" href="https://2013.igem.org/Team:IIT_Delhi/css?action=raw&ctype=text/css" type="text/css" />
-
href="https://2013.igem.org/Team:IIT_Delhi/css?action=raw&ctype=text/css" type="text/css">
+
-
<!-- modernizr enables HTML5 elements and feature detects -->
+
-
  <script type="text/javascript" src="https://drive.google.com/#folders/0BwhBIYq-vX1gc0JkVWFvZVZZeHc"></script>
+
-
 
+
</head>
</head>
<body>
<body>
-
<div id="main"> <header> </header>
+
<div id="wrapper">
-
<div id="logo">
+
<div id="header-wrapper">
-
<div id="logo_text"><!-- class="logo_colour", allows you to change the colour of the text -->
+
<div id="header" class="container">
-
<h1><a href="index.html">iGEM<span
+
<div id="logo">
-
class="logo_colour">IIT Delhi</span></a></h1>
+
<h1><a href="#">Breakeven</a></h1>
-
<h2>Project pH. Coli</h2>
+
</div>
 +
<div id="menu">
 +
<ul>
 +
<li class="current_page_item"><a href="#">Homepage</a></li>
 +
<li><a href="#">Services</a></li>
 +
<li><a href="#">Portfolio</a></li>
 +
<li><a href="#">About</a></li>
 +
<li><a href="#">Contact</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- end #header -->
 +
<div id="page">
 +
<div id="content">
 +
<div class="post">
 +
<h2 class="title"><a href="#">Welcome to Breakeven </a></h2>
 +
<div class="entry">
 +
<p><a href="#"><img src="images/img05.jpg" width="600" height="170" alt="" /></a></p>
 +
<p>This is <strong>Breakeven</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.  The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free 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 the links in the footer intact. Aside from that, have fun with it :) </p>
 +
<p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- end #content -->
 +
<div id="sidebar">
 +
<ul>
 +
<li>
 +
<h2>Categories</h2>
 +
<ul>
 +
<li><a href="#">Aliquam libero</a></li>
 +
<li><a href="#">Consectetuer adipiscing elit</a></li>
 +
<li><a href="#">Metus aliquam pellentesque</a></li>
 +
<li><a href="#">Suspendisse iaculis mauris</a></li>
 +
<li><a href="#">Urnanet non molestie semper</a></li>
 +
<li><a href="#">Proin gravida orci porttitor</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- end #sidebar -->
 +
<div style="clear: both;">&nbsp;</div>
 +
</div>
 +
<!-- end #page -->
 +
<div id="featured-content">
 +
<div id="column1">
 +
<h2>Maecenas luctus</h2>
 +
<p><img src="images/img06.jpg" width="300" height="150" alt="" /></p>
 +
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
 +
<p class="button"><a href="#">Read More</a></p>
 +
</div>
 +
<div id="column2">
 +
<h2>Fusce fringilla</h2>
 +
<p><img src="images/img07.jpg" width="300" height="150" alt="" /></p>
 +
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
 +
<p class="button"><a href="#">Read More</a></p>
 +
</div>
 +
<div id="column3">
 +
<h2>Praesent mattis</h2>
 +
<p><img src="images/img08.jpg" width="300" height="150" alt="" /></p>
 +
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
 +
<p class="button"><a href="#">Read More</a></p>
 +
</div>
 +
</div>
</div>
</div>
 +
<div id="footer">
 +
<p>Copyright (c) 2013 Sitename.com. All rights reserved. Images by <a href="http://fotogrph.com/">Fotogrph</a>. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.</p>
</div>
</div>
-
<nav> </nav>
+
<!-- end #footer -->
-
<ul class="sf-menu" id="nav">
+
-
  <li><a href="index.html">Home</a></li>
+
-
  <li><a href="examples.html">Examples</a></li>
+
-
  <li><a href="page.html">A Page</a></li>
+
-
  <li class="selected"><a href="another_page.html">Another
+
-
Page</a></li>
+
-
  <li><a href="#">Example Drop Down</a>
+
-
    <ul>
+
-
      <li><a href="#">Drop Down One</a></li>
+
-
      <li><a href="#">Drop Down Two</a>
+
-
        <ul>
+
-
          <li><a href="#">Sub Drop Down One</a></li>
+
-
          <li><a href="#">Sub Drop Down Two</a></li>
+
-
          <li><a href="#">Sub Drop Down Three</a></li>
+
-
          <li><a href="#">Sub Drop Down Four</a></li>
+
-
          <li><a href="#">Sub Drop Down Five</a></li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="#">Drop Down Three</a></li>
+
-
      <li><a href="#">Drop Down Four</a></li>
+
-
      <li><a href="#">Drop Down Five</a></li>
+
-
    </ul>
+
-
  </li>
+
-
  <li><a href="contact.php">Contact Us</a></li>
+
-
</ul>
+
-
<div id="site_content">
+
-
<ul id="images">
+
-
  <li><img src="images/1.jpg" alt="seascape_one"
+
-
height="300" width="600"></li>
+
-
  <li><img src="images/2.jpg" alt="seascape_two"
+
-
height="300" width="600"></li>
+
-
  <li><img src="images/3.jpg" alt="seascape_three"
+
-
height="300" width="600"></li>
+
-
  <li><img src="images/4.jpg" alt="seascape_four"
+
-
height="300" width="600"></li>
+
-
  <li><img src="images/5.jpg" alt="seascape_five"
+
-
height="300" width="600"></li>
+
-
  <li><img src="images/6.jpg" alt="seascape_seascape"
+
-
height="300" width="600"></li>
+
-
</ul>
+
-
<div id="sidebar_container">
+
-
<div class="sidebar">
+
-
<h3>Latest News</h3>
+
-
<h4>New Website Launched</h4>
+
-
<h5>January 1st, 2012</h5>
+
-
<p>2012 sees the redesign of our website. Take a look around and
+
-
let us know what you think.<br>
+
-
<a href="#">Read more</a></p>
+
-
<h4>20% Discount</h4>
+
-
<h5>March 1st, 2012</h5>
+
-
<p>We are offering a 20% discount to all new customers.<br>
+
-
<a href="#">Read more</a></p>
+
-
</div>
+
-
</div>
+
-
<div class="content">
+
-
<h1>Another Page</h1>
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+
-
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+
-
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
-
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+
-
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+
-
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+
-
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
-
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+
-
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+
-
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+
-
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+
-
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+
-
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.</p>
+
-
</div>
+
-
</div>
+
-
<footer> </footer>
+
-
<p>Copyright © CSS3_seascape_two | <a
+
-
href="http://www.css3templates.co.uk">design from
+
-
css3templates.co.uk</a></p>
+
-
</div>
+
-
<p>&nbsp;</p>
+
-
<!-- javascript at the bottom for fast page loading -->
+
-
<script type="text/javascript" src="js/jquery.js"></script>
+
-
<script type="text/javascript"
+
-
src="js/jquery.easing-sooper.js"></script>
+
-
<script type="text/javascript" src="js/jquery.sooperfish.js"></script>
+
-
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
$('#images').kwicks({
+
-
max : 600,
+
-
spacing : 2
+
-
});
+
-
$('ul.sf-menu').sooperfish();
+
-
});
+
-
</script>
+
</body>
</body>
</html>
</html>

Revision as of 07:23, 20 September 2013

Breakeven by FCT

Welcome to Breakeven

This is Breakeven, a free, fully standards-compliant CSS template designed by FreeCSSTemplates.org. The photos in this template are from Fotogrph. This free 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 the links in the footer intact. Aside from that, have fun with it :)

Read MoreComments

 

Maecenas luctus

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

Read More

Fusce fringilla

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

Read More

Praesent mattis

Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.

Read More

Retrieved from "http://2013.igem.org/Team:IIT_Delhi/Safety"