website_thermo/index.html

1046 lines
42 KiB
HTML
Raw Normal View History

2023-05-16 15:41:57 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Thermo-bibli - Index</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
2023-05-21 14:36:07 +02:00
<link href="img/logo3.png " rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon">
2023-05-16 15:41:57 +02:00
<!-- 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">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
2023-05-21 14:36:07 +02:00
2023-05-16 15:41:57 +02:00
</head>
<body>
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
2023-05-21 14:36:07 +02:00
<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>
2023-05-16 15:41:57 +02:00
</div>
</section><!-- End Hero -->
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
2023-05-21 14:36:07 +02:00
<a href="index.html"><img src="img/logo3.png" alt="" class="img-fluid"></a>
2023-05-16 15:41:57 +02:00
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
2023-05-21 16:14:51 +02:00
2023-05-21 14:36:07 +02:00
<li><a class="nav-link scrollto" href="#about">A propos</a></li>
2023-05-21 16:14:51 +02:00
<li><a class="nav-link scrollto" href="#team">Team</a></li>
2023-05-16 15:41:57 +02:00
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
2023-05-21 16:14:51 +02:00
2023-05-16 15:41:57 +02:00
<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>
<li><a href="#">Drop Down 1</a></li>
<li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>A propos du projet</h2>
2023-05-21 14:36:07 +02:00
<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>
2023-05-16 15:41:57 +02:00
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right">
<div class="image">
2023-05-21 14:36:07 +02:00
<img src="img/affiche-thermo-bibli.png" class="img-fluid" alt="">
2023-05-16 15:41:57 +02:00
</div>
</div>
<div class="col-lg-6" data-aos="fade-left">
<div class="content pt-4 pt-lg-0 pl-0 pl-lg-3 ">
2023-05-21 14:36:07 +02:00
<h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3>
2023-05-16 15:41:57 +02:00
<p class="fst-italic">
2023-05-21 14:36:07 +02:00
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 :
2023-05-16 15:41:57 +02:00
</p>
<ul>
2023-05-21 14:36:07 +02:00
<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>
2023-05-16 15:41:57 +02:00
<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>
</ul>
<p>
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in
culpa qui officia deserunt mollit anim id est laborum
</p>
</div>
2023-05-21 14:36:07 +02:00
<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>
2023-05-21 16:14:51 +02:00
<br>
2023-05-21 14:36:07 +02:00
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>
2023-05-21 16:14:51 +02:00
<br>
2023-05-21 14:36:07 +02:00
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>
2023-05-21 16:14:51 +02:00
<br>
2023-05-21 14:36:07 +02:00
Rédiger une documentation pour la <strong>reproductibilité des
capteurs</strong>.
</div>
</div>
2023-05-16 15:41:57 +02:00
</div>
2023-05-21 14:36:07 +02:00
2023-05-16 15:41:57 +02:00
</div>
2023-05-21 14:36:07 +02:00
</div>
</div>
</div>
</div>
2023-05-16 15:41:57 +02:00
</div>
</section><!-- End About Us Section -->
2023-05-21 16:14:51 +02:00
<!-- ======= 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 -->
2023-05-16 15:41:57 +02:00
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title" data-aos="fade-up">
2023-05-21 18:36:21 +02:00
<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>
2023-05-16 15:41:57 +02:00
</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">
2023-05-21 18:36:21 +02:00
<i class="bx bx-calendar"></i>
<h4>Une présence hebdomadaire au Fablab</h4>
<p>Généralement le jeudi</p>
2023-05-16 15:41:57 +02:00
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-cube-alt"></i>
2023-05-21 18:36:21 +02:00
<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>
2023-05-16 15:41:57 +02:00
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">
2023-05-21 18:36:21 +02:00
<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>
2023-05-16 15:41:57 +02:00
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">
2023-05-21 18:36:21 +02:00
<i class="bx bx-book-content"></i>
<h4>Une rédaction d'un journal de bord hebdomadaire</h4>
2023-05-16 15:41:57 +02:00
<p>Expedita veritatis consequuntur nihil tempore laudantium vitae denat pacta</p>
</div>
</div>
<div class="image col-lg-6 order-1 order-lg-2" style='background-image: url("assets/img/services.jpg");'
data-aos="fade-left" data-aos-delay="100"></div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Featured Section ======= -->
<section id="featured" class="featured">
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="fade-right">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<figure>
<img src="assets/img/featured-1.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-2">
<figure>
<img src="assets/img/featured-2.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-3">
<figure>
<img src="assets/img/featured-3.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-4">
<figure>
<img src="assets/img/featured-4.png" alt="" class="img-fluid">
</figure>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0" data-aos="fade-left">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-bs-toggle="tab" href="#tab-1">
<h4>Modi sit est</h4>
<p>Quis excepturi porro totam sint earum quo nulla perspiciatis eius.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" href="#tab-2">
<h4>Unde praesentium sed</h4>
<p>Voluptas vel esse repudiandae quo excepturi.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" href="#tab-3">
<h4>Pariatur explicabo vel</h4>
<p>Velit veniam ipsa sit nihil blanditiis mollitia natus.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" href="#tab-4">
<h4>Nostrum qui quasi</h4>
<p>Ratione hic sapiente nostrum doloremque illum nulla praesentium id</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</section><!-- End Featured Section -->
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="why-us">
<div class="container-fluid">
<div class="row">
<div class="col-lg-7 order-2 order-lg-1 d-flex flex-column justify-content-center align-items-stretch">
<div class="content" data-aos="fade-up">
<h3>Eum ipsam laborum deleniti <strong>velit pariatur architecto aut nihil</strong></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Duis aute irure dolor in reprehenderit
</p>
</div>
<div class="accordion-list">
<ul>
<li data-aos="fade-up" data-aos-delay="100">
<a data-bs-toggle="collapse" class="collapse" data-bs-target="#accordion-list-1"><span>01</span> Non
consectetur a erat nam at lectus urna duis? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-1" class="collapse show" data-bs-parent=".accordion-list">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur
gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-2" class="collapsed"><span>02</span>
Feugiat scelerisque varius morbi enim nunc? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-2" class="collapse" data-bs-parent=".accordion-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet
id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est
pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt
dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<a data-bs-toggle="collapse" data-bs-target="#accordion-list-3" class="collapsed"><span>03</span>
Dolor sit amet consectetur adipiscing elit? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-chevron-up icon-close"></i></a>
<div id="accordion-list-3" class="collapse" data-bs-parent=".accordion-list">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar
elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque
eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis
sed odio morbi quis
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 order-1 order-lg-2 align-items-stretch video-box"
style='background-image: url("assets/img/why-us.jpg");' data-aos="zoom-in">
<a href="https://www.youtube.com/watch?v=LIqQNG_q2us" class="venobox play-btn mb-4" data-vbtype="video"
data-autoplay="true"></a>
</div>
</div>
</div>
</section><!-- End Why Us Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Portfolio</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>App 1</h4>
<p>App</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>App 2</h4>
<p>App</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Card 2</h4>
<p>Card</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Web 2</h4>
<p>Web</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>App 3</h4>
<p>App</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="App 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Card 1</h4>
<p>Card</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Card 3</h4>
<p>Card</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Web 3</h4>
<p>Web</p>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery"
class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
<a href="portfolio-details.html" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container" data-aos="zoom-in">
<div class="quote-icon">
<i class="bx bxs-quote-right"></i>
</div>
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<p>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium
quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis
quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
</p>
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim
tempor labore quem eram duis noster aute amet eram fore quis sint minim.
</p>
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit
minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
</p>
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa
labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Clients Section ======= -->
<section id="clients" class="clients">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in">
<img src="assets/img/clients/client-1.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in" data-aos-delay="100">
<img src="assets/img/clients/client-2.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/clients/client-3.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in" data-aos-delay="300">
<img src="assets/img/clients/client-4.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in" data-aos-delay="400">
<img src="assets/img/clients/client-5.png" class="img-fluid" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6" data-aos="zoom-in" data-aos-delay="500">
<img src="assets/img/clients/client-6.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section><!-- End Clients Section -->
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Pricing</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">
<div class="box" data-aos="zoom-in" data-aos-delay="100">
<h3>Free</h3>
<h4><sup>$</sup>0<span> / month</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li class="na">Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 mt-md-0">
<div class="box recommended" data-aos="zoom-in">
<span class="recommended-badge">Recommended</span>
<h3>Business</h3>
<h4><sup>$</sup>19<span> / month</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0">
<div class="box" data-aos="zoom-in" data-aos-delay="100">
<h3>Developer</h3>
<h4><sup>$</sup>29<span> / month</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Pricing Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Frequently Asked Questions</h2>
</div>
<ul class="faq-list">
<li data-aos="fade-up">
<a data-bs-toggle="collapse" class="collapsed" data-bs-target="#faq1">Non consectetur a erat nam at lectus
urna duis? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur
gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="100">
<a data-bs-toggle="collapse" data-bs-target="#faq2" class="collapsed">Feugiat scelerisque varius morbi enim
nunc faucibus a pellentesque? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-x icon-close"></i></a>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id
donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit
ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<a data-bs-toggle="collapse" data-bs-target="#faq3" class="collapsed">Dolor sit amet consectetur adipiscing
elit pellentesque habitant morbi? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-x icon-close"></i></a>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum
integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt.
Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<a data-bs-toggle="collapse" data-bs-target="#faq4" class="collapsed">Ac odio tempor orci dapibus. Aliquam
eleifend mi in nulla? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-x icon-close"></i></a>
<div id="faq4" class="collapse" data-bs-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id
donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit
ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="400">
<a data-bs-toggle="collapse" data-bs-target="#faq5" class="collapsed">Tempus quam pellentesque nec nam
aliquam sem et tortor consequat? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-x icon-close"></i></a>
<div id="faq5" class="collapse" data-bs-parent=".faq-list">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc
vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus
gravida quis blandit turpis cursus in
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="500">
<a data-bs-toggle="collapse" data-bs-target="#faq6" class="collapsed">Tortor vitae purus faucibus ornare.
Varius vel pharetra vel turpis nunc eget lorem dolor? <i class="bx bx-chevron-down icon-show"></i><i
class="bx bx-x icon-close"></i></a>
<div id="faq6" class="collapse" data-bs-parent=".faq-list">
<p>
Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada
nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis
tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas
fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
</p>
</div>
</li>
</ul>
</div>
</section><!-- End Frequently Asked Questions Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact section-bg">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Magnam dolores commodi suscipit eius consequatur ex aliquid fuga eum quidem</p>
</div>
<div class="row">
<div class="col-lg-4">
<div class="info d-flex flex-column justify-content-center" data-aos="fade-right">
<div class="address">
<i class="bi bi-geo-alt"></i>
<h4>Location:</h4>
<p>A108 Adam Street,<br>New York, NY 535022</p>
</div>
<div class="email">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>info@example.com</p>
</div>
<div class="phone">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>+1 5589 55488 55s</p>
</div>
</div>
</div>
<div class="col-lg-8 mt-5 mt-lg-0">
<form action="forms/contact.php" method="post" role="form" class="php-email-form" data-aos="fade-left">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row justify-content-center">
<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>
</div>
</div>
<div class="row footer-newsletter justify-content-center">
<div class="col-lg-6">
<form action="" method="post">
<input type="email" name="email" placeholder="Enter your Email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
<div class="social-links">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
<div class="container footer-bottom clearfix">
<div class="copyright">
&copy; Copyright <strong><span>Knight</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/knight-free-bootstrap-theme/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</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>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>