Difference between revisions of "Team:Heidelberg/Sandbox10"

Line 144: Line 144:
 
<div class="container">
 
<div class="container">
 
         <div class="row">
 
         <div class="row">
             <div class="col-lg-3 col-md-3 col-xs-6 col-xs-12">
+
             <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
Line 157: Line 157:
 
</section>
 
</section>
 
             </div>
 
             </div>
           <div class="col-lg-3 col-md-3 col-xs-6 col-xs-12">
+
           <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
Line 170: Line 170:
 
</section>
 
</section>
 
             </div>  
 
             </div>  
<div class="col-lg-3 col-md-3 col-xs-6 col-xs-12">
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
Line 183: Line 183:
 
</section>
 
</section>
 
             </div>  
 
             </div>  
<div class="col-lg-3 col-md-3 col-xs-6 col-xs-12">
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
 
             <section class="flip-item-wrap">
 
             <section class="flip-item-wrap">
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
 
<img class="give_height" src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt=""><!-- this image will add height to parent element -->
Line 202: Line 202:
 
</div>
 
</div>
 
<div class="container" style="padding-top: 100px; background-color: #222 !important">
 
<div class="container" style="padding-top: 100px; background-color: #222 !important">
<div class="row" style="border: 1px solid yellow;">
+
<div class="row">
<div class="col-lg-3 col-md-3 col-xs-6 col-xs-12" style="border: 1px solid blue">
+
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="content" style="font-size: 30px !important; color: white !important; font-weight: 400 !important;">Person1</div>
+
<hr>
<div class="content" style="font-size: 20px !important; color: white !important; font-weight: 400 !important; padding-top: 5px;">Sub1</div>
+
<div class="content" style="font-size: 40px !important; color: white !important; font-weight: 700 !important;">Dr. Mustermann</div>
<div class="content" style="font-size: 20px !important; color: white !important; font-weight: 400 !important;">Sub2</div>
+
<div class="content" style="font-size: 20px !important; color: white !important; font-weight: 400 !important;padding-top: 5px">Professor of Musterhausen</div>
 +
<div class="content" style="font-size: 20px !important; color: white !important; font-weight: 400 !important;">Scientist</div>
 
</div>
 
</div>
 
</div>
 
</div>
<div class="row" style="border: 1px solid red">
+
<div class="row">
<div class="col-lg-9 col-md-9 col-xs-6 col-xs-12 content" style="color: white !important">
+
<div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="color: white !important">
Text comes here
+
Bacon ipsum dolor amet hamburger ham hock alcatra sirloin shankle andouille cupim porchetta chuck pork loin corned beef turducken boudin jerky prosciutto. Tri-tip jowl prosciutto, meatball brisket short loin short ribs landjaeger turkey rump sirloin frankfurter. Kielbasa jerky drumstick venison ground round. Jerky beef pancetta, filet mignon biltong venison short loin doner meatloaf ham landjaeger spare ribs sausage. Chuck meatball jerky flank, landjaeger fatback filet mignon jowl boudin leberkas rump hamburger. Pastrami short loin meatloaf beef ribs, hamburger pork belly swine ground round turkey bacon picanha tri-tip salami. Ribeye tri-tip biltong frankfurter flank, corned beef jerky sirloin pork chop
 
</div>
 
</div>
<div class="col-lg-3 col-md-3 col-xs-6 col-xs-12 ">
+
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
 
<section class="flip-item-wrap">
 
<section class="flip-item-wrap">
 
<img src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt="">
 
<img src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt="">
Line 219: Line 220:
 
</div>
 
</div>
  
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
<video poster="" style="width: 100%; height: auto" controls>
 +
                                        <source src="https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_Wiki_Intro_iGEM2017.mp4" type="video/mp4">
 +
                                      </video>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 09:51, 23 October 2017

Integrated Human Practice


Dr. Mustermann
Professor of Musterhausen
Scientist
Bacon ipsum dolor amet hamburger ham hock alcatra sirloin shankle andouille cupim porchetta chuck pork loin corned beef turducken boudin jerky prosciutto. Tri-tip jowl prosciutto, meatball brisket short loin short ribs landjaeger turkey rump sirloin frankfurter. Kielbasa jerky drumstick venison ground round. Jerky beef pancetta, filet mignon biltong venison short loin doner meatloaf ham landjaeger spare ribs sausage. Chuck meatball jerky flank, landjaeger fatback filet mignon jowl boudin leberkas rump hamburger. Pastrami short loin meatloaf beef ribs, hamburger pork belly swine ground round turkey bacon picanha tri-tip salami. Ribeye tri-tip biltong frankfurter flank, corned beef jerky sirloin pork chop