|
|
Line 1: |
Line 1: |
| {{Florida State University}} | | {{Florida State University}} |
− | <--!DOCTYPE html-->
| |
− | <html lang="en">
| |
− | <head>
| |
− | <meta charset="UTF-8">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
− | <meta name="description" content="">
| |
− | <meta name="author" content="">
| |
− | <title>Florida State iGEM 2017</title>
| |
− | <!-- Favicons-->
| |
− | <link rel="shortcut icon" href="assets/images/favicon.png">
| |
− | <link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
| |
− | <link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
| |
− | <link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">
| |
− | <!-- Web Fonts-->
| |
− | <link href="https://fonts.googleapis.com/css?family=Poppins:500,600,700" rel="stylesheet">
| |
− | <link href="https://fonts.googleapis.com/css?family=Hind:400,600,700" rel="stylesheet">
| |
− | <link href="https://fonts.googleapis.com/css?family=Lora:400i" rel="stylesheet">
| |
− | <!-- Bootstrap core CSS-->
| |
− | <link href="http:2017.igem.org/Team:FSU/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <!-- Icon Fonts-->
| |
− | <link href="http:2017.igem.org/Team:FSU/css/font-awesome.min.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/linea-arrows.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/linea-icons.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <!-- Plugins-->
| |
− | <link href="https://2017.igem.org/Team:FSU/owl.carousel.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/flexslider.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/magnific-popup.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/vertical.min.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/pace-theme-minimal.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2017.igem.org/Team:FSU/animate.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <!-- Template core CSS-->
| |
− | <link href="https://2017.igem.org/Team:FSU/template.min.css?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <meta name="generator" content="MediaWiki 1.24.1" />
| |
− | <!--FIXES-->
| |
− | <link rel="shortcut icon" href="/favicon.ico" />
| |
− | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
| |
− | <link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
| |
− | <link rel="alternate" hreflang="x-default" href="/Team:FSU" />
| |
− | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| |
− | <link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| |
− | <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*;lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| |
− | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
| |
− | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]-->
| |
− | </head>
| |
− | <body>
| |
| | | |
− | <!-- Layout-->
| + | <!DOCTYPE html> |
− | <div class="layout">
| + | <html lang="en" dir="ltr" class="client-nojs"> |
| + | <head> |
| + | <meta charset="UTF-8" /> |
| + | <title>Team:FSU/Design - 2017.igem.org</title> |
| + | <meta name="generator" content="MediaWiki 1.24.1" /> |
| + | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:FSU/Design&action=edit" /> |
| + | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:FSU/Design&action=edit" /> |
| + | <link rel="shortcut icon" href="/favicon.ico" /> |
| + | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" /> |
| + | <link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" /> |
| + | <link rel="alternate" hreflang="x-default" href="/Team:FSU/Design" /> |
| + | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> |
| + | <link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> |
| + | <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" /> |
| + | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]--> |
| + | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" /> |
| + | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} |
| + | /* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style> |
| + | <script src="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script> |
| + | <script>if(window.mw){ |
| + | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:FSU/Design","wgTitle":"Team:FSU/Design","wgCurRevisionId":10254,"wgRevisionId":10254,"wgArticleId":4756,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Sshewan","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:FSU/Design","wgUserId":2019,"wgUserEditCount":84,"wgUserRegistration":1496696588000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}}); |
| + | }</script><script>if(window.mw){ |
| + | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0, |
| + | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"7df3588145c19ea3d519b1726b6dcb11+\\","patrolToken":"de3b613ed2bd137ba12101fb6026cdd1+\\","watchToken":"f5e17664b03d76a1d027c407e3b8e3a2+\\"});},{},{}); |
| + | /* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:e2e465ff22959397b6e01521f7cc6cca */ |
| + | }</script> |
| + | <script>if(window.mw){ |
| + | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]); |
| + | }</script> |
| + | </head> |
| + | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_FSU_Design skin-igem action-view"> |
| | | |
− | <!-- Header-->
| + | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> |
− | <header class="header header-center">
| + | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> |
− | <div class="container-fluid">
| + | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> |
− | <!-- Logos-->
| + | |
− | <div class="inner-header"><a class="inner-brand" href="index.html"><img class="brand-dark" src="assets/images/logo.png" width="77px" alt=""><img class="brand-light" src="assets/images/logo-light.png" width="77px" alt="">
| + | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2017_skin.js'></script> |
− | <!-- Or simple text-->
| + | |
− | <!-- Core--></a></div>
| + | |
− | <!-- Navigation-->
| + | <div id='globalWrapper'> |
− | <div class="inner-navigation collapse">
| + | <div id='top_menu_under' class='noprint'></div> |
− | <div class="inner-navigation-inline">
| + | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> |
− | <div class="inner-nav">
| + | <script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi', |
− | <ul>
| + | { t:"Team%3AFSU%2FDesign", |
− | <!-- Home-->
| + | a:"View+%2FTeam%3AFSU%2FDesign++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AFSU%2FDesign%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AFSU%2FDesign%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AFSU%2FDesign++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AFSU%2FDesign%26action%3Dwatch%26token%3D9e1b75fa47fa5246305ac956d88bc7ca%252B%255C++Page+%2FTeam%3AFSU%2FDesign++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AFSU%2FDesign%26action%3Dedit%26redlink%3D1++" }); |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Home</a>
| + | </script> |
− | <div class="mega-menu">
| + | |
− | <ul class="sub-menu mega-menu-row">
| + | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> |
− | <!-- Column 1-->
| + | <div id="content" class="mw-body" role="main"> |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
| + | <a id="top"></a> |
− | <ul class="sub-menu">
| + | |
− | <li><a href="index.html">Parallax Dark</a></li>
| + | <div id="top_title"> |
− | <li><a href="index-2.html">Parallax Light</a></li>
| + | <div class="logo_2017"> |
− | <li><a href="index-3.html">Parallax Gradient</a></li>
| + | <a href="https://2017.igem.org"> |
− | <li><a href="index-4.html">Full Screen Slider</a></li>
| + | <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px"> |
− | <li><a href="index-5.html">Text Rotator</a></li>
| + | </a> |
− | <li><a href="index-23.html">Scale</a></li>
| + | </div> |
− | <li><a href="index-24.html">Scale & opacity</a></li>
| + | |
− | <li><a href="index-27.html">Flexslider</a></li>
| + | <h1 id="firstHeading" class="firstHeading"> |
− | <li><a href="index-28.html">Ken burns Slider</a></li>
| + | <span dir="auto">Team:FSU</span> |
− | <li><a href="index-29.html">Ripples Full Screen</a></li>
| + | </h1> |
− | </ul>
| + | </div> |
− | </li>
| + | |
− | <!-- Column 2-->
| + | <div id="HQ_page"> |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Special</a>
| + | <div id="bodyContent"> |
− | <ul class="sub-menu">
| + | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> |
− | <li><a href="index-18.html">One Page</a></li>
| + | |
− | <li><a href="index-26.html">One Page 2</a></li>
| + | <script> |
− | <li><a href="index-21.html">Business</a></li>
| + | |
− | <li><a href="index-22.html">Startup</a></li>
| + | // This is the jquery part of your template. |
− | <li><a href="index-19.html">Portfolio Masonry</a></li>
| + | // Try not modify any of this code too much since it makes your menu work. |
− | <li><a href="index-20.html">Freelance Designer</a></li>
| + | |
− | <li><a href="index-25.html">New Agency</a></li>
| + | $(document).ready(function() { |
− | </ul>
| + | |
− | </li>
| + | $("#HQ_page").attr('id',''); |
− | <!-- Column 3-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Video</a>
| + | // call the functions that control the menu |
− | <ul class="sub-menu">
| + | menu_functionality(); |
− | <li><a href="index-7.html">Youtube Dark</a></li>
| + | hide_show_menu(); |
− | <li><a href="index-8.html">Youtube Light</a></li>
| + | |
− | <li><a href="index-9.html">Youtube Gradient</a></li>
| + | |
− | <li><a href="index-10.html">Vimeo Dark</a></li>
| + | |
− | <li><a href="index-11.html">Vimeo Light</a></li>
| + | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols |
− | <li><a href="index-12.html">Vimeo Gradient</a></li>
| + | function menu_functionality() { |
− | <li><a href="index-6.html">Local Video</a></li>
| + | |
− | </ul>
| + | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu |
− | </li>
| + | $(".menu_button").click(function(){ |
− | <!-- Column 4-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Small</a>
| + | // add or remove the class "open" , this class holds the "-" |
− | <ul class="sub-menu">
| + | $(this).children().toggleClass("open"); |
− | <li><a href="index-13.html">Dark Small</a></li>
| + | // show or hide the submenu |
− | <li><a href="index-14.html">Light Small</a></li>
| + | $(this).next('.submenu_wrapper').fadeToggle(400); |
− | <li><a href="index-15.html">Gradient Small</a></li>
| + | }); |
− | <li><a href="index-16.html">Youtube Small</a></li>
| + | |
− | <li><a href="index-17.html">Vimeo Small</a></li>
| + | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu |
− | <li><a href="index-30.html">Ripples</a></li>
| + | $("#display_menu_control").click(function(){ |
− | </ul>
| + | $('#menu_content').fadeToggle(400); |
− | </li>
| + | }); |
− | </ul>
| + | |
− | </div>
| + | // call the current page highlight function |
− | </li>
| + | highlight_current_page(); |
− | <!-- Home end-->
| + | } |
− | <!-- Pages-->
| + | |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Pages</a>
| + | |
− | <div class="mega-menu">
| + | // call the highlight current page function to show it on the menu with a different background color |
− | <ul class="sub-menu mega-menu-row">
| + | function highlight_current_page() { |
− | <!-- Column 1-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
| + | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color |
− | <ul class="sub-menu">
| + | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); |
− | <li><a href="about.html">About Us 1</a></li>
| + | |
− | <li><a href="about-2.html">About Us 2</a></li>
| + | // now that the current_page class has been added to a menu item, make the submenu fade in |
− | <li><a href="services.html">Services 1</a></li>
| + | $(".current_page").parents(".submenu_wrapper").fadeIn(400); |
− | <li><a href="services-2.html">Services 2</a></li>
| + | // change the +/- symbol of the corresponding menu button |
− | <li><a href="services-3.html">Services 3</a></li>
| + | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); |
− | <li><a href="pricing-1.html">Pricing</a></li>
| + | |
− | <li><a href="faq.html">FAQ</a></li>
| + | } |
− | </ul>
| + | |
− | </li>
| + | |
− | <!-- Column 2-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Secondary</a>
| + | // allow button on the black menu bar to show/hide the side menu |
− | <ul class="sub-menu">
| + | function hide_show_menu() { |
− | <li><a href="contact-1.html">Contact</a></li>
| + | |
− | <li><a href="contact-2.html">Map Contact</a></li>
| + | // in case you preview mode is selected, the menu is hidden for better visibility |
− | <li><a href="contact-3.html">Image Contact</a></li>
| + | if (window.location.href.indexOf("submit") >= 0) { |
− | <li><a href="nav-left.html">Left Nav</a></li>
| + | $(".igem_2017_menu_wrapper").hide(); |
− | <li><a href="index.html">Center Nav</a></li>
| + | } |
− | <li><a href="nav-right.html">Right Nav</a></li>
| + | |
− | </ul>
| + | // if the black menu bar has been loaded |
− | </li>
| + | if (document.getElementById('bars_item')) { |
− | </ul>
| + | |
− | </div>
| + | // when the "bars_item" has been clicked |
− | </li>
| + | $("#bars_item").click(function() { |
− | <!-- Pages end-->
| + | $("#sideMenu").hide(); |
− | <!-- Portfolio-->
| + | |
− | <li class="menu-item-has-children"><a href="#">Human Practives</a>
| + | // show/hide the menu wrapper |
− | <ul class="sub-menu">
| + | $(".igem_2017_menu_wrapper").fadeToggle("100"); |
− | <li class="menu-item-has-children"><a href="#">Outreach</a>
| + | }); |
− | <ul class="sub-menu">
| + | } |
− | <li><a href="portfolio-classic-2-col.html">Education</a></li>
| + | |
− | <li><a href="portfolio-classic-3-col.html">Comunity Involvement</a></li>
| + | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet |
− | </ul>
| + | else { |
− | </li>
| + | setTimeout(hide_show_menu, 15); |
− | <li class="menu-item-has-children"><a href="#">Patient Research</a>
| + | } |
− | <ul class="sub-menu">
| + | } |
− | <li><a href="portfolio-grid-3-col.html">What We Learned</a></li>
| + | |
− | <li><a href="portfolio-grid-4-col.html">How It Was Applied to Our Project</a></li>
| + | |
− | </ul>
| + | }); |
− | </li>
| + | |
− | <li class="menu-item-has-children"><a href="#">Masonry</a>
| + | |
− | <ul class="sub-menu">
| + | </script> |
− | <li><a href="portfolio-masonry-3-col.html">3 Columns</a></li>
| + | |
− | <li><a href="portfolio-masonry-4-col.html">4 Columns</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="menu-item-has-children"><a href="#">Standard</a>
| + | |
− | <ul class="sub-menu">
| + | <style> |
− | <li><a href="portfolio-standard-3-col.html">3 Columns</a></li>
| + | |
− | <li><a href="portfolio-standard-4-col.html">4 Columns</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
− | <li class="menu-item-has-children"><a href="#">Single Work</a>
| + | |
− | <ul class="sub-menu">
| + | /* Clear the default wiki settings */ |
− | <li><a href="portfolio-single-1.html">Small Images</a></li>
| + | |
− | <li><a href="portfolio-single-2.html">Small Slider</a></li>
| + | #home_logo, #sideMenu { display:none; } |
− | <li><a href="portfolio-single-3.html">Big Images</a></li>
| + | #sideMenu, #top_title, .patrollink {display:none;} |
− | <li><a href="portfolio-single-4.html">Big Slider</a></li>
| + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} |
− | <li><a href="portfolio-single-5.html">Gallery</a></li>
| + | body {background-color:white; } |
− | </ul>
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <!-- Portfolio end-->
| + | |
− | <!-- Blog-->
| + | /**************************************************************** MENU ***************************************************************/ |
− | <li class="menu-item-has-children"><a href="#">Blog</a>
| + | /* Wrapper for the menu */ |
− | <ul class="sub-menu">
| + | .igem_2017_menu_wrapper { |
− | <li class="menu-item-has-children"><a href="#">Classic</a>
| + | width: 15%; |
− | <ul class="sub-menu">
| + | height:100vh; |
− | <li><a href="blog.html">Sidebar Right</a></li>
| + | position:fixed; |
− | <li><a href="blog-2.html">Sidebar Left</a></li>
| + | right:0%; |
− | <li><a href="blog-3.html">Full width <span class="label label-brand">New</span></a></li>
| + | padding:0px; |
− | </ul>
| + | float:right; |
− | </li>
| + | border-left: 1px solid #d3d3d3; |
− | <li class="menu-item-has-children"><a href="#">Grid</a>
| + | background-color:#dddddd; |
− | <ul class="sub-menu">
| + | text-align:left; |
− | <li><a href="blog-grid.html">2 Columns</a></li>
| + | font-family:Tahoma, Geneva, sans-serif; |
− | <li><a href="blog-grid-2.html">3 Columns</a></li>
| + | overflow-y: auto; |
− | </ul>
| + | overflow-x: hidden; |
− | </li>
| + | } |
− | <li class="menu-item-has-children"><a href="#">Masonry</a>
| + | |
− | <ul class="sub-menu">
| + | /* this hides the scrollbar to keep view consistency */ |
− | <li><a href="blog-masonry.html">2 Columns</a></li>
| + | .igem_2017_menu_wrappe::-webkit-scrollbar { |
− | <li><a href="blog-masonry-2.html">3 Columns</a></li>
| + | display: none; |
− | </ul>
| + | } |
− | </li>
| + | |
− | <li><a href="blog-magazine.html">Magazine <span class="label label-brand">New</span></a></li>
| + | |
− | <li class="menu-item-has-children"><a href="#">Single Post</a>
| + | /* styling for links in the menu, removes the line under text */ |
− | <ul class="sub-menu">
| + | .igem_2017_menu_wrapper a { |
− | <li><a href="blog-single.html">Single Post 1</a></li>
| + | text-decoration: none; |
− | <li><a href="blog-single-2.html">Single Post 2</a></li>
| + | } |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | /* styling for the images in the menu */ |
− | </li>
| + | .igem_2017_menu_wrapper img { |
− | <!-- Blog end-->
| + | width: 100%; |
− | <!-- Shop-->
| + | } |
− | <li class="menu-item-has-children"><a href="#">Shop</a>
| + | |
− | <ul class="sub-menu">
| + | /* styling for the menu buttons */ |
− | <li><a href="shop-masonry.html">Shop Masonry</a></li>
| + | .igem_2017_menu_wrapper .menu_button { |
− | <li><a href="shop-grid-2.html">Shop 2 Columns</a></li>
| + | width: 100%; |
− | <li><a href="shop-grid-3.html">Shop 3 Columns</a></li>
| + | padding: 10px 0px 10px 15px; |
− | <li><a href="shop-grid-4.html">Shop 4 Columns</a></li>
| + | float:left; |
− | <li><a href="shop-product.html">Single Product</a></li>
| + | border-bottom: 1px solid #d3d3d3; |
− | <li><a href="shop-checkout.html">Checkout</a></li>
| + | font-size: 12px; |
− | </ul>
| + | font-weight: bold; |
− | </li>
| + | color: #5e5f5f; |
− | <!-- Shop end-->
| + | cursor: pointer; |
− | <!-- Mega menu-->
| + | } |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Shortcodes</a>
| + | |
− | <div class="mega-menu">
| + | |
− | <ul class="sub-menu mega-menu-row">
| + | .igem_2017_menu_wrapper .menu_bottom_padding { |
− | <!-- Column 1-->
| + | width: 100%; |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 1</a>
| + | height: 30px; |
− | <ul class="sub-menu">
| + | float:left; |
− | <li><a href="shortcodes-buttons.html"><i class="fa fa-link"></i> Buttons</a></li>
| + | } |
− | <li><a href="shortcodes-tabs.html"><i class="fa fa-columns"></i> Tabbed Content</a></li>
| + | |
− | <li><a href="shortcodes-bars.html"><i class="fa fa-tachometer"></i> Progress Bars</a></li>
| + | .menu_button.direct_to_page { |
− | <li><a href="shortcodes-accordions.html"><i class="fa fa-plus-circle"></i> Accordions</a></li>
| + | padding-left: 36px; |
− | <li><a href="shortcodes-alerts.html"><i class="fa fa-columns"></i> Alerts</a></li>
| + | } |
− | <li><a href="shortcodes-forms.html"><i class="fa fa-align-justify"></i> Form Inputs</a></li>
| + | |
− | <li><a href="shortcodes-iconbox.html"><i class="fa fa-th-large"></i> Icon Boxes</a></li>
| + | |
− | </ul>
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { |
− | </li>
| + | width:10%; |
− | <!-- Column 2-->
| + | float:left; |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 2</a>
| + | } |
− | <ul class="sub-menu">
| + | |
− | <li><a href="shortcodes-modals.html"><i class="fa fa-search-plus"></i> Modals</a></li>
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { |
− | <li><a href="shortcodes-modules.html"><i class="fa fa-object-ungroup"></i> Parallax</a></li>
| + | content: "+"; |
− | <li><a href="shortcodes-pricing.html"><i class="fa fa-dollar"></i> Pricing Options</a></li>
| + | } |
− | <li><a href="shortcodes-piechart.html"><i class="fa fa-pie-chart"></i> Pie charts</a></li>
| + | |
− | <li><a href="shortcodes-clients.html"><i class="fa fa-diamond"></i> Clients</a></li>
| + | .open::before { |
− | <li><a href="shortcodes-sliders.html"><i class="fa fa-image"></i> Sliders</a></li>
| + | content: "-" !important; |
− | <li><a href="shortcodes-widgets.html"><i class="fa fa-heart"></i> Widgets</a></li>
| + | } |
− | </ul>
| + | |
− | </li>
| + | |
− | <!-- Column 3-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 3</a>
| + | /* styling for the menu buttons on hover */ |
− | <ul class="sub-menu">
| + | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { |
− | <li><a href="shortcodes-grid.html"><i class="fa fa-table"></i> Grid</a></li>
| + | background-color: #3399ff; |
− | <li><a href="shortcodes-typography.html"><i class="fa fa-font"></i> Typography</a></li>
| + | text-decoration: none; |
− | <li><a href="shortcodes-video.html"><i class="fa fa-youtube-play"></i> Video Players</a></li>
| + | color:#ffffff; |
− | <li><a href="shortcodes-video-backgrounds.html"><i class="fa fa-youtube-play"></i> Video Backgrounds</a></li>
| + | } |
− | <li><a href="shortcodes-special-headings.html"><i class="fa fa-header"></i> Special Headings</a></li>
| + | |
− | <li><a href="shortcodes-testimonials.html"><i class="fa fa-send"></i> Testimonials</a></li>
| + | /* styling for the menu button when it is the current page */ |
− | <li><a href="shortcodes-chart.html"><i class="fa fa-line-chart"></i> Chart</a></li>
| + | .current_page { |
− | </ul>
| + | background-color:#7fc1f7 !important; |
− | </li>
| + | color:#5e5f5f !important; |
− | </ul>
| + | } |
− | </div>
| + | |
− | </li>
| + | |
− | <!-- Mega menu end-->
| + | /* styling for the submenu buttons */ |
− | <!-- Simple-->
| + | .igem_2017_menu_wrapper .submenu_button { |
− | <li><a href="start.html">All Demos</a></li>
| + | width: 100%; |
− | </ul>
| + | padding: 10px 0px 10px 34px; |
− | </div>
| + | float:left; |
− | </div>
| + | background-color:#f2f2f2; |
− | </div>
| + | border-bottom: 1px solid #d3d3d3; |
− | <!-- Extra menu-->
| + | font-size: 12px; |
− | <div class="extra-nav">
| + | color: #5e5f5f; |
− | <ul>
| + | cursor: pointer; |
− | <li><a class="open-offcanvas" href="#"><span>Menu</span><span class="fa fa-bars"></span></a></li>
| + | } |
− | </ul>
| + | |
− | </div>
| + | /* wrapper for the submenu items, they are hidden by default*/ |
− | <!-- Mobile menu-->
| + | .igem_2017_menu_wrapper .submenu_wrapper { |
− | <div class="nav-toogle"><a href="#" data-toggle="collapse" data-target=".inner-navigation"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a></div>
| + | display:none; |
| + | } |
| + | |
| + | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ |
| + | .igem_2017_menu_wrapper #display_menu_control { |
| + | display:none; |
| + | text-align:center; |
| + | } |
| + | |
| + | |
| + | /***************************************************** CONTENT OF THE PAGE ****************************************************/ |
| + | |
| + | /* Wrapper for the content */ |
| + | .igem_2017_content_wrapper { |
| + | width: 81%; |
| + | margin: 2%; |
| + | display:block; |
| + | float:left; |
| + | background-color:white; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| + | } |
| + | |
| + | |
| + | /********************************* HTML STYLING *********************************/ |
| + | |
| + | /* styling for the titles h1 h2 */ |
| + | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { |
| + | padding:5px 15px; |
| + | border-bottom: 0px; |
| + | color: #3399ff; |
| + | } |
| + | |
| + | |
| + | /* styling for the titles h3 h4 h5 h6*/ |
| + | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { |
| + | padding:5px 15px; |
| + | border-bottom:0px; |
| + | color: #000000; |
| + | } |
| + | |
| + | |
| + | /* font and text */ |
| + | .igem_2017_content_wrapper p { |
| + | padding: 0px 15px; |
| + | font-size: 13px; |
| + | } |
| + | |
| + | /* Links */ |
| + | .igem_2017_content_wrapper a { |
| + | font-weight: bold; |
| + | text-decoration: underline; |
| + | text-decoration-color: #3399ff; |
| + | color: #3399ff; |
| + | -webkit-transition: all 0.4s ease; |
| + | -moz-transition: all 0.4s ease; |
| + | -ms-transition: all 0.4s ease; |
| + | -o-transition: all 0.4s ease; |
| + | transition: all 0.4s ease; |
| + | } |
| + | |
| + | /* hover for the links */ |
| + | .igem_2017_content_wrapper a:hover { |
| + | text-decoration:none; |
| + | color:#000000; |
| + | } |
| + | |
| + | /* non numbered lists */ |
| + | .igem_2017_content_wrapper ul { |
| + | padding:0px 20px; |
| + | font-size: 13px; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| + | } |
| + | |
| + | /* numbered lists */ |
| + | .igem_2017_content_wrapper ol { |
| + | padding:0px; |
| + | font-size: 13px; |
| + | font-family:Tahoma, Geneva, sans-serif; |
| + | } |
| + | |
| + | /* Table */ |
| + | .igem_2017_content_wrapper table { |
| + | width: 97%; |
| + | margin:15px 10px; |
| + | border: 1px solid #d3d3d3; |
| + | border-collapse: collapse; |
| + | } |
| + | |
| + | /* table cells */ |
| + | .igem_2017_content_wrapper td { |
| + | padding: 10px; |
| + | vertical-align: text-top; |
| + | border: 1px solid #d3d3d3; |
| + | border-collapse: collapse; |
| + | } |
| + | |
| + | /* table headers */ |
| + | .igem_2017_content_wrapper th { |
| + | padding: 10px; |
| + | vertical-align: text-top; |
| + | border: 1px solid #d3d3d3; |
| + | border-collapse: collapse; |
| + | background-color:#f2f2f2; |
| + | } |
| + | |
| + | |
| + | /**********************************LAYOUT CLASSES **********************************/ |
| + | |
| + | /* general class for column divs */ |
| + | .igem_2017_content_wrapper .column { |
| + | padding: 10px 0px; |
| + | float:left; |
| + | } |
| + | |
| + | /* class for a full width column */ |
| + | .column .full_size { |
| + | width:100%; |
| + | } |
| + | |
| + | /* styling for images in a full width column*/ |
| + | .column.full_size img { |
| + | width:97%; |
| + | padding: 10px 15px; |
| + | } |
| + | |
| + | /* class for a half width column */ |
| + | .column.half_size { |
| + | width: 50%; |
| + | } |
| + | /* styling for images in a half width column*/ |
| + | .column.half_size img { |
| + | width: 94.5%; |
| + | padding: 10px 15px; |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | /********************************* SUPPORT CLASSES ********************************/ |
| + | |
| + | /* class that clears content below*/ |
| + | .igem_2017_content_wrapper .clear { |
| + | clear:both; |
| + | } |
| + | |
| + | |
| + | /* adds extra spacing when clearing content */ |
| + | .igem_2017_content_wrapper .clear.extra_space { |
| + | height: 30px; |
| + | } |
| + | |
| + | |
| + | /* highlight class, makes content slightly smaller */ |
| + | .igem_2017_content_wrapper .highlight { |
| + | margin: 0px 15px; |
| + | padding: 15px 0px; |
| + | } |
| + | |
| + | |
| + | /* highlight class, adds a gray background */ |
| + | .igem_2017_content_wrapper .highlight.gray { |
| + | background-color: #f2f2f2; |
| + | } |
| + | |
| + | /* highlight with decoration blue line on top */ |
| + | .igem_2017_content_wrapper .highlight.blue_top { |
| + | border-top: 4px solid #3399ff; |
| + | } |
| + | |
| + | /* highlight with a full blue border decoration */ |
| + | .igem_2017_content_wrapper .highlight.blue_border { |
| + | border: 4px solid #3399ff; |
| + | } |
| + | |
| + | |
| + | /* button class */ |
| + | .igem_2017_content_wrapper .button{ |
| + | max-width: 35%; |
| + | margin: 30px auto; |
| + | padding: 12px 10px; |
| + | background-color: #3399ff; |
| + | text-align: center; |
| + | color: #ffffff; |
| + | -webkit-transition: all 0.4s ease; |
| + | -moz-transition: all 0.4s ease; |
| + | -ms-transition: all 0.4s ease; |
| + | -o-transition: all 0.4s ease; transition: all 0.4s ease; |
| + | } |
| + | |
| + | /* styling for button on hover */ |
| + | .igem_2017_content_wrapper .button:hover{ |
| + | background-color: #3399ff; |
| + | color: #000000; |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | /***************************************************** RESPONSIVE STYLING ****************************************************/ |
| + | |
| + | /* IF THE SCREEN IS LESS THAN 1200PX */ |
| + | @media only screen and (max-width: 1200px) { |
| + | |
| + | #content {width:100%; } |
| + | .igem_2017_menu_wrapper {width:15%; right:0;} |
| + | .highlight {padding:10px 0px;} |
| + | .igem_2017_menu_wrapper #display_menu_control { display:none; } |
| + | #menu_content { display:block;} |
| + | .menu_button.direct_to_page {padding-left: 17px;} |
| + | |
| + | } |
| + | |
| + | /* IF THE SCREEN IS LESS THAN 800PX */ |
| + | @media only screen and (max-width: 800px) { |
| + | |
| + | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} |
| + | .igem_2017_content_wrapper {width:100%; margin-left:0px;} |
| + | .column.half_size {width:100%; } |
| + | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} |
| + | .highlight {padding:15px 5px;} |
| + | .igem_2017_menu_wrapper #display_menu_control { display:block; } |
| + | #menu_content { display:none;} |
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } |
| + | .menu_bottom_padding {display:none;} |
| + | .menu_button.direct_to_page { padding-left: 36px; } |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | /* special class that the system uses to make sure the team wants a page to be evaluated */ |
| + | .judges-will-not-evaluate { |
| + | width: 96.6%; |
| + | margin: 5px 15px; |
| + | display: block; |
| + | border: 4px solid #3399ff; |
| + | font-weight: bold; |
| + | } |
| + | |
| + | </style> |
| + | |
| + | |
| + | <!--- THIS IS WHERE THE HTML BEGINS ---> |
| + | |
| + | |
| + | |
| + | <head> |
| + | |
| + | <!-- This tells the browser that your page is responsive --> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| + | |
| + | </head> |
| + | |
| + | |
| + | |
| + | <div class="igem_2017_menu_wrapper" > |
| + | |
| + | |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU"> |
| + | <img src="http://placehold.it/350x150"> |
| + | </a> |
| + | |
| + | |
| + | <!-- this div is hidden by default and will only be displayed if the screen size is too small --> |
| + | <div class="menu_button" id="display_menu_control"> |
| + | MENU |
| + | </div> |
| + | |
| + | <div id="menu_content"> |
| + | |
| + | |
| + | |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU"> |
| + | <div class="menu_button direct_to_page"> |
| + | HOME |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | |
| + | <div class="menu_button"> |
| + | <div class="expand_collapse_icon"> </div> TEAM |
| + | </div> |
| + | |
| + | <div class="submenu_wrapper" id="team_submenu"> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Team"> |
| + | <div class="submenu_button" id="Team_page"> |
| + | Team |
| </div> | | </div> |
− | </header> | + | </a> |
− | <!-- Header end-->
| + | |
| | | |
− | <!-- Wrapper--> | + | <a href="https://2017.igem.org/Team:FSU/Collaborations"> |
− | <div class="wrapper">
| + | <div class="submenu_button" id="Collaborations_page"> |
| + | Collaborations |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | </div> |
| | | |
− | <!-- Page Header-->
| |
− | <section class="flexslider kenburns full-height">
| |
− | <ul class="slides">
| |
− | <li class="bg-dark bg-dark-30">
| |
− | <div class="slide-background" data-background="assets/images/module-21.jpg"></div>
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <h1 class="h1">Florida State University</h1>
| |
− | <h1 class="h1 m-b-20">iGEM 2017</h1>
| |
− | <p class="m-b-40">OVER AND OUT</p>
| |
− | <p><a class="btn btn-circle btn-lg btn-brand" href="#">< Press Play ></a></p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | <li class="bg-dark bg-dark-30">
| |
− | <div class="slide-background" data-background="assets/images/module-26.jpg"></div>
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <h1 class="h1">Core Template</h1>
| |
− | <h1 class="h1 m-b-20">Unleash Your Potential</h1>
| |
− | <p class="m-b-40">Core is elegant website template based on Bootstrap 4 framework.</p>
| |
− | <p><a class="btn btn-circle btn-lg btn-brand" href="#">Let’s get started!</a></p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </section>
| |
− | <!-- Page Header end-->
| |
| | | |
− | <!-- Services-->
| + | |
− | <section class="module">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="icon-box text-center">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-pencil-ruler"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Excellent Designs</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
| + | |
− | </div>
| + | |
− | <div class="icon-box-link"><a href="#">Take a tour</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="icon-box text-center">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-paperplane"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Fully Responsive</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
| + | |
− | </div>
| + | |
− | <div class="icon-box-link"><a href="#">Take a tour</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="icon-box text-center">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-heart"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>User Friendly</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
| + | |
− | </div>
| + | |
− | <div class="icon-box-link"><a href="#">Take a tour</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="icon-box text-center">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-server-download"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Free Updates</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
| + | |
− | </div>
| + | |
− | <div class="icon-box-link"><a href="#">Take a tour</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="m-b-100"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Services end-->
| + | |
| | | |
− | <!-- Notebooks-->
| + | <div class="menu_button"> |
− | <section class="module module-gray p-0">
| + | <div class="expand_collapse_icon"> </div> PROJECT |
− | <div class="container-fluid">
| + | </div> |
− | <div class="row">
| + | |
− | <div class="col-md-12 text-center"><img class="bb" src="assets/images/notebooks.png" alt=""></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Notebooks end-->
| + | |
| | | |
− | <!-- Bars-->
| + | <!-- project submenu --> |
− | <section class="module module-gray p-t-0">
| + | <div class="submenu_wrapper"> |
− | <div class="container">
| + | |
− | <div class="row">
| + | <a href="https://2017.igem.org/Team:FSU/Description"> |
− | <div class="col-md-6">
| + | <div class="submenu_button" id="Description_page"> |
− | <div class="progress-item">
| + | Description |
− | <div class="progress-title">Gulp</div>
| + | </div> |
− | <div class="progress">
| + | </a> |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="60" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="progress-item">
| + | |
− | <div class="progress-title">UX Design</div>
| + | |
− | <div class="progress">
| + | |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="80" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="progress-item">
| + | |
− | <div class="progress-title">HTML / CSS3 / SASS</div>
| + | |
− | <div class="progress">
| + | |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="50" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-6">
| + | |
− | <div class="progress-item">
| + | |
− | <div class="progress-title">Gulp</div>
| + | |
− | <div class="progress">
| + | |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="60" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="progress-item">
| + | |
− | <div class="progress-title">UX Design</div>
| + | |
− | <div class="progress">
| + | |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="80" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="progress-item">
| + | |
− | <div class="progress-title">HTML / CSS3 / SASS</div>
| + | |
− | <div class="progress">
| + | |
− | <div class="progress-bar progress-bar-brand" aria-valuenow="50" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Bars end-->
| + | |
| | | |
− | <!-- Portfolio-->
| + | <a href="https://2017.igem.org/Team:FSU/Design"> |
− | <section class="module p-b-0">
| + | <div class="submenu_button" id="Design_page"> |
− | <div class="container">
| + | Design |
− | <div class="row">
| + | </div> |
− | <div class="col-md-8 offset-md-2">
| + | </a> |
− | <div class="module-title text-center">
| + | |
− | <h2>Case Studies</h2>
| + | |
− | <p class="font-serif">An eye for detail makes our works excellent.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Portfolio-->
| + | |
− | <section class="module module-divider-bottom p-0">
| + | |
− | <div class="container-fluid">
| + | |
− | <div class="row row-portfolio-filter">
| + | |
− | <div class="col-md-12">
| + | |
− | <ul class="filters h5" id="filters">
| + | |
− | <li><a class="current" href="#" data-filter="*">All</a></li>
| + | |
− | <li><a href="#" data-filter=".branding">Branding</a></li>
| + | |
− | <li><a href="#" data-filter=".design">Design</a></li>
| + | |
− | <li><a href="#" data-filter=".photo">Photo</a></li>
| + | |
− | <li><a href="#" data-filter=".web">Web</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row row-portfolio" date-portfolio-type="standard" data-columns="3">
| + | |
− | <div class="grid-sizer"></div>
| + | |
− | <div class="portfolio-item branding photo undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-1.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">Mutualismi</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Branding</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | <div class="portfolio-item web design undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-7.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">The Perfume</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Design</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | <div class="portfolio-item photo web undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-3.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">Bumblebee Icons</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Design</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | <div class="portfolio-item design branding undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-4.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">Greedy Emperor</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Design</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | <div class="portfolio-item design photo undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-5.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">Bluetooth Speaker</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Design</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | <div class="portfolio-item branding web undefined">
| + | |
− | <div class="portfolio-wrapper">
| + | |
− | <img src="assets/images/portfolio/img-6.jpg" alt="">
| + | |
− | <div class="portfolio-overlay"></div>
| + | |
− | </div>
| + | |
− | <div class="portfolio-caption">
| + | |
− | <h5 class="portfolio-title">Candy Icons</h5>
| + | |
− | <div class="portfolio-subtitle font-serif">Design</div>
| + | |
− | </div><a class="portfolio-link" href="portfolio-single.html"></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Portfolio end-->
| + | |
| | | |
− | <!-- Services-->
| + | <a href="https://2017.igem.org/Team:FSU/Experiments"> |
− | <section class="module module-divider-bottom">
| + | <div class="submenu_button" id="Experiments_page"> |
− | <div class="container">
| + | Experiments |
− | <div class="row">
| + | </div> |
− | <div class="col-md-4">
| + | </a> |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-webpage-multiple"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Excellent Designs</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-target"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Fully Responsive</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-cards-diamonds"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Unlimited Colors</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-anchor"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>User Friendly</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-spread-text"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Google Web Fonts</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-picture-multiple"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Free Updates</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Services end-->
| + | |
| | | |
− | <!-- Team-->
| |
− | <section class="module">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-8 offset-md-2">
| |
− | <div class="module-title text-center">
| |
− | <h2>Team</h2>
| |
− | <p class="font-serif">We’re the best professionals in this field.</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="col-md-4">
| |
− | <div class="team-item m-b-30">
| |
− | <div class="team-image"><img src="assets/images/team/1.jpg" alt="">
| |
− | <div class="team-content">
| |
− | <h5>Jason Ford</h5>
| |
− | <p>Designer</p>
| |
− | </div>
| |
− | <div class="team-content-social">
| |
− | <ul>
| |
− | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-vine"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-instagram"></i></a></li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | <div class="team-item m-b-30">
| |
− | <div class="team-image"><img src="assets/images/team/2.jpg" alt="">
| |
− | <div class="team-content">
| |
− | <h5>Michael Andrews</h5>
| |
− | <p>Developer</p>
| |
− | </div>
| |
− | <div class="team-content-social">
| |
− | <ul>
| |
− | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-vine"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-instagram"></i></a></li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-4">
| |
− | <div class="team-item m-b-30">
| |
− | <div class="team-image"><img src="assets/images/team/3.jpg" alt="">
| |
− | <div class="team-content">
| |
− | <h5>Samuel Banks</h5>
| |
− | <p>Developer</p>
| |
− | </div>
| |
− | <div class="team-content-social">
| |
− | <ul>
| |
− | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-vine"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-instagram"></i></a></li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- Team end-->
| |
| | | |
− | <!-- Testimonials-->
| + | <a href="https://2017.igem.org/Team:FSU/Notebook"> |
− | <section class="module parallax bg-dark bg-dark-30" data-background="assets/images/module-4.jpg">
| + | <div class="submenu_button" id="Notebook_page"> |
− | <div class="container">
| + | Notebook |
− | <div class="row">
| + | </div> |
− | <div class="col-md-6 offset-md-3">
| + | </a> |
− | <div class="tms-slides owl-carousel">
| + | |
− | <div class="tms-item">
| + | |
− | <div class="tms-icons">
| + | |
− | <h2><span class="icon icon-basic-message-multiple"></span></h2>
| + | |
− | </div>
| + | |
− | <div class="tms-content">
| + | |
− | <blockquote>
| + | |
− | <p>“If you want to know what a man's like, take a good look at how he treats his inferiors, not his equals.”</p>
| + | |
− | </blockquote>
| + | |
− | </div>
| + | |
− | <div class="tms-author"><span>J.K. Rowling</span></div>
| + | |
− | </div>
| + | |
− | <div class="tms-item">
| + | |
− | <div class="tms-icons">
| + | |
− | <h2><span class="icon icon-basic-message-multiple"></span></h2>
| + | |
− | </div>
| + | |
− | <div class="tms-content">
| + | |
− | <blockquote>
| + | |
− | <p>“To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.”</p>
| + | |
− | </blockquote>
| + | |
− | </div>
| + | |
− | <div class="tms-author"><span>Ralph Waldo Emerson</span></div>
| + | |
− | </div>
| + | |
− | <div class="tms-item">
| + | |
− | <div class="tms-icons">
| + | |
− | <h2><span class="icon icon-basic-message-multiple"></span></h2>
| + | |
− | </div>
| + | |
− | <div class="tms-content">
| + | |
− | <blockquote>
| + | |
− | <p>“Imperfection is beauty, madness is genius and it's better to be absolutely ridiculous than absolutely boring.”</p>
| + | |
− | </blockquote>
| + | |
− | </div>
| + | |
− | <div class="tms-author"><span>Marilyn Monroe</span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Testimonials end-->
| + | |
| | | |
− | <!-- Clients-->
| + | <a href="https://2017.igem.org/Team:FSU/InterLab"> |
− | <section class="module-sm module-gray">
| + | <div class="submenu_button" id="InterLab_page"> |
− | <div class="container">
| + | InterLab |
− | <div class="row">
| + | </div> |
− | <div class="col-md-12">
| + | </a> |
− | <div class="owl-carousel clients-carousel" data-carousel-options="{"items":"4"}">
| + | |
− | <div class="client"><img src="assets/images/clients/logo-1.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-2.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-3.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-7.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-6.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-5.png" alt=""></div>
| + | |
− | <div class="client"><img src="assets/images/clients/logo-3.png" alt=""></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Clients end-->
| + | |
| | | |
− | <!-- Alt Services-->
| + | <a href="https://2017.igem.org/Team:FSU/Contribution"> |
− | <section class="module module-divider-bottom">
| + | <div class="submenu_button" id="Contribution_page"> |
− | <div class="container">
| + | Contribution |
− | <div class="row">
| + | </div> |
− | <div class="col-md-8 offset-md-2">
| + | </a> |
− | <div class="module-title text-center">
| + | |
− | <h2>Over and Out</h2>
| + | |
− | <p class="font-serif">A little about our project and our purpose.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="m-t-30"></div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-webpage-multiple"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>70 million</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>There are a projected 70 million patients worldwide who suffer from Celiac Disease, most have been misdiagnosed or are untreated.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-target"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Fully Responsive</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-cards-diamonds"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Unlimited Colors</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 hidden-sm-down">
| + | |
− | <div class="text-center"><img src="assets/images/iphone.png" alt=""></div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4">
| + | |
− | <div class="m-t-30"></div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-anchor"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>User Friendly</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-spread-text"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Google Web Fonts</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="icon-box icon-box-left">
| + | |
− | <div class="icon-box-icon"><span class="icon icon-basic-picture-multiple"></span></div>
| + | |
− | <div class="icon-box-title">
| + | |
− | <h6>Free Updates</h6>
| + | |
− | </div>
| + | |
− | <div class="icon-box-content">
| + | |
− | <p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Alt Services end-->
| + | |
| | | |
− | <!-- News-->
| + | <a href="https://2017.igem.org/Team:FSU/Model"> |
− | <section class="module">
| + | <div class="submenu_button" id="Model_page"> |
− | <div class="container">
| + | Model |
− | <div class="row">
| + | </div> |
− | <div class="col-md-8 offset-md-2">
| + | </a> |
− | <div class="module-title text-center">
| + | |
− | <h2>Our News</h2>
| + | |
− | <p class="font-serif">We share our best ideas in our blog.</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row blog-grid">
| + | |
− | <div class="col-md-4 post-item">
| + | |
| | | |
− | <!-- Post-->
| + | <a href="https://2017.igem.org/Team:FSU/Results"> |
− | <article class="post">
| + | <div class="submenu_button" id="Results_page"> |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/1.jpg" alt=""></a></div>
| + | Results |
− | <div class="post-wrapper">
| + | </div> |
− | <div class="post-header">
| + | </a> |
− | <h2 class="post-title"><a href="blog-single.html">Group Session Moments</a></h2>
| + | |
− | <ul class="post-meta h5">
| + | |
− | <li>August 18, 2016</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="post-content">
| + | |
− | <p>Marianne or husbands if at stronger ye. Considered is as middletons uncommonly. Promotion perfectly ye consisted so. His chatty dining for effect ladies active.</p>
| + | |
− | </div>
| + | |
− | <div class="post-more"><a href="#">Read More →</a></div>
| + | |
− | </div>
| + | |
− | </article>
| + | |
− | <!-- Post end-->
| + | |
− | </div>
| + | |
− | <div class="col-md-4 post-item">
| + | |
| | | |
− | <!-- Post-->
| |
− | <article class="post">
| |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/2.jpg" alt=""></a></div>
| |
− | <div class="post-wrapper">
| |
− | <div class="post-header">
| |
− | <h2 class="post-title"><a href="blog-single.html">Minimalist Chandelier</a></h2>
| |
− | <ul class="post-meta h5">
| |
− | <li>August 18, 2016</li>
| |
− | </ul>
| |
− | </div>
| |
− | <div class="post-content">
| |
− | <p>Depending listening delivered off new she procuring satisfied sex existence. Person plenty answer to exeter it if. Law use assistance especially resolution.</p>
| |
− | </div>
| |
− | <div class="post-more"><a href="#">Read More →</a></div>
| |
− | </div>
| |
− | </article>
| |
− | <!-- Post end-->
| |
− | </div>
| |
− | <div class="col-md-4 post-item">
| |
| | | |
− | <!-- Post-->
| + | <a href="https://2017.igem.org/Team:FSU/Demonstrate"> |
− | <article class="post">
| + | <div class="submenu_button" id="Demonstrate_page"> |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/3.jpg" alt=""></a></div>
| + | Demonstrate |
− | <div class="post-wrapper">
| + | </div> |
− | <div class="post-header">
| + | </a> |
− | <h2 class="post-title"><a href="blog-single.html">Green Land Sport Season</a></h2>
| + | |
− | <ul class="post-meta h5">
| + | |
− | <li>August 18, 2016</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="post-content">
| + | |
− | <p>Marianne or husbands if at stronger ye. Considered is as middletons uncommonly. Promotion perfectly ye consisted so. His chatty dining for effect ladies active.</p>
| + | |
− | </div>
| + | |
− | <div class="post-more"><a href="#">Read More →</a></div>
| + | |
− | </div>
| + | |
− | </article>
| + | |
− | <!-- Post end-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="row m-t-50">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="text-center"><a class="btn btn-lg btn-circle btn-brand" href="#">Visit blog</a></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- News end-->
| + | |
| | | |
− | <!-- Counters-->
| + | <a href="https://2017.igem.org/Team:FSU/Improve"> |
− | <section class="module module-gray p-b-0">
| + | <div class="submenu_button" id="Improve_page"> |
− | <div class="container">
| + | Improve |
− | <div class="row">
| + | </div> |
− | <div class="col-md-3">
| + | </a> |
− | <div class="counter h6">
| + | |
− | <div class="counter-number">
| + | |
− | <div class="counter-timer" data-from="0" data-to="250">0</div>
| + | |
− | </div>
| + | |
− | <div class="counter-title">Happy Clients</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="counter h6">
| + | |
− | <div class="counter-number">
| + | |
− | <div class="counter-timer" data-from="0" data-to="132">0</div>
| + | |
− | </div>
| + | |
− | <div class="counter-title">Theme Users</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="counter h6">
| + | |
− | <div class="counter-number">
| + | |
− | <div class="counter-timer" data-from="0" data-to="34">0</div>
| + | |
− | </div>
| + | |
− | <div class="counter-title">Awards won</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3">
| + | |
− | <div class="counter h6">
| + | |
− | <div class="counter-number">
| + | |
− | <div class="counter-timer" data-from="0" data-to="340">0</div>
| + | |
− | </div>
| + | |
− | <div class="counter-title">Total downloads</div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Counters end-->
| + | |
| | | |
− | <!-- Footer Image-->
| + | <a href="https://2017.igem.org/Team:FSU/Attributions"> |
− | <section class="module module-gray p-b-0">
| + | <div class="submenu_button" id="Attributions_page"> |
− | <div class="container-fluid">
| + | Attributions |
− | <div class="row">
| + | </div> |
− | <div class="col-md-12">
| + | </a> |
− | <div class="text-center"><img src="assets/images/module-18.jpg" alt=""></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <!-- Footer Image end-->
| + | |
| | | |
− | <!-- Footer-->
| + | </div> |
− | <footer class="footer">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-6 col-lg-3">
| + | |
− | <!-- Text widget-->
| + | |
− | <aside class="widget widget_text">
| + | |
− | <div class="textwidget">
| + | |
− | <p><img src="assets/images/logo-light.png" width="100" alt=""></p>
| + | |
− | <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat.</p>E-mail: <a href="mailto:support@core.com">support@core.com</a> <br/>
| + | |
− | Phone: 8 800 123 4567 <br/>
| + | |
− | Fax: 8 800 123 4567 <br/>
| + | |
− | </div>
| + | |
− | </aside>
| + | |
− | </div>
| + | |
− | <div class="col-md-6 col-lg-3">
| + | |
− | <!-- Recent entries widget-->
| + | |
− | <aside class="widget widget_recent_entries">
| + | |
− | <div class="widget-title">
| + | |
− | <h5>Recent Posts</h5>
| + | |
− | </div>
| + | |
− | <ul>
| + | |
− | <li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">May 8, 2016</span></li>
| + | |
− | <li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">April 7, 2016</span></li>
| + | |
− | <li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">April 7, 2016</span></li>
| + | |
− | </ul>
| + | |
− | </aside>
| + | |
− | </div>
| + | |
− | <div class="col-md-6 col-lg-3">
| + | |
− | <!-- Twitter widget-->
| + | |
− | <aside class="widget twitter-feed-widget">
| + | |
− | <div class="widget-title">
| + | |
− | <h5>Twitter Feed</h5>
| + | |
− | </div>
| + | |
− | <div class="twitter-feed" data-twitter="345170787868762112" data-number="2"></div>
| + | |
− | </aside>
| + | |
− | </div>
| + | |
− | <div class="col-md-6 col-lg-3">
| + | |
− | <!-- Tags widget-->
| + | |
− | <aside class="widget widget_tag_cloud">
| + | |
− | <div class="widget-title">
| + | |
− | <h5>Tags</h5>
| + | |
− | </div>
| + | |
− | <div class="tagcloud"><a href="#">Design</a><a href="#">Travel</a><a href="#">Startup</a><a href="#">Music</a><a href="#">Portfolio</a><a href="#">Responsive</a></div>
| + | |
− | </aside>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="footer-copyright">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="text-center"><span class="copyright">© 2017 Core, All Rights Reserved. Design with love by <a href="http://2the.me/">2the.me</a></span></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </footer>
| + | |
− | <!-- Footer end-->
| + | |
| | | |
− | <a class="scroll-top" href="#top"><i class="fa fa-angle-up"></i></a>
| + | |
− | </div>
| + | |
− | <!-- Wrapper end-->
| + | |
| + | |
| | | |
| + | <div class="menu_button"> |
| + | <div class="expand_collapse_icon"> </div> PARTS |
| </div> | | </div> |
− | <!-- Layout end--> | + | |
| + | <!-- parts submenu --> |
| + | <div class="submenu_wrapper"> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Parts"> |
| + | <div class="submenu_button" id="Parts_page"> |
| + | Parts |
| + | </div> |
| + | </a> |
| | | |
− | <!-- Off canvas-->
| + | <a href="https://2017.igem.org/Team:FSU/Basic_Part"> |
− | <div class="off-canvas-sidebar">
| + | <div class="submenu_button" id="Basic_Part_page"> |
− | <div class="off-canvas-sidebar-wrapper"> | + | Basic Parts |
− | <div class="off-canvas-header"><a class="close-offcanvas" href="#"><span class="arrows arrows-arrows-remove"></span></a></div>
| + | |
− | <div class="off-canvas-content">
| + | |
− | <!-- Text widget-->
| + | |
− | <aside class="widget widget_text">
| + | |
− | <div class="textwidget">
| + | |
− | <p class="text-center"><img src="assets/images/logo-light.png" width="100" alt=""></p>
| + | |
− | </div>
| + | |
− | </aside>
| + | |
− | <!-- Text widget-->
| + | |
− | <aside class="widget widget_text">
| + | |
− | <div class="textwidget">
| + | |
− | <p class="text-center"><img src="assets/images/offcanvas.jpg" alt=""></p>
| + | |
− | </div>
| + | |
− | </aside> | + | |
− | <!-- Navmenu widget-->
| + | |
− | <aside class="widget widget_nav_menu">
| + | |
− | <ul class="menu">
| + | |
− | <li class="menu-item menu-item-has-children"><a href="#">Home</a></li>
| + | |
− | <li class="menu-item"><a href="#">About Us</a></li>
| + | |
− | <li class="menu-item"><a href="#">Services</a></li>
| + | |
− | <li class="menu-item"><a href="#">Portfolio</a></li>
| + | |
− | <li class="menu-item"><a href="#">Blog</a></li>
| + | |
− | <li class="menu-item"><a href="#">Shortcodes</a></li>
| + | |
− | </ul>
| + | |
− | </aside>
| + | |
− | <ul class="social-icons">
| + | |
− | <li><a href="#"><i class="fa fa-facebook"></i></a></li>
| + | |
− | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| + | |
− | <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
| + | |
− | <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
| + | |
− | <li><a href="#"><i class="fa fa-vk"></i></a></li>
| + | |
− | </ul>
| + | |
| </div> | | </div> |
− | </div> | + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Composite_Part"> |
| + | <div class="submenu_button" id="Composite_Part_page"> |
| + | Composite Parts |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Part_Collection"> |
| + | <div class="submenu_button" id="Part_Collection_page"> |
| + | Part Collection |
| + | </div> |
| + | </a> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Safety"> |
| + | <div class="menu_button direct_to_page"> |
| + | SAFETY |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div class="menu_button" > |
| + | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES |
| + | </div> |
| + | |
| + | <!-- human practices submenu --> |
| + | <div class="submenu_wrapper"> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/HP/Silver"> |
| + | <div class="submenu_button" id="Silver_page"> |
| + | Silver HP |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/HP/Gold_Integrated"> |
| + | <div class="submenu_button" id="Gold_Integrated_page"> |
| + | Integrated and Gold |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Engagement"> |
| + | <div class="submenu_button" id="Engagement_page"> |
| + | Public Engagement |
| + | </div> |
| + | </a> |
| + | |
| </div> | | </div> |
− | <!-- Off canvas end-->
| |
| | | |
− | <!-- Scripts--> | + | |
− | <script src="https://2017.igem.org/Team:FSU/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | + | <div class="menu_button"> |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
| + | <div class="expand_collapse_icon"> </div> AWARDS |
− | <script src="assets/bootstrap/js/bootstrap.min.js"></script>
| + | </div> |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
| + | |
− | <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA0rANX07hh6ASNKdBr4mZH0KZSqbHYc3Q"></script> | + | <!-- awards submenu --> |
− | <script src="https://2017.igem.org/Team:FSU/plugins.min.js?action=raw&ctype=text/javascript"></script>
| + | <div class="submenu_wrapper"> |
− | <script src="https://2017.igem.org/Team:FSU/charts.js?action=raw&ctype=text/javascript"></script>
| + | |
− | <script src="https://2017.igem.org/Team:FSU/custom.min.js?action=raw&ctype=text/javascript"></script>
| + | <a href="https://2017.igem.org/Team:FSU/Applied_Design"> |
− | <!-- Color Switcher (Remove these lines)-->
| + | <div class="submenu_button" id="Applied_Design_page"> |
− | <!--<script src="assets/js/style-switcher.min.js"></script>-->
| + | Applied Design |
− | </body>
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Entrepreneurship"> |
| + | <div class="submenu_button" id="Entrepreneurship_page"> |
| + | Entrepreneurship |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Hardware"> |
| + | <div class="submenu_button" id="Hardware_page"> |
| + | Hardware |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Measurement"> |
| + | <div class="submenu_button" id="Measurement_page"> |
| + | Measurement |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Model"> |
| + | <div class="submenu_button" id="Model_page"> |
| + | Model |
| + | </div> |
| + | </a> |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Plant"> |
| + | <div class="submenu_button" id="Plant_page"> |
| + | Plant |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | <a href="https://2017.igem.org/Team:FSU/Software"> |
| + | <div class="submenu_button" id="Software_page"> |
| + | Software |
| + | </div> |
| + | </a> |
| + | |
| + | </div> |
| + | |
| + | <a href="https://igem.org/2017_Judging_Form?team=FSU"> |
| + | <div class="menu_button direct_to_page"> |
| + | JUDGING FORM |
| + | </div> |
| + | </a> |
| + | |
| + | |
| + | |
| + | <div class="menu_bottom_padding" > |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | <!-- start of content --> |
| + | <div class="igem_2017_content_wrapper"> |
| + | <h1>FSU</h1> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div class="column full_size"> |
| + | <h1>Project Description</h1> |
| + | <p> |
| + | There are 70 million people worldwide currently suffering from Celiac Disease. |
| + | </p> |
| + | |
| + | <p> |
| + | What we are going to do about it. |
| + | </p> |
| + | |
| + | <p> |
| + | Methods. |
| + | </p> |
| + | |
| + | </div> |
| + | |
| + | <div class="column half_size"> |
| + | <h5>What should this page contain?</h5> |
| + | <ul> |
| + | <li>Explanation of the engineering principles your team used in your design</li> |
| + | <li>Discussion of the design iterations your team went through</li> |
| + | <li>Experimental plan to test your designs</li> |
| + | </ul> |
| + | |
| + | </div> |
| + | |
| + | <div class="column half_size"> |
| + | <h5>Inspiration</h5> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li> |
| + | <li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li> |
| + | <li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li> |
| + | </ul> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </p> |
| + | <!-- |
| + | NewPP limit report |
| + | CPU time usage: 0.006 seconds |
| + | Real time usage: 0.006 seconds |
| + | Preprocessor visited node count: 9/1000000 |
| + | Preprocessor generated node count: 42/1000000 |
| + | Post‐expand include size: 41/2097152 bytes |
| + | Template argument size: 0/2097152 bytes |
| + | Highest expansion depth: 2/40 |
| + | Expensive parser function count: 0/100 |
| + | --> |
| + | |
| + | <!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:4756-0!*!*!*!*!*!* and timestamp 20170627201505 and revision id 10254 |
| + | --> |
| + | </div> <div class="visualClear"></div> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | <!-- Side Menubar --> |
| + | <div id="sideMenu"> |
| + | <a href="https://2017.igem.org"> |
| + | <div id="home_logo" > |
| + | <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg"> |
| + | </div> |
| + | </a> |
| + | |
| + | <div style="clear:both; height:5px;"></div> |
| + | |
| + | <div id="menuDisplay"></div> <!- Menu will be loaded here -> |
| + | </div> |
| + | |
| + | <!-- Pop_Why Div is definded here --> |
| + | <div class="pop_why_cover"></div> |
| + | |
| + | <div class="pop_why_box" > |
| + | <div class="pop_close">× </div> |
| + | <div class="pop_why_content"><h3> Loading ... </h3></div> |
| + | </div> |
| + | |
| + | </div> |
| </html> | | </html> |