(41 intermediate revisions by 7 users not shown) | |||
Line 4: | Line 4: | ||
<script> | <script> | ||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
− | |||
$(document).ready(function() { | $(document).ready(function() { | ||
− | |||
$("#HQ_page").attr('id',''); | $("#HQ_page").attr('id',''); | ||
− | |||
//mobile menu access | //mobile menu access | ||
$(".igem_2018_team_mobile_bar").click(function(){ | $(".igem_2018_team_mobile_bar").click(function(){ | ||
$(this).next().toggleClass("displaying_menu"); | $(this).next().toggleClass("displaying_menu"); | ||
}); | }); | ||
− | |||
}); | }); | ||
− | |||
− | |||
− | |||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
</script> | </script> | ||
Line 29: | Line 22: | ||
<link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&ctype=text/css" /> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&ctype=text/javascript"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* DEFAULT WIKI SETTINGS */ | /* DEFAULT WIKI SETTINGS */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
− | body {background-color:white; | + | /* body {background-color:white; |
− | width: 80%; | + | width: 960px; */ |
− | margin: auto;} | + | /* width: 80%; */ |
+ | /* margin: auto;} */ | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | + | { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | |
− | + | ||
− | + | ||
− | + | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* MENU */ | /* MENU */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
− | |||
− | |||
.igem_2018_team_menu .submenu{ | .igem_2018_team_menu .submenu{ | ||
background-color: white; | background-color: white; | ||
Line 149: | Line 126: | ||
} | } | ||
/* NAVBAR STYLES */ | /* NAVBAR STYLES */ | ||
− | |||
.navbar { | .navbar { | ||
background-color: white; | background-color: white; | ||
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
− | |||
.navbar-brand>img { | .navbar-brand>img { | ||
width: 120px; | width: 120px; | ||
Line 160: | Line 135: | ||
position: relative; | position: relative; | ||
} | } | ||
− | |||
.navbar a:visited { | .navbar a:visited { | ||
color: #000; | color: #000; | ||
} | } | ||
/*Styling Buttons*/ | /*Styling Buttons*/ | ||
− | + | .fa { | |
− | + | font-size: 20px; | |
− | + | padding:17px; | |
− | + | width: 54px; | |
− | + | text-align: center; | |
− | + | text-decoration: none; | |
− | + | /* margin: 5px 2px; */ | |
− | + | border-radius: 50%; | |
− | + | } | |
− | + | .fa:hover { | |
− | + | opacity: 0.7; | |
− | + | } | |
− | + | .fa-facebook { | |
− | + | background: #7E5BD3; | |
− | + | color: white; | |
− | + | } | |
− | + | .fa-twitter { | |
− | + | background: #7E5BD3; | |
− | + | color: white; | |
− | + | } | |
− | + | .fa-google { | |
− | + | background: #7E5BD3; | |
− | + | color: white; | |
− | + | } | |
− | + | .fa-youtube { | |
− | + | background: #7E5BD3; | |
− | + | color: white; | |
− | + | } | |
− | + | .fa-instagram { | |
− | + | background: #7E5BD3; | |
− | + | color: white; | |
− | + | } | |
− | + | /* end of styling buttons */ | |
− | + | ||
/* Styling the footer */ | /* Styling the footer */ | ||
− | + | .footer>.container-fluid { | |
− | + | padding: 10px 10px; | |
− | + | } | |
− | + | .footer>.container-fluid>.row { | |
− | + | display: flex; | |
− | + | } | |
− | + | .footer-section { | |
− | + | text-align: center !important; | |
− | + | /* padding: 0px 25px; */ | |
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
− | + | flex-direction: row; | |
− | + | align-items: center; | |
− | + | align-content: center; | |
− | + | justify-content: center; | |
− | + | font-family: 'IBM Plex Sans', sans-serif; | |
− | + | } | |
− | + | .footer-text { | |
− | + | text-align: center !important; | |
− | + | font-family: 'IBM Plex Sans', sans-serif; | |
− | + | } | |
− | + | .footer-logo { | |
− | + | width: 80%; | |
− | + | padding-right: 10px; | |
− | + | display: inline-block; | |
− | + | } | |
− | + | .footer-logo2 { | |
− | + | width: 100%; | |
− | + | padding-right: 15px; | |
− | + | display: inline-block; | |
− | + | } | |
− | + | .footer { | |
− | + | font-family: 'IBM Plex Sans', sans-serif; | |
− | + | width:100%; | |
− | + | } | |
/*end of styling the footer */ | /*end of styling the footer */ | ||
− | |||
/*mobile menu bar styling*/ | /*mobile menu bar styling*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
.igem_2018_team_mobile_bar { | .igem_2018_team_mobile_bar { | ||
background-color:#e4dede; | background-color:#e4dede; | ||
Line 252: | Line 222: | ||
width:100%; | width:100%; | ||
} | } | ||
− | |||
.igem_logo_mobile img { | .igem_logo_mobile img { | ||
width:70px; | width:70px; | ||
} | } | ||
− | |||
.igem_logo_mobile { | .igem_logo_mobile { | ||
float:left; | float:left; | ||
Line 262: | Line 230: | ||
width: 30%; | width: 30%; | ||
} | } | ||
− | |||
.igem_menu_control_mobile img { | .igem_menu_control_mobile img { | ||
width:25px; | width:25px; | ||
} | } | ||
− | |||
.igem_menu_control_mobile { | .igem_menu_control_mobile { | ||
float:right; | float:right; | ||
Line 274: | Line 240: | ||
width: 30%; | width: 30%; | ||
} | } | ||
− | |||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* CONTENT OF THE PAGE */ | /* CONTENT OF THE PAGE */ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
/* general wrapper for the content */ | /* general wrapper for the content */ | ||
.igem_2018_team_content { | .igem_2018_team_content { | ||
Line 288: | Line 249: | ||
width: 87%; | width: 87%; | ||
} | } | ||
− | |||
/* subwrapper to center content */ | /* subwrapper to center content */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
Line 295: | Line 255: | ||
width:90%; | width:90%; | ||
} | } | ||
− | |||
− | |||
− | |||
/*general styling*/ | /*general styling*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} | .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 h2 { font-size: 190%;} | ||
Line 307: | Line 263: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} | .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%;} | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} | ||
− | |||
− | |||
/* styling for the titles h1, h2*/ | /* 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 { | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 { | ||
Line 316: | Line 270: | ||
padding: 10px 0px; | padding: 10px 0px; | ||
} | } | ||
− | |||
/* styling for the titles h3, h3, h5, h6 */ | /* 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 h3, | ||
Line 327: | Line 280: | ||
padding: 5px 0px; | padding: 5px 0px; | ||
} | } | ||
− | |||
/* text */ | /* text */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper p { | .igem_2018_team_content .igem_2018_team_column_wrapper p { | ||
Line 336: | Line 288: | ||
color: #2A4C44; | color: #2A4C44; | ||
} | } | ||
− | |||
/* Links */ | /* Links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a { | .igem_2018_team_content .igem_2018_team_column_wrapper a { | ||
Line 349: | Line 300: | ||
-o-transition: all 0.4s ease; | -o-transition: all 0.4s ease; | ||
} | } | ||
− | |||
/* hover for the links */ | /* hover for the links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
Line 355: | Line 305: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
− | |||
− | |||
/* Table */ | /* Table */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper table { | .igem_2018_team_content .igem_2018_team_column_wrapper table { | ||
Line 364: | Line 312: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | |||
/* table cells */ | /* table cells */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper td { | .igem_2018_team_content .igem_2018_team_column_wrapper td { | ||
Line 373: | Line 320: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
− | |||
/* table headers */ | /* table headers */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper th { | .igem_2018_team_content .igem_2018_team_column_wrapper th { | ||
Line 383: | Line 329: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
− | |||
− | |||
− | |||
/* non numbered lists */ | /* non numbered lists */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | ||
Line 392: | Line 335: | ||
padding:0px 20px; | 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 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 ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, | ||
Line 400: | Line 341: | ||
.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 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%; } | .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*/ | /*layout classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
/*main layout class */ | /*main layout class */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column { | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | ||
Line 412: | Line 349: | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
− | |||
/* 100% */ | /* 100% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | ||
− | |||
/* 66% */ | /* 66% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | ||
− | |||
/* 33% */ | /* 33% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | ||
− | |||
− | |||
− | |||
− | |||
/*styling for all images*/ | /*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.full_size img, | ||
Line 432: | Line 362: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | |||
− | |||
/* page break */ | /* page break */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .clear { | .igem_2018_team_content .igem_2018_team_column_wrapper .clear { | ||
Line 442: | Line 370: | ||
height: 30px; | height: 30px; | ||
} | } | ||
− | |||
/* horizontal line to divide the page*/ | /* horizontal line to divide the page*/ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | ||
Line 449: | Line 376: | ||
width: 98%; | width: 98%; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
/*support classes*/ | /*support classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
/*Button */ | /*Button */ | ||
/************************************************/ | /************************************************/ | ||
Line 464: | Line 385: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | ||
background-color: white; | background-color: white; | ||
Line 473: | Line 393: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | ||
background-color: white !important; | background-color: white !important; | ||
} | } | ||
− | |||
− | |||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | ||
padding: 15px 20px; | padding: 15px 20px; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | .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 h1, | ||
Line 493: | Line 408: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | ||
background-color: #F6A4FF; | background-color: #F6A4FF; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | ||
border-top: 4px solid #F6A4FF; | border-top: 4px solid #F6A4FF; | ||
} | } | ||
− | |||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | ||
border: 4px solid #F6A4FF; | border: 4px solid #F6A4FF; | ||
} | } | ||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | ||
border-top: 4px solid #F6A4FF | border-top: 4px solid #F6A4FF | ||
} | } | ||
− | |||
− | |||
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | ||
border: 4px solid #f8b732; | border: 4px solid #f8b732; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
/*mobile*/ | /*mobile*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
/* 1800px */ | /* 1800px */ | ||
/************************************************/ | /************************************************/ | ||
Line 529: | Line 431: | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
− | |||
/* 1400px */ | /* 1400px */ | ||
/************************************************/ | /************************************************/ | ||
Line 537: | Line 438: | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
− | |||
@media only screen and (max-width: 1001px) { | @media only screen and (max-width: 1001px) { | ||
.igem_2018_team_menu {display:block;} | .igem_2018_team_menu {display:block;} | ||
} | } | ||
− | |||
/* 1000px */ | /* 1000px */ | ||
/************************************************/ | /************************************************/ | ||
Line 549: | Line 448: | ||
.igem_2018_team_mobile_bar {display:block;} | .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%; } | .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) { | @media only screen and (max-width: 500px) { | ||
.igem_2018_team_menu {min-width:100%; width:100%; } | .igem_2018_team_menu {min-width:100%; width:100%; } | ||
} | } | ||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
</head> | </head> | ||
Line 583: | Line 472: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
− | |||
/* Create two equal columns that floats next to each other */ | /* Create two equal columns that floats next to each other */ | ||
.column { | .column { | ||
Line 590: | Line 478: | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
− | |||
/* Clear floats after the columns */ | /* Clear floats after the columns */ | ||
.row:after { | .row:after { | ||
Line 598: | Line 485: | ||
} | } | ||
/* USE THIS FOR PAGE HEADINGS */ | /* USE THIS FOR PAGE HEADINGS */ | ||
− | + | h6 { | |
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #0BB4C1; | color: #0BB4C1; | ||
− | font-size: | + | font-size: 31px; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 608: | Line 495: | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: black; | color: black; | ||
− | font-size: | + | font-size: 16px; |
− | text-align: | + | text-align: justify; |
− | margin-right: | + | margin-right: 90px; |
− | margin-left: | + | margin-left: 90px; |
} | } | ||
− | |||
/* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/ | /* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/ | ||
h3 { | h3 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
− | color: | + | color: white; |
− | font-size: | + | font-size: 16px; |
− | text-align: left; | + | /* text-align: left; */ |
− | margin-right: | + | /* margin-right: 90px; |
− | margin-left: | + | margin-left: 90px; */ |
} | } | ||
− | |||
/* USE THIS FOR SUBHEADINGS */ | /* USE THIS FOR SUBHEADINGS */ | ||
h4 { | h4 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #274F96; | color: #274F96; | ||
− | font-size: | + | font-size: 16px; |
text-align: left; | text-align: left; | ||
− | margin-right: | + | margin-right: 90px; |
− | margin-left: | + | margin-left: 90px; |
} | } | ||
− | |||
h5 { | h5 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #0085B6; | color: #0085B6; | ||
− | font-size: | + | font-size: 16px; |
text-align: left; | text-align: left; | ||
− | margin-right: | + | margin-right: 90px; |
− | margin-left: | + | margin-left: 90px; |
} | } | ||
− | |||
body { | body { | ||
− | + | /* background-image: url("https://static.igem.org/mediawiki/2018/d/df/T--NYU_Abu_Dhabi--Homepage.png"); */ | |
− | background-size: | + | background-size: cover; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | } | ||
+ | div{ | ||
+ | /* width: 1000px; */ | ||
+ | margin: auto; | ||
+ | border: none; | ||
} | } | ||
.center { | .center { | ||
Line 654: | Line 542: | ||
width: 50%; | width: 50%; | ||
} | } | ||
+ | .tablinks { | ||
+ | margin-top: 15px; | ||
+ | /* margin-left: 50%; | ||
+ | transform: translateX(-50%); */ | ||
+ | min-width: 80px; | ||
+ | padding: 10px 15px 10px 15px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 20px; | ||
+ | transition: background-color 0.1s linear, color 0.1s linear; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'IBM Plex Sans', sans-serif; | ||
+ | font-size: 0.7rem; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | .tablinks2 { | ||
+ | margin-top: 15px; | ||
+ | /* margin-left: 50%; | ||
+ | transform: translateX(-50%); */ | ||
+ | min-width: 80px; | ||
+ | padding: 10px 15px 10px 15px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 20px; | ||
+ | transition: background-color 0.1s linear, color 0.1s linear; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'IBM Plex Sans', sans-serif; | ||
+ | font-size: 0.7rem; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | .tablinks3 { | ||
+ | margin-top: 15px; | ||
+ | /* margin-left: 50%; | ||
+ | transform: translateX(-50%); */ | ||
+ | min-width: 80px; | ||
+ | padding: 10px 15px 10px 15px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 20px; | ||
+ | transition: background-color 0.1s linear, color 0.1s linear; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'IBM Plex Sans', sans-serif; | ||
+ | font-size: 0.7rem; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | .tablinks4 { | ||
+ | margin-top: 15px; | ||
+ | /* margin-left: 50%; | ||
+ | transform: translateX(-50%); */ | ||
+ | min-width: 80px; | ||
+ | padding: 10px 15px 10px 15px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 20px; | ||
+ | transition: background-color 0.1s linear, color 0.1s linear; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'IBM Plex Sans', sans-serif; | ||
+ | font-size: 0.7rem; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | .tablinks5 { | ||
+ | margin-top: 15px; | ||
+ | /* margin-left: 50%; | ||
+ | transform: translateX(-50%); */ | ||
+ | min-width: 80px; | ||
+ | padding: 10px 15px 10px 15px; | ||
+ | border: 2px solid black; | ||
+ | border-radius: 20px; | ||
+ | transition: background-color 0.1s linear, color 0.1s linear; | ||
+ | text-transform: uppercase; | ||
+ | font-family: 'IBM Plex Sans', sans-serif; | ||
+ | font-size: 0.7rem; | ||
+ | letter-spacing: 2px; | ||
+ | font-weight: 800; | ||
+ | } | ||
+ | .tablinks:hover { | ||
+ | background-color: #7E5BD3; | ||
+ | color: white; } | ||
+ | .tablinks2:hover { | ||
+ | background-color: #0BB4C1; | ||
+ | color: white; } | ||
+ | .tablinks3:hover { | ||
+ | background-color: #0085B6; | ||
+ | color: white; } | ||
+ | .tablinks4:hover { | ||
+ | background-color: #274F96; | ||
+ | color: white; } | ||
+ | .tablinks5:hover { | ||
+ | background-color: #101F40; | ||
+ | color: white; } | ||
+ | .tabcontent { | ||
+ | display: none; | ||
+ | padding: 3px 9px; | ||
+ | } | ||
+ | button:focus {outline:0;} | ||
+ | |||
+ | html, body { | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .content { | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | .content-inside { | ||
+ | padding: 20px; | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | .footer { | ||
+ | height: 150px; | ||
+ | min-height: 150px; | ||
+ | margin-top: -50px; | ||
+ | background-color: #0085B6; | ||
+ | flex-wrap: wrap; | ||
+ | bottom: 0; | ||
+ | } | ||
+ | .footer .columns { | ||
+ | float: left; | ||
+ | width: 65%; | ||
+ | position: relative; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | /* .footer .columns1 { | ||
+ | float: left; | ||
+ | width: 20%; | ||
+ | position: relative; | ||
+ | padding-top: 25px; | ||
+ | } */ | ||
+ | .footer .columns2 { | ||
+ | float: left; | ||
+ | width: 35%; | ||
+ | /* height: 100%; */ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | margin-top: 25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | position: relative; | ||
+ | font-size: 127%; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
</style> | </style> | ||
− | < | + | <div class="bg"></div> |
− | < | + | |
− | < | + | <body> |
+ | <div class="content"> | ||
+ | <div class="content-inside"> | ||
+ | <h6><b>Attributions</b></h6> | ||
+ | |||
<!-- <hr style="width:25%"> --> | <!-- <hr style="width:25%"> --> | ||
<h2> We would like to thank the following individuals and departments for their help in making our project a success:</h2> | <h2> We would like to thank the following individuals and departments for their help in making our project a success:</h2> | ||
<br> | <br> | ||
− | <h5> | + | <h5>Yong-Ak Song, Assistant Professor of Mechanical and Biomedical Engineering, NYUAD; Mazin Magzoub, Assistant Professor of Biology, NYUAD; Andras Gyorgy, Assistant Professor of Electrical and Computer Engineering, NYUAD </h5><h2><i>for leading our efforts and facilitating our research as principal investigators</i></h2> |
− | <h5>Ibrahim Chehade, Ashley Isaac, and Esteban Nicolas Salvemini</h5><h2><i>for being wonderful instructors in guiding us throughout the technical aspects of our project | + | <h5>Ibrahim Chehade, Instructor, NYUAD; Ashley Isaac, Instructor, NYUAD; and Esteban Nicolas Salvemini, Manager of the Advanced Manufacturing Workshop, NYUAD</h5><h2><i>for being wonderful instructors in guiding us throughout the technical aspects of our project </i></h2> |
− | <h5>Professor Piergiorgio Percipalle and Tomas Venit</h5><h2><i>from the Percipalle Lab | + | <h5>David Scicchitano, Dean of Science, NYUAD</h5><h2><i>for supporting the all initiatives of the team, ranging from community outreach to experimenting with our project </i></h2> |
− | <h5>Vongai Mlambo,</h5><h2><i>for helping us interview Dr. Patrick E. Akpaka </i></h2> | + | <h5>Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects, Science Division</h5><h2><i>for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement and finances </i></h2> |
− | <h5>Matthew Karau | + | <h5>Office of the Dean of Science, NYUAD</h5><h2><i>for providing us with the required financial and other support</i></h2> |
− | <h5>Dana Downey, Director of Career Development Center | + | <h5>Samar Madanat, Dean of Engineering, NYUAD, and his office</h5><h2><i>for providing us with the required financial and other support </i></h2> |
− | <h5>Afnan Albreiki</h5><h2><i>for guiding us towards the Youth Debates Initiative</i></h2> | + | <h5>Adnan Ali Hassan, NYUAD</h5><h2><i>for helping us with the outreach in Lebanon, for helping us with the translation in Youth Debates in Ajman, for helping with designs, and for helping us with the entrepreneurship business plan and model</i></h2> |
+ | <h5>Professor Piergiorgio Percipalle and Tomas Venit</h5><h2><i>from the Percipalle Lab, NYUAD for their guidance and support </i></h2> | ||
+ | <h5>Vongai Mlambo, NYUAD</h5><h2><i>for helping us interview Dr. Patrick E. Akpaka </i></h2> | ||
+ | <h5>Matthew Karau, Manager of the Engineering Design Studio, NYUAD; Amani Magid, Science and Engineering Librarian</h5><h2><i> for guiding us on intellectual property rights and patent research </i></h2> | ||
+ | <h5>Dana Downey, Director of Career Development Center, NYUAD</h5><h2><i>for helping us with drafting reach out emails to other universities</i></h2> | ||
+ | <h5>Afnan Albreiki, Strategy and Assessment Coordinator, Dean of Students' Office, NYUAD</h5><h2><i>for guiding us towards the Youth Debates Initiative</i></h2> | ||
<h5>Hajer Mubarak Madhi</h5><h2><i> for being our representative innumerous offices and helping us massively with the Youth Debates event | <h5>Hajer Mubarak Madhi</h5><h2><i> for being our representative innumerous offices and helping us massively with the Youth Debates event | ||
</i></h2> | </i></h2> | ||
− | <h5>Carol Brandt</h5><h2><i>for her constant support and enthusiasm in all our initiatives ranging from the main project to Youth Debates | + | <h5>Carol Brandt, Associate Vice Chancellor, Global Education and Outreach, and Vice Provost, NYUAD</h5><h2><i>for her constant support and enthusiasm in all our initiatives ranging from the main project to Youth Debates |
</i></h2> | </i></h2> | ||
− | <h5>Khuloud al Hammadi, from the Youth Debates | + | <h5>Khuloud al Hammadi, from the Youth Debates organizing team</h5><h2><i> for being our point of contact with the Youth Ministry and for playing a key role in making the Youth Debates come true |
</i></h2> | </i></h2> | ||
− | <h5>Tamara Gjorgjieva | + | <h5>Tamara "Tami" Gjorgjieva, President of NYUAD Student Government</h5><h2><i>for agreeing to be the moderator and for enabling our collaboration with the Debate Union </i></h2> |
− | <h5>Nicolaj Thor and the Debate Union | + | <h5>Nicolaj Thor and the NYUAD Debate Union</h5><h2><i> for providing debaters and training non-Debate Union members for the event |
</i></h2> | </i></h2> | ||
− | <h5>Debate Club of American University of Sharjah</h5><h2><i>for sending two of their members as debaters | + | <h5>Debate Club of American University of Sharjah</h5><h2><i>for sending two of their members as debaters </i></h2> |
− | + | <h5>Patrick Inshuti Makuba, NYUAD</h5><h2><i>for helping us with some aspects of the wiki</i></h2> | |
− | <h5>Patrick Inshuti Makuba,</h5><h2><i>for helping us with some aspects of the wiki</i></h2> | + | <h5>Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects at the Science Division</h5><h2><i>for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement, and finances</i></h2> |
− | <h5>Julie Caroline Brookes,Manager of Curriculum Affairs and Special Projects at the Science Division</h5><h2><i>for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement and finances</i></h2> | + | <h5>Francesco Arneodo, Associate Dean of Science and Associate Professor of Physics, NYUAD</h5><h2><i>for agreeing to be the representative of the Division of Science at the Youth Debates</i></h2> |
− | <h5> | + | <h5>Alexis Gambis, Assistant Professor of Biology, Film and New Media, NYUAD</h5><h2><i>for agreeing to be the judge of Youth Debates and sharing his knowledge in an engaging and fun way</i></h2> |
− | <h5> | + | <h5>Dr. Rashid Ali, Research Assistant Professor at Khalifa Center for Genetic Engineering & Biotechnology</h5><h2><i>for agreeing to join us as a judge for the Youth Debates</i></h2> |
− | <h5>Dr. Rashid Ali, Research Assistant Professor at Khalifa Center for Genetic Engineering & Biotechnology</h5><h2><i>for agreeing to join us as a judge for the Youth Debates | + | <h5>H.E. Mariam al Mehairi, Minister of State for Food Security</h5><h2><i>for her willingness to join us during the Youth Debates and for providing insight on our project</i></h2> |
− | <h5>H.E. Mariam al Mehairi, Minister of | + | <h5>Sana'a Amro, Cultural Engagement Manager, Student Life, NYUAD</h5><h2><i>for helping us with the gifts for Youth Debates</i></h2> |
− | <h5> | + | <h5>Renee Dugan, Associate Dean of Students, Director of Student Life, NYUAD</h5><h2><i>for helping us with organizing the Youth Debates </i></h2> |
− | <h5>Renee Dugan, Associate Dean of Students | + | <h5>Declan Dowdall, Student Life, NYUAD</h5><h2><i>for helping us with obtaining the venue and ensuring the important aspects of the event were taken care of</i></h2> |
− | <h5>Declan Dowdall | + | <h5>Coach Peter Dicce, Associate Dean of Students and Director of Athletics, NYUAD</h5><h2><i>for facilitating the collaboration between Debate union and iGEM team</i></h2> |
− | <h5>Coach Peter Dicce, Associate Dean of Students | + | <h5>Guneet Sarang, Events Department, NYUAD</h5><h2><i>for helping us with thank you gifts for Youth Debates</i></h2> |
− | <h5>Guneet Sarang, Events | + | <h5>Kyle Farley, Associate Vice Chancellor, Student Affairs, and Dean of Students</h5><h2><i>for his support in the Youth Debates event</i></h2> |
− | <h5> | + | <h5>Aisha al Naqbi, Assistant Dean of Students, NYUAD</h5><h2><i>for helping us with the set up for Youth Debates</i></h2> |
− | <h5>Aisha al Naqbi, | + | <h5>Public Safety Department, NYUAD</h5><h2><i>for being superheroes and ensuring smooth set up, making the campus accessible during the event and helping with removing set up after the event</i></h2> |
− | <h5>Public Safety Department | + | <h5>Baleegh Ahmad; Alison Waterman, NYUAD</h5><h2><i>for volunteering and facilitating the High School Workshop for Brighton School</i></h2> |
− | <h5> | + | <h5>Tuleen Shihabi; Ayham Taisir Adawi, NYUAD</h5><h2><i>for volunteering and facilitating the biology high school workshop</i></h2> |
+ | <h5>Jonah Joughin, NYUAD</h5><h2><i>for helping out with the wiki</i></h2> | ||
+ | <h5>Engineering Design Studio, NYUAD</h5><h2><i> for giving us materials needed throughout the project</i></h2> | ||
+ | <h5>Advance Manufacturing Workshop, NYUAD</h5><h2><i> for giving us materials needed throughout the project</i></h2> | ||
+ | <h5>Alexander Avdeev, Instructor, NYUAD; Shantanu Bhatia, Stefan Niehaus, and Abdullah Zameek, NYUAD</h5><h2><i> for helping us troubleshoot the heater circuit</i></h2> | ||
+ | <h5>Sagar Almannai, Associate Director of Admissions, NYUAD</h5><h2><i> for helping us with reaching out to high schools</i></h2> | ||
+ | <h5>Vijay Dhanvi, NYUAD ERB Machine Shop Manager</h5><h2><i> for helping us with making the metal version of the sample collector</i></h2> | ||
+ | <h5>Samara Bin Salem, Acting Manager of Scientific Research and University Program/Manager of Technical Training Programs, Central Testing Laboratory, ADQCC</h5><h2><i> for providing information on current food safety protocols in the region and giving feedback on Pathogene </i></h2> | ||
+ | <h5>Talal Ali Al Braiki; Abdulla Alsayed Ahmed Al Moosawi, Control Unit Heads, Abu Dhabi Food Control Authority</h5><h2><i> for providing information on current food safety protocols in the region and giving feedback on Pathogene </i></h2> | ||
+ | <h5>Aleksandra Markov and Margarita Bicec, NYUAD</h5><h2><i> for sharing their science sketch videos</i></h2> | ||
+ | <br><br><br> | ||
+ | </div> | ||
+ | <footer class="footer"> | ||
+ | <div class="columns2"> | ||
+ | <a href="https://2018.igem.org/Team:NYU_Abu_Dhabi" target="_blank"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--NYU_Abu_Dhabi--PathoGene2.png" alt="sponsor" width="200" margin-left="60px" ></a> | ||
+ | <br> | ||
+ | <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a> | ||
+ | <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a> | ||
+ | <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a> | ||
+ | <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a> | ||
+ | </div> | ||
+ | <div class="columns"> | ||
+ | <h3>Sponsors:</h3> | ||
+ | <a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/23/T--NYU_Abu_Dhabi--Promega.jpeg" alt="sponsor" width="90"></a> | ||
+ | <a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--NYU_Abu_Dhabi--Appslink2.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--NYU_Abu_Dhabi--Mathworks.png" alt="sponsor" width="90"></a> | ||
+ | <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.jenabioscience.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--NYU_Abu_Dhabi--JenaBioscience.png" alt="sponsor" width="90"></a> | ||
+ | |||
+ | </div> | ||
+ | </footer> | ||
+ | </body> | ||
Line 710: | Line 784: | ||
<head> | <head> | ||
− | |||
− | |||
− | |||
− | |||
− | + | <!--script for buttons --> | |
− | + | <script> | |
− | + | function openTab(evt, header) { | |
− | + | var i, tabcontent, tablinks; | |
− | + | tabcontent = document.getElementsByClassName("tabcontent"); | |
− | + | for (i = 0; i < tabcontent.length; i++) { | |
− | + | tabcontent[i].style.display = "none"; | |
− | + | } | |
− | + | tablinks = document.getElementsByClassName("tablinks"); | |
− | + | for (i = 0; i < tablinks.length; i++) { | |
− | + | tablinks[i].className = tablinks[i].className.replace(" active", ""); | |
− | + | } | |
− | + | document.getElementById(header).style.display = "block"; | |
− | + | evt.currentTarget.className += " active"; | |
− | + | } | |
− | + | document.getElementById("defaultOpen").click(); | |
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </body> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- END --> | |
− | + | ||
− | + | ||
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | <!--- Menu ---> | |
− | + | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <head> | ||
+ | <script> | ||
+ | window.onload = () => { | ||
+ | var activated; | ||
+ | var svg = document.getElementById("hero-image").getSVGDocument(); | ||
+ | var links = [ | ||
+ | ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], | ||
+ | ["engineering", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"], | ||
+ | ["demo", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"], | ||
+ | ["integrated", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"], | ||
+ | ["hpsilver", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"], | ||
+ | ["englab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering"], | ||
+ | ["design", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"], | ||
+ | ["app", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"], | ||
+ | ["attributions", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions"], | ||
+ | ["team", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Team"], | ||
+ | ["parts", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts"], | ||
+ | ["results", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Results"], | ||
+ | ["protocols", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Protocols"], | ||
+ | ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"] | ||
+ | ] | ||
+ | links.forEach(function (link) { | ||
+ | $(svg.getElementById(link[0])).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }).click(function () { | ||
+ | window.location.href = link[1]; | ||
+ | }); | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
− | + | <body> | |
− | + | <div id="app"> | |
− | + | <!-- Navbar --> | |
− | + | <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light"> | |
− | + | <a class="navbar-brand" href="https://2018.igem.org/Team:NYU_Abu_Dhabi"><img src="https://static.igem.org/mediawiki/2018/5/51/T--NYU_Abu_Dhabi--teamlogo.png" alt="logo" height="45" | |
− | + | style="padding-top: 5px; | |
− | + | object-fit: contain"; | |
− | + | ></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |
− | + | <span class="navbar-toggler-icon"></span> | |
− | + | </button> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
− | + | <ul class="navbar-nav mr-auto"> | |
− | + | <li class="nav-item" > | |
− | + | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi">Home<span class="sr-only"></span></a> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
− | + | People | |
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sponsors">Sponsors</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/About_Us">About Us</a> | ||
+ | </div> | ||
+ | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | |
− | + | Project | |
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Description">Description</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demonstration</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/InterLab">Interlab</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Model">Modelling</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Medal_Requirements">Medal Requirements</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item" > | ||
+ | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Hardware">Design<span class="sr-only"></span></a> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Lab notebooks | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Ideation</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering">Engineering</a> | ||
− | + | </div> | |
− | + | </li> | |
+ | <li class="nav-item" > | ||
+ | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreneurship">Entrepreneurship<span class="sr-only"></span></a> | ||
+ | </li> | ||
− | < | + | <li class="nav-item dropdown"> |
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Human practices | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Public_Engagement">Education and Public Engagement</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Human_Practices">Integrated Human Practices</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Home_Outreach">Home Country Outreach</a> | ||
+ | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Social Media</a> | ||
+ | </div> | ||
+ | </li> | ||
− | < | + | <li class="nav-item" > |
− | + | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations<span class="sr-only"></span></a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | </nav> | |
− | + | </body> | |
− | + | ||
− | < | + | <!-- <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> --> |
− | </ | + | |
− | + | ||
− | + | </html> | |
− | + | ||
− | + | ||
− | + |
Latest revision as of 19:59, 17 October 2018