Difference between revisions of "Template:RHIT"

Line 4: Line 4:
  
  
−
<html lang="en">
 
−
<head>
 
−
<meta charset="utf-8">
 
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
  
−
<title>Business 2</title>  
+
<!DOCTYPE html>
 +
<!-- Template by Quackit.com -->
 +
<!-- Images by various sources under the Creative Commons CC0 license and/or the Creative Commons Zero license.
 +
Although you can use them, for a more unique website, replace these images with your own. -->
 +
<html lang="en">
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  
−
<!-- Bootstrap Core CSS -->  
+
    <title>Business 2</title>
−
<link href="css/bootstrap.min.css" rel="stylesheet">  
+
  
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
  
−
<!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->  
+
    <!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->
−
<link href="css/custom.css" rel="stylesheet">  
+
    <link href="css/custom.css" rel="stylesheet">
  
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
  
−
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
</head>
−
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
−
<!--[if lt IE 9]>
+
−
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
−
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
−
<![endif]-->  
+
  
−
</head>  
+
<body>
  
−
<body>  
+
    <!-- Navigation -->
 +
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
        <div class="container">
 +
            <!-- Logo and responsive toggle -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <a class="navbar-brand" href="#">
 +
                <span class="glyphicon glyphicon-fire"></span>
 +
                LOGO
 +
                </a>
 +
            </div>
 +
            <!-- Navbar links -->
 +
            <div class="collapse navbar-collapse" id="navbar">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li class="active">
 +
                        <a href="#">Home</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Products</a>
 +
                    </li>
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
 +
<ul class="dropdown-menu" aria-labelledby="about-us">
 +
<li><a href="#">Engage</a></li>
 +
<li><a href="#">Pontificate</a></li>
 +
<li><a href="#">Synergize</a></li>
 +
</ul>
 +
</li>
 +
                    <li>
 +
                        <a href="#">My Account</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> My Cart</a>
 +
                    </li>
 +
                </ul>
 +
            </div><!-- /.navbar-collapse -->
 +
        </div><!-- /.container -->
 +
    </nav>
  
−
<!-- Navigation -->  
+
<!-- Feature -->
−
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">  
+
<div class="jumbotron feature">
−
<div class="container">  
+
<div class="container">
−
<!-- Logo and responsive toggle -->  
+
<h1><span class="glyphicon glyphicon-equalizer"></span> Dramatically Engage</h1>
−
<div class="navbar-header">  
+
<p>Objectively innovate empowered manufactured products whereas parallel platforms.</p>
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
+
<p><a class="btn btn-primary" href="#">Engage Now</a></p>
−
<span class="sr-only">Toggle navigation</span>  
+
</div>
−
<span class="icon-bar"></span>  
+
</div>
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>  
+
−
</button>  
+
−
<a class="navbar-brand" href="#">  
+
  
−
<span class="glyphicon glyphicon-fire"></span>
 
−
LOGO
 
−
</a>
 
−
</div>
 
−
<!-- Navbar links -->
 
−
<div class="collapse navbar-collapse" id="navbar">
 
−
<ul class="nav navbar-nav navbar-right">
 
−
<li class="active">
 
−
<a href="#">Home</a>
 
  
−
</li>  
+
    <!-- Heading -->
−
<li>  
+
    <div class="container">
−
<a href="#">Products</a>  
+
        <div class="row">
 +
            <div class="col-xs-12">
 +
                <h1 class="text-center">Superior Quality</h1>
 +
                <p class="lead text-center">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.</p>
 +
            </div>
 +
        </div>
 +
    </div>
  
−
</li>  
+
    <!-- Promos -->
−
<li class="dropdown">  
+
<div class="container-fluid">
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>  
+
        <div class="row promo">
−
<ul class="dropdown-menu" aria-labelledby="about-us">  
+
        <a href="#">
−
<li><a href="#">Engage</a></li>  
+
<div class="col-md-4 promo-item item-1">
 +
<h3>
 +
Unleash
 +
</h3>
 +
</div>
 +
            </a>
 +
            <a href="#">
 +
<div class="col-md-4 promo-item item-2">
 +
<h3>
 +
Synergize
 +
