Difference between revisions of "Team:Sorbonne U Paris"

 
(511 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Sorbonne_U_Paris}}
+
{{Sorbonne_U_Paris/Header}}
−
{{Sorbonne_U_Paris/CSS/style.css}}
+
{{Sorbonne_U_Paris/Navbar}}
−
{{Sorbonne_U_Paris/CSS/bootstrap.min.css}}
+
<html lang="en" >
−
{{Sorbonne_U_Paris/JS/jquery}}
+
<head>
−
{{Sorbonne_U_Paris/JS/bootstrap.min.js}}
+
<style>
−
<html>
+
.accueil1{
 +
    padding: 0;
 +
    margin: 0px;
  
−
    <meta charset="utf-8">
+
}
−
+
−
    <!-- CSS -->
+
−
    <link rel="stylesheet" href="CSS/bootstrap.min.css" />
+
−
    <link rel="stylesheet" type="text/css"
+
−
href="https://2018.igem.org/Template:Sorbonne_U_Paris/CSS/style.css?action=raw&ctype=text/css" />   
+
  
 +
#top_home {
 +
position: relative;
 +
bottom:80px;
 +
}
  
−
  <body>
 
−
<script type="text/javascript" src="https://2018.igem.org/Template:Sorbonne_U_Paris/JS/jquery?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript" src="https://2018.igem.org/Template:Sorbonne_U_Paris/JS/bootstrap.min.js?
 
−
action=raw&ctype=text/javascript"></script>
 
  
 +
@media (max-width: 767px) {
 +
#top_home{
 +
bottom:60px;
 +
}
 +
}
  
 +
</style>
 +
</head>
  
 +
<body id="backtotop">
 +
<div class="global">
 +
<div class="container-fluid accueil1">
 +
    <img id ="top_home" src="https://static.igem.org/mediawiki/2018/3/38/T--Sorbonne_U_Paris--Accueil1.png" style="width: 100%;"></div>
  
−
    <div class="container-fluid vert">
+
<div class="container-fluid accueil1" ">
−
      <div class="container">
+
    <img src="https://static.igem.org/mediawiki/2018/7/79/T--Sorbonne_U_Paris--Accueil_2.png" style="width: 100%" ></div>
−
      <!-- Navbar -->
+
  
−
      <nav class="navbar navbar-expand-lg navbar-light " >
 
−
        <img id="logo" src="https://2018.igem.org/File:T--Sorbonne U Paris--logo fb.png alt="logo"/>
 
−
        <a class="navbar-brand" href="#">Sorbonne U Paris</a>
 
  
−
<!-- bouton menu qui apparaît quand on diminue la taille de l'écran -->
+
<div class="container-fluid accueil1">
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
+
    <img src="https://static.igem.org/mediawiki/2018/5/54/T--Sorbonne_U_Paris--Accueil_3.png" style="width: 100%;"></div>
−
    <span class="navbar-toggler-icon"></span>
+
−
  </button>
+
  
−
  <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
+
<div class="container-fluid accueil1">
−
     <ul class="navbar-nav mr-auto mt-2 mt-lg-0 ">
+
     <img src="https://static.igem.org/mediawiki/2018/7/78/T--Sorbonne_U_Paris--Accueil_4.png" style="width: 100%;"></div>
−
      <!-- dropdown project -->
+
  
−
      <li class="nav-item dropdown nav-custom">
 
−
        <a class="nav-link dropdown-toggle  " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:white">
 
−
        Project
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
−
 
−
          <a class="dropdown-item " href="Project/description.html">Description</a>
 
−
          <a class="dropdown-item" href="Project/design.html">Design</a>
 
−
          <a class="dropdown-item" href="Project/experiments.html">Experiments</a>
 
−
          <a class="dropdown-item" href="Project/notebook.html">Notebook</a>
 
−
          <a class="dropdown-item" href="Project/interlab.html">Interlab</a>
 
−
          <a class="dropdown-item" href="Project/model.html">Model</a>
 
−
          <a class="dropdown-item" href="Project/results.html">Results</a>
 
−
          <a class="dropdown-item" href="Project/demonstrate.html">Demonstrate</a>
 
−
          <a class="dropdown-item" href="Project/improve.html">Improve</a>
 
−
          <a class="dropdown-item" href="Project/attributions.html">Attributions</a>
 
−
        </div>
 
−
      </li>
 
−
 
−
<!-- dropdown team -->
 
−
      <li class="nav-item dropdown nav-custom">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:white">
 
−
          Team
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
−
          <a class="dropdown-item" href="Team/teamMembers.html">Team Members</a>
 
−
          <a class="dropdown-item" href="Team/collaborations.html">Collaborations</a>
 
−
 
−
      </li>
 
−
 
−
 
−
<!-- dropdown parts -->
 
−
      <li class="nav-item dropdown nav-custom">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:white">
 
−
          Parts
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
−
          <a class="dropdown-item" href="Parts/partsOverview.html">Parts Overview</a>
 
−
          <a class="dropdown-item" href="Parts/basicParts.html">Basic Parts</a>
 
−
          <a class="dropdown-item" href="Parts/compositeParts.html">Composite Parts</a>
 
