Team:CU-Boulder

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:CU-Boulder/Wiki}}
+
<!DOCTYPE html>
-
<html>
+
<html lang="en">
-
<head>
+
<head>
-
<title>Big Picture by HTML5 UP</title>
+
  <title>Point.co</title>
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
  <meta charset="utf-8">
-
<meta name="description" content="" />
+
  <link rel="stylesheet" href="css/reset.css"
-
<meta name="keywords" content="" />
+
type="text/css" media="screen">
-
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
+
  <link rel="stylesheet" href="css/style.css"
-
                <script src="https://googledrive.com/host/0Bwj-p7wzaDZ3OGJfRUg3cW10ekE/jquery.min.js"></script>
+
type="text/css" media="screen">
-
<script src="http://goo.gl/uWGGV8?gdriveurl"></script>
+
  <link rel="stylesheet" href="css/layout.css"
-
<script src="http://goo.gl/ixOvIG?gdriveurl"></script>
+
type="text/css" media="screen">
-
<script src="http://goo.gl/HPZRLx?gdriveurl"></script>
+
  <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
-
                <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
+
  <script src="js/cufon-yui.js" type="text/javascript"></script>
 +
  <script src="js/cufon-replace.js" type="text/javascript"></script>
 +
  <script src="js/Open_Sans_400.font.js"
 +
type="text/javascript"></script>
 +
  <script src="js/Open_Sans_Light_300.font.js"
 +
type="text/javascript"></script>
 +
  <script src="js/Open_Sans_Semibold_600.font.js"
 +
type="text/javascript"></script>
 +
  <script type="text/javascript" src="js/tms-0.3.js"></script>
 +
  <script type="text/javascript" src="js/tms_presets.js"></script>
 +
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 +
  <script src="js/FF-cash.js" type="text/javascript"></script><!--[if lt IE 9]>
-
<link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" />
+
<script type="text/javascript" src="js/html5.js"></script>
-
<link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
+
-
               
+
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
-
                <style>
+
-
                    #crispr {
+
-
                        background: rgba(0, 0, 0, 0.7);
+
-
                    }
+
-
                    #latest-videos {
+
<![endif]-->
-
                            overflow: hidden;
+
</head>
-
                    }
+
<body id="page1">
-
 
+
<!-- header -->
-
 
+
<div class="bg">
-
                    #latest-videos li {
+
<div class="main"> <header> </header>
-
                            margin-left: auto;
+
<div class="row-1">
-
                            margin-right: auto;
+
<h1> <a class="logo" href="index.html">Point.co</a>
-
                            padding: 0;
+
<strong class="slog">The most creative ideas</strong>
-
                            width: 150px;
+
</h1>
-
                            height: 84px;
+
<form id="search-form" action="#" method="post"
-
                            background-color: #fff;
+
enctype="multipart/form-data">
-
                    }
+
  <fieldset>
-
 
+
  <div class="search-form"> <input name="search"
-
                    #latest-videos a img {
+
value="Type Keyword Here"
-
                            opacity: 1.0;
+
onblur="if(this.value=='') this.value='Type Keyword Here'"
-
 
+
onfocus="if(this.value =='Type Keyword Here' ) this.value=''"
-
                            -webkit-transition: opacity 0.1s ease-in-out;
+
type="text"> <a href="#">Search</a> </div>
-
                            -moz-transition: opacity 0.1s ease-in-out;
+
  </fieldset>
-
                            -ms-transition: opacity 0.1s ease-in-out;
+
</form>
-
                            -o-transition: opacity 0.1s ease-in-out;
+
</div>
-
                            transition: opacity 0.1s ease-in-out;
+
<div class="row-2"> <nav> </nav>
-
                    }
+
<ul class="menu">
-
 
+
  <li><a class="active" href="index.html">Home
-
                    #latest-videos a:hover img {
+
Page</a></li>
-
                            opacity: 0.5;
+
  <li><a href="news.html">Our News</a></li>
-
                    }
+
  <li><a href="services.html">Our Services</a></li>
-
 
+
  <li><a href="products.html">Our Products</a></li>