</h3>
 +
</div>
 +
            </a>
 +
 +
<a href="#">
 +
<div class="col-md-4 promo-item item-3">
 +
<h3>
 +
Procrastinate
 +
</h3>
 +
</div>
 +
            </a>
 +
        </div>
 +
    </div><!-- /.container-fluid -->
  
−
<li><a href="#">Pontificate</a></li>  
+
<!-- Featured Products -->
 +
<div class="container">
 +
<h1 class="text-center">World Class Products</h1>
 +
<div class="row">
 +
 +
<!-- Product 1 -->
 +
<div class="col-sm-6 col-md-3">
 +
<div class="thumbnail featured-product">
 +
<a href="#">
 +
<img src="images/pepper.jpg" alt="">
 +
</a>
 +
<div class="caption">
 +
<h3>Premium Niche</h3>
 +
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 +
<p class="price">$10.45</p>
  
−
<li><a href="#">Synergize</a></li>  
+
<!-- Input Group -->
 +
<div class="input-group">
 +
<input type="number" class="form-control" value="1">
 +
<span class="input-group-btn">
 +
<button class="btn btn-primary" type="button">
 +
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 +
Add to Cart
 +
</button>
 +
</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
</ul>  
+
<!-- Product 2 -->
−
</li>  
+
<div class="col-sm-6 col-md-3">
−
<li>  
+
<div class="thumbnail featured-product">
−
<a href="#">My Account</a>  
+
<a href="#">
 +
<img src="images/jars.jpg" alt="">
 +
</a>
 +
<div class="caption">
 +
<h3>Handy Holistic</h3>
 +
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 +
<p class="price"><s>$24.99</s> $18.99</p>
  
−
</li>  
+
<!-- Input Group -->
−
<li>  
+
<div class="input-group">
−
<a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> My Cart</a>  
+
<input type="number" class="form-control" value="1">
 +
<span class="input-group-btn">
 +
<button class="btn btn-primary" type="button">
 +
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>  
 +
Add to Cart
 +
</button>
 +
</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
</li>  
+
<!-- Product 3 -->
−
</ul>  
+
<div class="col-sm-6 col-md-3">
−
</div><!-- /.navbar-collapse -->  
+
<div class="thumbnail featured-product">
−
</div><!-- /.container -->  
+
<a href="#">
−
</nav>  
+
<img src="images/pot.jpg" alt="">
 +
</a>
 +
<div class="caption">
 +
<h3>Seamless Strategic</h3>
 +
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 +
<p class="price">$11.50</p>
  
−
<!-- Feature -->  
+
<!-- Input Group -->
−
<div class="jumbotron feature">  
+
<div class="input-group">
−
<div class="container">  
+
<input type="number" class="form-control" value="1">
−
<h1><span class="glyphicon glyphicon-equalizer"></span> Dramatically Engage</h1>  
+
<span class="input-group-btn">
−
<p>Objectively innovate empowered manufactured products whereas parallel platforms.</p>  
+
<button class="btn btn-primary" type="button">
−
<p><a class="btn btn-primary" href="#">Engage Now</a></p>  
+
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>  
 +
Add to Cart
 +
</button>
 +
</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
</div>  
+
<!-- Product 4 -->
−
</div>  
+
<div class="col-sm-6 col-md-3">
 +
<div class="thumbnail featured-product">
 +
<a href="#">
 +
<img src="images/teapot.jpg" alt="">
 +
</a>
 +
<div class="caption">
 +
<h3>Maintained Strip</h3>
 +
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.</p>
 +
<p class="price">$45.50</p>
  
 +
<!-- Input Group -->
 +
<div class="input-group">
 +
<input type="number" class="form-control" value="1">
 +
<span class="input-group-btn">
 +
<button class="btn btn-primary" type="button">
 +
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
 +
Add to Cart
 +
</button>
 +
</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
    </div><!-- /.container -->
 +
 +
 +
<div class="container text-center">
 +
<h1>Unparalleled Service</h1>
 +
<p class="lead">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.</p>
 +
<img class="img-responsive img-circle center-block" src="images/service.jpg" alt="">
 +
</div><!--/.container-->
 +
 +
 +
