Difference between revisions of "Team:Heidelberg/SandboxMarita/InteractiveHumanPractices"

Line 204: Line 204:
 
</div>
 
</div>
  
<!-- Text-Box -->
 
<div class="container" style="padding-top: 100px; background-color: #222 !important">
 
    <div class="row">
 
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 
        <hr>
 
        <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;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 class="row">
 
    <div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="text-align: right; color: white !important">
 
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 class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
 
        <section class="flip-item-wrap">
 
            <img src="https://www.ostraining.com/cdn/images/coding/circled-images/girl.jpg" alt="">
 
        </section>
 
    </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>
 
  
<!-- Text-Box -->
+
<!-- Beginn Text-Bild-Video-Einheit -->
<div class="container" style="align: right; padding-top: 100px; background-color: #222 !important">
+
<div class="container" style="align: right; padding-top: 80px; background-color: #222 !important">
 
     <div class="row" style="align: right !important">
 
     <div class="row" style="align: right !important">
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="align: right !important">
        <hr>
+
            <hr>
        <div class="content" style="text-align: right; font-size: 40px !important; color: white !important; font-weight: 700 !important;">Prof. Dr. Erika Musterfrau</div>
+
            <div class="content" style="text-align: right; font-size: 40px !important; color: white !important; font-weight: 700 !important;">Prof. Dr. Erika Musterfrau</div>
        <div class="content" style="text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;padding-top: 5px">Head of Department Musterpatterns</div>
+
            <div class="content" style="text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;padding-top: 5px">Head of Department Musterpatterns</div>
        <div class="content" style="text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;">Pattern Scientist</div>
+
            <div class="content" style="text-align: right; font-size: 20px !important; color: white !important; font-weight: 400 !important;">Pattern Scientist</div>
 +
        </div>
 
     </div>
 
     </div>
</div>
+
    <div class="row" style="align:right !important">
<div class="row" style="align:right !important">
+
        <div class="col-lg-3 col-md-3 col-sm-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="">
+
            </section>
        </section>
+
        </div>
    </div>
+
        <div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="align: right !important; text-align: right !important; color: white !important">
    <div class="col-lg-9 col-md-9 col-sm-6 col-xs-12 content" style="align: right !important; text-align: right !important; color: white !important">
+
 
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten “normalen” Texten nicht gelingt.
 
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten “normalen” Texten nicht gelingt.
 
Ich bin nur Blindtext und halte den Platz für Wichtigeres frei. Ich weiß, dass ich wieder gelöscht werde aber das macht mir nichts aus. Das ist meine Bestimmung.
 
Ich bin nur Blindtext und halte den Platz für Wichtigeres frei. Ich weiß, dass ich wieder gelöscht werde aber das macht mir nichts aus. Das ist meine Bestimmung.
 +
        </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>
 +
<!-- Ende Text-Bild-Video-Einheit -->
 +
 +
  
<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>
 
 
    
 
    
 
   <script>
 
   <script>

Revision as of 18:59, 25 October 2017

Integrated Human Practice


Prof. Dr. Erika Musterfrau
Head of Department Musterpatterns
Pattern Scientist
Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiß, dass ich nie die Chance haben werde im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft, was den meisten “normalen” Texten nicht gelingt. Ich bin nur Blindtext und halte den Platz für Wichtigeres frei. Ich weiß, dass ich wieder gelöscht werde aber das macht mir nichts aus. Das ist meine Bestimmung.