(Prototype team page) |
CelineMARIN (Talk | contribs) (test) |
||
Line 5: | Line 5: | ||
− | < | + | <head> |
− | < | + | <meta charset="utf-8"> |
− | < | + | <title>Team: Sorbonne U Paris</title> |
+ | <!-- CSS --> | ||
+ | <link rel="stylesheet" href="CSS/bootstrap.min.css" /> | ||
+ | <link rel="stylesheet" href="CSS/style.css" /> | ||
+ | |||
+ | <!-- favicon --> | ||
+ | <link rel="shortcut icon" href="Images/T--Sorbonne_U_Paris--logo_fb.ico" /> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | <script src="JS/jquery-3.3.1.js"></script> | |
+ | <script src="JS/bootstrap.min.js"></script> | ||
− | |||
− | <div class=" | + | <div class="container-fluid vert"> |
+ | <div class="container"> | ||
+ | <!-- Navbar --> | ||
− | < | + | <nav class="navbar navbar-expand-lg navbar-light " > |
− | < | + | <img id="logo" src="Images/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 --> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
− | <div class=" | + | <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> |
− | + | <ul class="navbar-nav mr-auto mt-2 mt-lg-0 "> | |
− | < | + | <!-- 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 --> | ||
− | <div class=" | + | <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> | </div> | ||
+ | </div> <!-- fin du container-fluid vert --> | ||
− | <div class=" | + | <!-- Container logo étendu --> |
− | < | + | <div class="container "> |
− | + | <img class="img-fluid " src="Images/T--Sorbonne_U_Paris--logoComplet.png" alt="logoComplet"/> | |
+ | </div> <!-- fin du container pour le logo étendu --> | ||
− | </div> | + | <!-- 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=" | + | <div class="row"> |
− | <div class=" | + | <article class="col-md-12"> |
− | < | + | <h1> Notre super film </h1> |
− | < | + | <p> Ici se trouvera le film </p> |
− | <p> | + | </article> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </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> | ||
− | </div> | + | </div> <!-- Fin du container pour le footer --> |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 12:11, 25 June 2018