Difference between revisions of "Team:DTU-Denmark/molecular interlab"

Line 26: Line 26:
 
          
 
          
 
         .masthead {
 
         .masthead {
             background-image: url(https://farm9.staticflickr.com/8424/7784208336_37ee69e0d3_b.jpg);
+
             background-color: #fff;
 
             height: 300px;
 
             height: 300px;
 
         }
 
         }
Line 41: Line 41:
 
         }
 
         }
 
          
 
          
         .masthead img {
+
         .masthead .thumbnail img {
             max-height: 250px;
+
             max-height: inherit;
 
         }
 
         }
 
          
 
          
Line 53: Line 53:
 
         }
 
         }
 
          
 
          
 +
        .masthead .caption {
 +
            width:100%;
 +
            bottom: .3rem;
 +
            position: absolute;
 +
            background:#000;
 +
            background: -webkit-linear-gradient(left, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: -webkit-linear-gradient(right, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: -moz-linear-gradient(left, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: -moz-linear-gradient(right, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: -o-linear-gradient(left, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: -o-linear-gradient(right, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: linear-gradient(to right, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
            background: linear-gradient(to left, #000 40%, rgba(0, 0, 0, 0) 100%);
 +
        }
  
 +
        .masthead .thumbnail {
 +
            border: 0 none;
 +
            box-shadow: none;
 +
            margin:0;
 +
            padding:0;
 +
        }
 +
 +
        .masthead .caption h1,
 +
        .masthead .caption p {
 +
            color: #fff;
 +
            -webkit-font-smoothing: antialiased;
 +
        }
 
          
 
          
 
         .colLeft {
 
         .colLeft {
Line 137: Line 163:
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
         <div class="row">
 
         <div class="row">
             <div class="thumpnail">
+
             <div class="col-md-12 thumbnail text-center">
                 <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Mount_Ellinor,_Mount_Washington_Panorama.jpg/1024px-Mount_Ellinor,_Mount_Washington_Panorama.jpg" alt="">
+
                 <img alt="" class="img-responsive" src=
               
+
                    "https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Mount_Ellinor,_Mount_Washington_Panorama.jpg/1024px-Mount_Ellinor,_Mount_Washington_Panorama.jpg">
                 <div class="caption post-content">
+
 
 +
                 <div class="caption">
 
                     <div class="col-md-6 col-sm-6 col-xs-6">
 
                     <div class="col-md-6 col-sm-6 col-xs-6">
 
                         <h1>TITLE<p class="lead">leader under the title, short introduction Has ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In eu</p></h1>
 
                         <h1>TITLE<p class="lead">leader under the title, short introduction Has ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In eu</p></h1>
Line 149: Line 176:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </div> <!-- /row -->
 
         <div class="border"></div>
 
         <div class="border"></div>
 
     </div>
 
     </div>

Revision as of 10:10, 17 August 2016

New HTML template for the wiki




Bootstrap Example

TITLE

leader under the title, short introduction Has ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In euHas ut facer debitis, quo eu agam purto. In eu

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.


Overview

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Medal requirements

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Bronze

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Silver

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.

Gold

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Mazim oblique aliquam cum id, nam possim scaevola adolescens ea. Ex vel causae tibique epicuri, ne dolore suavitate usu, labitur fierent insolens in mei. Cu dolore accusata pertinacia vel, clita temporibus ex qui. Aliquip splendide ne eos, corrumpit reprimique eum ea.

Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his. Habeo electram has ei, usu no magna eripuit reprehendunt. Probo ferri at vis, no meis novum mei, sea probo qualisque in.


  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation