Difference between revisions of "Team:Northwestern/Team"

Line 14: Line 14:
  
  
−
<!-- Container (Team Section) -->
+
<!-- Top menu -->
 +
<div class="w3-top">
 +
  <div class="w3-white w3-xlarge" style="max-width:1200px;margin:auto">
 +
    <div class="w3-button w3-padding-16 w3-left" onclick="w3_open()">☰</div>
 +
    <div class="w3-right w3-padding-16">Mail</div>
 +
    <div class="w3-center w3-padding-16">My Food</div>
 +
  </div>
 +
</div>
 +
 
 +
<!-- !PAGE CONTENT! -->
 +
<div class="w3-main w3-content w3-padding" style="max-width:1200px;margin-top:100px">
  
−
<div class="w3-content w3-container w3-padding-64" id="team">
+
   <!-- First Photo Grid-->
−
  <h3 class="w3-center"> Our Team </h3>
+
   <div class="w3-row-padding w3-padding-16 w3-center" id="food">
−
  <p style= "font-size: 24px"; class="w3-center"><em> Get to know the brains behind the brawn.<br> Click on the images to make them bigger and learn more about 2017 NU iGEM team !</em></p><br>
+
     <div class="w3-quarter">
−
 
+
       <img src="/w3images/sandwich.jpg" alt="Sandwich" style="width:100%">
−
 
+
      <h3>The Perfect Sandwich, A Real NYC Classic</h3>
−
   <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width)-->  
+
      <p>Just some random text, lorem ipsum text praesent tincidunt ipsum lipsum.</p>
−
 
+
−
   <div class="w3-row-padding w3-center">
+
−
     <div class="w3-col m3">
+
−
       <img src="https://static.igem.org/mediawiki/2017/8/8a/T-Northwestern_headshot_chuck.jpeg" style="width:75%" onclick="onClick(this)" class="w3-hover-opacity" alt= "Charley, Major: Mechanical Engineering, Year: Junior || 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>
−
 
+
     <div class="w3-quarter">
−
     <div class="w3-col m3">
+
       <img src="/w3images/steak.jpg" alt="Steak" style="width:100%">
−
       <img src="https://static.igem.org/mediawiki/2017/f/f1/T-Northwesternkaterina.jpg" style="width:100%" style= "height:150%" onclick="onClick(this)" class="w3-hover-opacity" alt="Katerina, Major: Biomedical Engineering, Year: Senior || 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, solving Rubik’s cube puzzles or trying to improve my tennis serve.
+
      <h3>Let Me Tell You About This Steak</h3>
−
">
+
      <p>Once again, some random text to lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.</p>
 
     </div>
 
     </div>
−
 
+
     <div class="w3-quarter">
−
     <div class="w3-col m3">
+
       <img src="/w3images/cherries.jpg" alt="Cherries" style="width:100%">
−
       <img src="https://static.igem.org/mediawiki/2017/0/02/T--Northwestern--JackFlip.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Jack, Major: Chemical Engineering, Year: Junior ||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.">
+
      <h3>Cherries, interrupted</h3>
 +
      <p>Lorem ipsum text praesent tincidunt ipsum lipsum.</p>
 +
      <p>What else?</p>
 
     </div>
 
     </div>
−
 
+
     <div class="w3-quarter">
−
     <div class="w3-col m3">
+
       <img src="/w3images/wine.jpg" alt="Pasta and Wine" style="width:100%">
−
       <img src="https://static.igem.org/mediawiki/2017/0/04/T-Northwestern_Headshot_Ayesha.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
+
      <h3>Once Again, Robust Wine and Vegetable Pasta</h3>
−
Ayesha
+
      <p>Lorem ipsum text praesent tincidunt ipsum lipsum.</p>
−
Major: Biomedical Engineering
+
−
Year: Junior ||
+
−
 
+
−
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.
+
−
">
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
 
+
 
−
   <div class="w3-row-padding w3-center w3-section">
+
  <!-- Second Photo Grid-->
−
     <div class="w3-col m3">
+
   <div class="w3-row-padding w3-padding-16 w3-center">
−
       <img src="https://static.igem.org/mediawiki/2017/7/75/T-lulu.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
+
     <div class="w3-quarter">
−
Lulu:
+
       <img src="/w3images/popsicle.jpg" alt="Popsicle" style="width:100%">
−
Major: Chemical Engineering
+
      <h3>All I Need Is a Popsicle</h3>
−
Year: Senior ||
+
      <p>Lorem ipsum text praesent tincidunt ipsum lipsum.</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.  
+
−
">
+
 
     </div>
 
     </div>
−
 
+
     <div class="w3-quarter">
−
     <div class="w3-col m3">
+
       <img src="/w3images/salmon.jpg" alt="Salmon" style="width:100%">
−
       <img src="https://static.igem.org/mediawiki/2017/2/2d/T-Northwestern_karen_.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="
+
      <h3>Salmon For Your Skin</h3>
−
Karen:
+
      <p>Once again, some random text to lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.</p>
−
Major: Chemical Engineering
+
−
Year: Sophomore ||
+
−
 
+
−
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.
+
−
 
+
−
 
+
 
     </div>
 
     </div>
−
 
+
     <div class="w3-quarter">
−
     <div class="w3-col m3">
+
       <img src="/w3images/sandwich.jpg" alt="Sandwich" style="width:100%">
−
       <img src="https://static.igem.org/mediawiki/2017/e/ea/T-Northwestern_will.jpeg" style="width:75%" onclick="onClick(this)" class="w3-hover-opacity" alt="Will:
+
      <h3>The Perfect Sandwich, A Real Classic</h3>
−
Major: Electrical Engineering
+
      <p>Just some random text, lorem ipsum text praesent tincidunt ipsum lipsum.</p>
−
Year: Sophomore ||
+
    </div>
−
 
+
    <div class="w3-quarter">
−
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.
+
      <img src="/w3images/croissant.jpg" alt="Croissant" style="width:100%">
−
 
+
      <h3>Le French</h3>
−
">
+
      <p>Lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.</p>
 
     </div>
 
     </div>
 +
  </div>
  
−
     <div class="w3-col m3">
+
  <!-- Pagination -->
−
       <img src="https://static.igem.org/mediawiki/2017/7/75/T-Northwestern_tyler.jpeg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Tyler:
+
  <div class="w3-center w3-padding-32">
−
Major: Chemical Engineering
+
     <div class="w3-bar">
−
Year: Junior ||
+
       <a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
−
 
+
      <a href="#" class="w3-bar-item w3-black w3-button">1</a>
−
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.
+
      <a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
−
">
+
      <a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
 +
      <a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
 +
      <a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
−
</div>
+
 
−
 
+
  <hr id="about">
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:15, 24 July 2017

Northwestern Template Northwestern Template

Overview Silver Gold Integrated Engagement
Overview Basic
Experiments Results Notebook Saftey Interlab
Description Design
About Us Attributions Collaboration
Home

Northwestern Template

☰
Mail
My Food
Sandwich

The Perfect Sandwich, A Real NYC Classic

Just some random text, lorem ipsum text praesent tincidunt ipsum lipsum.

Steak

Let Me Tell You About This Steak

Once again, some random text to lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.

Cherries

Cherries, interrupted

Lorem ipsum text praesent tincidunt ipsum lipsum.

What else?

Pasta and Wine

Once Again, Robust Wine and Vegetable Pasta

Lorem ipsum text praesent tincidunt ipsum lipsum.

Popsicle

All I Need Is a Popsicle

Lorem ipsum text praesent tincidunt ipsum lipsum.

Salmon

Salmon For Your Skin

Once again, some random text to lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.

Sandwich

The Perfect Sandwich, A Real Classic

Just some random text, lorem ipsum text praesent tincidunt ipsum lipsum.

Croissant

Le French

Lorem lorem lorem lorem ipsum text praesent tincidunt ipsum lipsum.

« 1 2 3 4 »