ajout partie 'team'
This commit is contained in:
{Marc Moreeuw }
parent
7e73747e20
commit
1f5710709a
|
|
@ -1,55 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Thermo-Bibli</title>
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
||||||
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="h-100 text-center text-white bg-dark">
|
|
||||||
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
|
|
||||||
<header class="mb-auto">
|
|
||||||
<div>
|
|
||||||
<h3 class="float-md-start mb-0">
|
|
||||||
|
|
||||||
<img class="logo" src="../img/logo.png" alt="Logo">
|
|
||||||
Thermo-Bibli
|
|
||||||
</h3>
|
|
||||||
<nav class="nav nav-masthead justify-content-center float-md-end">
|
|
||||||
<a class="nav-link active" aria-current="page" href="#">Accueil</a>
|
|
||||||
<a class="nav-link" href="#">Gestion de projet</a>
|
|
||||||
<a class="nav-link" href="#">Livrables</a>
|
|
||||||
<a class="nav-link" href="#">Passations</a>
|
|
||||||
<a class="nav-link" href="#">Plan Vert</a>
|
|
||||||
<a class="nav-link" href="#">Retours</a>
|
|
||||||
<a class="nav-link" href="#">Contact</a>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main class="px-3">
|
|
||||||
<h1>Projet Transdisciplinaire 2022 -2023</h1>
|
|
||||||
<h5>Dans le cadre des enseignements fournis à l'<a href="https://ensc.bordeaux-inp.fr/fr"
|
|
||||||
style="color: #fff;" target="_blank">Ecole Nationale
|
|
||||||
Supérieure de Cognitique</a></h5>
|
|
||||||
<br>
|
|
||||||
<h2>Thermo-Bibli</h2>
|
|
||||||
|
|
||||||
|
|
||||||
</p>
|
|
||||||
</main>
|
|
||||||
<footer class="mt-auto text-white-50">
|
|
||||||
<p>Made with ❤ par l'équipe du projet Transdisciplinaire de l'ENSC</p>
|
|
||||||
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
BIN
img/bizz.png
Normal file
BIN
img/bizz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
img/hugo.jpg
Normal file
BIN
img/hugo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
BIN
img/person.png
Normal file
BIN
img/person.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
186
index.html
186
index.html
|
|
@ -56,10 +56,12 @@
|
||||||
<nav id="navbar" class="navbar">
|
<nav id="navbar" class="navbar">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
|
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
|
||||||
|
|
||||||
<li><a class="nav-link scrollto" href="#about">A propos</a></li>
|
<li><a class="nav-link scrollto" href="#about">A propos</a></li>
|
||||||
|
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
||||||
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
||||||
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
|
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
|
||||||
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
|
||||||
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
|
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
|
||||||
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -140,6 +142,7 @@
|
||||||
<figure class=" text-center">
|
<figure class=" text-center">
|
||||||
<img src="img/ajust.png" class="img-fluid" alt=""><br>
|
<img src="img/ajust.png" class="img-fluid" alt=""><br>
|
||||||
</figure>
|
</figure>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
Apporter des améliorations.<br>
|
Apporter des améliorations.<br>
|
||||||
|
|
@ -162,6 +165,7 @@
|
||||||
<br>
|
<br>
|
||||||
<img src="img/documentation.png" class="img-fluid" alt=""><br>
|
<img src="img/documentation.png" class="img-fluid" alt=""><br>
|
||||||
</figure>
|
</figure>
|
||||||
|
<br>
|
||||||
Rédiger une documentation pour les <strong>utilisateurs</strong> .<br>
|
Rédiger une documentation pour les <strong>utilisateurs</strong> .<br>
|
||||||
</div>
|
</div>
|
||||||
<div class="col text-center">
|
<div class="col text-center">
|
||||||
|
|
@ -170,6 +174,7 @@
|
||||||
<br>
|
<br>
|
||||||
<img src="img/documentation.png" class="img-fluid" alt=""><br>
|
<img src="img/documentation.png" class="img-fluid" alt=""><br>
|
||||||
</figure>
|
</figure>
|
||||||
|
<br>
|
||||||
Rédiger une documentation pour la <strong>reproductibilité des
|
Rédiger une documentation pour la <strong>reproductibilité des
|
||||||
capteurs</strong>.
|
capteurs</strong>.
|
||||||
|
|
||||||
|
|
@ -189,6 +194,111 @@
|
||||||
</div>
|
</div>
|
||||||
</section><!-- End About Us Section -->
|
</section><!-- End About Us Section -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ======= Team Section ======= -->
|
||||||
|
<section id="team" class="team">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="section-title" data-aos="fade-up">
|
||||||
|
<h2>Equipe du projet</h2>
|
||||||
|
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
|
||||||
|
<div class="member" data-aos="zoom-in">
|
||||||
|
<div class="member-img">
|
||||||
|
<img src="img/person.png" class="img-fluid" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="member-info text-center">
|
||||||
|
<h4>Félix Boissie </h4>
|
||||||
|
<span>Etudiant en 1ere année à l'ENSC</span>
|
||||||
|
<p>Travaille principalement sur la documentation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="col-lg-3 col-sm-9 d-flex align-items-stretch">
|
||||||
|
<div class="member " data-aos="zoom-in" data-aos-delay="100">
|
||||||
|
<div class="member-img">
|
||||||
|
<img src="img/person.png" class="img-fluid rounded-circle shadow-4-strong" alt="">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="member-info text-center">
|
||||||
|
<h4>Théo Biron</h4>
|
||||||
|
<span>Etudiant en 1ere année à l'ENSC</span>
|
||||||
|
<p>Travaille principalement sur la documentation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
|
||||||
|
<div class="member " data-aos="zoom-in" data-aos-delay="200">
|
||||||
|
<div class="member-img">
|
||||||
|
<img src="img/person.png" class="img-fluid" alt="">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="member-info text-center">
|
||||||
|
<h4>Hugo Guenillier </h4>
|
||||||
|
<span>Etudiant en 1ere année à l'ENSC</span>
|
||||||
|
<p>Travaille principalement sur la documentation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
|
||||||
|
<div class="member" data-aos="zoom-in" data-aos-delay="100">
|
||||||
|
<div class="member-img">
|
||||||
|
<img src="img/person.png" class="img-fluid rounded-circle shadow-4-strong" alt="">
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class="member-info text-center">
|
||||||
|
<h4> Marc Moreeuw</h4>
|
||||||
|
<span>Etudiant en 1ere année à l'ENSC</span>
|
||||||
|
<p>Travaille principalement sur la documentation</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row text-center">
|
||||||
|
<figure> <img src="img/bizz.png" class="img-fluid" width="150" height="100">
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<div class=" row tex-center">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col text-center">
|
||||||
|
<br>
|
||||||
|
<h2> Des acteurs du fablab</h2>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
Pierre Grangé-Praderas<br>
|
||||||
|
|
||||||
|
<br>Une étudiante en service civique
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class=" col text-center">
|
||||||
|
<br>
|
||||||
|
<h2> Des acteurs extérieurs </h2><br>
|
||||||
|
<br> Des acteurs qui nous ont précédés<br>
|
||||||
|
<br>Un groupe de lycéen en stage
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section><!-- End Team Section -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- ======= Services Section ======= -->
|
<!-- ======= Services Section ======= -->
|
||||||
<section id="services" class="services">
|
<section id="services" class="services">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
@ -638,81 +748,7 @@
|
||||||
</div>
|
</div>
|
||||||
</section><!-- End Clients Section -->
|
</section><!-- End Clients Section -->
|
||||||
|
|
||||||
<!-- ======= Team Section ======= -->
|
|
||||||
<section id="team" class="team">
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="section-title" data-aos="fade-up">
|
|
||||||
<h2>Team</h2>
|
|
||||||
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
|
|
||||||
<div class="member" data-aos="zoom-in">
|
|
||||||
<div class="member-img">
|
|
||||||
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
|
|
||||||
<div class="social">
|
|
||||||
<a href=""><i class="bi bi-twitter"></i></a>
|
|
||||||
<a href=""><i class="bi bi-facebook"></i></a>
|
|
||||||
<a href=""><i class="bi bi-instagram"></i></a>
|
|
||||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="member-info">
|
|
||||||
<h4>Walter White</h4>
|
|
||||||
<span>Chief Executive Officer</span>
|
|
||||||
<p>Animi est delectus alias quam repellendus nihil nobis dolor. Est sapiente occaecati et dolore. Omnis
|
|
||||||
aut ut nesciunt explicabo qui. Eius nam deleniti ut omnis</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
|
|
||||||
<div class="member" data-aos="zoom-in" data-aos-delay="100">
|
|
||||||
<div class="member-img">
|
|
||||||
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
|
|
||||||
<div class="social">
|
|
||||||
<a href=""><i class="bi bi-twitter"></i></a>
|
|
||||||
<a href=""><i class="bi bi-facebook"></i></a>
|
|
||||||
<a href=""><i class="bi bi-instagram"></i></a>
|
|
||||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="member-info">
|
|
||||||
<h4>Sarah Jhonson</h4>
|
|
||||||
<span>Product Manager</span>
|
|
||||||
<p>Aspernatur iste esse aliquam enim et corporis. Molestiae voluptatem aut eligendi quis aut. Libero vel
|
|
||||||
amet voluptatem eos rerum non doloremque</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
|
|
||||||
<div class="member" data-aos="zoom-in" data-aos-delay="200">
|
|
||||||
<div class="member-img">
|
|
||||||
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
|
|
||||||
<div class="social">
|
|
||||||
<a href=""><i class="bi bi-twitter"></i></a>
|
|
||||||
<a href=""><i class="bi bi-facebook"></i></a>
|
|
||||||
<a href=""><i class="bi bi-instagram"></i></a>
|
|
||||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="member-info">
|
|
||||||
<h4>William Anderson</h4>
|
|
||||||
<span>CTO</span>
|
|
||||||
<p>Ut enim possimus nihil cupiditate beatae. Veniam facere quae non qui necessitatibus rerum eos vero.
|
|
||||||
Maxime sit sunt quo dolor autem est qui quaerat</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section><!-- End Team Section -->
|
|
||||||
|
|
||||||
<!-- ======= Pricing Section ======= -->
|
<!-- ======= Pricing Section ======= -->
|
||||||
<section id="pricing" class="pricing section-bg">
|
<section id="pricing" class="pricing section-bg">
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,9 @@
|
||||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||||
|
|
||||||
<!-- Google Fonts -->
|
<!-- Google Fonts -->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
|
||||||
|
rel="stylesheet">
|
||||||
|
|
||||||
<!-- Vendor CSS Files -->
|
<!-- Vendor CSS Files -->
|
||||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||||
|
|
@ -50,9 +52,10 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li><a class="nav-link scrollto " href="#hero">Home</a></li>
|
<li><a class="nav-link scrollto " href="#hero">Home</a></li>
|
||||||
<li><a class="nav-link scrollto" href="#about">About</a></li>
|
<li><a class="nav-link scrollto" href="#about">About</a></li>
|
||||||
|
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
||||||
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
<li><a class="nav-link scrollto" href="#services">Services</a></li>
|
||||||
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
|
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
|
||||||
<li><a class="nav-link scrollto" href="#team">Team</a></li>
|
|
||||||
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
|
<li><a class="nav-link scrollto" href="#pricing">Pricing</a></li>
|
||||||
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -117,7 +120,8 @@
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a>
|
<a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a>
|
||||||
<h3>Knight</h3>
|
<h3>Knight</h3>
|
||||||
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi placeat.</p>
|
<p>Et aut eum quis fuga eos sunt ipsa nihil. Labore corporis magni eligendi fuga maxime saepe commodi
|
||||||
|
placeat.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -154,7 +158,8 @@
|
||||||
</div>
|
</div>
|
||||||
</footer><!-- End Footer -->
|
</footer><!-- End Footer -->
|
||||||
|
|
||||||
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
|
||||||
|
class="bi bi-arrow-up-short"></i></a>
|
||||||
|
|
||||||
<!-- Vendor JS Files -->
|
<!-- Vendor JS Files -->
|
||||||
<script src="assets/vendor/aos/aos.js"></script>
|
<script src="assets/vendor/aos/aos.js"></script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue