Difference between revisions of "Team:Austin UTexas/Sandbox Page"

Line 4: Line 4:
 
<head>
 
<head>
 
<style>
 
<style>
−
 
+
div.background {
−
body {
+
    background: url(klematis.jpg) repeat;
−
  background: #282828;  
+
    border: 2px solid black;
 
}
 
}
  
−
p {
+
div.transbox {
−
     font: 'Arial Narrow', sans-serif;
+
     margin: 30px;
−
     color: #fefefe;
+
     background-color: #ffffff;
 +
    border: 1px solid black;
 +
    opacity: 0.6;
 +
    filter: alpha(opacity=60); /* For IE8 and earlier */
 
}
 
}
  
−
 
+
div.transbox p {
−
.column-left{ float: left; width: 33%; }
+
    margin: 5%;
−
.column-right{ float: right; width: 33%; }
+
     font-weight: bold;
−
.column-center{ display: inline-block; width: 33%; }
+
    color: #000000;
−
.column-halfleft{ float: left; width: 50%; }
+
−
.column-halfright{ float: right; width: 50%; }
+
−
 
+
−
html {
+
−
  box-sizing: border-box;
+
−
}
+
−
 
+
−
*, *:before, *:after {
+
−
  box-sizing: inherit;
+
−
}
+
−
 
+
−
.column {
+
−
  float: left;
+
−
  width: 33.3%;
+
−
  margin-bottom: 16px;
+
−
  padding: 0 8px;
+
−
}
+
−
 
+
−
@media (max-width: 650px) {
+
−
  .column {
+
−
    width: 100%;
+
−
     display: block;
+
−
  }
+
−
}
+
−
 
+
−
.card {
+
−
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
−
}
+
−
 
+
−
.container {
+
−
  padding: 0 16px;
+
−
}
+
−
 
+
−
.container::after, .row::after {
+
−
  content: "";
+
−
  clear: both;
+
−
  display: table;
+
−
}
+
−
 
+
−
.title {
+
−
  color: grey;
+
−
}
+
−
 
+
−
.button {
+
−
  border: none;
+
−
  outline: 0;
+
−
  display: inline-block;
+
−
  padding: 8px;
+
−
  color: white;
+
−
  background-color: #2cb1b4;
+
−
  text-align: center;
+
−
  cursor: pointer;
+
−
  width: 100%;
+
−
}
+
−
 
+
−
.button:hover {
+
−
  background-color: #39999B;
+
 
}
 
}
 
</style>
 
</style>
Line 80: Line 26:
 
<body>
 
<body>
  
−
<h2 align = "center">Meet the Team!</h2>
+
<div class="background">
−
 
+
   <div class="transbox">
−
<br>
+
     <p>This is some text that is placed in the transparent box.</p>
−
 
+
−
<div class="row">
+
−
   <div class="column">
+
−
     <div class="card">
+
−
      <img src="https://static.igem.org/mediawiki/2017/1/15/ZachBioPic.jpeg" width = "100%">
+
−
      <div class="container">
+
−
        <h2>Zachary Martinez</h2>
+
−
        <p>Major: Biology</p>
+
−
        <p>Year: Third</p>
+
−
        <p>Hobbies: Sports, horror movies, video games and watching my experiments fail</p>
+
−
        <p>Favorite Song: Island In The Sun by Weezer</p>
+
−
        <p>Perfect Pizza: Pepperoni, olives, and garlic</p>
+
−
        <p><button class="button">Contact</button></p>
+
−
      </div>
+
−
    </div>
+
 
   </div>
 
   </div>
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <img src="/w3images/team1.jpg" alt="Rachel" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Rachel Johnson</h2>
 
−
        <p>Major: Biochemistry and Nutrition</p>
 
−
        <p>Year: Third</p>
 
−
        <p>Hobbies: Cooking, dancing, and yoga</p>
 
−
        <p>Favorite Song: My Way by Frank Sinatra</p>
 
−
        <p>Perfect Pizza: Ricotta, eggplant and basil</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
<div class="row">
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <img src="https://static.igem.org/mediawiki/2017/9/90/JayvinBioPic.jpeg" alt="Jayvin" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Jayvin Patel</h2>
 
−
        <p>Major: Biochemistry</p>
 
−
        <p>Year: Second</p>
 
−
        <p>Hobbies: Running, Watching Netflix, Swimming, Volleyball, Tennis</p>
 
−
        <p>Favorite Song: I'll Find You by Lecrae</p>
 
−
        <p>Perfect Pizza: Pepperoni</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
