Difference between revisions of "Team:DTU-Denmark/project"

 
(11 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <style>
 +
        a {
 +
            word-wrap:break-word
 +
        }
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
<div class="masthead">
+
<div class="masthead-main">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
         <div class="row">
 
         <div class="row">
             <div class="col-md-12 thumbnail" style="background-image:url(https://www.spring-green.com/wp-content/uploads/2015/12/Tree-that-needs-pruning1.jpg)"> <!-- EDIT style url (this should lead to an image) -->
+
             <div class="col-md-12 thumbnail" style="background-image:url(https://static.igem.org/mediawiki/2016/5/56/T--DTU-Denmark--project-header.jpg)"> <!-- EDIT style url (this should lead to an image) -->
 
+
<div class="caption">
                <div class="caption">
+
<h1 class="title">Project</h1>
                    <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
+
                        <h1>Title<p class="lead">leader under the title, short introduction. 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.</p></h1>
+
                    </div>
+
                    <div class="col-md-2 col-sm-2 hidden-xs space"></div>
+
                    <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
+
                        <blockquote class="blockquote-reverse"> <!-- EDIT -->
+
                            <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
                            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
+
                        </blockquote>     
+
                    </div>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div> <!-- /row -->
 
         </div> <!-- /row -->
        <div class="border"></div>
 
 
     </div>
 
     </div>
 
</div> <!-- /masthead-->
 
</div> <!-- /masthead-->

Latest revision as of 01:25, 20 October 2016

New HTML template for the wiki




Project

Tails for main menue points
    • 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