Difference between revisions of "Team:NYU Abu Dhabi"

 
(393 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<html lang="en" class="no-js">
+
<html>
  
−
<style>
+
<head>
−
/* =================================================================== */
+
    <!-- jQuery -->
−
/*  PAGE-WRAPPER
+
    <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/jQuery?action=raw&ctype=text/javascript"></script>
−
/* =================================================================== */
+
    <!-- Popper -->
−
.page-wrapper {
+
    <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/Popper?action=raw&ctype=text/javascript"></script>
−
  position: absolute;
+
     <!-- Bootstrap -->
−
  z-index: 1;
+
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSS?action=raw&ctype=text/css" />
−
  left: 0;
+
    <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapJS?action=raw&ctype=text/javascript"></script>
−
  right:0;
+
−
  top: 0;
+
−
  bottom: 0;
+
−
  margin-left: 50px;
+
−
  -webkit-perspective: 1400px;
+
−
  -moz-perspective: 1400px;
+
−
  perspective: 1400px;
+
−
  -webkit-perspective-origin: 10% 10%;
+
−
  -moz-perspective-origin: 10% 10%;
+
−
  perspective-origin: 10% 10%;
+
−
  background: #fff;
+
−
  overflow: hidden;
+
−
}
+
−
.page-wrapper.page-bg-gray2 {
+
−
  background: #fff;
+
−
}
+
−
.page-wrapper.page-bg-gray2 section {
+
−
  background: #efefef;
+
−
}
+
−
.page-wrapper.page-bg-metalic {
+
−
  background: #fff;
+
−
}
+
−
.page-wrapper.page-bg-metalic section {
+
−
  background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
+
−
  /* Chrome 10+, Saf5.1+ */
+
−
  background: -moz-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
+
−
  /* FF3.6+ */
+
−
  background: -ms-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
+
−
  /* IE10 */
+
−
  background: -o-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
+
−
  /* Opera 11.10+ */
+
−
  background: linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%);
+
−
  /* W3C */
+
−
}
+
−
@media (min-width: 768px) {
+
−
  .page-wrapper {
+
−
     margin-left: 80px;
+
−
  }
+
−
}
+
−
@media (min-width: 992px) {
+
−
  .page-wrapper {
+
−
    margin-left: 250px;
+
−
  }
+
−
}
+
−
.page-wrapper section {
+
−
  position: absolute;
+
−
  z-index: -1;
+
−
  top: 0;
+
−
  left: 0;
+
−
  bottom: 0;
+
−
  right: 0;
+
−
  -webkit-backface-visibility: hidden;
+
−
  -moz-backface-visibility: hidden;
+
−
  backface-visibility: hidden;
+
−
  visibility: hidden;
+
−
  -webkit-transform: translate3d(0, 0, 0);
+
−
  -moz-transform: translate3d(0, 0, 0);
+
−
  -o-transform: translate3d(0, 0, 0);
+
−
  transform: translate3d(0, 0, 0);
+
−
  -webkit-transform: preserve-3d;
+
−
  -moz-transform: preserve-3d;
+
−
  -o-transform: preserve-3d;
+
−
  transform: preserve-3d;
+
−
  background: #fff;
+
−
  overflow: hidden;
+
−
  opacity: 0;
+
−
}
+
−
.page-wrapper section.section-current {
+
−
  visibility: visible;
+
−
  z-index: 1;
+
−
  opacity: 1;
+
−
}
+
−
.page-wrapper section.pt-page-ontop {
+
−
  z-index: 2;
+
−
}
+
−
.page-wrapper section .content {
+
−
  position: relative;
+
−
  width: 100%;
+
−
  min-height: 100%;
+
−
  height: 100%;
+
−
  overflow: hidden;
+
−
  overflow-y: scroll;
+
−
  -webkit-overflow-scrolling: touch;
+
−
}
+
−
.page-wrapper section .content.table {
+
−
  display: table;
+
−
  table-layout: fixed;
+
−
}
+
−
.page-wrapper section .content.table .table-middle {
+
−
  position: relative;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  margin: 0;
+
−
  display: table-cell;
+
−
  vertical-align: middle;
+
−
}
+
−
.page-wrapper section .btn-prev {
+
−
  position: fixed;
+
−
  z-index: 999;
+
−
  top: -1px;
+
−
  left: -1px;
+
−
  margin: 0;
+
−
}
+
−
.page-wrapper header {
+
−
  position: relative;
+
−
  padding-top: 30px;
+
−
  padding-bottom: 25px;
+
−
}
+
−
@media (min-width: 992px) {
+
−
  .page-wrapper header {
+
−
     padding-bottom: 50px;
+
−
  }
+
−
}
+
−
.page-wrapper header h3 {
+
−
  letter-spacing: 2px;
+
−
  display: inline-block;
+
−
  margin-right: 20px;
+
−
  font-weight: 400;
+
−
  border-right: 8px solid #662d91;
+
−
  padding: 15px 20px 15px 0;
+
−
  color: #662d91;
+
−
  text-transform: uppercase;
+
−
}
+
−
.page-wrapper header h3 small {
+
−
  display: block;
+
−
  text-align: right;
+
−
  color: #f7f7f7;
+
−
  margin-top: 10px;
+
−
  font-weight: 300;
+
−
  font-size: 16px;
+
−
  font-family: 'Lato', sans-serif;
+
−
  text-transform: lowercase;
+
−
}
+
−
.page-wrapper header h5 {
+
−
  display: none;
+
−
  padding-top: 20px;
+
−
  color: #000;
+
−
  letter-spacing: 1.5px;
+
−
  font-family: 'Lato', sans-serif;
+
−
  font-weight: 300;
+
−
  text-transform: uppercase;
+
−
}
+
−
@media (min-width: 768px) {
+
−
  .page-wrapper header h5 {
+
−
    display: inline;
+
−
  }
+
−
}
+
−
.page-wrapper .bg-img1 {
+
−
  background: url('../img/bg/bg-gray.jpg') center fixed no-repeat;
+
−
}
+
−
.page-wrapper .bg-img-black {
+
−
  background: url('../img/bg/section-bg1.jpg') center fixed no-repeat;
+
−
  color: #fff;
+
−
}
+
  