<div class="row">
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
    <img src="https://static.igem.org/mediawiki/2017/0/0b/T--Austin_UTexas--AndrewBioPic.jpg" width = "100%">
 
−
      <div class="container">
 
−
        <h2>Andrew Ly</h2>
 
−
        <p>Major: Microbiology and Infectious Diseases</p>
 
−
        <p>Year: Third</p>
 
−
        <p>Hobbies: Watching Netflix, cooking, and napping</p>
 
−
        <p>Favorite Song: How Far I’ll Go by Auli’I Cravalho</p>
 
−
        <p>Perfect Pizza: Pepperoni and a lot of cheese</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
    <img src="https://static.igem.org/mediawiki/2017/4/46/MattBioPic.jpeg" alt="Matt" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Matthew Hooper</h2>
 
−
        <p>Major: Neuroscience</p>
 
−
        <p>Year: Third</p>
 
−
        <p>Hobbies: Studying languages, Watching Youtube videos</p>
 
−
        <p>Favorite Song: Someone like You by Adele</p>
 
−
        <p>Perfect Pizza: Mediterranean</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <img src="https://static.igem.org/mediawiki/2017/5/57/SurtaBioPic.jpeg" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Surta Dave</h2>
 
−
        <p>Major: Neuroscience</p>
 
−
        <p>Year: Second</p>
 
−
        <p>Hobbies: Baking, watching romantic comedies, eating</p>
 
−
        <p>Favorite Song: Despacito by Luis Fonsi</p>
 
−
        <p>Perfect Pizza: Cheese</p>
 
−
        <p><button class="button">Contact</button></p>     
 
−
    </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
 
−
<div class="row">
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <img src="https://static.igem.org/mediawiki/2017/6/6a/AndreaBioPic.jpeg" alt="Andrea" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Andrea Martinez</h2>
 
−
        <p>Major: Biochemistry</p>
 
−
        <p>Year: Second</p>
 
−
        <p>Hobbies: Dog-enthusiast, watching Netflix, reading</p>
 
−
        <p>Favorite Song: Midnight City by M83</p>
 
−
        <p>Perfect Pizza: Hawaiian! (yes, with pineapple)</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
    <img src="https://static.igem.org/mediawiki/2017/0/08/IanBioPic.jpeg" alt="Ian" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Ian Overman</h2>
 
−
        <p>Major: Biochemistry</p>
 
−
        <p>Year: Third</p>
 
−
        <p>Hobbies: Backpacking, climbing, and Reddit</p>
 
−
        <p>Favorite Song: Starman by David Bowie</p>
 
−
        <p>Perfect Pizza: Mushroom and Pepperoni</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
<div class="row">
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
    <img src="https://static.igem.org/mediawiki/2017/d/dc/KevinBioPic.jpeg" width = "100%">
 
−
      <div class="container">
 
−
        <h2>Kevin Prabhu</h2>
 
−
        <p>Major: Neuroscience</p>
 
−
        <p>Year: Second</p>
 
−
        <p>Hobbies: Competitive gaming, watching Movies, Reddit</p>
 
−
        <p>Favorite Song: X0 Tour Life by Lil Uzi Vert</p>
 
−
        <p>Perfect Pizza: Margherita</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
      <img src="/w3images/team1.jpg" alt="Eve" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Eve Sharpee</h2>
 
−
        <p>Major: Biochemistry</p>
 
−
        <p>Year: Third</p>
 
−
        <p>Hobbies: Reading, writing, hiking, and staring at the wiki code</p>
 
−
        <p>Favorite Song: You Can Call Me Al by Paul Simon</p>
 
−
        <p>Perfect Pizza: Alfredo sauce, chicken, smoked bacon</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
<div class="row">
 
−
 
−
  <div class="column">
 
−
    <div class="card">
 
−
    <img src="https://static.igem.org/mediawiki/2017/5/59/MilkiBioPic.jpeg" alt="Milki" style="width:100%">
 
−
      <div class="container">
 
−
        <h2>Milki Negeri</h2>
 
−
        <p>Major: Neuroscience</p>
 
−
        <p>Year: Second</p>
 
−
        <p>Hobbies: Reading, Soccer, and Gaming</p>
 
−
        <p>Favorite Song: Ordinary Life by The Weeknd</p>
 
−
        <p>Perfect Pizza: Veggie</p>
 
−
        <p><button class="button">Contact</button></p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
 
 
</div>
 
</div>
−
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:55, 29 October 2017

This is some text that is placed in the transparent box.