Marc_Mor/website_thermo
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Compare commits

base: Marc_Mor:945cc460203ffe4dea01e9f9ce9d186f82bba398
Branches Tags
Marc_Mor:main
..
compare: Marc_Mor:fe3deaa4a30630ce8c936e9c6b94df936ffe3eaa
Branches Tags
Marc_Mor:main

No commits in common. "945cc460203ffe4dea01e9f9ce9d186f82bba398" and "fe3deaa4a30630ce8c936e9c6b94df936ffe3eaa" have entirely different histories.
945cc46020 ... fe3deaa4a3

11 changed files with 168 additions and 207 deletions
Show stats Expand all files Collapse all files

55
html/accueil.html Normal file
View file

@ -0,0 +1,55 @@
<!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/affiche-thermo-bibli.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 643 KiB

1
img/affiche-thermo-bibli.svg
View file

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
img/ajust.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 631 B

BIN
img/bizz.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
img/calendar.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 689 B

BIN
img/documentation.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 680 B

BIN
img/hugo.jpg
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 195 KiB

BIN
img/person.png
View file

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

306
index.html
View file

@ -10,8 +10,8 @@
<meta content="" name="keywords">
<!-- Favicons -->
<link href="img/logo3.png " rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon">
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
@ -29,7 +29,13 @@
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Knight
* Updated: Mar 10 2023 with Bootstrap v5.2.3
* Template URL: https://bootstrapmade.com/knight-free-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
@ -38,10 +44,9 @@
<section id="hero">
<div class="hero-container">
<h1 data-aos="zoom-in">Bienvenue sur le site du projet transdisciplinaire : Thermo- Bibli !</h1>
<h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à <a
href="https://ensc.bordeaux-inp.fr/fr">l'ENSC </a></h2>
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Découvrir le projet</a>
<h1 data-aos="zoom-in">bienvenue sur le site du projet transdisciplinaire : Thermo- Bibli</h1>
<h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à l'ENSC </h2>
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</a>
</div>
</section><!-- End Hero -->
@ -50,18 +55,16 @@
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<a href="index.html"><img src="img/logo3.png" alt="" class="img-fluid"></a>
<a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
</div>
<nav id="navbar" class="navbar">
<ul>
<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="#team">Team</a></li>
<li><a class="nav-link scrollto" href="#about">About</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="#team">Team</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>
<ul>
@ -96,31 +99,26 @@
<div class="section-title" data-aos="fade-up">
<h2>A propos du projet</h2>
<p>Un projet lancé par l'université de Bordeaux en collaboration avec le <a
href="https://www.iut.u-bordeaux.fr/cohabit/">Fablab Coh@bit</a> de l'IUT de Bordeaux
</p>
<p>un projet lancé par l'université de Bordeaux en collaboration avec le fabalab </p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right">
<div class="image">
<img src="img/affiche-thermo-bibli.png" class="img-fluid" alt="">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-6" data-aos="fade-left">
<div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 ">
<h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3>
<h3>Voluptatem dignissimos provident quasi corporis</h3>
<p class="fst-italic">
Une demande initiée par Mr Romain Weinz, conservateur à l'Université de Bordeaux.<br>
<br>Dans le cadre de ce projet et avant l'arrivée de notre équipe, des premiers objectifs ont été
atteints :
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
</p>
<ul>
<li><i class="bx bx-check-double"></i> Conception d'une grappe de capteurs installée au sein de la
bibliothèque
Universitaire dans le site Carreire à Bordeaux. </li>
<li><i class="bx bx-check-double"></i> Système de transfert et de visualisation des données reccueillis
par les capteurs. </li>
<li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li><i class="bx bx-check-double"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
<li><i class="bx bx-check-double"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla
pariatur.</li>
@ -133,201 +131,41 @@
culpa qui officia deserunt mollit anim id est laborum
</p>
</div>
<br>
<h3 class="text-center"> Notre Mission</h3>
<br>
<div class="row">
<div class="col text-center">
<figure class=" text-center">
<img src="img/ajust.png" class="img-fluid" alt=""><br>
</figure>
<br>
Apporter des améliorations.<br>
</div>
<div class="col text-center">
<figure class="text-center">
<br>
<img src="img/documentation.png" class="img-fluid" alt=""><br>
</figure>
<br>
Rédiger une documentation pour les <strong>utilisateurs</strong> .<br>
</div>
<div class="col text-center">
<figure class="text-center">
<br>
<img src="img/documentation.png" class="img-fluid" alt=""><br>
</figure>
<br>
Rédiger une documentation pour la <strong>reproductibilité des
capteurs</strong>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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 ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Méthode de travail</h2>
<p>Une organisation nécessaire à une bonne réalisation du projet tout au long de l'année</p>
<h2>Services</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div>
<div class="row">
<div class="col-lg-6 order-2 order-lg-1">
<div class="icon-box mt-5 mt-lg-0" data-aos="fade-up">
<i class="bx bx-calendar"></i>
<h4>Une présence hebdomadaire au Fablab</h4>
<p>Généralement le jeudi</p>
<i class="bx bx-receipt"></i>
<h4>Est labore ad</h4>
<p>Consequuntur sunt aut quasi enim aliquam quae harum pariatur laboris nisi ut aliquip</p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-cube-alt"></i>
<h4>De nombreuses phases d'apprentissage</h4>
<p>Une initiation nécesssaire aux concepts utilisés lors du projet de création des capteurs</p>
<h4>Harum esse qui</h4>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-shield"></i>
<h4>Une alternative Open-Source</h4>
<p>Une utilisation de nouveaux outils open-source pour l'accessibilité du projet. </p>
<i class="bx bx-images"></i>
<h4>Aut occaecati</h4>
<p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-book-content"></i>
<h4>Une rédaction d'un journal de bord hebdomadaire</h4>
<i class="bx bx-shield"></i>
<h4>Beatae veritatis</h4>
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
</div>
</div>
@ -748,7 +586,81 @@
</div>
</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 ======= -->
<section id="pricing" class="pricing section-bg">

13
inner-page.html
View file

@ -14,9 +14,7 @@
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- 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 -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
@ -52,10 +50,9 @@
<ul>
<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="#team">Team</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="#team">Team</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>
<ul>
@ -120,8 +117,7 @@
<div class="col-lg-6">
<a href="#header" class="scrollto footer-logo"><img src="assets/img/hero-logo.png" alt=""></a>
<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>
@ -158,8 +154,7 @@
</div>
</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 -->
<script src="assets/vendor/aos/aos.js"></script>