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">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link href="img/logo3.png " rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
@ -29,13 +29,7 @@
<!-- 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>
@ -44,9 +38,10 @@
<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 à l'ENSC </h2>
<a data-aos="fade-up" data-aos-delay="200" href="#about" class="btn-get-started scrollto">Get Started</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 à <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>
</section><!-- End Hero -->
@ -55,13 +50,13 @@
<div class="container d-flex align-items-center justify-content-between">
<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>
<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">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="#portfolio">Portfolio</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">
<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 class="row">
<div class="col-lg-6" data-aos="fade-right">
<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 class="col-lg-6" data-aos="fade-left">
<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">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore
magna aliqua.
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 :
</p>
<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> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
<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. Duis
aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla
pariatur.</li>
@ -131,7 +131,59 @@
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>
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>