−
          <a class="dropdown-item" href="Parts/partCollection.html">Part Collection</a>
 
−
      </li>
 
−
 
−
      <!-- dropdown human practices -->
 
−
      <li class="nav-item dropdown nav-custom">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:white">
 
−
        Human Practices
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
−
          <a class="dropdown-item" href="HP/hp.html">Human Practices</a>
 
−
          <a class="dropdown-item" href="HP/educationAndengagement.html">Education & Engagement</a>
 
−
      </li>
 
−
 
−
<!-- link safety-->
 
−
<li class="nav-item nav-custom">
 
−
  <a class="nav-link disabled"href="Safety/safety.html" style="color:white">Safety</a>
 
−
</li>
 
−
 
−
<!-- link judgingForm  -->
 
−
<li class="nav-item nav-custom">
 
−
  <a class="nav-link disabled" href="JudgingForm/judgingForm.html" style="color:white">Judging Form</a>
 
−
</li>
 
−
 
−
<!-- dropdown awards -->
 
−
 
−
<li class="nav-item dropdown nav-custom">
 
−
  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:white">
 
−
    Awards
 
−
  </a>
 
−
  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
−
    <a class="dropdown-item" href="Awards/appliedDesign.html">Applied Design</a>
 
−
    <a class="dropdown-item" href="Awards/entrepreneurship.html">Entrepreneurship</a>
 
−
    <a class="dropdown-item" href="Awards/hardware.html">Hardware</a>
 
−
    <a class="dropdown-item" href="Awards/measurement.html">Measurement</a>
 
−
    <a class="dropdown-item" href="Awards/model.html">Model</a>
 
−
    <a class="dropdown-item" href="Awards/plant.html">Plant</a>
 
−
    <a class="dropdown-item" href="Awards/software.html">Software</a>
 
−
 
−
</li>
 
 
</div>
 
</div>
−
</div>
+
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
−
</div> <!-- fin du container-fluid vert -->
+
<script type="text/javascript">
 +
      jQuery(document).ready(function() {
 +
if(window.matchMedia("(min-width:798px)").matches) {
 +
          $(window).scroll(function(){
 +
abcScroll = $(document).scrollTop();
 +
if(abcScroll >=4000)
 +
$('.socialmedia').fadeOut(100);
 +
else
 +
$('.socialmedia').fadeIn(0);         
 +
});  }
 +
          });
  
−
<!-- Container logo étendu -->
+
        </script>
−
<div class="container ">
+
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
−
  <img class="img-fluid " src="Images/T--Sorbonne_U_Paris--logoComplet.png" alt="logoComplet"/>
+
</body>
−
</div> <!-- fin du container pour le logo étendu -->
+
−
 
+
−
<!-- Container pour le texte -->
+
−
<div class="container">
+
−
  <div class="row">
+
−
    <article class="col-md-12">
+
−
      <h1> Welcome to the team!</h1>
+
−
      <p>Haec subinde Constantius audiens et quaedam referente Thalassio doctus, quem eum odisse iam conpererat lege communi, scribens ad Caesarem blandius adiumenta paulatim illi subtraxit, sollicitari se simulans ne, uti est militare otium fere tumultuosum, in eius perniciem conspiraret, solisque scholis iussit esse contentum palatinis et protectorum cum Scutariis et Gentilibus, et mandabat Domitiano, ex comite largitionum, praefecto ut cum in Syriam venerit, Gallum, quem crebro acciverat, ad Italiam properare blande hortaretur et verecunde.
+
−
      </p>
+
−
    </article>
+
−
  </div>
+
−
</div> <!-- fin du container pour le texte -->
+
−
 
+
−
<!-- container pour le film -->
+
−
<div class="container">
+
−
  <div class="row">
+
−
    <article class="col-md-12">
+
−
      <h1> Notre super film </h1>
+
−
  <p> Ici se trouvera le film </p>
+
−
</article>
+
−
</div>
+
−
</div> <!-- fin du container pour le film -->
+
−
 
+
−
 
+
−
<!-- Container pour le footer -->
+
−
<div class="container-fluid vert">
+
−
  <div class="container">
+
−
    <div class="text-center">
+
−
  <img src="Images/Sponsors/T--Sorbonne_U_Paris--FSDIE.jpg" class="rounded " id="FSDIE" alt="FSDIE"/>
+
−
  <img src="Images/Sponsors/T--Sorbonne_U_Paris--LOGO_SCIENCES_SU_med.jpg" class="rounded" id="SU" alt="FSDIE"/>
+
−
  <img src="Images/Sponsors/T--Sorbonne_U_Paris--crous.jpg" class="rounded " id="crous" alt="crous"/>
+
−
  <img src="Images/Sponsors/T--Sorbonne_U_Paris--bmc.jpg" class="rounded " id="bmc" alt="bmc"/>
+
−
</div>
+
−
</div> <!-- Fin du container pour le footer -->
+
−
  </body>
+
 
</html>
 
</html>
 +
{{Sorbonne_U_Paris/socialsidenavbar}}
 +
{{Sorbonne_U_Paris/backtotop}}
 +
{{Sorbonne_U_Paris/Footer}}

Latest revision as of 18:42, 17 October 2018

Back to top