<!-- Footer -->
 +
<footer>
 +
 +
<h1 class="text-center">Find Us</h1>
 +
<!-- Map -->
 +
<div class="footer-map"></div>
 +
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-sm-12 footer-info-item text-center">
 +
<p class="lead">
 +
31 Spooner Street, Quahog, Rhode Island
 +
</p>
 +
<h2>Contact Us</h2>
 +
<p class="lead"><span class="glyphicon glyphicon-phone-alt"></span> +1(23) 456 7890<br>
 +
info@example.com</p>
 +
</div>
 +
</div>
 +
</div>
  
−
<!-- Heading -->  
+
<!-- Footer Links -->
−
<div class="container">  
+
<div class="footer-info">
−
<div class="row">  
+
<div class="container">
−
<div class="col-xs-12">  
+
<div class="row">
−
<h1 class="text-center">Superior Quality</h1>  
+
<div class="col-sm-4 footer-info-item">
−
<p class="lead text-center">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.</p>  
+
<h3>Information</h3>
−
</div>  
+
<ul class="list-unstyled">
−
</div>  
+
<li><a href="#">About Us</a></li>
−
</div>  
+
<li><a href="#">Customer Service</a></li>
 +
<li><a href="#">Privacy Policy</a></li>
 +
<li><a href="#">Sitemap</a></li>
 +
<li><a href="#">Orders &amp; Returns</a></li>
 +
</ul>
 +
</div>
 +
<div class="col-sm-4 footer-info-item">
 +
<h3>My Account</h3>
 +
<ul class="list-unstyled">
 +
<li><a href="#">Sign In</a></li>
 +
<li><a href="#">View Cart</a></li>
 +
<li><a href="#">My Wishlist</a></li>
 +
<li><a href="#">Track My Order</a></li>
 +
<li><a href="#">Help</a></li>
 +
</ul>
 +
</div>
 +
<div class="col-sm-4 footer-info-item">
 +
<h3><span class="glyphicon glyphicon-list-alt"></span> Newsletter</h3>
 +
<p>Sign up for exclusive offers.</p>
 +
<div class="input-group">
 +
<input type="email" class="form-control" placeholder="Enter your email address">
 +
<span class="input-group-btn">
 +
<button class="btn btn-primary" type="button">
 +
Subscribe!
 +
</button>
 +
</span>
 +
</div>
 +
</div>
 +
</div><!-- /.row -->
 +
</div><!-- /.container -->
 +
        </div>
 +
       
 +
        <!-- Copyright etc -->
 +
        <div class="small-print">
 +
        <div class="container">
 +
        <p><a href="#">Terms &amp; Conditions</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact</a></p>
 +
        <p>Copyright &copy; Example.com 2015 </p>
 +
        </div>
 +
        </div>
 +
       
 +
</footer>
  
−
<!-- Promos -->  
+
−
<div class="container-fluid">  
+
    <!-- jQuery -->
−
<div class="row promo">
+
    <script src="js/jquery-1.11.3.min.js"></script>
−
<a href="#">  
+
  
−
<div class="col-md-4 promo-item item-1">  
+
    <!-- Bootstrap Core JavaScript -->
−
<h3>  
+
    <script src="js/bootstrap.min.js"></script>
−
Unleash
+
−
</h3>  
+
<!-- IE10 viewport bug workaround -->
−
</div>  
+
<script src="js/ie10-viewport-bug-workaround.js"></script>
−
</a>  
+
−
<a href="#">  
+
</body>
  
−
<div class="col-md-4 promo-item item-2">
+
</html>
−
<h3>
+
−
Synergize
+
−
</h3>
+
−
</div>
+
−
</a>  
+
  
−
<a href="#">
 
−
 
−
<div class="col-md-4 promo-item item-3">
 
−
<h3>
 
−
Procrastinate
 
−
</h3>
 
−
</div>
 
−
</a>
 
−
</div>
 
−
</div><!-- /.container-fluid -->
 
−
 
−
<!-- Featured Products -->
 
−
<div class="container">
 
−
<h1 class="text-center">World Class Products</h1>
 
−
<div class="row">
 
  
  

