Difference between revisions of "Team:UNC-Chapel Hill"

Line 1: Line 1:
{{:Team:UNC-Chapel_Hill/practicemenu}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
 
+
<html>
+
 
+
<!-- First block of content -->
+
 
+
<!-- end of first block -->
+
 
+
 
<head>
 
<head>
<link href="https://2014.igem.org/Team:UNC-Chapel_Hill/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
+
<title></title>
$(document).ready(function() {
+
<meta name="keywords" content="" />
//Display slider for Javascript users
+
<meta name="description" content="" />
$('#Slider').css('display', 'block');
+
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
+
<link href="https://2015.igem.org/Template:UNC-Chapel_Hill/testpage?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
//Set height of slider (16/5 ratio)
+
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
$('#Slider').css('height', ($('body').width() / 3.2));
+
+
//Position right/left arrows
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
+
$('#LeftBar, #RightBar').css('height', BarHeight);
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
  
//Repeats for window resize
+
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
$(window).resize(function() {
+
$('#Slider').css('height', ($('body').width() / 3.2));
+
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
+
$('#LeftBar, #RightBar').css('height', BarHeight);
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
});
+
+
var TotalSlides = $('.Slides').length;
+
var CurrentSlide = 0;
+
  
$('#RightArrow').click(function() {
+
</head>
CurrentSlide = ++CurrentSlide % TotalSlides;
+
<body>
changeSlide(CurrentSlide);
+
<div id="header-wrapper">
});
+
<div id="header" class="container">
+
<div id="menu">
$('#LeftArrow').click(function() {
+
<ul>
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
+
<li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
changeSlide(CurrentSlide);
+
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
});
+
<li><a href="#" accesskey="3" title="">About Us</a></li>
+
<li><a href="#" accesskey="4" title="">Careers</a></li>
$('.SlideLink').click(function() {
+
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
var ClickedSlide = $(this).attr('id');
+
</ul>
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
+
</div>
changeSlide(CurrentSlide);
+
<div id="logo">
});
+
<h1><a href="#">SweetCourse</a></h1>
+
<span>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></span> </div>
function changeSlide(num){
+
</div>
var SlideID = '#Slide' + num;
+
</div>
$('.Slides').css('display', 'none');
+
<div id="wrapper1">
$(SlideID).css('display', 'block');
+
<div id="welcome" class="container">
}
+
<div class="title">
});
+
<h2>Welcome to our website</h2>
</script>
+
<span class="byline">Mauris vulputate dolor sit amet nibh</span> </div>
</head>
+
<div class="content">
+
<p>This is <strong>SweetCourse</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
<body>
+
</div>
<section id="HomePageContent">
+
</div>
<div id="Slider">
+
</div>
<div id="Slide0" class="Slides current"></div>
+
<div id="wrapper3">
<div id="Slide1" class="Slides"></div>
+
<div id="wrapper-blog" class="container">
<div id="Slide2" class="Slides"></div>
+
<div id="post">
<div id="Slide3" class="Slides"></div>
+
<div class="post"> <span class="date">September 19, 2013</span> <img src="images/img01.jpg" class="image image-full" />
<div id="Slide4" class="Slides"></div>
+
<h2>Etiam malesuada rutrum enim</h2>
<div id="Slide5" class="Slides"></div>
+
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
+
</div>
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
+
<div class="post"> <span class="date">September 17, 2013</span> <img src="images/img02.jpg" class="image image-full" />
<ul id="BottomLinks">
+
<h2>Etiam malesuada rutrum enim</h2>
<li id="Link0" class="SlideLink">Background</li><li id="Link1" class="SlideLink">Problem</li><li id="Link2" class="SlideLink">Tools</li><li id="Link3" class="SlideLink">Inspiration</li><li id="Link4" class="SlideLink">Solution</li><li id="Link5" class="SlideLink">Impact</li>
+
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
 +
</div>
 +
<div class="post no-border"> <span class="date">September 15, 2013</span> <img src="images/img03.jpg" alt="" class="image image-full" />
 +
<h2>Etiam malesuada rutrum enim</h2>
 +
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
 +
</div>
 +
</div>
 +
<div id="list">
 +
<div id="lbox1">
 +
<ul class="style1">
 +
<li class="first">
 +
<h3>Amet sed volutpat mauris</h3>
 +
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
 +
</li>
 +
<li>
 +
<h3>Sagittis diam dolor sit amet</h3>
 +
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
 +
</li>
 +
<li>
 +
<h3>Maecenas luctus lectus</h3>
 +
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
 +
</li>
 +
<li>
 +
<h3>Fusce ultrices fringilla</h3>
 +
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
 +
</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
 
+
<div id="lbox2">
 
+
<h2>Posuere augue amet</h2>
<!--  Block of content 1 -->
+
<ul class="style2">
<table width="100%" cellspacing="0" height="500px">
+
<li><a href="#">Semper mod quis eget mi dolore</a></li>
<tr><td  bgColor="#f2f7fc"></td>
+
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
<td width="975px" align="center" bgColor="#f2f7fc" >
+
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
<table  width="975px"  cellspacing="0" height="500px">
+
<li><a href="#">Consequat etiam lorem phasellus</a></li>
<tr>
+
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
 
+
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">  
+
</ul>
 
+
</div>
<!-- Content goes here -->
+
<div id="lbox2">
 
+
<h2>Posuere augue amet</h2>
 
+
<ul class="style2">
<h3 style="color:#56A0D3;">Diabetes Mellitus</h3>
+
<li><a href="#">Semper mod quis eget mi dolore</a></li>
<p>Diabetes mellitus is prevalent throughout the world especially in the United States and Mexico. Current methods of treatments have largely remained the same. Patients prick their fingers to draw blood in order for a device to report their blood glucose levels. After the device gives them that information, they administer the appropriate amount of insulin to themselves. There has yet to be a unified system for the sensing of blood glucose levels and insulin administration. As a solution, we propose the following:</p>
+
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
<p style="color:#56A0D3;">The UNC Chapel Hill team has devised a protein controlled system in which E coli detects high glucose levels in its environment, and in response release one of two proteins, insulin or glucagon-like peptide-1 <br><font color="black">(Find out more at our <a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Project#background">project page</a>)</font> </p>
+
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
</td>
+
<li><a href="#">Consequat etiam lorem phasellus</a></li>
 
+
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
 
+
</ul>
 
+
</div>
 
+
</div>
</table>
+
</div>
 
+
</div>
 
+
<div id="wrapper2">
</td>
+
<div id="newsletter" class="container">
<td bgColor="#f2f7fc"></td>
+
<div class="title">
</tr>
+
<h2>Newsletter Signup</h2>
</table>
+
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
<!-- end of Block-->
+
<div class="content">
 
+
<form method="post" action="#">
 
+
<div class="row half">
 
+
<div class="6u">
<!--  Block of content 4 -->
+
<input type="text" class="text" name="name" placeholder="Name" />
<table width="100%" cellspacing="0" height="500px">
+
</div>
<tr>
+
<div class="6u">
<td  bgColor="#c9def2"></td>
+
<input type="text" class="text" name="email" placeholder="Email" />
<td width="975px" align="center" bgColor="#c9def2" >
+
</div>
 
+
</div>
<table  width="975px" cellspacing="0" height="500px">
+
<div class="row half">
<tr>
+
<div class="12u">
<td width="95%" bgColor="#c9def2" rowspan="3" align="center">  
+
<textarea name="message" placeholder="Message"></textarea>
<!-- Content goes here -->
+
</div>
 
+
</div>
<h3 style="color:#56A0D3;">Why did we choose this project?</h3>
+
<div class="row">
<p>In the National Diabetes Statistics Report of 2014 released by the National Center for Chronic Disease Prevention and Health Promotion it was reported that 29.1 million Americans (9.3% of the US population) have diabetes mellitus. The cost both direct and indirect of diabetes treatment is estimated to be 245 billion dollars, and the disease remains the 7th leading cause of premature death in the United States. With the prevalence of diabetes mellitus in the US population the 2014 UNC Chapel Hill iGEM team as part of a University that prides itself in serving "North Carolina, the United States, and the world through teaching, research, and public service" felt an obligation to address this problem</p>
+
<div class="12u"> <a href="#" class="button submit">Send Message</a> </div>
 
+
</div>
</td>
+
</form>
 
+
</div>
 
+
</div>
 
+
</div>
 
+
<div id="copyright">
</table>
+
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
</td>
+
</div>
<td bgColor="#c9def2"></td>
+
</body>
</tr>
+
</table>
+
<!-- end of Block-->
+
 
+
 
+
 
+
<!-- Final block of content -->
+
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
+
<tr>
+
<td  bgColor="#FFFFFF"></td>
+
<td width="975px" align="center" bgColor="#FFFFFF" >
+
 
+
<p>Here you can place the logos of your sponsors or other links!</p>
+
 
+
</td>
+
<td bgColor="#FFFFFF"></td>
+
</tr>
+
</table>
+
<!-- end of final block -->
+
 
+
<footer>
+
<a href="#" class="go-top">Top</a>
+
 
+
</footer>
+
 
</html>
 
</html>

Revision as of 21:43, 14 July 2015

Welcome to our website

This is SweetCourse, a free, fully standards-compliant CSS template designed by TEMPLATED. The photos in this template are from Fotogrph. This free template is released under the Creative Commons Attribution license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :)

September 19, 2013

Etiam malesuada rutrum enim

Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.

September 17, 2013

Etiam malesuada rutrum enim

Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.

September 15, 2013

Etiam malesuada rutrum enim

Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.

Newsletter Signup