Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
 
(390 intermediate revisions not shown)
Line 1: Line 1:
{{SMTexas/heading}}
{{SMTexas/heading}}
-
 
-
 
<html>
<html>
-
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Template:SMTexas/CSS?action=raw&amp;ctype=text/css">
+
<!-- Header -->
-
 
+
<div id="header">
-
<script src="https://2014hs.igem.org/Template:SMTexas/JS?action=raw&amp;ctype=application/javascript"></script>
+
<div class="container">
-
 
+
<!-- Logo -->
-
<html>
+
<div id="logo">
-
<html lang="en">
+
<h1><a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas" class="nav-link"><img src="https://static.igem.org/mediawiki/2014hs/6/65/SMiGEM_Logo_%26_Text.png" alt=""></a></h1>  
-
 
+
<style>
-
<head>
+
a.nav-link:link {
-
    <meta charset="utf-8">
+
  color: #000000;
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  text-decoration: none;
-
    <meta name="description" content="">
+
}
-
    <meta name="author" content="">
+
a.nav-link:visited {
-
 
+
  color: #000000;
-
    <title>Grayscale - Free One Page Theme for Bootstrap 3</title>
+
  text-decoration: none;
 +
}
 +
a.nav-link:hover {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a.nav-link:active {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
</style>
 +
 +
<style type="text/css">
-
    <!-- Bootstrap Core CSS -->
+
/* All Styles Optional */
-
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
+
-
    <!-- Fonts -->
 
-
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 
-
    <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
 
-
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 
-
    <!-- Custom Theme CSS -->
 
-
    <link href="css/grayscale.css" rel="stylesheet">
 
-
</head>
+
div#show {
 +
height:475px;
 +
width:1215px;
 +
margin:0; padding:2px;
 +
border:1px solid #909090;
 +
}
-
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
+
div#show table input,  div#show4 table input {
 +
outline-style:none;
 +
}
-
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
</style>
-
        <div class="container">
+
-
            <div class="navbar-header page-scroll">
+
-
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
-
                    <i class="fa fa-bars"></i>
+
-
                </button>
+
-
                <a class="navbar-brand" href="#page-top">
+
-
                    <i class="fa fa-play-circle"></i>  <span class="light">Start</span> Bootstrap
+
-
                </a>
+
-
            </div>
+
-
            <!-- Collect the nav links, forms, and other content for toggling -->
+
<!--[if IE]>
-
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
<style type="text/css">
-
                <ul class="nav navbar-nav">
+
div#show table td, div#show4 table td {
-
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
height:21px;
-
                    <li class="hidden">
+
}
-
                        <a href="#page-top"></a>
+
</style>
-
                    </li>
+
<![endif]-->
-
                    <li class="page-scroll">
+
-
                        <a href="#about">About</a>
+
-
                    </li>
+
-
                    <li class="page-scroll">
+
-
                        <a href="#download">Download</a>
+
-
                    </li>
+
-
                    <li class="page-scroll">
+
-
                        <a href="#contact">Contact</a>
+
-
                    </li>
+
-
                </ul>
+
-
            </div>
+
-
            <!-- /.navbar-collapse -->
+
-
        </div>
+
-
        <!-- /.container -->
+
-
    </nav>
+
-
    <section class="intro">
+
<script src="https://2014hs.igem.org/Template:SMTexas/swissarmy?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
        <div class="intro-body">
+
-
            <div class="container">
+
-
                <div class="row">
+
-
                    <div class="col-md-8 col-md-offset-2">
+
-
                        <h1 class="brand-heading">Grayscale</h1>
+
-
                        <p class="intro-text">A free, premium quality, responsive one page Bootstrap theme created by Start Bootstrap.</p>
+
-
                        <div class="page-scroll">
+
-
                            <a href="#about" class="btn btn-circle">
+
-
                                <i class="fa fa-angle-double-down animated"></i>
+
-
                            </a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section id="about" class="container content-section text-center">
+
<script src="https://2014hs.igem.org/Template:SMTexas/slideshow?action=raw&amp;ctype=application/javascript" type="text/javascript"></script>
-
        <div class="row">
+
</div>
-
            <div class="col-lg-8 col-lg-offset-2">
+
-
                <h2>About Grayscale</h2>
+
-
                <p>Grayscale is a premium quality, free Bootstrap 3 theme created by Start Bootstrap. It can be yours right now, all you need to do is download the template on the preview page. You can use this template for any purpose, personal or commercial.</p>
+
<!-- Header -->
-
                <p>This striking, black and white theme features stock photographs by <a href="http://gratisography.com/">Gratisography</a> along with a custom Google Map skin courtesy of <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
+
-
                <p>With this template, just the slightest splash of color can make a huge impact on the overall presentation and design.</p>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section id="download" class="content-section text-center">
 
-
        <div class="download-section">
 
-
            <div class="container">
 
-
                <div class="col-lg-8 col-lg-offset-2">
 
-
                    <h2>Download Grayscale</h2>
 
-
                    <p>You can download Grayscale for free on the download page at Start Bootstrap. You can also get the source code directly from GitHub if you prefer. Additionally, Grayscale is the first Start Bootstrap theme to come with a LESS file for easy color customization!</p>
 
-
                    <a href="http://startbootstrap.com/grayscale" class="btn btn-default btn-lg">Visit Download Page</a>
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
    </section>
 
-
    <section id="contact" class="container content-section text-center">
+
<!-- Main -->
-
        <div class="row">
+
<br><br>
-
            <div class="col-lg-8 col-lg-offset-2">
+
<div id="page">
-
                <h2>Contact Start Bootstrap</h2>
+
<section><div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div></section>
-
                <p>Feel free to email us to provide some feedback on our templates, give us suggestions for new templates and themes, or to just say hello!</p>
+
<!-- Extra -->
-
                <p>feedback@startbootstrap.com</p>
+
<div id="marketing" class="container">
-
                <ul class="list-inline banner-social-buttons">
+
<div class="row">
-
                    <li><a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
+
<div class="3u">
-
                    </li>
+
<section>
-
                    <li><a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
+
<header>
-
                    </li>
+
<h2>Fundamental Research</h2>
-
                    <li><a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
+
</header>
-
                    </li>
+
<p class="subtitle">Explore how our Fundamental Research Team fueled our project development and research.<br><br></p>
-
                </ul>
+
<img src="https://static.igem.org/mediawiki/2014hs/5/5e/Basic_Research_PNG.png" alt="">
-
            </div>
+
<a href="https://2014hs.igem.org/Team:SMTexas/basicresearch" class="button">More</a>
-
        </div>
+
<style>
-
    </section>
+
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #C9E600;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
-
    <div id="map"></div>
+
</section>
 +
                                               
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Applied Research<br><br></h2>
 +
</header>
 +
<p class="subtitle">Explore how we have made biobricks that can detect lung cancer in a simple, inexpensive, and noninvasive way.</p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/83/Applied_Research_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/Team:SMTexas/appliedresearch" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Outreach<br><br></h2>
 +
</header>
 +
<p class="subtitle">Educating our community and gathering public opinion on modern biotechnology.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/2/2d/Outreach_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Outreach" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Videos<br><br></h2>
 +
</header>
 +
<p class="subtitle">Watch the video explaining our project in detail as well as numerous informative tutorials.<br><br></p>
 +
<img src="https://static.igem.org/mediawiki/2014hs/d/de/Video_PNG.png" alt="">
 +
<a href="https://2014hs.igem.org/wiki/index.php?title=Team:SMTexas/Video&action=edit&redlink=1" class="button">More</a>
 +
</section>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- Extra -->
 +
<div id="marketing" class="container">
 +
<div class="row">
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Safety</h2>
 +
</header>
 +
<p class="subtitle">Our safety precautions.<br><br><br></p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/f/f9/Safety_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/safety" class="button">More</a>
 +
<style>
 +