-
                    #videocontainer {
+
  <li class="last-item"><a href="contacts.html">Contact
-
                            background: rgba(0, 0, 0, 0.85);
+
Us</a></li>
-
                            position: absolute;
+
</ul>
-
                            top: 0px;
+
</div>
-
                            height: 100%;
+
<div class="row-3">
-
                            width: 100%;
+
<div class="slider-wrapper">
-
                            display: none;
+
<div class="slider">
-
                            margin-left: auto;
+
<ul class="items">
-
                            margin-right: auto;
+
  <li><img src="images/slider-img1.jpg" alt="">
-
                            text-align: center;
+
    <strong class="banner"> <strong class="b1">our
-
                            z-index: 1000;
+
solidity</strong> <strong class="b2">is equity</strong>
-
                    }
+
    <strong class="b3">Innovation and flexibility, quick
-
                            #videocontainer iframe {
+
and<br>
-
 
+
high results - oriented work</strong> </strong> </li>
-
                                    position: relative;
+
  <li><img src="images/slider-img2.jpg" alt="">
-
                            }
+
    <strong class="banner"> <strong class="b1">our
-
 
+
aim is</strong> <strong class="b2">Dedicated</strong>
-
                </style>
+
    <strong class="b3">To conducting business affairs using<br>
-
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
+
the highest standards</strong> </strong> </li>
-
</head>
+
  <li><img src="images/slider-img3.jpg" alt="">
-
<body>
+
    <strong class="banner"> <strong class="b1">encourage</strong>
-
 
+
    <strong class="b2">Business</strong> <strong
-
<!-- Header -->
+
class="b3">Success and growth with our<br>
-
<header id="header">
+
professionals of this sphere</strong> </strong> </li>
-
 
+
</ul>
-
<!-- Logo -->
+
<a class="prev" href="#">prev</a> <a
-
<h1 id="logo"><a href="#">iGEM CU-Boulder</a></h1>
+
class="next" href="#">prev</a> </div>
-
+
</div>
-
<!-- Nav -->
+
</div>
-
<nav id="nav">
+
<!-- content --> <section id="content"> </section>
-
<ul>
+
<div class="padding">
-
<li><a href="https://2014.igem.org/Team:CU-Boulder#intro">Project</a>
+
<div class="box-bg margin-bot">
-
                                                            <ul><li>
+
<div class="wrapper">
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Overview</a></li><li>
+
<div class="col-1">
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
<div class="box first">
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Notebook">Notebook</a></li>
+
<div class="pad">
-
                                                            </ul>
+
<div class="wrapper indent-bot"> <strong
-
                                                        </li><li>
+
class="numb img-indent2">01</strong>
-
<a href="https://2014.igem.org/Team:CU-Boulder/Achievements">Achievements</a>
+
<div class="extra-wrap">
-
                                                            <ul>
+
<h3 class="color-1"><strong>Careful</strong>Analysis</h3>
-
                                                            <li><a href="https://2014.igem.org/Team:CU-Boulder/Abstract">Abstract</a></li><li>
+
</div>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
</div>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Biobricks">Biobricks</a></li><li>
+
<div class="wrapper"> <a class="button img-indent-r"
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Medal">Medal Requirements</a></li>
+
href="#">&gt;&gt;</a>
-
                                                            </ul>
+
<div class="extra-wrap"> Point.co is one of free website
-
                                                        </li><li>
+
templates created by TemplateMonster.com. </div>
-
<a href="https://2014.igem.org/Team:CU-Boulder/Safety">Safety</a>
+
</div>
-
                                                            <ul>
+
</div>
-
                                                            <li><a href="https://2014.igem.org/Team:CU-Boulder/Ethics">Ethics</a></li><li>
+
</div>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/ViralSafety">Viral Safety</a></li><li>
+
</div>
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/Outreach">Outreach</a></li><li>
+
<div class="col-1">
-
                                                            <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety">In Lab Safety</a></li>
+
<div class="box second">
-
                                                            </ul>