−
.pw {
 
−
  position: absolute;
 
−
  z-index: 1;
 
−
  left: 0;
 
−
  right:0;
 
−
  top: 1;
 
−
  bottom: 15;
 
−
  margin-left: 250px;
 
−
  -webkit-perspective: 1400px;
 
−
  -moz-perspective: 1400px;
 
−
  perspective: 1400px;
 
−
  -webkit-perspective-origin: 10% 10%;
 
−
  -moz-perspective-origin: 10% 10%;
 
−
  perspective-origin: 10% 10%;
 
−
  background: #fff;
 
−
}
 
  
−
#top-section {
 
−
    border: none;
 
−
    height: 0px;}
 
−
#content {
 
−
    border: none;}
 
−
#sideMenu,
 
−
#top_title {
 
−
    display: none;
 
−
}
 
  
 +
    <!-- Reset CSS -->
 +
    <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/ResetCSS?action=raw&ctype=text/css" />
  
−
#globalWrapper {
 
−
    font-size: inherit;
 
−
    padding-bottom: 0;
 
−
}
 
  
 +
    <!-- BEGIN CUSTOM CSS -->
  
−
#top_menu_under {
+
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/CSS?action=raw&ctype=text/css" />
−
     height: 0px;
+
    <!-- <link rel="stylesheet" href="./style.css" /> -->
−
}
+
  
−
ul {
+
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/homeCSS?action=raw&ctype=text/css" />
−
     list-style-image: none; //removes the iGEM wiki bullets
+
    <!-- <link rel="stylesheet" href="./home.css" /> -->
−
}
+
−
</style>
+
  
−
     <head>
+
     <!-- END CUSTOM CSS -->
−
        <meta charset="utf-8">
+
−
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
−
        <meta name="description" content="">
+
−
        <meta name="keywords" content="">
+
−
        <meta name="author" content="">
+
−
        <title>NYU Abu Dhabi</title>
+
−
        <!-- Styles -->
+
−
        <link rel="stylesheet" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/bootstrapmin?action=raw&ctype=text/css" type="text/css">
