Difference between revisions of "Team:UCopenhagen/Medals"

 
(12 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<html>
 
<html>
 
   <style>
 
   <style>
     .bg-color {
+
     .page-wrapper{
      background-color: #fcecdf;
+
       margin-bottom: -20%;
       margin-top: -10%;
+
       margin-top: -5%;
       margin-bottom: -55%;
+
       max-width: 100%;
       padding-top: 10%;
+
      padding-bottom: 55%;
+
      overflow: hidden;
+
      position: relative;
+
    }
+
 
+
    .bg-image {
+
      position: relative;
+
 
       background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
 
       background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
 
       background-repeat: repeat-y;
 
       background-repeat: repeat-y;
 
       background-size: 100%;
 
       background-size: 100%;
 +
      background-color: #fcecdf;
 +
      padding-bottom: 15%;
 +
      padding-top:5%;
 +
      text-align: justify;
 
     }
 
     }
  
Line 26: Line 22:
 
       width: 55%;
 
       width: 55%;
 
       margin: 0 auto;
 
       margin: 0 auto;
    }
 
 
    .title {
 
      background-image: url("https://static.igem.org/mediawiki/2020/9/93/T--UCopenhagen--watercolor_mix3.png");
 
      background-size: contain;
 
      background-repeat: no-repeat;
 
      background-position: center;
 
      padding-top: 20%;
 
      padding-bottom: 20%;
 
      margin: 0 auto;
 
      text-align: center;
 
    }
 
 
    .title h1 {
 
      font-family: Bavro;
 
      color: #f1002d;
 
      font-size: 3em;
 
      margin-top: 15%;
 
    }
 
 
    h3 {
 
      margin-top: 0%;
 
      font-family: Montserrat;
 
      font-size: 1.6em;
 
      line-height: 1.6em;
 
 
     }
 
     }
  
 
     .everything h2 {
 
     .everything h2 {
 
       font-family: Montserrat;
 
       font-family: Montserrat;
       font-size: 2em;
+
       font-size: 28px;
 
       line-height: 1.6em;
 
       line-height: 1.6em;
    }
 
 
    .finish h2 {
 
      font-family: Montserrat;
 
      font-size: 2em;
 
      text-align: center;
 
 
     }
 
     }
  
Line 82: Line 47:
 
       justify-content: center;
 
       justify-content: center;
 
       flex-direction: column;
 
       flex-direction: column;
       font-family: Avenir;
+
       font-family: Avenir, Arial;
       font-size: 1.3em;
+
       font-size: 16px; line-height: 1.4;
 
     }
 
     }
  
Line 135: Line 100:
 
     }
 
     }
  
 +
 +
 +
#top-image img {
 +
width: 100%;
 +
height: 94vh;
 +
margin-top: -3em;
 +
position: relative;
 +
-o-object-fit: cover;
 +
object-fit: cover;
 +
 +
}
  
 
   </style>
 
   </style>
 
   <body>
 
   <body>
<div class="bg-color">
+
<div id="top-image"><img src="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--medals-cover.png"></div>
    <div class="bg-image">
+
<div class="page-wrapper">
 +
    <div >
 
       <div class="everything">
 
       <div class="everything">
        <div class="title">
+
           <h1 style="font-family: Bavro; font-size: 35px; color: #F3557E; text-align: center; margin: 0 auto; padding-top: 7%; padding-bottom: 3.5%;">Medal Overview</h1>
           <h1 style="font-family: Bavro;">Medal Overview</h1>
+
           <img style="align-self: center; margin: 0 auto; width: 95%; padding: 2%;" src="https://static.igem.org/mediawiki/2020/d/da/T--UCopenhagen--medal_quote_intro.png">
           <h3>For easy navigation - lean back<br> and let the links take you where you want to go!</h3>
+
        </div>
+
 
         <div class="bronze todelt">
 
         <div class="bronze todelt">
 
           <div class="pic_bronze">
 
           <div class="pic_bronze">
Line 183: Line 158:
 
         <br>
 
         <br>
 
         <br>
 
         <br>
        <div class="finish"><h2>This has been an amazing iGEM season, and we're in awe of how far both we and everyone else has gotten despite the difficulties. SynBiologists together strong!</h2></div>
+
<div style="border-top: solid pink 0.5px; border-bottom: solid pink; margin-bottom: 2%;"></div>
 
+
<img style="margin: 0 auto; width: 100%; padding: 2%;" src="https://static.igem.org/mediawiki/2020/8/8d/T--UCopenhagen--medal_quote_outtro.png">
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 192: Line 167:
  
  
{{UCopenhagen/Footer_Bubbly}}
+
{{UCopenhagen/Footer_Bubbly_sponsors}}

Latest revision as of 22:57, 26 October 2020



Icons made by Freepik from www.flaticon.com