Team:Carnegie Mellon/Bios

From 2014.igem.org

(Difference between revisions)
 
(126 intermediate revisions not shown)
Line 15: Line 15:
     -------------------------------------------------- */
     -------------------------------------------------- */
     /* Padding below the footer and lighter body text */
     /* Padding below the footer and lighter body text */
 +
     body {
     body {
       padding-bottom: 40px;
       padding-bottom: 40px;
       color: #5a5a5a;
       color: #5a5a5a;
 +
background: #85B1C0;
   font-size: 12px;
   font-size: 12px;
-
font face: "comic sans";
 
     }
     }
Line 30: Line 31:
     .navbar-wrapper {
     .navbar-wrapper {
       position: absolute;
       position: absolute;
-
       top: 0;
+
       top: 50;
       left: 0;
       left: 0;
       right: 0;
       right: 0;
-
       z-index: 10;
+
       z-index: 100;
-
       margin-top: 20px;
+
       margin-top: -69px;
       margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
       margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
     }
     }
Line 71: Line 72:
      
      
-
 
-
    /* MARKETING CONTENT
 
-
    -------------------------------------------------- */
 
-
 
-
    /* Center align the text within the three columns below the carousel */
 
-
    .marketing .span4 {
 
-
width:25%;
 
-
 
-
      text-align: center;
 
-
    }
 
-
    .marketing h2 {
 
-
      font-weight: normal;
 
-
    }
 
-
    .marketing .span4 p {
 
-
      margin-left: 10px;
 
-
      margin-right: 10px;
 
-
    }
 
