Difference between revisions of "Team:UMass-Dartmouth"
Line 1: | Line 1: | ||
[[File: Team_UMass-Dartmouth_banner.jpg]] | [[File: Team_UMass-Dartmouth_banner.jpg]] | ||
+ | |||
+ | <!--SELF CODING--> | ||
+ | <HTML> | ||
+ | |||
+ | <!--START CSS CODE--> | ||
+ | <STYLE TYPE="TEXT/CSS"> | ||
+ | |||
+ | <!--TAB FIVE SPACES--> | ||
+ | <!--FOR EACH SUB-SECTION--> | ||
+ | <!--OF CODE!--> | ||
+ | .pageSize { | ||
+ | <!--insert CSS code--> | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | .navBar { | ||
+ | <!--insert CSS code--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .backDrop { | ||
+ | <!--insert CSS code--> | ||
+ | background-color: | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .bgPhoto { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/0/02/UMassD_igem.png'); | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | </STYLE> | ||
+ | <!--END CSS CODE--> | ||
+ | |||
+ | |||
+ | <!--INSERT SOURCE SITES--> | ||
+ | <HEAD> | ||
+ | |||
+ | <!--TAB FIVE SPACES(i.e. this is <div=class"firstLine">--> | ||
+ | <!--FOR EACH SUB-SECTION--> | ||
+ | <!--OF CODE!--> | ||
+ | |||
+ | </HEAD> | ||
+ | <!--END SOURCE SITES--> | ||
+ | |||
+ | |||
+ | <!--INSERT TEXT AND IMAGES--> | ||
+ | <BODY> | ||
+ | |||
+ | <!--TAB FIVE SPACES--> | ||
+ | <!--FOR EACH SUB-SECTION--> | ||
+ | <!--OF CODE!--> | ||
+ | <div class="pageSize"> | ||
+ | <!--insert coding for changing wiki page size--> | ||
+ | </div> | ||
+ | |||
+ | <div class="navBar"> | ||
+ | <!--insert coding for navigation bar--> | ||
+ | <div class="container"> | ||
+ | <ul class="pull-left"> | ||
+ | <a href= "#"><li>Home Page</li></a> | ||
+ | <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject"><li>Our Project</li></a> | ||
+ | <ul> | ||
+ | <a href= "link"><li>Parts</li><a> | ||
+ | <a href= "link"><li>About H. Pylori</li><a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div align | ||
+ | </div> | ||
+ | |||
+ | <div class="backDrop"> | ||
+ | <!--insert coding for background colors and style (UMD Color Palette: https://color.adobe.com/my/libraries/all)--> | ||
+ | </div> | ||
+ | |||
+ | <div class="bgPhoto"> | ||
+ | <!--insert coding for photos (Evan's idea: sample6.com)--> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </BODY> | ||
+ | <!--END TEXT AND IMAGES--> | ||
+ | </HTML> | ||
+ | =============================================================================================================== | ||
+ | <!--EXAMPLE FROM CODECADEMY.COM--> | ||
+ | <HTML> | ||
+ | |||
+ | <!--START CSS*--> | ||
+ | <STYLE TYPE="TEXT/CSS"> | ||
+ | .navigate a { | ||
+ | color: #5a5a5a; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | padding: 14px 10px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .navigate li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .bigpic { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/0/02/UMassD_igem.png'); | ||
+ | height: 600px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | .bigpic .container { | ||
+ | position: relative; | ||
+ | top:100px; | ||
+ | } | ||
+ | |||
+ | .bigpic h1 { | ||
+ | color: #fff; | ||
+ | font-size: 48px; | ||
+ | font-family: 'Shift', sans-serif; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .bigpic p { | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .learn-more { | ||
+ | background-color: #f7f7f7; | ||
+ | } | ||
+ | |||
+ | .learn-more h3 { | ||
+ | font-family: 'Shift', sans-serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .learn-more a { | ||
+ | color: #00b0ff; | ||
+ | } | ||
+ | |||
+ | .overview{ | ||
+ | background-color: #efefef | ||
+ | border-bottom: 1px solid #dbdbdb | ||
+ | } | ||
+ | |||
+ | .overview h2{ | ||
+ | color:#393c3d | ||
+ | font-size: 24px | ||
+ | } | ||
+ | |||
+ | .overview p{ | ||
+ | font-size: 15px | ||
+ | margin-bottom: 13px | ||
+ | } | ||
+ | /*END CSS*/ | ||
+ | </STYLE> | ||
+ | |||
+ | |||
+ | <!--HTML CODING STARTS--> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> | ||
+ | <link href="http://code.jquery.com/jquery-1.11.3.js> | ||
+ | <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"> | ||
+ | <link rel="stylesheet" href="main.css"> | ||
+ | |||
+ | </head> | ||
+ | <!--HEAD ENDS--> | ||
+ | |||
+ | |||
+ | <!--PAGE TEXTS AND IMAGES STARTS--> | ||
+ | <body> | ||
+ | * | ||
+ | * | ||
+ | <div class="navigate"> | ||
+ | <div class="container"> | ||
+ | <ul class="pull-left"> | ||
+ | |||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">About Us</a></li> | ||
+ | |||
+ | <!--</ul>--> | ||
+ | <!--<ul class="pull-right">--> | ||
+ | |||
+ | <li><a href="#">About Our Project</a></li> | ||
+ | <li><a href="#">Contact Us</a></li> | ||
+ | <li><a href="#">Help</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | * | ||
+ | * | ||
+ | <div class="bigpic"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <h1>Sythetic Biology Club</h1> | ||
+ | <p>UMass Dartmouth is in the building...browser...!</p> | ||
+ | <a href="#">Learn More</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | * | ||
+ | * | ||
+ | <div class="overview"> | ||
+ | <div class="container"> | ||
+ | |||
+ | <h2>Overview of Our Project</h2> | ||
+ | <p>Helicobacter Pylori (H. pylori) is a bacteria that dwells in our digestive system mainly around the stomach. Blah blah more words will go here eventually.</p> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | |||
+ | <img src="https://microbewiki.kenyon.edu/images/thumb/2/24/H.pylori.gif/400px-H.pylori.gif"> | ||
+ | |||
+ | </div> | ||
+ | <div class="thumbnail"> | ||
+ | |||
+ | <img src="INSERT PHOTO HERE!"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | |||
+ | <img src="INSERT PHOTO HERE!"> | ||
+ | |||
+ | </div> | ||
+ | <div class="thumbnail"> | ||
+ | |||
+ | <img src="INSERT PHOTO HERE!"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4"> | ||
+ | <div class="thumbnail"> | ||
+ | |||
+ | <img src="INSERT PHOTO HERE!"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | * | ||
+ | * | ||
+ | <div class="learn-more"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class= "col-md-2"> | ||
+ | |||
+ | <h3>The UMD Team</h3> | ||
+ | <p>We couldn't have even imagined a project without our creative, intelligent, hardworking team.</p> | ||
+ | <p><a href="#">MEET US</a></p> | ||
+ | |||
+ | </div> | ||
+ | <div> | ||
+ | |||
+ | <h3>Our Sponsors</h3> | ||
+ | <p>We want to thank all of those who have contributed so much to our project!</p> | ||
+ | <p><a href="#">SPONSOR PAGE</a></p> | ||
+ | |||
+ | </div> | ||
+ | <div> | ||
+ | |||
+ | <h3>Learn More</h3> | ||
+ | <p>Insert Text about being pretty cool here</p> | ||
+ | <p><a href="#">LEARN MORE</a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | <!--PAGE TEXTS AND IMAGES ENDS--> | ||
+ | |||
+ | </HTML> | ||
+ | ======================================================================== | ||
<html> | <html> | ||
<h1 align="center">The Synthetic Biology Club </h1> | <h1 align="center">The Synthetic Biology Club </h1> |
Revision as of 16:44, 9 July 2015