+
<div class="pad">
-
</li><li>
+
<div class="wrapper indent-bot"> <strong
-
<a href="https://2014.igem.org/Team:CU-Boulder/Team">Team</a></li>
+
class="numb img-indent2">02</strong>
-
</ul>
+
<div class="extra-wrap">
-
</nav>
+
<h3 class="color-2"><strong>Quick</strong>Research</h3>
-
 
+
</div>
-
</header>
+
</div>
-
+
<div class="wrapper"> <a class="button img-indent-r"
-
<!-- Intro -->
+
href="#"></a>
-
                                <div id="videocontainer" style="display: none;">
+
<div class="extra-wrap"> This Template goes with two
-
                                </div>
+
packages – with PSD files and without them. </div>
-
<section id="intro" class="main style1 dark fullscreen">
+
</div>
-
<div class="content container small">
+
</div>
-
<header>
+
</div>
-
<h2 id="crispr"><span>CRISPR-Cas Mediated Phage Therapy</span></h2>
+
</div>
-
</header>
+
<div class="col-2">
-
                                        <p id="crispr" style="font-size: 18pt;">the Future Antibacterial Agent</p>
+
<div class="box third">
-
                                        <div id="latest-videos">
+
<div class="pad">
-
                                              <ul>
+
<div class="wrapper indent-bot"> <strong
-
                                                    <li class="playvideo">
+
class="numb img-indent2">03</strong>
-
       
+
<div class="extra-wrap">
-
                                                          <a href="https://www.youtube.com/watch?v=2pm9u1E8k3s" title="E3 2014: Making the Gameplay">
+
<h3 class="color-3"><strong>New</strong>Strategies</h3>
-
                                         
+
</div>
-
  <img src="http://www.mirrorsedge.com/img/icon_video1.gif" alt="E3 2014: Making the Gameplay">
+
</div>
-
 
+
<div class="wrapper"> <a class="button img-indent-r"
-
</a>
+
href="#">&gt;&gt;</a>
-
+
<div class="extra-wrap"> It has several pages: <a
-
+
class="link" href="index.html">Home</a>, <a
-
                                                    </li>
+
class="link" href="news.html">News</a>, <a
-
                                                    </li>
+
class="link" href="services.html">Services</a>,
-
                                              </ul>
+
<a class="link" href="products.html">Products</a>,
-
                                        </div>
+
<a class="link" href="contacts.html">Contacts</a>.
-
<footer>
+
</div>
-
<a href="#one" class="button style2 down">More</a>
+
</div>
-
</footer>
+
</div>
-
</div>
+
</div>
-
</section>
+
</div>
-
+
</div>
-
<!-- One -->
+
</div>
-
<section id="one" class="main style2 right dark fullscreen">
+
<div class="wrapper">
-
<div class="content box style2">
+
<div class="col-3">
-
<header>
+
<div class="indent">
-
<h2>Issue</h2>
+
<h2>Our Mission</h2>
-
</header>
+
<p class="color-4 p1">Donec vitae massa sit amet lectus
-
<p>In the last decade the number of antibiotic resistant bacteria has grown at
+
condimentum aliquam vestibulum tempor nunc vel mi laoreet nec
-
 
+
condimentum mauris convallis. Praesent lobortis, lectus a viverra
-
a shocking rate, making these “superbugs” one of our top global health threats.
+
faucibus, urna turpis sodales purus, magnaorem ipsum dolor ser
-
 
+
adipiscing elit sed diam nonummy nibh euismod sit amet ornare urna
-
This trend indicates that the golden age of antibiotics is ending and makes the
+
augue ut mauris.</p>
-
 
+
<div class="wrapper"> <figure class="img-indent3"><img
-
search for new antibacterial treatments more important than ever. New bacterial
+
src="images/page1-img1.png" alt=""></figure>
-
 
+
<div class="extra-wrap">
-
treatments need the ability to adapt faster than the harmful bacteria that they
+
<div class="indent2"> Cras placerat, risus ac porta
-
 
+
auctor, dui neque varius libero, sed rutrum diam mauris sed lorem. Ut
-
target. Additionally, new treatments must preserve essential bacteria of the
+
at risus eu dui pretium sodales proin fermentum condimentum eros quis
-
 