a.button:link {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:visited {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
a.button:hover {
 +
  color: #FFCC00;
 +
  text-decoration: none;
 +
}
 +
a.button:active {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
</style>
-
    <!-- Core JavaScript Files -->
+
</section>
-
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
                                               
-
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+
</div>
-
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Attributions</h2>
 +
</header>
 +
<p class="subtitle">Meet the faculty members who played an instrumental role to our success.</p>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/6/64/Attributions_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Attributions" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Human Practices</h2>
 +
</header>
 +
<p class="subtitle">Our project in the real world.</p><br><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/5/5d/Human_Practices_PNG.png"></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Human_Practices" class="button">More</a>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section>
 +
<header>
 +
<h2>Sponsors</h2>
 +
</header>
 +
<p class="subtitle">Meet the corporations that played an instrumental role in our success.</p><br>
 +
<p><img src="https://static.igem.org/mediawiki/2014hs/9/90/Sponsors_PNG.png" alt=""></p>
 +
<a href="https://2014hs.igem.org/Team:SMTexas/Sponsors" class="button">More</a>
 +
</section>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
<!-- Main -->
 +
<div id="main" class="container">
 +
<div class="row">
 +
<div class="6u"> 
 +
<section>
 +
<header>
 +
<h2>Biotechnology Initiative</h2>
 +
<span class="byline"></span>
 +
</header>
 +
<img src="https://static.igem.org/mediawiki/2014hs/a/ae/Commism.png" alt="">
 +
<br><br>
 +
 +
<img src="https://static.igem.org/mediawiki/2014hs/8/8b/Smgraph.png" alt="">
 +
<br><br>
 +
<p>The first iGEM high school team from the state of Texas, the St. Mark’s iGEM Team was established as part of a Biotechnology Initiative begun in September of 2013 by our school’s Biology Club. This Initiative, spurred on by iGEM, revitalized our Club and helped generate significant interest in synthetic biology from the student body, faculty, and school administration. In our first year we achieved regular access to a radiation oncology lab at the University of Texas Southwestern Medical Center, $1500 in funding from the school to cover the registration fee for the iGEM Competition, exlcusive laboratory space at the school, and a more than four-fold increase in membership of the Biology Club to twenty-two members.
 +
<br><br>
 +
Our iGEM Team blends the setup of a traditional club with the highly efficient structure of a professional research laboratory. The Team is divided into four Committees: Fundamental Research, Applied Research, Outreach, and Web Development. This allows us to work more efficiently and cohesively. We have had to lay the foundation of our iGEM Team this year by informing the school community on synthetic biology, seeking financial support, and establishing laboratory resources for our project. But it was our infectious enthusiasm and indefatigable determination for synthetic biology that allowed us to overcome administrative hurdles and a steep learning curve. Through our journey this year, we have proven that a school with limited resources in biotechnology can make significant strides, effectively pioneer investigations in the field, and shown our community the tremendous potential we have in the future.</p>
 +
 +
 +
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<header>
 +
<h2>About Us</h2>
 +
<span class="byline"></span>
 +
</header>
 +
<img src="https://static.igem.org/mediawiki/2014hs/7/79/St._Mark%27s.jpg">
 +
<br><br>
 +
<p><b>Our Mission Statement:</b> To improve the community by pioneering investigations into bio-technology by solving real-world problems in order to promote scientific inquiry and educate the future leaders of biological engineering.</p>
 +
<p><b>About St. Mark's:</b> St. Mark's School of Texas is a non-sectarian, college-preparatory, independent day school for boys in grades one through twelve. The School's charter states that it is "designed to afford its students well-rounded physical, intellectual, moral, and religious training and instruction." The School is intended to be a diverse community of teachers and students who share a love of learning and who strive for high achievement in whatever they undertake.</p>
 +
 +
<table><tr><td width="300" align="center"><a href="http://www.smtexas.org/home" class="button">Visit Our School</a></td><td width="300 align="center"><a href="https://2014hs.igem.org/Team:SMTexas/team" class="button">The Team</a></td></tr></table>
 +
</section>
 +
</div>
 +
<div class="3u">
 +
<section class="sidebar">
 +
<header>
 +
<h2><br><br>Follow us on:</h2>
 +
</header>
 +
<ul class="style2">
 +
<li>
 +
<a href="http://www.facebook.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/fd/Facebook.jpg" alt=""></a>
 +
<p>Facebook</p>
 +
</li>
 +
<li>
 +
<a href="http://www.twitter.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/2/2a/Twitter.jpg" alt=""></a>
 +
<p>Twitter</p>
 +
</li>
 +
<li>
 +
<a href="http://instagram.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/f/f7/Instagram.jpg" alt=""></a>
 +
<p>Instagram</p>
 +
</li>
 +
<li>
 +
<a href="http://youtube.com/smbiology"><img src="https://static.igem.org/mediawiki/2014hs/5/56/Youtube.jpg" alt=""></a>
 +
<p>Youtube</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
 +
<!-- Main -->
-
    <!-- Google Maps API Key - You will need to use your own API key to use the map feature -->
+
</div>
-
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
+
<!-- /Main -->
-
    <!-- Custom Theme JavaScript -->
+
-
    <script src="js/grayscale.js"></script>
+
-
</body>
 
 +
</body>
</html>
</html>

Latest revision as of 14:25, 20 June 2014