+
−
        <link rel="stylesheet" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/peicon7stroke?action=raw&ctype=text/css" type="text/css">
+
−
        <link rel="stylesheet" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/animatemin?action=raw&ctype=text/css" type="text/css">
+
−
        <link rel="stylesheet" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/animations?action=raw&ctype=text/css" type="text/css">
+
−
        <link rel="stylesheet" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/owlcarousel?action=raw&ctype=text/css" type="text/css">
+
−
        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/css/style?action=raw&ctype=text/css">
+
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/modernizrcustom?action=raw&ctype=text/javascript"></script>
+
−
</head>
+
  
−
     <!-- PRELOADER -->
+
     <script>
−
    <div class="preloader">
+
         window.onload = () => {
−
         <div class="spinner">
+
             var activated;
−
             <div class="dot1"></div>
+
             var svg = document.getElementById("hero-image").getSVGDocument();
−
             <div class="dot2"></div>
+
−
        </div>
+
−
    </div>
+
−
    <!-- end: PRELOADER  -->
+
  
−
<!-- NAVIGATION -->
+
            var links = [
−
<nav role="navigation">
+
                ["bio", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Description"],
−
<!-- Logo -->
+
                ["engineering", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Description"],
−
<a href="index.html" class="logo logo-img">
+
                ["demo", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"],
−
<img src="https://static.igem.org/mediawiki/2017/b/b7/T--NYU_Abu_Dhabi--logo.png" class="img-responsive" alt="euforia">
+
                ["integrated", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"],
−
</a>
+
                ["hpsilver", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
−
<!-- end: Logo -->
+
                ["englab", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering"],
−
<!-- Menu -->
+
                ["design", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"],
−
<div class="navi-scroll">
+
                ["app", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
−
<div class="navi-col">
+
                ["attributions", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Attributions"],
−
<ul class="menu menu-v2">
+
                ["team", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Team"],
−
<li><a class="page-link" href="#home"><span data-hover="home">home</span><i class="fa fa-home"></i></a></li>
+
                ["parts", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts"],
−
<li><a class="page-link" href="#team"><span data-hover="team">team</span><i class="fa fa-briefcase"></i></a></li>
+
                ["results", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Results"],
−
<li><a class="page-link" href="#services"><span data-hover="services">services</span><i class="fa fa-lightbulb-o"></i></a></li>
+
                ["protocols", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Protocols"],
−
<!--<li><a class="page-link" href="#portfolio"><span data-hover="portfolio">portfolio</span><i class="fa fa-picture-o"></i></a></li>
+
                ["biolab", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Biology"]
−
<li><a class="page-link" href="#blog"><span data-hover="blog">blog</span><i class="fa fa-pencil"></i></a></li>-->
+
            ]
−
<li><a class="page-link" href="#contact"><span data-hover="contact">contact</span> <i class="fa fa-phone"></i></a></li>
+
−
</ul>
+
−
</div><!-- .navi-col -->
+
−
</div><!-- .navi-scroll -->
+
−
<!-- end: Menu -->
+
−
</nav>
+
−
<!-- end: NAVIGATION -->
+
  
−
<div class="page-wrapper">
+
            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];
 +
                });
 +
            });
  
−
<section id="home" class="page-activ">
 
−
<div class="pw">
 
−
<!-- <div class="owl-carousel rotate-text">
 
−
<h3><span class="color-default">स्वागतम्</span></h3>
 
−
<div class="item">
 
−
<h3><font face="Helvetica" color="red">Welcome</font></h3>
 
−
</div>
 
−
<div class="item">
 
−
<h3><font face="Helvetica" color="blue">Hola!</font></h3>
 
−
</div>
 
−
<div class="item">
 
−
<h3> <font face="Helvetica" color="orange">Bonjour</font></h3>
 
−
</div>
 
−
</div> -->
 
−
<br>
 
−
<img src="https://static.igem.org/mediawiki/2017/1/18/T--NYU_Abu_Dhabi--igemlogo.png" width="600" height="600" align="left">
 
−
</div>
 
−
</section>
 
  
−
             <section id="team">
+
        }
−
                 <div class="content">
+
    </script>
−
                     <div class="container-fluid">
+
</head>
−
                        <div class="row">
+
 
−
<div class="col-lg-10 col-lg-offset-1">
+
<body>
−
<div class="col-md-6 no-padding">
+
    <div id="app">
−
<h1></h1>
+
        <!-- Navbar -->
−
</div>
+
        <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
−
</div>
+
             <a class="navbar-brand" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">
−
</div>
+
                <img src="https://static.igem.org/mediawiki/2017/0/0d/T--NYU_Abu_Dhabi--horizontal-logo.png" alt="" />
−
</div>
+
            </a>
−
</div>
+
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
−
</section>
+
                aria-expanded="false" aria-label="Toggle navigation">
 +
                <span class="navbar-toggler-icon"></span>
 +
            </button>
 +
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
 +
                 <ul class="navbar-nav">
 +
                    <li class="nav-item">
 +
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">Home
 +
                            <span class="sr-only">(current)</span>
 +
                        </a>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            Project
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Description">Our Project</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demo</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design">Design</a>
 +
                        </div>
 +
                     </li>
 +
 
 +
                    <li class="nav-item">
 +
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations</a>
 +
                    </li>
 +
 
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            Lab Notebook
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering">Engineering</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Protocols">Protocols</a>
 +
                        </div>
 +
                    </li>
 +
 
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            Human Practices
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP">Overview</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver">Human Practices</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated Human Practices</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engagement">Engagement and Education</a>
 +
                        </div>
 +
                    </li>
 +
 
 +
                    <li class="nav-item">
 +
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/InterLab">Interlab</a>
 +
                    </li>
 +
 
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            Team
 +
                        </a>
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a>
 +
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
 
 +
        <!-- BEGIN CONTENT HERE https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg-->
 +
 
 +
        <object id="hero-image" data="https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg" type="image/svg+xml"> </object>
 +
 
 +
        <!-- END CONTENT HERE -->
 +
 
 +
        <!-- Footer -->
 +
        <div class="footer">
 +
            <div class="container-fluid">
 +
                <div class="row">
 +
                    <div class="col-lg-4 footer-section">
 +
                        <p class="footer-text">
 +
                            NYU Abu Dhabi is a research university with a fully integrated liberal arts and science college. It draws students from around
 +
                            the world, and prepares them for the challenges and opportunities of our interconnected world.
 +
                            </br>
 +
                            <a href="http://nyuad.nyu.edu/en/about.html">Read More</a>
 +
                        </p>
 +
                    </div>
 +
                    <div class="col-lg-4 footer-section">
 +
                        <p class="footer-text">
 +
                            NYUAD Saadiyat Island </br>
 +
                            Abu Dhabi, P.O. Box 129188, U.A.E </br>
 +
                            <a href="mailto:nyuad.igem@nyu.edu">Email</a>
 +
                            </br>
 +
                            <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank">Facebook</a>
 +
                            </br>
 +
                        </p>
 +
                    </div>
 +
                    <div class="col-lg-4 footer-section">
 +
                        <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png" />
 +
                        <img class="footer-logo2" src="https://static.igem.org/mediawiki/2017/2/2d/T--UrbanTundra_Edmonton--igemlogo.jpg" />
 +
                        <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYU_Abu_Dhabi.png" />
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
</body>
  
−
</div>
 
−
<!-- PLUGIN SCRIPTS -->
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/jquery213min?action=raw&ctype=text/javascript"></script>
 
−
<script src="hhttps://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/jqueryeasingmin?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/jquerybackstretchmin?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/owlcarouselmin?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/jqueryhoverdir?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/functions?action=raw&ctype=text/javascript"></script>
 
−
<script src="https://2017.igem.org/Team:NYU_Abu_Dhabi/assets/js/custom?action=raw&ctype=text/javascript"></script>
 
 
</html>
 
</html>

Latest revision as of 17:44, 31 October 2017

NYU Abu Dhabi is a research university with a fully integrated liberal arts and science college. It draws students from around the world, and prepares them for the challenges and opportunities of our interconnected world.
Read More

NYUAD Saadiyat Island
Abu Dhabi, P.O. Box 129188, U.A.E
Email
Facebook