Difference between revisions of "Team:INSA-UPS France/test/description"

Line 1: Line 1:
 +
 
{{INSA-UPS_France/Links_new}}
 
{{INSA-UPS_France/Links_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Header_new}}
 
{{INSA-UPS_France/Header_new}}
−
 
−
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 43: Line 42:
 
   position:relative;
 
   position:relative;
 
   margin-top:100px;
 
   margin-top:100px;
−
  font-size:1.5vw;
 
 
}
 
}
−
section h1{
+
 
−
  font-family: 'Quicksand', sans-serif;
+
−
  font-size:34pt;
+
−
  margin-top:-75px;
+
−
  text-align: right;
+
−
}
+
−
section h2{
+
−
  font-family: 'Quicksand', sans-serif;
+
−
  font-size:20pt;
+
−
}
+
−
section p, section ul{
+
−
  font-family: 'Merriweather', serif;
+
−
  font-size:14pt;
+
−
  font-weight: 300;
+
−
  margin-top:20px;
+
−
}
+
  
 
/*for now*/
 
/*for now*/
Line 66: Line 49:
 
   display: none;
 
   display: none;
 
}
 
}
 +
 
</style>
 
</style>
  
−
<main class="site-main">
+
<!-- C O N T E N T -->
 +
 +
 
 +
  <style>
 +
 
 +
section{
 +
  margin-bottom: 40px;
 +
  }
 +
  section img{
 +
      /**/
 +
    }
 +
    section h1{
 +
      font-family: 'Quicksand', sans-serif;
 +
      font-size:34pt;
 +
          margin-top: -85px;
 +
      text-align: right;
 +
    }
 +
    section h2{
 +
      font-family: 'Quicksand', sans-serif;
 +
      font-size:20pt;
 +
    }
 +
    section p{
 +
      font-family: 'Merriweather', serif;
 +
      font-size:14pt;
 +
      font-weight: 300;
 +
      margin-top:20px;
 +
    }
 +
  </style>
 +
 
 +
 
 +
  <main class="site-main">
 
   <div class="main_content">
 
   <div class="main_content">
 
   <div class="middle_container">
 
   <div class="middle_container">
 +
 +
  <style>
 +
    .img-hover-reveal{
 +
      overflow: hidden;
 +
      position:relative;
 +
    }
 +
    .img-hover-reveal img{
 +
      width:100%;
 +
    }   
 +
    .img-visible{
 +
      position:relative;
 +
    }
 +
    .img-invisible{
 +
      position:absolute;
 +
      left:-100%;
 +
      top:0px;
 +
      transition:0.5s;
 +
    }
 +
    .img-hover-reveal:hover > .img-invisible{
 +
      transition: 0.5s;
 +
      left: 0px;
 +
    }
 +
  </style>
  
 
   <div class="section_container">
 
   <div class="section_container">
  
 +
    <div style="margin:0px auto;max-width:1000px;">
 
     <section style="background:none;padding:0px !important;z-index:100; ">
 
     <section style="background:none;padding:0px !important;z-index:100; ">
 
       <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Human Practices Logbook</h1>
 
       <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Human Practices Logbook</h1>
−
      <h2>Our ethical reflection in several steps</h2>
 
 
     </section>
 
     </section>
  
−
     <style>
+
      
−
      .steps-container{
+
−
        background:blue; 
+
−
        display:table;
+
−
        width:100%;
+
−
      }
+
−
      .step{
+
−
        display:table-cell;
+
−
        border:2px solid black;
+
−
        width:20px;
+
−
        height:20px;
+
−
        border-radius:20px;
+
−
      }
+
−
    </style>
+
  
−
    <section class="steps-container">
+
  </div>
−
      <div class="step" id="step-1">
+
−
        1
+
−
      </div>
+
−
      <div class="step" id="step-2">
+
−
        2
+
−
      </div>
+
−
      <div class="step" id="step-3">
+
−
        3
+
−
      </div>
+
−
      <div class="step" id="step-4">
+
−
        4
+
−
      </div>
+
−
      <div class="step" id="step-5">
+
−
        5
+
−
      </div>
+
−
      <div class="step" id="step-6">
+
−
        6
+
−
      </div>
+
−
      <div class="step" id="step-7">
+
−
        7
+
−
      </div>
+
−
      <div class="step" id="step-8">
+
−
        8
+
−
      </div>
+
−
      <div class="step" id="step-9">
+
−
        9
+
−
      </div>
+
−
      <div class="step" id="step-10">
+
−
        10
+
−
      </div>
+
−
      <div class="step" id="step-11">
+
−
        11
+
−
      </div>
+
−
      <div class="step" id="step-12">
+
−
        12
+
−
      </div>     
+
−
    </section>
+
  
−
 
−
 
−
    <!-- fin section -->   
 
−
 
−
  </div> 
 
 
   </div>
 
   </div>
−
 
+
  </div>
 
   <style>
 
   <style>
  
Line 233: Line 215:
 
   </main>
 
   </main>
  
−
<!--
+
<!-- C O N T E N T -->
−
  -->
+
</html>
  
−
</div>
 
−
 
−
<script type="text/javascript">
 
−
  $('.js-sticky').addClass('is-sticky');
 
−
</script>
 
−
 
−
</html>
 
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/Header_script}}
 
{{INSA-UPS_France/Header_script}}

Revision as of 09:55, 8 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Human Practices Logbook