|
|
Line 1: |
Line 1: |
| {{Florida State University}} | | {{Florida State University}} |
− | <html lang="en"> | + | <html> |
− | <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>Core - Template</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="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
| + | |
− | <!-- Icon Fonts-->
| + | |
− | <link href="assets/css/font-awesome.min.css" rel="stylesheet">
| + | |
− | <link href="assets/css/linea-arrows.css" rel="stylesheet">
| + | |
− | <link href="assets/css/linea-icons.css" rel="stylesheet">
| + | |
− | <!-- Plugins-->
| + | |
− | <link href="assets/css/owl.carousel.css" rel="stylesheet">
| + | |
− | <link href="assets/css/flexslider.css" rel="stylesheet">
| + | |
− | <link href="assets/css/magnific-popup.css" rel="stylesheet">
| + | |
− | <link href="assets/css/vertical.min.css" rel="stylesheet">
| + | |
− | <link href="assets/css/pace-theme-minimal.css" rel="stylesheet">
| + | |
− | <link href="assets/css/animate.css" rel="stylesheet">
| + | |
− | <!-- Template core CSS-->
| + | |
− | <link href="assets/css/template.min.css" rel="stylesheet">
| + | |
− | </head>
| + | |
− | <body>
| + | |
| | | |
− | <!-- Layout-->
| + | <script> |
− | <div class="layout">
| + | |
| | | |
− | <!-- Header-->
| + | // This is the jquery part of your template. |
− | <header class="header header-center">
| + | // Try not modify any of this code too much since it makes your menu work. |
− | <div class="container-fluid">
| + | |
− | <!-- Logos-->
| + | $(document).ready(function() { |
− | <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="">
| + | |
− | <!-- Or simple text-->
| + | $("#HQ_page").attr('id',''); |
− | <!-- Core--></a></div>
| + | |
− | <!-- Navigation-->
| + | // call the functions that control the menu |
− | <div class="inner-navigation collapse">
| + | menu_functionality(); |
− | <div class="inner-navigation-inline">
| + | hide_show_menu(); |
− | <div class="inner-nav">
| + | |
− | <ul>
| + | |
− | <!-- Home-->
| + | |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Home</a>
| + | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols |
− | <div class="mega-menu">
| + | function menu_functionality() { |
− | <ul class="sub-menu mega-menu-row">
| + | |
− | <!-- Column 1-->
| + | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
| + | $(".menu_button").click(function(){ |
− | <ul class="sub-menu">
| + | |
− | <li><a href="index.html">Parallax Dark</a></li>
| + | // add or remove the class "open" , this class holds the "-" |
− | <li><a href="index-2.html">Parallax Light</a></li>
| + | $(this).children().toggleClass("open"); |
− | <li><a href="index-3.html">Parallax Gradient</a></li>
| + | // show or hide the submenu |
− | <li><a href="index-4.html">Full Screen Slider</a></li>
| + | $(this).next('.submenu_wrapper').fadeToggle(400); |
− | <li><a href="index-5.html">Text Rotator</a></li>
| + | }); |
− | <li><a href="index-23.html">Scale</a></li>
| + | |
− | <li><a href="index-24.html">Scale & opacity</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-27.html">Flexslider</a></li>
| + | $("#display_menu_control").click(function(){ |
− | <li><a href="index-28.html">Ken burns Slider</a></li>
| + | $('#menu_content').fadeToggle(400); |
− | <li><a href="index-29.html">Ripples Full Screen</a></li>
| + | }); |
− | </ul>
| + | |
− | </li>
| + | // call the current page highlight function |
− | <!-- Column 2-->
| + | highlight_current_page(); |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Special</a>
| + | } |
− | <ul class="sub-menu">
| + | |
− | <li><a href="index-18.html">One Page</a></li>
| + | |
− | <li><a href="index-26.html">One Page 2</a></li>
| + | // call the highlight current page function to show it on the menu with a different background color |
− | <li><a href="index-21.html">Business</a></li>
| + | function highlight_current_page() { |
− | <li><a href="index-22.html">Startup</a></li>
| + | |
− | <li><a href="index-19.html">Portfolio Masonry</a></li>
| + | // 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 |
− | <li><a href="index-20.html">Freelance Designer</a></li>
| + | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); |
− | <li><a href="index-25.html">New Agency</a></li>
| + | |
− | </ul>
| + | // now that the current_page class has been added to a menu item, make the submenu fade in |
− | </li>
| + | $(".current_page").parents(".submenu_wrapper").fadeIn(400); |
− | <!-- Column 3-->
| + | // change the +/- symbol of the corresponding menu button |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Video</a>
| + | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); |
− | <ul class="sub-menu">
| + | |
− | <li><a href="index-7.html">Youtube Dark</a></li>
| + | } |
− | <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>
| + | // allow button on the black menu bar to show/hide the side menu |
− | <li><a href="index-12.html">Vimeo Gradient</a></li>
| + | function hide_show_menu() { |
− | <li><a href="index-6.html">Local Video</a></li>
| + | |
− | </ul>
| + | // in case you preview mode is selected, the menu is hidden for better visibility |
− | </li>
| + | if (window.location.href.indexOf("submit") >= 0) { |
− | <!-- Column 4-->
| + | $(".igem_2017_menu_wrapper").hide(); |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Small</a>
| + | } |
− | <ul class="sub-menu">
| + | |
− | <li><a href="index-13.html">Dark Small</a></li>
| + | // if the black menu bar has been loaded |
− | <li><a href="index-14.html">Light Small</a></li>
| + | if (document.getElementById('bars_item')) { |
− | <li><a href="index-15.html">Gradient Small</a></li>
| + | |
− | <li><a href="index-16.html">Youtube Small</a></li>
| + | // when the "bars_item" has been clicked |
− | <li><a href="index-17.html">Vimeo Small</a></li>
| + | $("#bars_item").click(function() { |
− | <li><a href="index-30.html">Ripples</a></li>
| + | $("#sideMenu").hide(); |
− | </ul>
| + | |
− | </li>
| + | // show/hide the menu wrapper |
− | </ul>
| + | $(".igem_2017_menu_wrapper").fadeToggle("100"); |
− | </div>
| + | }); |
− | </li>
| + | } |
− | <!-- Home end-->
| + | |
− | <!-- Pages-->
| + | // 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 |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Pages</a>
| + | else { |
− | <div class="mega-menu">
| + | setTimeout(hide_show_menu, 15); |
− | <ul class="sub-menu mega-menu-row">
| + | } |
− | <!-- Column 1-->
| + | } |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
| + | |
− | <ul class="sub-menu">
| + | |
− | <li><a href="about.html">About Us 1</a></li>
| + | }); |
− | <li><a href="about-2.html">About Us 2</a></li>
| + | |
− | <li><a href="services.html">Services 1</a></li>
| + | |
− | <li><a href="services-2.html">Services 2</a></li>
| + | </script> |
− | <li><a href="services-3.html">Services 3</a></li>
| + | |
− | <li><a href="pricing-1.html">Pricing</a></li>
| + | |
− | <li><a href="faq.html">FAQ</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <!-- Column 2-->
| + | <style> |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Secondary</a>
| + | |
− | <ul class="sub-menu">
| + | |
− | <li><a href="contact-1.html">Contact</a></li>
| + | |
− | <li><a href="contact-2.html">Map Contact</a></li>
| + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
− | <li><a href="contact-3.html">Image Contact</a></li>
| + | |
− | <li><a href="nav-left.html">Left Nav</a></li>
| + | /* Clear the default wiki settings */ |
− | <li><a href="index.html">Center Nav</a></li>
| + | |
− | <li><a href="nav-right.html">Right Nav</a></li>
| + | #home_logo, #sideMenu { display:none; } |
− | </ul>
| + | #sideMenu, #top_title, .patrollink {display:none;} |
− | </li>
| + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} |
− | </ul>
| + | body {background-color:white; } |
− | </div>
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
− | </li>
| + | |
− | <!-- Pages end-->
| + | |
− | <!-- Portfolio-->
| + | |
− | <li class="menu-item-has-children"><a href="#">Portfolio</a>
| + | |
− | <ul class="sub-menu">
| + | /**************************************************************** MENU ***************************************************************/ |
− | <li class="menu-item-has-children"><a href="#">Gallery</a>
| + | /* Wrapper for the menu */ |
− | <ul class="sub-menu">
| + | .igem_2017_menu_wrapper { |
− | <li><a href="portfolio-classic-2-col.html">2 Columns</a></li>
| + | width: 15%; |
− | <li><a href="portfolio-classic-3-col.html">3 Columns</a></li>
| + | height:100vh; |
− | </ul>
| + | position:fixed; |
− | </li>
| + | right:0%; |
− | <li class="menu-item-has-children"><a href="#">Grid</a>
| + | padding:0px; |
− | <ul class="sub-menu">
| + | float:right; |
− | <li><a href="portfolio-grid-3-col.html">3 Columns</a></li>
| + | border-left: 1px solid #d3d3d3; |
− | <li><a href="portfolio-grid-4-col.html">4 Columns</a></li>
| + | background-color:#dddddd; |
− | </ul>
| + | text-align:left; |
− | </li>
| + | font-family:Tahoma, Geneva, sans-serif; |
− | <li class="menu-item-has-children"><a href="#">Masonry</a>
| + | overflow-y: auto; |
− | <ul class="sub-menu">
| + | overflow-x: hidden; |
− | <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>
| + | /* this hides the scrollbar to keep view consistency */ |
− | </li>
| + | .igem_2017_menu_wrappe::-webkit-scrollbar { |
− | <li class="menu-item-has-children"><a href="#">Standard</a>
| + | display: none; |
− | <ul class="sub-menu">
| + | } |
− | <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>
| + | /* styling for links in the menu, removes the line under text */ |
− | </li>
| + | .igem_2017_menu_wrapper a { |
− | <li class="menu-item-has-children"><a href="#">Single Work</a>
| + | text-decoration: none; |
− | <ul class="sub-menu">
| + | } |
− | <li><a href="portfolio-single-1.html">Small Images</a></li>
| + | |
− | <li><a href="portfolio-single-2.html">Small Slider</a></li>
| + | |
− | <li><a href="portfolio-single-3.html">Big Images</a></li>
| + | /* styling for the images in the menu */ |
− | <li><a href="portfolio-single-4.html">Big Slider</a></li>
| + | .igem_2017_menu_wrapper img { |
− | <li><a href="portfolio-single-5.html">Gallery</a></li>
| + | width: 100%; |
− | </ul>
| + | } |
− | </li>
| + | |
− | </ul>
| + | /* styling for the menu buttons */ |
− | </li>
| + | .igem_2017_menu_wrapper .menu_button { |
− | <!-- Portfolio end-->
| + | width: 100%; |
− | <!-- Blog-->
| + | padding: 10px 0px 10px 15px; |
− | <li class="menu-item-has-children"><a href="#">Blog</a>
| + | float:left; |
− | <ul class="sub-menu">
| + | border-bottom: 1px solid #d3d3d3; |
− | <li class="menu-item-has-children"><a href="#">Classic</a>
| + | font-size: 12px; |
− | <ul class="sub-menu">
| + | font-weight: bold; |
− | <li><a href="blog.html">Sidebar Right</a></li>
| + | color: #5e5f5f; |
− | <li><a href="blog-2.html">Sidebar Left</a></li>
| + | cursor: pointer; |
− | <li><a href="blog-3.html">Full width <span class="label label-brand">New</span></a></li>
| + | } |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="menu-item-has-children"><a href="#">Grid</a>
| + | .igem_2017_menu_wrapper .menu_bottom_padding { |
− | <ul class="sub-menu">
| + | width: 100%; |
− | <li><a href="blog-grid.html">2 Columns</a></li>
| + | height: 30px; |
− | <li><a href="blog-grid-2.html">3 Columns</a></li>
| + | float:left; |
− | </ul>
| + | } |
− | </li>
| + | |
− | <li class="menu-item-has-children"><a href="#">Masonry</a>
| + | .menu_button.direct_to_page { |
− | <ul class="sub-menu">
| + | padding-left: 36px; |
− | <li><a href="blog-masonry.html">2 Columns</a></li>
| + | } |
− | <li><a href="blog-masonry-2.html">3 Columns</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { |
− | <li><a href="blog-magazine.html">Magazine <span class="label label-brand">New</span></a></li>
| + | width:10%; |
− | <li class="menu-item-has-children"><a href="#">Single Post</a>
| + | float:left; |
− | <ul class="sub-menu">
| + | } |
− | <li><a href="blog-single.html">Single Post 1</a></li>
| + | |
− | <li><a href="blog-single-2.html">Single Post 2</a></li>
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { |
− | </ul>
| + | content: "+"; |
− | </li>
| + | } |
− | </ul>
| + | |
− | </li>
| + | .open::before { |
− | <!-- Blog end-->
| + | content: "-" !important; |
− | <!-- Shop-->
| + | } |
− | <li class="menu-item-has-children"><a href="#">Shop</a>
| + | |
− | <ul class="sub-menu">
| + | |
− | <li><a href="shop-masonry.html">Shop Masonry</a></li>
| + | |
− | <li><a href="shop-grid-2.html">Shop 2 Columns</a></li>
| + | /* styling for the menu buttons on hover */ |
− | <li><a href="shop-grid-3.html">Shop 3 Columns</a></li>
| + | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { |
− | <li><a href="shop-grid-4.html">Shop 4 Columns</a></li>
| + | background-color: #3399ff; |
− | <li><a href="shop-product.html">Single Product</a></li>
| + | text-decoration: none; |
− | <li><a href="shop-checkout.html">Checkout</a></li>
| + | color:#ffffff; |
− | </ul>
| + | } |
− | </li>
| + | |
− | <!-- Shop end-->
| + | /* styling for the menu button when it is the current page */ |
− | <!-- Mega menu-->
| + | .current_page { |
− | <li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Shortcodes</a>
| + | background-color:#7fc1f7 !important; |
− | <div class="mega-menu">
| + | color:#5e5f5f !important; |
− | <ul class="sub-menu mega-menu-row">
| + | } |
− | <!-- Column 1-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 1</a>
| + | |
− | <ul class="sub-menu">
| + | /* styling for the submenu buttons */ |
− | <li><a href="shortcodes-buttons.html"><i class="fa fa-link"></i> Buttons</a></li>
| + | .igem_2017_menu_wrapper .submenu_button { |
− | <li><a href="shortcodes-tabs.html"><i class="fa fa-columns"></i> Tabbed Content</a></li>
| + | width: 100%; |
− | <li><a href="shortcodes-bars.html"><i class="fa fa-tachometer"></i> Progress Bars</a></li>
| + | padding: 10px 0px 10px 34px; |
− | <li><a href="shortcodes-accordions.html"><i class="fa fa-plus-circle"></i> Accordions</a></li>
| + | float:left; |
− | <li><a href="shortcodes-alerts.html"><i class="fa fa-columns"></i> Alerts</a></li>
| + | background-color:#f2f2f2; |
− | <li><a href="shortcodes-forms.html"><i class="fa fa-align-justify"></i> Form Inputs</a></li>
| + | border-bottom: 1px solid #d3d3d3; |
− | <li><a href="shortcodes-iconbox.html"><i class="fa fa-th-large"></i> Icon Boxes</a></li>
| + | font-size: 12px; |
− | </ul>
| + | color: #5e5f5f; |
− | </li>
| + | cursor: pointer; |
− | <!-- Column 2-->
| + | } |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 2</a>
| + | |
− | <ul class="sub-menu">
| + | /* wrapper for the submenu items, they are hidden by default*/ |
− | <li><a href="shortcodes-modals.html"><i class="fa fa-search-plus"></i> Modals</a></li>
| + | .igem_2017_menu_wrapper .submenu_wrapper { |
− | <li><a href="shortcodes-modules.html"><i class="fa fa-object-ungroup"></i> Parallax</a></li>
| + | display:none; |
− | <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>
| + | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ |
− | <li><a href="shortcodes-sliders.html"><i class="fa fa-image"></i> Sliders</a></li>
| + | .igem_2017_menu_wrapper #display_menu_control { |
− | <li><a href="shortcodes-widgets.html"><i class="fa fa-heart"></i> Widgets</a></li>
| + | display:none; |
− | </ul>
| + | text-align:center; |
− | </li>
| + | } |
− | <!-- Column 3-->
| + | |
− | <li class="menu-item-has-children mega-menu-col"><a href="#">Group 3</a>
| + | |
− | <ul class="sub-menu">
| + | /***************************************************** CONTENT OF THE PAGE ****************************************************/ |
− | <li><a href="shortcodes-grid.html"><i class="fa fa-table"></i> Grid</a></li>
| + | |
− | <li><a href="shortcodes-typography.html"><i class="fa fa-font"></i> Typography</a></li>
| + | /* Wrapper for the content */ |
− | <li><a href="shortcodes-video.html"><i class="fa fa-youtube-play"></i> Video Players</a></li>
| + | .igem_2017_content_wrapper { |
− | <li><a href="shortcodes-video-backgrounds.html"><i class="fa fa-youtube-play"></i> Video Backgrounds</a></li>
| + | width: 81%; |
− | <li><a href="shortcodes-special-headings.html"><i class="fa fa-header"></i> Special Headings</a></li>
| + | margin: 2%; |
− | <li><a href="shortcodes-testimonials.html"><i class="fa fa-send"></i> Testimonials</a></li>
| + | display:block; |
− | <li><a href="shortcodes-chart.html"><i class="fa fa-line-chart"></i> Chart</a></li>
| + | float:left; |
− | </ul>
| + | background-color:white; |
− | </li>
| + | font-family:Tahoma, Geneva, sans-serif; |
− | </ul>
| + | } |
− | </div>
| + | |
− | </li>
| + | |
− | <!-- Mega menu end-->
| + | /********************************* HTML STYLING *********************************/ |
− | <!-- Simple-->
| + | |
− | <li><a href="start.html">All Demos</a></li>
| + | /* styling for the titles h1 h2 */ |
− | </ul>
| + | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { |
− | </div>
| + | padding:5px 15px; |
− | </div>
| + | border-bottom: 0px; |
− | </div>
| + | color: #3399ff; |
− | <!-- Extra menu-->
| + | } |
− | <div class="extra-nav">
| + | |
− | <ul>
| + | |
− | <li><a class="open-offcanvas" href="#"><span>Menu</span><span class="fa fa-bars"></span></a></li>
| + | /* styling for the titles h3 h4 h5 h6*/ |
− | </ul>
| + | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { |
− | </div>
| + | padding:5px 15px; |
− | <!-- Mobile menu-->
| + | border-bottom:0px; |
− | <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>
| + | 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"> |
| + | <link rel="stylesheet" href="https://2017.igem.org/Team:FSU/bootstrap.min.css ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| + | <link rel="stylesheet" href="https://2017.igem.org/Team:FSU/bootstrap.min.js ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| + | <link rel="stylesheet" href="https://2017.igem.org/Team:FSU/jquery.min.css ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| + | |
| + | </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/Advisors"> |
− | <div class="wrapper">
| + | <div class="submenu_button" id="Advisors_page"> |
| + | Advisors |
| + | </div> |
| + | </a> |
| | | |
− | <!-- Page Header-->
| + | <a href="https://2017.igem.org/Team:FSU/Sponsors"> |
− | <section class="flexslider kenburns full-height">
| + | <div class="submenu_button" id="Sponsors_page"> |
− | <ul class="slides">
| + | Sponsors |
− | <li class="bg-dark bg-dark-30">
| + | </div> |
− | <div class="slide-background" data-background="assets/images/module-21.jpg"></div>
| + | </a> |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <h1 class="h1">Let's Make</h1>
| + | |
− | <h1 class="h1 m-b-20">Something Great</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>
| + | |
− | <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-->
| + | <a href="https://2017.igem.org/Team:FSU/Collaborations"> |
− | <section class="module">
| + | <div class="submenu_button" id="Collaborations_page"> |
− | <div class="container">
| + | Collaborations |
− | <div class="row">
| + | </div> |
− | <div class="col-md-3">
| + | </a> |
− | <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">
| + | </div> |
− | <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-->
| |
− | <section class="module module-gray p-0">
| |
− | <div class="container-fluid">
| |
− | <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-->
| + | |
− | <section class="module module-gray p-t-0">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <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 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-->
| + | <div class="menu_button"> |
− | <section class="module p-b-0">
| + | <div class="expand_collapse_icon"> </div> PROJECT |
− | <div class="container">
| + | </div> |
− | <div class="row">
| + | |
− | <div class="col-md-8 offset-md-2">
| + | |
− | <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-->
| + | <!-- project submenu --> |
− | <section class="module module-divider-bottom">
| + | <div class="submenu_wrapper"> |
− | <div class="container">
| + | |
− | <div class="row">
| + | <a href="https://2017.igem.org/Team:FSU/Description"> |
− | <div class="col-md-4">
| + | <div class="submenu_button" id="Description_page"> |
− | <div class="icon-box icon-box-left">
| + | Description |
− | <div class="icon-box-icon"><span class="icon icon-basic-webpage-multiple"></span></div>
| + | </div> |
− | <div class="icon-box-title">
| + | </a> |
− | <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-->
| + | <a href="https://2017.igem.org/Team:FSU/Design"> |
− | <section class="module">
| + | <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>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/Experiments"> |
− | <section class="module parallax bg-dark bg-dark-30" data-background="assets/images/module-4.jpg">
| + | <div class="submenu_button" id="Experiments_page"> |
− | <div class="container">
| + | Experiments |
− | <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-->
| |
− | <section class="module-sm module-gray">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <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/Notebook"> |
− | <section class="module module-divider-bottom">
| + | <div class="submenu_button" id="Notebook_page"> |
− | <div class="container">
| + | Notebook |
− | <div class="row">
| + | </div> |
− | <div class="col-md-8 offset-md-2">
| + | </a> |
− | <div class="module-title text-center">
| + | |
− | <h2>Alt Services</h2>
| + | |
− | <p class="font-serif">We provide a complete list of best digital services.</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>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 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/InterLab"> |
− | <section class="module">
| + | <div class="submenu_button" id="InterLab_page"> |
− | <div class="container">
| + | InterLab |
− | <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/Contribution"> |
− | <article class="post">
| + | <div class="submenu_button" id="Contribution_page"> |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/1.jpg" alt=""></a></div>
| + | Contribution |
− | <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-->
| + | <a href="https://2017.igem.org/Team:FSU/Model"> |
− | <article class="post">
| + | <div class="submenu_button" id="Model_page"> |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/2.jpg" alt=""></a></div>
| + | Model |
− | <div class="post-wrapper">
| + | </div> |
− | <div class="post-header">
| + | </a> |
− | <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/Results"> |
− | <article class="post">
| + | <div class="submenu_button" id="Results_page"> |
− | <div class="post-preview"><a href="#"><img src="assets/images/blog/3.jpg" alt=""></a></div>
| + | Results |
− | <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-->
| |
− | <section class="module module-gray p-b-0">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-3">
| |
− | <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/Demonstrate"> |
− | <section class="module module-gray p-b-0">
| + | <div class="submenu_button" id="Demonstrate_page"> |
− | <div class="container-fluid">
| + | Demonstrate |
− | <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-->
| + | <a href="https://2017.igem.org/Team:FSU/Improve"> |
− | <footer class="footer">
| + | <div class="submenu_button" id="Improve_page"> |
− | <div class="container">
| + | Improve |
− | <div class="row">
| + | </div> |
− | <div class="col-md-6 col-lg-3">
| + | </a> |
− | <!-- 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>
| + | <a href="https://2017.igem.org/Team:FSU/Attributions"> |
− | </div>
| + | <div class="submenu_button" id="Attributions_page"> |
− | <!-- Wrapper end--> | + | Attributions |
| + | </div> |
| + | </a> |
| | | |
| </div> | | </div> |
− | <!-- Layout end-->
| |
| | | |
− | <!-- Off canvas--> | + | |
− | <div class="off-canvas-sidebar"> | + | |
− | <div class="off-canvas-sidebar-wrapper">
| + | |
− | <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-->
| + | <div class="menu_button"> |
− | <aside class="widget widget_text">
| + | <div class="expand_collapse_icon"> </div> PARTS |
− | <div class="textwidget">
| + | </div> |
− | <p class="text-center"><img src="assets/images/logo-light.png" width="100" alt=""></p>
| + | |
− | </div>
| + | <!-- parts submenu --> |
− | </aside>
| + | <div class="submenu_wrapper"> |
− | <!-- Text widget-->
| + | |
− | <aside class="widget widget_text">
| + | <a href="https://2017.igem.org/Team:FSU/Parts"> |
− | <div class="textwidget">
| + | <div class="submenu_button" id="Parts_page"> |
− | <p class="text-center"><img src="assets/images/offcanvas.jpg" alt=""></p>
| + | Parts |
− | </div>
| + | </div> |
− | </aside>
| + | </a> |
− | <!-- Navmenu widget-->
| + | |
− | <aside class="widget widget_nav_menu">
| + | <a href="https://2017.igem.org/Team:FSU/Basic_Part"> |
− | <ul class="menu">
| + | <div class="submenu_button" id="Basic_Part_page"> |
− | <li class="menu-item menu-item-has-children"><a href="#">Home</a></li>
| + | Basic Parts |
− | <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://ajax.googleapis.com/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="assets/js/plugins.min.js"></script>
| + | <div class="submenu_wrapper"> |
− | <script src="assets/js/charts.js"></script> | + | |
− | <script src="assets/js/custom.min.js"></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>Florida State University iGEM</h1> |
| + | <h2> F-L-O-R-I-D-A-S-T-A-T-E, Florida State, Florida State, Florida State, WOOOOOO </h2> |
| + | <div class="jumbotron"> |
| + | <div class="container"> |
| + | <h1>Bootstrap Works on this Wiki!</h1> |
| + | <p>I was able to get this wiki framework to accept bootstrap using the bootstrap css uploaded by a past team. Still working on figuring out how to load it into FSU domain. ~KB</p> |
| + | <p><a class="btn btn-primary btn-lg" href="#" role="button">Example button</a></p> |
| + | </div> |
| + | </div> |
| </html> | | </html> |