Difference between revisions of "Team:Lethbridge/Ridealong"

 
(5 intermediate revisions by the same user not shown)
Line 11: Line 11:
  
 
       /* Start general reset ================================================== */
 
       /* Start general reset ================================================== */
−
         html body {font-size: inherit;font-family: inherit;background-color: transparent;color: inherit;padding: 0;}
+
         html body {font-size: inherit;font-family: inherit;background-color: #b0bec5;color: inherit;padding: 0;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
       /* Start top-section reset ============================================== */
 
       /* Start top-section reset ============================================== */
Line 61: Line 61:
 
       .waves-effect.waves-blue .waves-ripple {
 
       .waves-effect.waves-blue .waves-ripple {
 
         background-color: rgba(51, 153, 255, 0.65);
 
         background-color: rgba(51, 153, 255, 0.65);
 +
      }
 +
      html {
 +
        line-height: 1.5;
 +
        font-family: "Roboto" !important, sans-serif;
 +
        font-weight: normal;
 +
        color: rgba(0, 0, 0, 0.87);
 +
      }
 +
      #HQ_page h1 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h2 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h3 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h4 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page p {font-family: "Roboto", sans-sefif;}
 +
      </style>
 +
 +
      <!--More Custom Style for Carousel-->
 +
      <style> /*All of the images linked out to are 400x1920*/
 +
      div.CB1 {
 +
        background: url(http://bark-inn.com/wp-content/uploads/2015/11/WATERBALLS-001.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB2 {
 +
        background: url(https://cdna2.artstation.com/p/assets/images/images/003/290/554/large/adrian-dudak-ny-night.jpg?1472063960) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB3 {
 +
        background: url(http://www.uktoursandvacations.com/media/61605/london-eye-night.jpg?mode=crop&width=1920&height=400&center=0,0&quality=70&bgcolor=fff) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB4 {
 +
        background: url(http://www.hatfieldswimmingclub.org/wp-content/uploads/2016/02/banner1.jpg) no-repeat center;
 +
        width: 100%;
 
       }
 
       }
 
       </style>
 
       </style>
Line 173: Line 205:
 
<div class="container" style="padding-top:100px; padding-bottom:100px;">
 
<div class="container" style="padding-top:100px; padding-bottom:100px;">
 
<div class="row">
 
<div class="row">
−
   <div class="col s12 red">
+
   <div class="col s12 purple darken-1">
 
     <div class="container">
 
     <div class="container">
 
       <div class="row">
 
       <div class="row">
 
         <div class="col s12">
 
         <div class="col s12">
−
           <h1 class="white-text center">Oh, hello there.</h1>
+
           <h1 class="white-text center">Magic carpets?</h1>
−
           <h3 class="grey-text text-lighten-4">Our Human Practices are best told as a story. To best experience the journey we went through while interacting with stakeholders and interacting with the people who will be using our device, please look at our introduction page.</p>
+
           <h5 class="thin grey-text text-lighten-4" style="padding-bottom:20px;">Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.</h5>
−
 
+
−
<a class="waves-effect  white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/HP/Silver">Show Me</a>
+
  
 +
<a class="waves-effect  white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">A whole new world?</a>
 +
<div style="padding-bottom:20px;"></div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>

Latest revision as of 03:14, 17 October 2016

Lethbridge iGEM 2016

Magic carpets?

Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.
A whole new world?