Difference between revisions of "Template:Valencia UPV"

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<script>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
//highlight current page on the menu
 +
highlight_current_page_menu();
 +
 +
//accessing submenus
 +
$(".menu_item").click(function(){
 +
$(".submenu_control_icon", this).toggleClass("open");
 +
$(this).next(".submenu").fadeToggle(400);
 +
});
 +
 +
//mobile menu access
 +
$(".igem_2018_team_mobile_bar").click(function(){
 +
$(this).next().toggleClass("displaying_menu");
 +
});
 +
 +
});
 +
 +
 +
function highlight_current_page_menu() {
 +
 +
var page_url="https://2018.igem.org/";
 +
page_url = page_url + wgPageName;
 +
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
 +
//if the page is in a submenu, open the submenu and make the appropiate changes
 +
if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
 +
$(".current_page").parent().parent().fadeToggle(400);
 +
$(".current_page").parent().parent().prev().addClass("current_page");
 +
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
 +
}
 +
}
 +
 +
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
  
  
 
<style>
 
<style>
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/* MENU */
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
/*this wraps the whole of the menu*/
 +
.igem_2018_team_menu {
 +
background-color:#c4baba;
 +
border-left: 1px solid #c4baba;
 +
display:block;
 +
float:right;
 +
height:100vh;
 +
max-width: 270px;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
padding:0px;
 +
position:fixed;
 +
right:0%;
 +
text-align:left;
 +
width: 15%;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu.displaying_menu{
 +
display:block;
 +
}
 +
 
 +
.igem_2018_team_menu  a {
 +
color: #484848;
 +
text-decoration:none;
 +
}
 +
 
 +
.igem_2018_team_menu img {
 +
width:100%;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .menu_item {
 +
    background-color: #c4baba;
 +
    border-bottom: 1px solid #928b8b;
 +
    clear: both;
 +
color: #484848;
 +
    cursor: pointer;
 +
float: left;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    padding: 15px 0px 15px 5%;
 +
  width: 100%;
 +
}
 +
 
 +
.igem_2018_team_menu .menu_item.direct_link {
 +
color: #484848;
 +
padding-left: 15%;
 +
}
 +
.igem_2018_team_menu .menu_item:hover {
 +
background-color: #ecb656;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .menu_item .submenu_control_icon {
 +
color: #484848;
 +
float: left;
 +
width: 10%;
 +
}
 +
 
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 +
content: "+";
 +
}
 +
 
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 +
content: "-";
 +
}
 +
 
 +
/*submenu wrapper*/
 +
.igem_2018_team_menu .submenu{
 +
background-color: #e4dede;
 +
clear:both;
 +
display:none;
 +
float: left; 
 +
width:100%;
 +
}
 +
 
 +
/*styling for a submenu item*/
 +
.igem_2018_team_menu .submenu .submenu_item {
 +
border-bottom: 1px solid #c4baba;
 +
  color: #635d5d;
 +
    height: 30px;
 +
  float: left;
 +
    font-size: 110%;
 +
font-weight: bold;
 +
    padding: 12px 0px 0px 15%;
 +
    width: 100%;
 +
}
 +
 
 +
.igem_2018_team_menu .submenu .submenu_item:hover {
 +
background-color: #f3bd5d;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .submenu .submenu_item.current_page,
 +
.igem_2018_team_menu .menu_item.current_page,
 +
.igem_2018_team_menu .menu_item.direct_link.current_page {
 +
background-color:#7acbd8;
 +
}
 +
 
 +
 
 +
 
 +
/*mobile menu bar styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
.igem_2018_team_mobile_bar {
 +
background-color:#e4dede;
 +
border-bottom: 1px solid #c4baba;
 +
cursor:pointer;
 +
display:none;
 +
float:left;
 +
margin-top: 0;
 +
padding: 5px 0;
 +
position:fixed;
 +
width:100%;
 +
}
 +
 
 +
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
 
 +
.igem_logo_mobile {
 +
float:left;
 +
padding-left: 5%;
 +
width: 30%;
 +
}
 +
 
 +
.igem_menu_control_mobile img {
 +
width:25px;
 +
}
 +
 
 +
.igem_menu_control_mobile {
 +
float:right;
 +
padding-right:5%;
 +
padding-top:5px;
 +
text-align:right;
 +
width: 30%;
 +
}
 +
 
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/* CONTENT OF THE PAGE */
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
/* general wrapper for the content */
 +
.igem_2018_team_content {
 +
background-color:white;
 +
display:block;
 +
width: 87%;
 +
}
 +
 
 +
/* subwrapper to center content */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper {
 +
margin:auto;
 +
max-width: 1400px;
 +
width:90%;
 +
}
 +
 
 +
 
 +
 
 +
/*general styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
 +
 
 +
 
 +
/* styling for the titles h1, h2*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
 +
border-bottom:0px;
 +
color: #635d5d;
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
padding: 10px 0px;
 +
}
 +
 
 +
/* styling for the titles h3, h3, h5, h6 */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
 +
border-bottom:0px;
 +
color: #928b8b; 
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
padding: 5px 0px;
 +
}
 +
 
 +
/* text */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper p {
 +
font-size: 130%;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 5px 0px;
 +
text-align: left;
 +
color: #484848;
 +
}
 +
 
 +
/* Links */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 +
color: #5bc7d8;
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color:#5bc7d8;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
 
 +
/* hover for the links */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
 +
color: #f8b732;
 +
text-decoration:none;
 +
}
 +
 
 +
 
 +
/* Table */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper table {
 +
border: 1px solid #928b8b;
 +
border-collapse: collapse;
 +
font-size: 130%;
 +
width: 100%;
 +
}
 +
 
 +
/* table cells */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper td {
 +
border: 1px solid #c4baba;
 +
border-collapse: collapse;
 +
font-size: 105%;
 +
padding: 10px;
 +
vertical-align: text-top;
 +
}
 +
 
 +
/* table headers */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper th {
 +
background-color:#c4baba;
 +
border: 1px solid #928b8b;
 +
border-collapse: collapse;
 +
font-size: 110%;
 +
padding: 10px;
 +
vertical-align: text-top;
 +
}
 +
 
 +
 
 +
 
 +
/* non numbered lists */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 +
font-size: 130%;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding:0px 20px;
 +
}
 +
 
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
 +
 
 +
 
 +
 
 +
/*layout classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
/*main layout class */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
 +
float:left;
 +
margin: 1% 2%;
 +
padding: 0px;
 +
}
 +
 
 +
/* 100% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
 +
 
 +
/* 66% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
 +
 
 +
/* 33% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
 +
 
 +
 
 +
 
 +
 
 +
/*styling for all images*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 +
margin-bottom: 15px;
 +
width: 100%;
 +
}
 +
 
 +
 
 +
/* page break */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
 +
clear:both;
 +
}
 +
/*add extra space to page break with clear class*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
 +
height: 30px;
 +
}
 +
 
 +
/* horizontal line to divide the page*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
 +
    border-top: 1px solid #c4baba;
 +
  margin: auto;
 +
  width: 98%;
 +
}
 +
 
 +
 
 +
 
 +
 +
/*support classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
/*Button  */
 +
/************************************************/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
 +
font-size: 130%;
 +
margin: 30px auto;
 +
text-align: center;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
 +
background-color: #5bc7d8;
 +
color: #635d5d !important;
 +
font-weight: bold;
 +
margin: auto;
 +
text-decoration: none !important;
 +
padding: 10px 15px;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
 +
background-color: #f8b732 !important; 
 +
}
 +
 
 +
 
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
 +
padding: 15px 20px;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
 +
padding: 5px 15px;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
 +
background-color: #e4dede;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
 +
    border-top: 4px solid #5bc7d8;
 +
}
 +
 
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 +
    border: 4px solid #5bc7d8;
 +
}
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
 +
    border-top: 4px solid #f8b732
 +
}
 +
 
 +
 
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
 +
    border: 4px solid #f8b732;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/*mobile*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