Revision as of 19:35, 8 June 2018

Business 2

Dramatically Engage

Objectively innovate empowered manufactured products whereas parallel platforms.

Engage Now

Superior Quality

Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.

Unleash

Synergize

Procrastinate

World Class Products

Premium Niche

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.

$10.45

Handy Holistic

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.

$24.99 $18.99

Seamless Strategic

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.

$11.50

Maintained Strip

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip.

$45.50

Unparalleled Service

Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products without collateral.




<script> ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$(document).ready(function() {

$("#HQ_page").attr('id',);


//highlight current page on the menu highlight_current_page_menu();

//accessing submenus $(".menu_item").click(function(){ $(".submenu_control_icon", this).toggleClass("open"); $(this).next(".submenu").fadeToggle(400); });

//mobile menu access $(".igem_2018_team_mobile_bar").click(function(){ $(this).next().toggleClass("displaying_menu"); });

});


function highlight_current_page_menu() {

var page_url="https://2018.igem.org/"; page_url = page_url + wgPageName; $("a[href$='"+ page_url +"']").children().addClass("current_page");

//if the page is in a submenu, open the submenu and make the appropiate changes if( $( ".current_page" ).hasClass( "submenu_item" )){

$(".current_page").parent().parent().fadeToggle(400); $(".current_page").parent().parent().prev().addClass("current_page"); $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");

} }


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// </script>


<style> /**************************************************************************************************************************************************************************************************/


/**************************************************************************************************************************************************************************************************/ /* DEFAULT WIKI SETTINGS */ /**************************************************************************************************************************************************************************************************/


#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }

.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}


/**************************************************************************************************************************************************************************************************/ /* MENU */ /**************************************************************************************************************************************************************************************************/