+
tincidunt fraesent eleifend tempor nisi, in adipiscing felis molestie
-
microbiome and specifically target pathogenic bacteria in a mixed population.</p>
+
vitae. Sed et massa justo. Pellentesque turpis lorem, ornare sit amet
-
</div>
+
vulputate at, consectetur </div>
-
<a href="#two" class="button style2 down anchored">Next</a>
+
</div>
-
</section>
+
</div>
-
+
<a class="button-2" href="#">Read More</a> </div>
-
<!-- Two -->
+
</div>
-
<section id="two" class="main style2 left dark fullscreen">
+
<div class="col-2">
-
<div class="content box style2">
+
<div class="block-news">
-
<header>
+
<h3 class="color-4 p2">Recent News</h3>
-
<h2>Technology</h2>
+
<div class="wrapper p2"> <time class="tdate-1 fleft"
-
</header>
+
datetime="2011-05-29"><strong>29</strong>may</time>
-
<p>New technology has recently emerged that allows us to achieve these goals.
+
<div class="extra-wrap">
-
 
+
<h5>Utatse eudui pretium</h5>
-
CRISPR-Cas9 consists of an endonuclease (Cas9) that is guided to a specific
+
sodales proin fermen<br>
-
 
+
tum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in
-
sequence within a genome by a CRISPR RNA component. Once targeted to the
+
adipiscing... <a href="#">more</a> </div>
-
 
+
</div>
-
genome, Cas9 causes a double stranded break, killing the host bacterial cell.  
+
<div class="wrapper"> <time class="tdate-1 fleft"
-
 
+
datetime="2011-05-24"><strong>24</strong>may</time>
-
Because the killing relies on the sequence of the CRISPR guide RNA, which can
+
<div class="extra-wrap">
-
 
+
<h5>Felis molestie vitae</h5>
-
be engineered to contain a short specific nucleotide sequence, unique genes
+
Sed massa justo pellen<br>
-
 
+
tesque turpis lorem, ornare sit amet vulpate at, consectetur vitae
-
within any pathogenic bacteria can be targeted.</p>
+
nunc... <a href="#">more</a> </div>
-
</div>
+
</div>
-
<a href="#work" class="button style2 down anchored">Next</a>
+
</div>
-
</section>
+
</div>
-
+
</div>
-
<!-- Three -->
+
</div>
-
<section id="one" class="main style2 right dark fullscreen">
+
<!-- footer --> <footer> </footer>
-
<div class="content box style2">
+
<div class="row-top">
-
<header>
+
<div class="row-padding">
-
<h2>Our Project</h2>
+
<div class="wrapper">
-
</header>
+
<div class="col-1">
-
<p>Utilizing a non-replicating
+
<h4>Address:</h4>
-
 
+
<dl class="address">
-
phage as a vector, we can efectively deliver the CRISPR-Cas9 machinery to cells
+
  <dt><span>Country:</span>USA</dt>
-
 
+
  <dd><span>City:</span>San Diego</dd>
-
and kill bacteria through CRISPR-Cas9–targeting of the genome. Ongoing
+
  <dd><span>Address:</span>Beach st. 54</dd>
-
 
+
  <dd><span>Email:</span><a href="#">lcenter@mail.com</a></dd>
-
experiments are aimed at demonstrating that sequence-specific killing can
+
</dl>
-
 
+
</div>
-
occur in a mixed population of cells as well as in an in vivo model. We believe
+
<div class="col-2">
-
 
+
<h4>Follow Us:</h4>
-
that this technology, which we refer to as “Pathogen Assassin” will have broad
+
<ul class="list-services">
-
 
+
  <li class="item-1"><a href="#">Facebook</a></li>
-
applications ranging from medicine to industry and beyond.</p>
+
  <li class="item-2"><a href="#">Twitter</a></li>
-
</div>
+
  <li class="item-3"><a href="#">LinkedIn</a></li>
