Difference between revisions of "Team:Pasteur Paris/Project"

 
(12 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
             background-color: #292929;
 
             background-color: #292929;
 
         }
 
         }
        #banner {
+
    #bannerchanged{
            background-image: ;
+
          width: 100%;
        }
+
          overflow: hidden;
        @media screen and (max-width: 760px) {
+
          margin: 0 auto;
            #banner {
+
    }
                background-image: ;
+
    @media screen and (max-width: 760px) {
         }  
+
    /*#wrapper {
     </style>
+
          width: 100%;
    <div id="banner">
+
          overflow: hidden;
         <h1>PROJECT</h1>
+
      }
    </div>
+
    #container {
 +
         width: 100%;
 +
          margin: 0 auto;
 +
      }*/
 +
     .banner-img {
 +
        width: 100%;
 +
      }
 +
    }
 +
 
 +
  </style>
 +
 
 +
  <div id="bannerchanged">
 +
                <img class="banner-img" src="https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg">
 +
         </div>
 +
    <h1></h1>
 +
  </div>
 +
 
 
     <div id="GeneralContent">
 
     <div id="GeneralContent">
 
         <div id="MainContent">
 
         <div id="MainContent">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Description">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Description">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/b/be/T--Pasteur_Paris--Banner_Overview.jpg); background-color: black; background-position-x: 50%;">
                    </div>
+
                         <p style="position: absolute; color: white; font-size: 250%; top: 157px; text-align: center;"><b>OVERVIEW</b></p>
                    <div class= "textOnglet">
+
                         <p style="text-align: center; font-size: 160%;">Overview</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 32: Line 46:
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Growing_Back_Nerves">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Growing_Back_Nerves">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/53/T--Pasteur_Paris--BannerHome1.png); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/1f/T--Pasteur_Paris--Banner_GrowingBackNerves.jpg); background-color: black; background-size: 450%;">
                    </div>
+
                         <p style="position: absolute; color: white; font-size: 250%; top: 80px; text-align: center;"><b>RECONNECT NERVES</b></p>
                    <div class= "textOnglet">
+
                         <p style="text-align: center; font-size: 160%;">Growing Back Nerves</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </a>
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Fighting">
            </a>
 
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/53/T--Pasteur_Paris--BannerHome1.png); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/5b/T--Pasteur_Paris--Banner_FightInfections.jpg); background-color: black; background-position-x: 20%;">
                    </div>
+
                         <p style="position: absolute; color: white; font-size: 250%; top: 115px; text-align: left; text-indent: 0; left: 32px;"><b>FIGHT INFECTIONS</b></p>
                    <div class= "textOnglet">
+
                         <p style="text-align: center; font-size: 160%;">Fighting Infections</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
            </a>
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Model">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Model">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/6/62/T--Pasteur_Paris--Banner_Model.jpg); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/6/62/T--Pasteur_Paris--Banner_Model.jpg); background-color: black; background-position-x: 40%">
                    </div>
+
                    <div class= "textOnglet">
+
                        <p style="text-align: center; font-size: 160%;">Models</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 58: Line 66:
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Membrane">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Membrane">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--Pasteur_Paris--Banner_Membrane.jpg); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/1/18/T--Pasteur_Paris--Banner_Membrane2.jpg); background-color: black; background-position-x: 21%">
                    </div>
+
                    <div class= "textOnglet">
+
                        <p style="text-align: center; font-size: 160%;">Membrane</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 67: Line 72:
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Kill">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Kill">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/53/T--Pasteur_Paris--BannerHome1.png); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/a/ad/T--Pasteur_Paris--Banner_KillSwitch.jpg); background-color: black; background-position-x: 25%; background-position-y: 75%; background-size: 350%;">
                    </div>
+
                         <p style="position: absolute; color: white; font-size: 250%; top: 112px;"><b>KILL SWITCH</b></p>
                    <div class= "textOnglet">
+
                         <p style="text-align: center; font-size: 160%;">Kill Switch</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 76: Line 79:
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship">
 
             <a href="https://2018.igem.org/Team:Pasteur_Paris/Entrepreneurship">
 
                 <div class="block onglet">
 
                 <div class="block onglet">
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/5/53/T--Pasteur_Paris--BannerHome1.png); background-color: black;">
+
                     <div class="ongletImg" style="background-image: url(https://static.igem.org/mediawiki/2018/4/48/T--Pasteur_Paris--Banner_Entrepreneurship.jpg); background-color: black; background-position-x: 68%;">
                    </div>
+
                    <div class= "textOnglet">
+
                        <p style="text-align: center; font-size: 160%;">Entrepreneurship</p>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>

Latest revision as of 15:17, 10 November 2018

""