/*this wraps the whole of the menu*/ .igem_2018_team_menu { background-color:#98FB98; border-left: 1px solid #c4baba; display:block; float:right; height:100vh; max-width: 270px; overflow-y: auto; overflow-x: hidden; padding:0px; position:fixed; right:0%; text-align:left; width: 15%; }


.igem_2018_team_menu.displaying_menu{ display:block; }

.igem_2018_team_menu a { color: #000000; text-decoration:none; }

.igem_2018_team_menu img { width:100%; }


.igem_2018_team_menu .menu_item { 

   	background-color: #32CD32;
   	border-bottom: 1px solid #FFFFFF;
   	clear: both;

color: #000000; 

   	cursor: pointer;

float: left; 

   	font-size: 120%;
   	font-weight: bold;
   	padding: 15px 0px 15px 5%;
  	 	width: 100%;

}

.igem_2018_team_menu .menu_item.direct_link { color: #000000; padding-left: 15%; } .igem_2018_team_menu .menu_item:hover { background-color: #1E90FF; }


.igem_2018_team_menu .menu_item .submenu_control_icon { color: #000000; float: left; width: 10%; }

/* submenu icon "+" "-"*/ .igem_2018_team_menu .menu_item .submenu_control_icon::before { content: ">"; }

/* submenu icon "+" "-"*/ .igem_2018_team_menu .menu_item .submenu_control_icon.open::before { content: "-"; }

/*submenu wrapper*/ .igem_2018_team_menu .submenu{ background-color: #AEF9AE; clear:both; display:none; float: left; width:100%; }

/*styling for a submenu item*/ .igem_2018_team_menu .submenu .submenu_item { border-bottom: 1px solid #FFFFFF; 

 		color: #000000;
   	height: 30px;
  	 	float: left;
   	font-size: 110%;

font-weight: bold; 

   	padding: 12px 0px 0px 15%;
   	width: 100%;

}

.igem_2018_team_menu .submenu .submenu_item:hover { background-color: #1E90FF; }


.igem_2018_team_menu .submenu .submenu_item.current_page, .igem_2018_team_menu .menu_item.current_page, .igem_2018_team_menu .menu_item.direct_link.current_page { background-color:#7acbd8; }


/*mobile menu bar styling*/ /**************************************************************************************************************************************************************************************************/


.igem_2018_team_mobile_bar { background-color:#e4dede; border-bottom: 1px solid #c4baba; cursor:pointer; display:none; float:left; margin-top: 0; padding: 5px 0; position:fixed; width:100%; }

.igem_logo_mobile img { width:70px; }

.igem_logo_mobile { float:left; padding-left: 5%; width: 30%; }

.igem_menu_control_mobile img { width:25px; }

.igem_menu_control_mobile { float:right; padding-right:5%; padding-top:5px; text-align:right; width: 30%; }


/**************************************************************************************************************************************************************************************************/ /* CONTENT OF THE PAGE */ /**************************************************************************************************************************************************************************************************/

/* general wrapper for the content */ .igem_2018_team_content { background-color:white; display:block; width: 87%; }

/* subwrapper to center content */ .igem_2018_team_content .igem_2018_team_column_wrapper { margin:auto; max-width: 1400px; width:90%; }


/*general styling*/ /**************************************************************************************************************************************************************************************************/

.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 230%;} .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 200%;} .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 130%;} .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 230%;} .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 200%;} .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}


/* styling for the titles h1, h2, h3*/ .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2, 

       .igem_2018_team_content .igem_2018_team_column_wrapper h3 {

border-bottom:0px; color: #000000; font-family: "Arial Black", Gadget, sans-serif; padding: 10px 0px; }

/* styling for the titles h4, h5, h6 */ .igem_2018_team_content .igem_2018_team_column_wrapper h4, .igem_2018_team_content .igem_2018_team_column_wrapper h5, .igem_2018_team_content .igem_2018_team_column_wrapper h6 { border-bottom:0px; color: #000000; font-family: "Elephant", Gadget, sans-serif; padding: 5px 0px; }

/* text */ .igem_2018_team_content .igem_2018_team_column_wrapper p { font-size: 130%; font-family: Arial, Helvetica, sans-serif; padding: 5px 0px; text-align: left; color: #484848; }

/* Links */ .igem_2018_team_content .igem_2018_team_column_wrapper a { color: #5bc7d8; font-weight: bold; text-decoration: underline; text-decoration-color:#5bc7d8; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }

/* hover for the links */ .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { color: #f8b732; text-decoration:none; }


/* Table */ .igem_2018_team_content .igem_2018_team_column_wrapper table { border: 1px solid #928b8b; border-collapse: collapse; font-size: 130%; width: 100%; }

/* table cells */ .igem_2018_team_content .igem_2018_team_column_wrapper td { border: 1px solid #c4baba; border-collapse: collapse; font-size: 105%; padding: 10px; vertical-align: text-top; }

/* table headers */ .igem_2018_team_content .igem_2018_team_column_wrapper th { background-color:#c4baba; border: 1px solid #928b8b; border-collapse: collapse; font-size: 110%; padding: 10px; vertical-align: text-top; }


/* non numbered lists */ .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { font-size: 130%; font-family: Arial, Helvetica, sans-serif; padding:0px 20px; }


.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, 

	.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }


/*layout classes*/ /**************************************************************************************************************************************************************************************************/

/*main layout class */ .igem_2018_team_content .igem_2018_team_column_wrapper .column { float:left; margin: 1% 2%; padding: 0px; }

/* 100% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }

/* 66% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }

/* 33% */ .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }



/*styling for all images*/ .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { margin-bottom: 15px; width: 100%; }


/* page break */ .igem_2018_team_content .igem_2018_team_column_wrapper .clear { clear:both; } /*add extra space to page break with clear class*/ .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { height: 30px; }

/* horizontal line to divide the page*/ .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { 

   	border-top: 1px solid #c4baba;

margin: auto; 

  	 	width: 98%;

}



/*support classes*/ /**************************************************************************************************************************************************************************************************/


/*Button */ /************************************************/ .igem_2018_team_content .igem_2018_team_column_wrapper .button_link { font-size: 130%; margin: 30px auto; text-align: center; }

.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { background-color: #5bc7d8; color: #000000 !important; font-weight: bold; margin: auto; text-decoration: none !important; padding: 10px 15px; }

.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { background-color: #f8b732 !important; }


.igem_2018_team_content .igem_2018_team_column_wrapper .highlight { padding: 15px 20px; }

.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5, .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 { padding: 5px 15px; }

.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { background-color: #e4dede; }

.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { 

   	border-top: 4px solid #5bc7d8;

}


.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { 

   	border: 4px solid #5bc7d8;

}

.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { 

   	border-top: 4px solid #f8b732

}


.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { 

   	border: 4px solid #f8b732;

}



/*mobile*/ /**************************************************************************************************************************************************************************************************/


/* 1800px */ /************************************************/ @media only screen and (max-width: 1800px) { .igem_2018_team_content { width: 85%;} .igem_2018_team_menu {display:block;} }

/* 1400px */ /************************************************/ @media only screen and (max-width: 1400px) { .igem_2018_team_menu .menu_item { font-size:100%;} .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} .igem_2018_team_menu {display:block;} }

@media only screen and (max-width: 1001px) { .igem_2018_team_menu {display:block;} }

/* 1000px */ /************************************************/ @media only screen and (max-width: 1000px) { .igem_2018_team_content {width:100%; margin-left:0px;} .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;} .igem_2018_team_mobile_bar {display:block;} .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }

}


@media only screen and (max-width: 500px) { .igem_2018_team_menu {min-width:100%; width:100%; } }


/**************************************************************************************************************************************************************************************************/



</style>


<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

</head>




<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">


<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">




<a href="https://2018.igem.org/Team:RHIT"> <img src="T--RHIT--Pebble_150x350_Logo.jpg"> </a>


<a href="https://2018.igem.org/Team:RHIT">

HOME

</a>

TEAM

<a href="https://2018.igem.org/Team:RHIT/Team">

Team Members

</a>


<a href="https://2018.igem.org/Team:RHIT/Collaborations">

Collaborations

</a>


PROJECT

<a href="https://2018.igem.org/Team:RHIT/Description">

Description

</a>

<a href="https://2018.igem.org/Team:RHIT/Design">

Design

</a>

<a href="https://2018.igem.org/Team:RHIT/Experiments">

Experiments

</a>


<a href="https://2018.igem.org/Team:RHIT/Notebook">

Notebook

</a>

<a href="https://2018.igem.org/Team:RHIT/InterLab">

InterLab

</a>


<a href="https://2018.igem.org/Team:RHIT/Model">

Model

</a>

<a href="https://2018.igem.org/Team:RHIT/Results">

Results

</a>


<a href="https://2018.igem.org/Team:RHIT/Demonstrate">

Demonstrate

</a>

<a href="https://2018.igem.org/Team:RHIT/Improve">

Improve

</a>

<a href="https://2018.igem.org/Team:RHIT/Attributions">

Attributions

</a>


PARTS

<a href="https://2018.igem.org/Team:RHIT/Parts">

Parts Overview

</a>

<a href="https://2018.igem.org/Team:RHIT/Basic_Part">

Basic Parts

</a>

<a href="https://2018.igem.org/Team:RHIT/Composite_Part">

Composite Parts

</a>

<a href="https://2018.igem.org/Team:RHIT/Part_Collection">

Part Collection

</a>




<a href="https://2018.igem.org/Team:RHIT/Safety">

SAFETY

</a>




HUMAN PRACTICES

<a href="https://2018.igem.org/Team:RHIT/Human_Practices">

Human Practices

</a>


<a href="https://2018.igem.org/Team:RHIT/Public_Engagement">

Education & Engagement

</a>



AWARDS

<a href="https://2018.igem.org/Team:RHIT/Applied_Design">

Applied Design

</a>

<a href="https://2018.igem.org/Team:RHIT/Entrepreneurship">

Entrepreneurship

</a>

<a href="https://2018.igem.org/Team:RHIT/Hardware">

Hardware

</a>

<a href="https://2018.igem.org/Team:RHIT/Measurement">

Measurement

</a>

<a href="https://2018.igem.org/Team:RHIT/Model">

Model

</a>

<a href="https://2018.igem.org/Team:RHIT/Plant">

Plant

</a>


<a href="https://2018.igem.org/Team:RHIT/Software">

Software

</a>


<a href="https://igem.org/2018_Judging_Form?team=RHIT">

JUDGING FORM ⇗

</a>