.igem_2018_team_content { width: 85%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
.igem_2018_team_menu .menu_item { font-size:100%;}
 +
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
@media only screen and (max-width: 1001px) {
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1000px) {
 +
.igem_2018_team_content {width:100%; margin-left:0px;}
 +
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 +
.igem_2018_team_mobile_bar {display:block;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 +
 
 +
}
 +
 
 +
 
 +
@media only screen and (max-width: 500px) {
 +
.igem_2018_team_menu {min-width:100%; width:100%; }
 +
}
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
 
 +
 
 +
 
 
</style>
 
</style>
  
−
<head>
+
 
−
    <meta charset="utf-8">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<!--- THIS IS WHERE THE HTML BEGINS --->
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
    <title>Blog - Free Bulma template</title>
+
 
−
    <link rel="icon" type="image/png" sizes="32x32" href="../images/favicon.png">
+
<head>  
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+
 
−
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+
<!-- This tells the browser that your page is responsive -->
−
    <!-- Bulma Version 0.7.1-->
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" />
+
 
−
    <link rel="stylesheet" type="text/css" href="../css/blog.css">
+
 
</head>
 
</head>
  
−
<body>
 
−
    <!-- START NAV -->
 
−
    <nav class="navbar">
 
−
        <div class="container">
 
−
            <div class="navbar-brand">
 
−
                <a class="navbar-item" href="../">
 
−
                        <img src="../images/bulma.png" alt="Logo">
 
−
                    </a>
 
−
                <span class="navbar-burger burger" data-target="navbarMenu">
 
−
                        <span></span>
 
−
                <span></span>
 
−
                <span></span>
 
−
                </span>
 
−
            </div>
 
−
            <div id="navbarMenu" class="navbar-menu">
 
−
                <div class="navbar-end">
 
−
                    <a class="navbar-item is-active">
 
−
                            Home
 
−
                        </a>
 
−
                    <a class="navbar-item">
 
−
                            Examples
 
−
                        </a>
 
−
                    <a class="navbar-item">
 
−
                            Features
 
−
                        </a>
 
−
                    <a class="navbar-item">
 
−
                            Team
 
−
                        </a>
 
−
                    <a class="navbar-item">
 
−
                            Archives
 
−
                        </a>
 
−
                    <a class="navbar-item">
 
−
                            Help
 
−
                        </a>
 
−
                    <div class="navbar-item has-dropdown is-hoverable">
 
−
                        <a class="navbar-link">
 
−
                                Account
 
−
                            </a>
 
−
                        <div class="navbar-dropdown">
 
−
                            <a class="navbar-item">
 
−
                                    Dashboard
 
−
                                </a>
 
−
                            <a class="navbar-item">
 
−
                                    Profile
 
−
                                </a>
 
−
                            <a class="navbar-item">
 
−
                                    Settings
 
−
                                </a>
 
−
                            <hr class="navbar-divider">
 
−
                            <div class="navbar-item">
 
−
                                Logout
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </nav>
 
−
    <!-- END NAV -->
 
  
−
    <section class="hero is-info is-medium is-bold">
 
−
        <div class="hero-body">
 
−
            <div class="container has-text-centered">
 
−
                <h1 class="title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br>sed eiusmod tempor incididunt ut labore et dolore magna aliqua</h1>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<div class="igem_2018_team_mobile_bar">
 +
 +
<div class="igem_logo_mobile">
 +
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 +
</div>
 +
 +
 +
<div class="igem_menu_control_mobile">
 +
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
<div class="igem_2018_team_menu displaying_menu">
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV">
 +
<img src="http://placehold.it/350x150/e4dede/c4baba">
 +
</a>
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV">
 +
<div class="menu_item direct_link">
 +
HOME
 +
</div>
 +
</a>
 +
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
TEAM
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations">
 +
<div class="submenu_item">
 +
Collaborations
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PROJECT
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Description">
 +
<div class="submenu_item">
 +
Description
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Design">
 +
<div class="submenu_item">
 +
Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Experiments">
 +
<div class="submenu_item">
 +
Experiments
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Notebook">
 +
<div class="submenu_item">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/InterLab">
 +
<div class="submenu_item">
 +
InterLab
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Results">
 +
<div class="submenu_item">
 +
Results
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Demonstrate">
 +
<div class="submenu_item">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Improve">
 +
<div class="submenu_item">
 +
Improve
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PARTS
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Parts">
 +
<div class="submenu_item">
 +
Parts Overview
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Basic_Part">
 +
<div class="submenu_item">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Composite_Part">
 +
<div class="submenu_item">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Part_Collection">
 +
<div class="submenu_item">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Safety">
 +
<div class="menu_item direct_link">
 +
SAFETY
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
HUMAN PRACTICES
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Human_Practices">
 +
<div class="submenu_item">
 +
Human Practices
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Public_Engagement">
 +
<div class="submenu_item">
 +
Education & Engagement
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
AWARDS
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Applied_Design">
 +
<div class="submenu_item">
 +
Applied Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Entrepreneurship">
 +
<div class="submenu_item">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Hardware">
 +
<div class="submenu_item">
 +
Hardware
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Measurement">
 +
<div class="submenu_item">
 +
Measurement
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Plant">
 +
<div class="submenu_item">
 +
Plant
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Software">
 +
<div class="submenu_item">
 +
Software
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
<a href="https://igem.org/2018_Judging_Form?team=Valencia_UPV">
 +
<div class="menu_item direct_link">
 +
JUDGING FORM ⇗
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
    <div class="container">
 
−
        <!-- START ARTICLE FEED -->
 
−
        <section class="articles">
 
−
            <div class="column is-8 is-offset-2">
 
−
                <!-- START ARTICLE -->
 
−
                <div class="card article">
 
−
                    <div class="card-content">
 
−
                        <div class="media">
 
−
                            <div class="media-content has-text-centered">
 
−
                                <p class="title article-title">Introducing a new feature for paid subscribers</p>
 
−
                                <div class="tags has-addons level-item">
 
−
                                    <span class="tag is-rounded is-info">@skeetskeet</span>
 
−
                                    <span class="tag is-rounded">May 10, 2018</span>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="content article-body">
 
−
                            <p>Non arcu risus quis varius quam quisque. Dictum varius duis at consectetur lorem. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. </p>
 
−
                            <p>Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Accumsan lacus vel facilisis volutpat. Non sodales neque sodales ut etiam.
 
−
                                Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus.</p>
 
−
                            <h3 class="has-text-centered">How to properly center tags in bulma?</h3>
 
−
                            <p> Proper centering of tags in bulma is done with class: <pre>level-item</pre>
 
−
                                Voluptat ut farmacium tellus in metus vulputate. Feugiat in fermentum posuere urna nec. Pharetra convallis posuere morbi leo urna molestie.
 
−
                                Accumsan lacus vel facilisis volutpat est velit egestas. Fermentum leo vel orci porta. Faucibus interdum posuere lorem ipsum.</p>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <!-- END ARTICLE -->
 
−
                <!-- START ARTICLE -->
 
−
                <div class="card article">
 
−
                    <div class="card-content">
 
−
                        <div class="media">
 
−
                            <div class="media-center">
 
−
                                <img src="http://www.radfaces.com/images/avatars/daria-morgendorffer.jpg" class="author-image" alt="Placeholder image">
 
−
                            </div>
 
−
                            <div class="media-content has-text-centered">
 
−
                                <p class="title article-title">Sapien eget mi proin sed 🔱</p>
 
−
                                <p class="subtitle is-6 article-subtitle">
 
−
                                    <a href="#">@daria</a> on February 17, 2018
 
−
                                </p>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="content article-body">
 
−
                            <p>
 
−
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est velit egestas. Sapien eget mi proin sed. Sit amet mattis vulputate enim.
 
−
                            </p>
 
−
                            <p>
 
−
                                Commodo ullamcorper a lacus vestibulum sed arcu. Fermentum leo vel orci porta non. Proin fermentum leo vel orci porta non pulvinar. Imperdiet proin fermentum leo vel. Tortor posuere ac ut consequat semper viverra. Vestibulum lectus mauris ultrices eros.
 
−
                            </p>
 
−
                            <h3 class="has-text-centered">Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Cras tincidunt lobortis feugiat vivamus.</h3>
 
−
                            <p>
 
−
                                In eu mi bibendum neque egestas congue quisque egestas diam. Enim nec dui nunc mattis enim ut tellus. Ut morbi tincidunt augue interdum velit euismod in. At in tellus integer feugiat scelerisque varius morbi enim nunc. Vitae suscipit tellus mauris a diam.
 
−
                                Arcu non sodales neque sodales ut etiam sit amet.
 
−
                            </p>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <!-- END ARTICLE -->
 
−
                <!-- START PROMO BLOCK -->
 
−
                <section class="hero is-info is-bold is-small promo-block">
 
−
                    <div class="hero-body">
 
−
                        <div class="container">
 
−
                            <h1 class="title">
 
−
                                <i class="fa fa-bell-o"></i> Nemo enim ipsam voluptatem quia.</h1>
 
−
                            <span class="tag is-black is-medium is-rounded">
 
−
                                    Natus error sit voluptatem
 
−
                                </span>
 
−
                        </div>
 
−
                    </div>
 
−
                </section>
 
−
                <!-- END PROMO BLOCK -->
 
−
                <!-- START ARTICLE -->
 
−
                <div class="card article">
 
−
                    <div class="card-content">
 
−
                        <div class="media">
 
−
                            <div class="media-center">
 
−
                                <img src="http://www.radfaces.com/images/avatars/angela-chase.jpg" class="author-image" alt="Placeholder image">
 
−
                            </div>
 
−
                            <div class="media-content has-text-centered">
 
−
                                <p class="title article-title">Cras tincidunt lobortis feugiat vivamus.</p>
 
−
                                <p class="subtitle is-6 article-subtitle">
 
−
                                    <a href="#">@angela</a> on October 7, 2017
 
−
                                </p>
 
−
                            </div>
 
−
                        </div>
 
−
                        <div class="content article-body">
 
−
                            <p>
 
−
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est velit egestas. Sapien eget mi proin sed. Sit amet mattis vulputate enim.
 
−
                            </p>
 
−
                            <p>
 
−
                                Commodo ullamcorper a lacus vestibulum sed arcu. Fermentum leo vel orci porta non. Proin fermentum leo vel orci porta non pulvinar. Imperdiet proin fermentum leo vel. Tortor posuere ac ut consequat semper viverra. Vestibulum lectus mauris ultrices eros.
 
−
                            </p>
 
−
                            <h3 class="has-text-centered">“Everyone should be able to do one card trick, tell two jokes, and recite three poems, in case they are ever trapped in an elevator.”</h3>
 
−
                            <p>
 
−
                                In eu mi bibendum neque egestas congue quisque egestas diam. Enim nec dui nunc mattis enim ut tellus. Ut morbi tincidunt augue interdum velit euismod in. At in tellus integer feugiat scelerisque varius morbi enim nunc. Vitae suscipit tellus mauris a diam.
 
−
                                Arcu non sodales neque sodales ut etiam sit amet.
 
−
                            </p>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <!-- END ARTICLE -->
 
−
        </section>
 
−
        <!-- END ARTICLE FEED -->
 
−
        </div>
 
−
        <script async type="text/javascript" src="../js/bulma.js"></script>
 
−
</body>
 
  
−
</html>
+
<div class="igem_2018_team_content">
 +
<div class="igem_2018_team_column_wrapper">
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>

Latest revision as of 16:06, 23 June 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