page à props

This commit is contained in:
{Marc Moreeuw } 2023-05-21 14:36:07 +02:00
parent fe3deaa4a3
commit 7e73747e20
5 changed files with 75 additions and 22 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 643 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
img/ajust.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 631 B

BIN
img/documentation.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 680 B

View file

@ -10,8 +10,8 @@
<meta content="" name="keywords"> <meta content="" name="keywords">
<!-- Favicons --> <!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon"> <link href="img/logo3.png " rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <link href="img/logo3.png" rel="apple-touch-icon">
<!-- Google Fonts --> <!-- Google Fonts -->
<link <link
@ -29,13 +29,7 @@
<!-- Template Main CSS File --> <!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet"> <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> </head>
<body> <body>
@ -44,9 +38,10 @@
<section id="hero"> <section id="hero">
<div class="hero-container"> <div class="hero-container">
<h1 data-aos="zoom-in">bienvenue sur le site du projet transdisciplinaire : Thermo- Bibli</h1> <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> <h2 data-aos="fade-up">Nous sommes une équipe de quatre élèves de première année à <a
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</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>
</div> </div>
</section><!-- End Hero --> </section><!-- End Hero -->
@ -55,13 +50,13 @@
<div class="container d-flex align-items-center justify-content-between"> <div class="container d-flex align-items-center justify-content-between">
<div class="logo"> <div class="logo">
<a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a> <a href="index.html"><img src="img/logo3.png" alt="" class="img-fluid"></a>
</div> </div>
<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">About</a></li> <li><a class="nav-link scrollto" href="#about">A propos</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="#team">Team</a></li>
@ -99,26 +94,31 @@
<div class="section-title" data-aos="fade-up"> <div class="section-title" data-aos="fade-up">
<h2>A propos du projet</h2> <h2>A propos du projet</h2>
<p>un projet lancé par l'université de Bordeaux en collaboration avec le fabalab </p> <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>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6" data-aos="fade-right"> <div class="col-lg-6" data-aos="fade-right">
<div class="image"> <div class="image">
<img src="assets/img/about.jpg" class="img-fluid" alt=""> <img src="img/affiche-thermo-bibli.png" class="img-fluid" alt="">
</div> </div>
</div> </div>
<div class="col-lg-6" data-aos="fade-left"> <div class="col-lg-6" data-aos="fade-left">
<div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 "> <div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 ">
<h3>Voluptatem dignissimos provident quasi corporis</h3> <h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3>
<p class="fst-italic"> <p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et Une demande initiée par Mr Romain Weinz, conservateur à l'Université de Bordeaux.<br>
dolore <br>Dans le cadre de ce projet et avant l'arrivée de notre équipe, des premiers objectifs ont été
magna aliqua. atteints :
</p> </p>
<ul> <ul>
<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> Conception d'une grappe de capteurs installée au sein de la
<li><i class="bx bx-check-double"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li> 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. Duis <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 aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla
pariatur.</li> pariatur.</li>
@ -131,8 +131,60 @@
culpa qui officia deserunt mollit anim id est laborum culpa qui officia deserunt mollit anim id est laborum
</p> </p>
</div> </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>
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>
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>
Rédiger une documentation pour la <strong>reproductibilité des
capteurs</strong>.
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
</section><!-- End About Us Section --> </section><!-- End About Us Section -->