|
|
| (365 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{Northwestern_Page_Head}} | + | {{Northwestern_Page_Head_temp}} |
| − | {{Navbar}} | + | {{Navbar_temp}} |
| | | | |
| | <html> | | <html> |
| − | <title>Northwestern Template</title> | + | <head> |
| − | <meta charset="UTF-8">
| + | <style> |
| | + | .foo img:last-child{display:none} |
| | + | .foo:hover img:first-child{display:none} |
| | + | .foo:hover img:last-child{display:inline-block} |
| | + | } |
| | | | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | /*h2 { |
| − | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
| + | padding: 0; |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
| + | font-weight: 200;*/ |
| − | <link rel="stylesheet" href="https://cdhttps://2017.igem.org/njs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| + | } |
| | + | |
| | + | h2 span { |
| | + | margin-left: 1em; |
| | + | color: #aaa; |
| | + | font-size: 32%; |
| | + | } |
| | + | |
| | + | </style> |
| | | | |
| | | | |
| | <style> | | <style> |
| − | html {
| + | p {padding-top: 0px; padding-right: 170px; padding-bottom: 10px; padding-left: 170px;} |
| − | box-sizing: border-box;
| + | p{ background-color: #f7f3ed;} |
| − | } | + | center{ background-color: #f7f3ed;} |
| | + | button{border: 0; background-color: #f7f3ed;} |
| | + | figure {background-color: #f7f3ed;} |
| | + | h2{margin: 0; background-color: #f7f3ed;} |
| | + | h3{margin: 0; background-color: #f7f3ed;} |
| | + | body{background-color: #f7f3ed;} |
| | + | </style> |
| | + | </head> |
| | | | |
| − | *, *:before, *:after {
| + | <style> |
| − | box-sizing: inherit;
| + | p.big { |
| | + | line-height: 1.8; |
| | } | | } |
| | | | |
| − | .column { | + | |
| − | float: left;
| + | /* Modal Image */ |
| − | width: 33.3%;
| + | /* The Modal (background) */ |
| − | margin-bottom: 16px;
| + | .modal { |
| − | padding: 0 8px;
| + | display: none; /* Hidden by default */ |
| | + | position: fixed; /* Stay in place */ |
| | + | z-index: 1; /* Sit on top */ |
| | + | padding-top: 100px; /* Location of the box */ |
| | + | left: 0; |
| | + | top: 0; |
| | + | width: 100%; /* Full width */ |
| | + | height: 100%; /* Full height */ |
| | + | overflow: auto; /* Enable scroll if needed */ |
| | + | background-color: rgb(0,0,0); /* Fallback color */ |
| | + | background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ |
| | } | | } |
| | | | |
| − | @media (max-width: 650px) {
| + | /* Modal Content (image) */ |
| − | .column {
| + | .modal-content { |
| − | width: 100%; | + | margin: auto; |
| | display: block; | | display: block; |
| − | }
| + | width: 60%; |
| | + | height: 90%; |
| | + | max-width: 700px; |
| | } | | } |
| | | | |
| − | .card {
| + | /* Caption of Modal Image */ |
| − | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
| + | #caption { |
| | + | margin: auto; |
| | + | display: block; |
| | + | width: 60%; |
| | + | max-width: 700px; |
| | + | text-align: center; |
| | + | color: #ccc; |
| | + | padding: 10px 0; |
| | + | height: 150px; |
| | } | | } |
| | | | |
| − | .container { | + | /* Add Animation */ |
| − | padding: 0 16px;
| + | .modal-content, #caption { |
| | + | -webkit-animation-name: zoom; |
| | + | -webkit-animation-duration: 0.6s; |
| | + | animation-name: zoom; |
| | + | animation-duration: 0.6s; |
| | } | | } |
| | | | |
| − | .container::after, .row::after {
| + | @-webkit-keyframes zoom { |
| − | content: "";
| + | from {-webkit-transform:scale(0)} |
| − | clear: both;
| + | to {-webkit-transform:scale(1)} |
| − | display: table;
| + | |
| | } | | } |
| | | | |
| − | .title {
| + | @keyframes zoom { |
| − | color: grey;
| + | from {transform:scale(0)} |
| | + | to {transform:scale(1)} |
| | } | | } |
| | | | |
| − | .scontainer { | + | /* The Close Button */ |
| − | position: relative;
| + | .close { |
| − | width: auto;
| + | position: absolute; |
| | + | top: 15px; |
| | + | right: 35px; |
| | + | color: #f1f1f1; |
| | + | font-size: 40px; |
| | + | font-weight: bold; |
| | + | transition: 0.3s; |
| | } | | } |
| | | | |
| − | .tcontainer { | + | .close:hover, |
| − | position: relative;
| + | .close:focus { |
| − | width: auto;
| + | color: #bbb; |
| | + | text-decoration: none; |
| | + | cursor: pointer; |
| | } | | } |
| | | | |
| − | .image {
| + | /* 100% Image Width on Smaller Screens */ |
| − | display: block;
| + | @media only screen and (max-width: 700px){ |
| − | width: 100%;
| + | .modal-content { |
| − | height: auto;
| + | width: 100%; |
| | + | } |
| | } | | } |
| | | | |
| − | .overlay {
| + | p { |
| − | position: absolute;
| + | background-color: #f7f3ed; |
| − | top: 0;
| + | |
| − | bottom: 0;
| + | |
| − | right: 0;
| + | |
| − | left: 0;
| + | |
| − | height: 250px;
| + | |
| − | width: 250px;
| + | |
| − | opacity: 0;
| + | |
| − | transition: .5s ease;
| + | |
| − | background-color: #c75eed; | + | |
| | } | | } |
| − | | + | button{ |
| − | .scontainer:hover .overlay {
| + | border: 0; background-color: #f7f3ed; |
| − | opacity: 1; | + | |
| | } | | } |
| − | | + | figure { |
| − | .tcontainer:hover .goverlay {
| + | background-color: #f7f3ed; |
| − | opacity: 1; | + | |
| | } | | } |
| − | | + | h2{ |
| − | goverlay {
| + | background-color: #f7f3ed; |
| − | position: absolute;
| + | |
| − | top: 0;
| + | |
| − | bottom: 0;
| + | |
| − | right: 0;
| + | |
| − | left: 0;
| + | |
| − | height: 200px;
| + | |
| − | width: 200px;
| + | |
| − | opacity: 0;
| + | |
| − | transition: .5s ease;
| + | |
| − | background-color: #297dd6; | + | |
| | } | | } |
| − | | + | body { |
| − | .text {
| + | background-color: #f7f3ed; |
| − | color: white; | + | } |
| − | font-size: 20px;
| + | foo { |
| − | position: absolute;
| + | text-decoration:none; |
| − | top: 50%;
| + | |
| − | left: 50%;
| + | |
| − | transform: translate(-50%, -50%);
| + | |
| − | -ms-transform: translate(-50%, -50%);
| + | |
| | } | | } |
| − |
| |
| | </style> | | </style> |
| − |
| |
| | </head> | | </head> |
| | | | |
| − | <body style="background-color: purple">
| |
| | | | |
| − | <h2 class="w3-center"></h2>
| |
| | | | |
| − | <div class="w3-content w3-section" style="max-width:500px"> | + | <body> |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/0/02/T--Northwestern--JackFlip.jpeg" width:"400px" height="200px">
| + | |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/f/f3/T-Northwestern_PI-.jpg" width:"400px" height="200px">">
| + | |
| − | </div>
| + | |
| | | | |
| − | <script> | + | <body style="height:100%;"> |
| − | var myIndex = 0;
| + | <div> |
| − | carousel();
| + | <center><h2><br><br>Meet our Team<br><br></h2> |
| − | | + | |
| − | function carousel() {
| + | |
| − | var i;
| + | |
| − | var x = document.getElementsByClassName("mySlides");
| + | |
| − | for (i = 0; i < x.length; i++) {
| + | |
| − | x[i].style.display = "none";
| + | |
| − | }
| + | |
| − | myIndex++;
| + | |
| − | if (myIndex > x.length) {myIndex = 1}
| + | |
| − | x[myIndex-1].style.display = "block";
| + | |
| − | setTimeout(carousel, 2000); // Change image every 2 seconds
| + | |
| − | }
| + | |
| − | | + | |
| − | // Modal Image Gallery
| + | |
| − | function onClick(element) {
| + | |
| − | document.getElementById("img01").src = element.src;
| + | |
| − | document.getElementById("modal01").style.display = "block";
| + | |
| − | var captionText = document.getElementById("caption");
| + | |
| − | captionText.innerHTML = element.alt;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | <h2 class= "w3-center"> Meet the Team!</h2>
| + | |
| − | <p class="w3-center"> The ~brains~ behind the brawn </p>
| + | |
| − | <br>
| + | |
| − | | + | |
| − | <div class="w3-row-padding w3-center">
| + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/f/f1/T-Northwesternkaterina.jpg" width="300px" height="300px" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist over the mountains">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Coffee beans">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p3.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Bear closeup">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p4.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Quiet ocean">
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-row-padding w3-center w3-section">
| + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p5.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="The mist">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p6.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="My beloved typewriter">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p7.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Empty ghost train">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="w3-col m3">
| + | |
| − | <img src="/w3images/p8.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Sailing">
| + | |
| − | </div>
| + | |
| − | <button class="w3-button w3-padding-large w3-light-grey" style="margin-top:64px">LOAD MORE</button>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <!-- Modal for full size images on click-->
| |
| − | <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
| |
| − | <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
| |
| − | <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
| |
| − | <img id="img01" class="w3-image">
| |
| − | <p id="caption" class="w3-opacity w3-large"></p>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <!-- <div class="row"> | + | <center style="text-decoration: none;"><figure> |
| − | <div class="column">
| + | <img src="https://static.igem.org/mediawiki/2017/thumb/c/ce/T--Northwestern--team.png/800px-T--Northwestern--team.png" usemap="#image-map"> |
| − | <img src="https://static.igem.org/mediawiki/2017/ 8/ 8a/T- Northwestern_headshot_chuck. jpeg" width="200px" height="250px" onclick="onClick(this)" class="w3- hover- opacity" alt=" if you need any proof that irony is a fickle mistress, I am a local Evanston townie who grew up making fun of nerdy NU students. As a Wildcat, I spend my days as a mechanical engineering student who loves math and building things. Some of my many eclectic interests include product design, hydroponics, manufacturing, renewable energy, and why people are interested in the Kardashians. When I’m not doing STEM related activities, you can find me at the beach, a Will Ferrel Movie, or doing a cheesy 90’s workout video."> | + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| | | | |
| − | <div class="column">
| + | <map name="image-map"> |
| − | <div class="card"> | + | <area target="" alt="" title="Jack" href="https://2017.igem.org/Team:Northwestern/Team/Jack" coords="185,118,176,126,186,144,192,126" shape="poly"> |
| − | <img src="https://static.igem.org/mediawiki/2017/f/f1/T-Northwesternkaterina.jpg" width="200px" height="250px">
| + | <area target="" alt="" title="Katerina" href="https://2017.igem.org/Team:Northwestern/Team/Katerina" coords="275,161,268,174,275,191,282,172" shape="poly"> |
| − | <div class="container">
| + | <area target="" alt="" title="Ayesha" href="https://2017.igem.org/Team:Northwestern/Team/Ayesha" coords="373,169,365,179,372,197,379,179" shape="poly"> |
| − | <h2>Katerina </h2>
| + | <area target="" alt="" title="Lulu" href="https://2017.igem.org/Team:Northwestern/Team/Lulu" coords="464,169,455,179,464,197,470,179" shape="poly"> |
| − | <p class="title"> Senior, Biomedical Engineering</p>
| + | <area target="" alt="" title="Will" href="https://2017.igem.org/Team:Northwestern/Team/Will" coords="553,156,545,167,552,183,558,168" shape="poly"> |
| − | <p> I am a fourth-year Biomedical Engineering student hoping to pursue medical school following graduation. Having grown up in Athens, Greece scientific terminology does not intimidate me, although I still struggle to pronounce the most obscure names of bacteria. I am currently involved in imaging research for cancer diagnostics, but recently became fascinated by the field of synthetic biology and by how we can engineer bacteria to do the unimaginable. When not in lab, I’m probably reading mystery novels, or trying to improve my tennis serve.</p>
| + | <area target="" alt="" title="Tyler" href="https://2017.igem.org/Team:Northwestern/Team/Tyler" coords="672,117,663,130,673,148,679,131" shape="poly"> |
| − | </div>
| + | </map> |
| − | </div>
| + | </figure><p><center>Not shown: <a href="https://2017.igem.org/Team:Northwestern/Team/Charley">Charley Rees</a> and <a href="https://2017.igem.org/Team:Northwestern/Team/Karen">Karen Taylor</a></center></p></center> |
| − | </div>
| + | |
| − | <div class="column">
| + | |
| − | <div class="card"> | + | |
| − | <img src="https://static.igem.org/mediawiki/2017/0/02/T--Northwestern--JackFlip.jpeg" alt="John" style="width="200px" height="250px">
| + | |
| − | <div class="container">
| + | |
| − | <h2>Jack Arnold</h2>
| + | |
| − | <p class="title">Junior, Chemical Engineering </p>
| + | |
| − | <p>I am a third year undergraduate majoring in Chemical Engineering and pursuing a minor in chemistry and biotechnology. I have had little research experience thus far, but I am excited about expanding my skills as part of Northwestern’s 2017 iGEM team. I plan to start research in a lab during fall quarter 2017, and plan to eventually pursue my PhD in chemical engineering with an emphasis on synthetic biology. My interests include rock climbing, photography, and baking various desserts that will knock your socks off </p>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="column">
| + | |
| − | <div class="card"> | + | |
| − | <img src="https://static.igem.org/mediawiki/2017/0/04/T-Northwestern_Headshot_Ayesha.jpeg" width="200px" height="250px">
| + | |
| − | <div class="container">
| + | |
| − | <h2>Ayesha</h2>
| + | |
| − | <p class="title">Junior, Biomedical Engineering</p>
| + | |
| − | <p> I’m a junior studying Biomedical Engineering. I have had very little wet lab experience coming into iGEM, but I am always up for the challenge and excited to get my feet wet (see what I did there?). Genetic engineering fascinates me and I’m ready to take part in furthering the field. I’m from Chicago, born and bred, something I almost never fail to mention.When I find free time, I like to take pictures, watch Christopher Nolan movies, listen to rap and exploring the city. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="column"> | + | |
| − | <div class="card">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/7/75/T-lulu.jpeg" style="width="200px" height="250px">
| + | |
| − | <div class="container">
| + | |
| − | <h2>Lulu </h2>
| + | |
| − | <p class="title"> Senior, Chemical Engineering </p>
| + | |
| − | <p>I’m a senior studying chemical engineering and pursuing a minor in biotechnology. My interest in research began after entering a biomedical research lab for the first time at the age of six (possibly illegally), on a trip with my mom to pick up my dad after work. After around 6 summers of derailing graduate students’ research on occasion, I’ve found my place in iGEM. I’m excited to see what research is ‘Really About’ and experience the inner workings of the entire research design process.
| + | |
| | | | |
| − | When I am able to escape tech, I can be found stuffing myself with ramen, taking creeper shots of dogs, and drinking copious amounts of milk tea. </p>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="column">
| |
| − | <div class="card">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/2/2d/T-Northwestern_karen_.jpg" width="200px" height="250px">
| |
| − | <div class="container">
| |
| − | <h2> Karen </h2>
| |
| − | <p class="title"> Sophomore, Chemical Engineering</p>
| |
| − | <p>I’m a second-year chemical engineering student that will hopefully end up with a master’s in biotechnology. My first and last exposure to biology was in freshman year AP biology, but that was all I needed to dedicate my life to synthetic biology. I believe the key to healthcare is through genes, and I’ll be darned if I don’t find it. When I’m not struggling to understand things in the lab, I’m producing music for my brother’s friends, watching documentaries, or skyping my 4 pets/kids.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="row">
| |
| − | <div class="column">
| |
| − | <div class="card">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/e/ea/T-Northwestern_will.jpeg" width="200px" height="250px">
| |
| − | <div class="container">
| |
| − | <h2>Will </h2>
| |
| − | <p class="title"> Sophomore, Electrical Engineering</p>
| |
| − | <p> I am a second-year electrical engineering student interested in everything STEM related. Although I work in an astrophysics lab on campus, I’m excited to pursue my interest in synthetic biology and its applications through iGEM 2017. When I’m not working, I spend my time building rockets, beating my friends in FIFA, and rewatching the American Pie movies. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <div class="column">
| |
| − | <div class="card">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/7/75/T-Northwestern_tyler.jpeg" width="200px" height="250px">
| |
| − | <div class="container">
| |
| − | <h2> Tyler </h2>
| |
| − | <p class="title"> Junior, Chemical Engineering</p>
| |
| − | <p> I am a junior majoring in Chemical Engineering and Music Composition, and most of my research experience before iGEM was actually concentrated in ethnomusicology. Even though I grew up in both Sweden and Germany, I went to Northwestern because of my interest in their Dual Degree program. I have always been fascinated with research at the intersection of chemistry and biology, and I hope to one day obtain my PhD in a related field.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | | + | <div> |
| − | <div class="card">
| + | <center><h2><br><br>Meet our advisors</h2> |
| − | <img src="https://static.igem.org/mediawiki/2017/f/f3/T-Northwestern_PI-.jpg" width="400px" height="250px">
| + | |
| − | <div class="container">
| + | |
| − | <h2> Dr.Josh Leonard </h2>
| + | |
| − | <p class="title"> PI, Associate Professor of Chemical and Biological Engineering </p>
| + | |
| − | <p> When he is not practicing his killer smolder, Dr. Leonard is a leading researcher in the world of synthetic biology. Current research projects include EV (extracellular vesicles) mediated delivery of therapies and converting metabolite-binding proteins into metabolite-responsive transcriptional regulators
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | + | <p style="padding-top: 5%; padding-left: 15%; padding-right: 15%> |
| | + | <h2 style="padding-top: 5%; padding-left: 15%; padding-right: 15%> |
| | | | |
| − | --> | + | <center> |
| | + | <button class="foo"> |
| | + | <a style="text-decoration:none !important;" class="foo" href="#JL"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Northwestern--Leonard.png" width="200px"/> |
| | + | <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--Leonard4.png" width="200px"/> |
| | + | </a> |
| | + | </button> |
| | | | |
| − | <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'"> | + | <button class="foo"> |
| − | <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
| + | <a style="text-decoration:none !important;" class="foo" href="#KT"> |
| − | <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
| + | <img src="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--tyo.png" width="200px" /> |
| − | <img id="img01" class="w3-image">
| + | <img src="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--Tyo.png" width="200px"/> |
| − | <p id="caption" class="w3-opacity w3-large"></p>
| + | </a> |
| − | </div>
| + | |
| − | </div> | + | |
| | | | |
| − | <h2 class="w3-center"> Meet our Advisors! </h2> <br> <br> | + | </button> |
| | + | <button class="foo"> |
| | + | <a style="text-decoration:none !important;" class="foo" href="#DTE"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/d/d8/T--Northwestern--dte.png"width="200px" /> |
| | + | <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Northwestern--dte2.png" width="200px"/> |
| | + | </a> |
| | + | </button> |
| | | | |
| − | <div class="row"> | + | <button class="foo"> |
| − | <div class="column"> | + | <a style="text-decoration:none !important;" class="foo" href="#JM"> |
| − | <div class="scontainer">
| + | <img src="https://static.igem.org/mediawiki/2017/4/44/T--Northwestern--Mordacq.png" width="200px" /> |
| − | <img src="https://static.igem.org/mediawiki/2017/ 5/ 58/T- Northwestern_jewett. jpeg" width = " 250px" height="250px"> | + | <img src="https://static.igem.org/mediawiki/2017/2/29/T--Northwestern--Mordacq2.png" width="200px"/> |
| − | <div class="overlay">
| + | </a> |
| − | <div class ="text"> Dr. Michael Jewett </div>
| + | </button> |
| − | </div> | + | </center> |
| − | </div> | + | |
| − | </div> | + | |
| | | | |
| − | <div class="column"> | + | </p> |
| − | <div class="scontainer">
| + | |
| − | <img src= "https://static.igem.org/mediawiki/2017/6/68/T-Northwestern-Tyo.jpg" width = "250px" height="250px">
| + | |
| − | <div class="overlay">
| + | |
| − | <div class="text"> Dr. Keith E Tyo </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div>
| |
| − |
| |
| − | <div class="column">
| |
| − | <div class="scontainer">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/8/87/T-Northwestern-Tullman-Ereck.jpg" width = "250px" height="250px">
| |
| − | <div class="overlay">
| |
| − | <div class = "text"> Dr. Danielle Tullman-Ereck </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="w3-center"> Meet our grad students! </h2>
| |
| − | <br> <br>
| |
| − |
| |
| | | | |
| | | | |
| | + | <h2><center><br><br>Graduate and undergraduate student network</center><br><br></h2> |
| | + | <center style="text-decoration: none;"><figure><img src="https://static.igem.org/mediawiki/2017/5/51/T--Northwestern--gradstudentnetwork.png" alt="" usemap="#Map" hidefocus="true" /> |
| | + | <map style="outline: none; text-decoration: none;" name="Map" id="Map"> |
| | + | <area alt="Patrick" title="Patrick Donahue" shape="circle" coords="134, 107, 52"> |
| | + | <area alt="Bon" title="Bon Ikwuagwu" coords="604,121,54" shape="circle"> |
| | + | <area target="" alt="Lisa" title="Lisa Burdette" coords="47,319,46" shape="circle"> |
| | + | <area target="" alt="Devin" title="Devin Stanford" coords="205,448,52" shape="circle"> |
| | + | <area target="" alt="Joe" title="Joe Muldoon" coords="62,548,55" shape="circle"> |
| | + | <area target="" alt="Taylor" title="Taylor Dickman" coords="257,675,53" shape="circle"> |
| | + | <area target="" alt="Han" title="Han Teng Wong" coords="497,675,59" shape="circle"> |
| | + | <area target="" alt="Jasmine" title="Jasmine Hershewe" coords="673,548,45" shape="circle"> |
| | + | <area target="" alt="Taylor" title="Taylor Dolberg" coords="714,320,52" shape="circle"> |
| | + | <area target="" alt="Michelle Cai" title="Michelle Cai" coords="238,283,43" shape="circle"> |
| | + | <area target="" alt="Sam Davidson" title="Sam Davidson" coords="301,187,44" shape="circle"> |
| | + | <area target="" alt="Tyler Lazar" title="Tyler Lazar" coords="370,52,53" shape="circle"> |
| | + | <area target="" alt="Cameron Glasscock" title="Cameron Glasscock" coords="434,174,50" shape="circle"> |
| | + | <area target="" alt="Chelsea Hu" title="Chelsea Hu" coords="509,261,45" shape="circle"> |
| | + | <area target="" alt="Jordan Harrison" title="Jordan Harrison" coords="625,253,47" shape="circle"> |
| | + | <area target="" alt="Peter Su" title="Peter Su" coords="566,375,53" shape="circle"> |
| | + | <area target="" alt="Paul Perkovich" title="Paul Perkovich" coords="441,424,47" shape="circle"> |
| | + | <area target="" alt="Shu Huang" title="Shu Huang" coords="326,452,51" shape="circle"> |
| | + | <area target="" alt="Bradley Biggs" title="Bradley Biggs" coords="529,499,50" shape="circle"> |
| | + | <area target="" alt="Tasfia Azim" title="Tasfia Azim" coords="283,562,50" shape="circle"> |
| | + | <area target="" alt="Sarah Stainbrook" title="Sarah Stainbrook" coords="408,564,50" shape="circle"> |
| | + | </map></figure></center> |
| | | | |
| − | </html> | + | </body> |
| − | {{ Northwestern Page Foot}}
| + | </html> |