-
+
</ul>
-
</section>
+
</div>
-
+
<div class="col-3">
-
<!-- Footer -->
+
<h4>Why Us:</h4>
-
<footer id="footer">
+
<ul class="list-1">
-
+
  <li><a href="#">Lorem ipsum dolor</a></li>
-
<!--
+
  <li><a href="#">Aonsect adipisic</a></li>
-
    Social Icons
+
  <li><a href="#">Eiusmjkod tempor</a></li>
-
   
+
  <li><a href="#">Incididunt ut labore</a></li>
-
    Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
+
</ul>
-
-->
+
</div>
-
<ul class="actions">
+
<div class="col-4">
-
<li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
+
<div class="indent3"> <strong class="footer-logo">Point.<strong>co</strong></strong>
-
<li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
+
<strong class="phone"><strong>Toll Free:</strong>
-
<li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li>
+
1-800-567-8934</strong> </div>
-
<li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
+
</div>
-
<li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
+
</div>
-
<li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
+
</div>
-
</ul>
+
</div>
-
 
+
<div class="row-bot">
-
<!-- Menu -->
+
<div class="aligncenter">
-
<ul class="menu">
+
<p class="p0">Copyright © <a href="#">Domain
-
<li>&copy; Untitled</li>
+
Name</a> All Rights Reserved</p>
-
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
+
Design by <a target="_blank"
-
</ul>
+
href="http://www.templatemonster.com/">TemplateMonster.com</a><br>
-
+
<!-- {%FOOTER_LINK} --> </div>
-
</footer>
+
</div>
-
 
+
</div>
-
</body>
+
</div>
 +
<script type="text/javascript">Cufon.now();</script>
 +
<script type="text/javascript">
 +
$(function () {
 +
    $('.slider')._TMS({
 +
        prevBu: '.prev',
 +
        nextBu: '.next',
 +
        playBu: '.play',
 +
        duration: 800,
 +
        easing: 'easeOutQuad',
 +
        preset: 'simpleFade',
 +
        pagination: false,
 +
        slideshow: 3000,
 +
        numStatus: false,
 +
        pauseOnHover: true,
 +
        banners: true,
 +
        waitBannerAnimation: false,
 +
        bannerShow: function (banner) {
 +
            banner.hide().fadeIn(500)
 +
        },
 +
        bannerHide: function (banner) {
 +
            banner.show().fadeOut(500)
 +
        }
 +
    });
 +
})
 +
</script>
 +
<div align="center">This template downloaded form <a
 +
href="http://all-free-download.com/free-website-templates/">free
 +
website templates</a></div>
 +
</body>
</html>
</html>

Revision as of 03:59, 10 September 2014

<!DOCTYPE html> Point.co

The most creative ideas

01

CarefulAnalysis

>>
Point.co is one of free website templates created by TemplateMonster.com.
02

QuickResearch

This Template goes with two packages – with PSD files and without them.
03

NewStrategies

>>
It has several pages: Home, News, Services, Products, Contacts.

Our Mission

Donec vitae massa sit amet lectus condimentum aliquam vestibulum tempor nunc vel mi laoreet nec condimentum mauris convallis. Praesent lobortis, lectus a viverra faucibus, urna turpis sodales purus, magnaorem ipsum dolor ser adipiscing elit sed diam nonummy nibh euismod sit amet ornare urna augue ut mauris.

Cras placerat, risus ac porta auctor, dui neque varius libero, sed rutrum diam mauris sed lorem. Ut at risus eu dui pretium sodales proin fermentum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in adipiscing felis molestie vitae. Sed et massa justo. Pellentesque turpis lorem, ornare sit amet vulputate at, consectetur
Read More

Recent News

Utatse eudui pretium
sodales proin fermen
tum condimentum eros quis tincidunt fraesent eleifend tempor nisi, in adipiscing... more
Felis molestie vitae
Sed massa justo pellen
tesque turpis lorem, ornare sit amet vulpate at, consectetur vitae nunc... more

Address:

Country:USA
City:San Diego
Address:Beach st. 54
Email:lcenter@mail.com
Toll Free: 1-800-567-8934

Copyright © Domain Name All Rights Reserved

Design by TemplateMonster.com
This template downloaded form free website templates