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

1046 lines
42 KiB
HTML
Raw Normal View History

V1 du site
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 -->
page à props
2023-05-21 14:36:07 +02:00
<link href="img/logo3.png " rel="icon">
<link href="img/logo3.png" rel="apple-touch-icon">
V1 du site
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">
page à props
2023-05-21 14:36:07 +02:00
V1 du site
2023-05-16 15:41:57 +02:00
</head>
<body>
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
page à props
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>
V1 du site
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">
page à props
2023-05-21 14:36:07 +02:00
<a href="index.html"><img src="img/logo3.png" alt="" class="img-fluid"></a>
V1 du site
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>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
page à props
2023-05-21 14:36:07 +02:00
<li><a class="nav-link scrollto" href="#about">A propos</a></li>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
<li><a class="nav-link scrollto" href="#team">Team</a></li>
V1 du site
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>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
V1 du site
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>
page à props
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>
V1 du site
2023-05-16 15:41:57 +02:00
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right">
<div class="image">
page à props
2023-05-21 14:36:07 +02:00
<img src="img/affiche-thermo-bibli.png" class="img-fluid" alt="">
V1 du site
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 ">
page à props
2023-05-21 14:36:07 +02:00
<h3 class="text-center">Avoir un système de suivi de mesure accessible à tous</h3>
V1 du site
2023-05-16 15:41:57 +02:00
<p class="fst-italic">
page à props
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 :
V1 du site
2023-05-16 15:41:57 +02:00
</p>
<ul>
page à props
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>
V1 du site
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>
page à props
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>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
<br>
page à props
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>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
<br>
page à props
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>
ajout partie 'team'
2023-05-21 16:14:51 +02:00
<br>
page à props
2023-05-21 14:36:07 +02:00
Rédiger une documentation pour la <strong>reproductibilité des
capteurs</strong>.
</div>
</div>
V1 du site
2023-05-16 15:41:57 +02:00
</div>
page à props
2023-05-21 14:36:07 +02:00
V1 du site
2023-05-16 15:41:57 +02:00
</div>
page à props
2023-05-21 14:36:07 +02:00
</div>
</div>
</div>
</div>
V1 du site
2023-05-16 15:41:57 +02:00
</div>
</section><!-- End About Us Section -->
ajout partie 'team'
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 -->
V1 du site
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">
méthode de travail
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>
V1 du site
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">
méthode de travail
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>
V1 du site
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>
méthode de travail
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>
V1 du site
2023-05-16 15:41:57 +02:00
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="200">
méthode de travail
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>
V1 du site
2023-05-16 15:41:57 +02:00
</div>
<div class="icon-box mt-5" data-aos="fade-up" data-aos-delay="300">
méthode de travail
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>
V1 du site
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>
Reference in a new issue Copy permalink