Line 94: Line 78:
     .featurette-divider {
     .featurette-divider {
-
width:82%;
+
width:100%;
       margin: 80px 0; /* Space out the Bootstrap <hr> more */
       margin: 80px 0; /* Space out the Bootstrap <hr> more */
     }
     }
     .featurette {
     .featurette {
-
width:82%;
+
width:100%;
       padding-top: 100px; /* Vertically center images part 1: add padding above and below text. */
       padding-top: 100px; /* Vertically center images part 1: add padding above and below text. */
Line 110: Line 94:
     /* Give some space on the sides of the floated elements so text doesn't run right into it. */
     /* Give some space on the sides of the floated elements so text doesn't run right into it. */
     .featurette-image.pull-left {
     .featurette-image.pull-left {
-
       margin-right: 40px;
+
       margin-right: 30px;
     }
     }
     .featurette-image.pull-right {
     .featurette-image.pull-right {
-
       margin-left: 40px;
+
       margin-left: 30px;
     }
     }
Line 167: Line 151:
       .featurette-heading {
       .featurette-heading {
-
         font-size: 30px;
+
         font-size: 25px;
       }
       }
       .featurette .lead {
       .featurette .lead {
-
         font-size: 18px;
+
         font-size: 20%;
         line-height: 1.5;
         line-height: 1.5;
       }
       }
Line 207: Line 191:
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
             </button>
-
            <a class="brand" href="https://igem.org/Main_Page">iGEM</a>
 
             <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
             <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
             <div class="nav-collapse collapse">
             <div class="nav-collapse collapse">
Line 215: Line 198:
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Project <b class="caret"></b></a>
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Project <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <ul class="dropdown-menu">
-
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Overview">Overview</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description">Project Description</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li>
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Colaborations">Collaborations</a></li>
 
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Modeling">Modeling</a></li>
 
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Human_Practices">Human Practices</a></li>
 
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li>
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Future_Plans">Future Plans</a></li>
 
                   </ul>
                   </ul>
                 </li>                <li class="dropdown">
                 </li>                <li class="dropdown">
Line 227: Line 206:
                   <ul class="dropdown-menu">
                   <ul class="dropdown-menu">
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Bios">Bios</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Bios">Bios</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Advisors">Advisors</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
 +
                  </ul>
 +
                </li>
 +
<li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Policies & Practices <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
                   </ul>
                   </ul>
                 </li>
                 </li>
<li class="dropdown">
<li class="dropdown">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Outreach <b class="caret"></b></a>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <ul class="dropdown-menu">
-
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/DNA_Extraction">DNA Extraction</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Weeks">Week by Week</a></li>
-
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Creature_Feature">Creature Feature</a></li>
+
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sensor">Sensor</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protein">Fluorescent Protein Evaluation</a></li>
 +
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Superoxide">Superoxide Generator Improvement</a></li>
 +
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/InterLab">Interlab Study</a></li>
                   </ul>
                   </ul>
                 </li>
                 </li>
<li class="dropdown">
<li class="dropdown">
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
+
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling <b class="caret"></b></a>
                   <ul class="dropdown-menu">
                   <ul class="dropdown-menu">
-
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Journal">Journal</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/SensorModel">Sensor</a></li>
-
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Parts">Parts</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Fish">Fish Populations</a></li>
-
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protocols">Protocols</a></li>
+
                   </ul>
                   </ul>
                 </li>
                 </li>
Line 269: Line 257:
       <div class="featurette">
       <div class="featurette">
-
<img class="featurette-image pull-right" src="http://img1.wikia.nocookie.net/__cb20130427133355/harrypotter/images/4/47/Harry-potter122.jpg">
+
<img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/3/3b/Aliiii.JPG" height="400" width="400">
-
         <h2 class="featurette-heading">First featurette headline. <span class="muted">It'll blow your mind.</span></h2>
+
         <h2 class="featurette-heading">Ali Celentano<span class="muted"> </span></h2>
-
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
         <p class="lead"><font size = "3"><b>Major:</b> Business and Biology<br><b>Projects:</b> Wiki design and lab work<br><b>Fun Fact:</b> I was Time Magazine's Person of the Year in 2006.<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging </p></font>
       </div>
       </div>
Line 277: Line 265:
       <div class="featurette">
       <div class="featurette">
-
         <img class="featurette-image pull-left" src="http://mbtipopculture.files.wordpress.com/2012/07/hermione.jpeg">
+
         <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/2/2c/Image1.jpeg" height="400" width="400">
-
         <h2 class="featurette-heading">Oh yeah, it's that good. <span class="muted">See for yourself.</span></h2>
+
         <h2 class="featurette-heading">Dominique MacCalla<span class="muted"></span></h2>
-
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
         <p class="lead pull-right"><font size = "3"><b>Major:</b> Biomedical Engineering and Materials Science & Engineering<br><b>Projects:</b> Wiki design and lab work<br><b>Fun Fact:</b> I used to be a gymnast!<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging</p></font>
       </div>
       </div>
Line 285: Line 273:
       <div class="featurette">
       <div class="featurette">
-
         <img class="featurette-image pull-right" src="http://upload.wikimedia.org/wikipedia/en/5/5e/Ron_Weasley_poster.jpg">
+
         <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/0/08/Nicole.PNG" height="400" width="400"/>
-
         <h2 class="featurette-heading">And lastly, this one. <span class="muted">Checkmate.</span></h2>
+
         <h2 class="featurette-heading">Nicole Matamala <span class="muted"> </span></h2>
-
         <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
         <p class="lead"><font size = "3"><b>Major:</b> Civil Engineering<br><b>Projects:</b> Outreach<br><b>Fun Fact:</b> I can turn red lights green just by staring at them.<br><b>Myers Brigg Results:</b> Extroverted, Intuition, Thinking, Perceiving</p></font>
       </div>
       </div>
 +
 +
<hr class="featurette-divider">
 +
 +
      <div class="featurette">
 +
        <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/a/a8/Danielle.jpg" height="400" width="400">
 +
        <h2 class="featurette-heading">Danielle Peters<span class="muted"></span></h2>
 +
        <p class="lead pull-right"><font size = "3"><b>Major:</b> Biology<br><b>Projects:</b> Lab work<br><b>Fun Fact:</b> I'm a black belt!<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Perceiving</p></font>
 +
      </div>
 +
       <hr class="featurette-divider">
       <hr class="featurette-divider">
 +
 +
<div class="featurette">
 +
        <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/d/d7/Courtney.jpg" height="400" width="400">
 +
        <h2 class="featurette-heading">Courtney Pozzi <span class="muted"> </span></h2>
 +
        <p class="lead"><font size = "3"><b>Major:</b> Industrial Design<br><b>Projects:</b> Outreach and Wiki Design<br><b>Fun Fact:</b> My favorite color is black.<br><b>Myers Brigg Results:</b> Extroverted, Intuition, Feeling, Perceiving</p></font>
 +
      </div>
 +
 +
<hr class="featurette-divider">
 +
 +
<div class="featurette">
 +
        <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/d/dc/Applicant_photo.jpg" height="400" width="400">
 +
        <h2 class="featurette-heading">Niteesh Sundaram<span class="muted"></span></h2>
 +
        <p class="lead pull-right"><font size = "3"><b>Major:</b> Electrical and Computer Engineering<br><b>Projects:</b> Modeling and lab work<br><b>Fun Fact:</b> I might be immortal, it hasn't been disproven yet.<br><b>Myers Brigg Results:</b> Introverted, Intuition, Thinking, Perceiving</p></font>
 +
      </div>
 +
 +
 +
      <hr class="featurette-divider">
 +
 +
<div class="featurette">
 +
        <img class="featurette-image pull-right" src="https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-frc3/v/t1.0-9/557726_10151383560238366_990675894_n.jpg?oh=0174aacfaecbcd19ca4ec98396c08a56&oe=54538648&__gda__=1414477111_c9fd3d5e7d0adc1836f1515254492f06" height="400" width="400">
 +
        <h2 class="featurette-heading">Lena Wang<span class="muted"> </span></h2>
 +
        <p class="lead"><font size = "3"><b>Major:</b> Biology<br><b>Projects:</b> Lab Work<br><b>Fun Fact:</b> I can cook 90 second rice in 89 seconds.<br><b>Myers Brigg Results:</b> Introverted, Sensing, Thinking, Judging</p></font>
 +
      </div>
 +
 +
<hr class="featurette-divider">
       <!-- /END THE FEATURETTES -->
       <!-- /END THE FEATURETTES -->
Line 297: Line 319:
       <!-- FOOTER -->
       <!-- FOOTER -->
       <footer>
       <footer>
-
         <p class="pull-left"><a href="#">Back to top</a></p>
+
         <p class="pull-right"><a href="#">Back to top</a></p>
         <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
         <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
       </footer>
       </footer>
     </div><!-- /.container -->
     </div><!-- /.container -->
 +
 +
 +
<!-- Le javascript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
 +
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script>
 +
    <script>
 +
      !function ($) {
 +
        $(function(){
 +
          // carousel demo
 +
          $('#myCarousel').carousel()
 +
        })
 +
      }(window.jQuery)
 +
 
 +
    
    
-
      }(window.jQuery)
 
     </script>
     </script>
     <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
     <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
   </body>
   </body>
</html>
</html>

Latest revision as of 06:42, 17 October 2014

Carousel Template · Bootstrap

Ali Celentano

Major: Business and Biology
Projects: Wiki design and lab work
Fun Fact: I was Time Magazine's Person of the Year in 2006.
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

Dominique MacCalla

Major: Biomedical Engineering and Materials Science & Engineering
Projects: Wiki design and lab work
Fun Fact: I used to be a gymnast!
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

Nicole Matamala

Major: Civil Engineering
Projects: Outreach
Fun Fact: I can turn red lights green just by staring at them.
Myers Brigg Results: Extroverted, Intuition, Thinking, Perceiving

Danielle Peters

Major: Biology
Projects: Lab work
Fun Fact: I'm a black belt!
Myers Brigg Results: Introverted, Sensing, Thinking, Perceiving

Courtney Pozzi

Major: Industrial Design
Projects: Outreach and Wiki Design
Fun Fact: My favorite color is black.
Myers Brigg Results: Extroverted, Intuition, Feeling, Perceiving

Niteesh Sundaram

Major: Electrical and Computer Engineering
Projects: Modeling and lab work
Fun Fact: I might be immortal, it hasn't been disproven yet.
Myers Brigg Results: Introverted, Intuition, Thinking, Perceiving

Lena Wang

Major: Biology
Projects: Lab Work
Fun Fact: I can cook 90 second rice in 89 seconds.
Myers Brigg Results: Introverted, Sensing, Thinking, Judging

Retrieved from "http://2014.igem.org/Team:Carnegie_Mellon/Bios"