1022 lines
46 KiB
HTML
1022 lines
46 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||
<title>Portefolio</title>
|
||
<meta content="" name="description">
|
||
<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">
|
||
|
||
<!-- Fonts -->
|
||
<link href="https://fonts.googleapis.com" rel="preconnect">
|
||
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
|
||
<!-- Vendor CSS Files -->
|
||
<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/aos/aos.css" rel="stylesheet">
|
||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||
|
||
<!-- Main CSS File -->
|
||
<link href="assets/css/main.css" rel="stylesheet">
|
||
|
||
<!-- =======================================================
|
||
* Template Name: Gp
|
||
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
|
||
* Updated: Jun 29 2024 with Bootstrap v5.3.3
|
||
* Author: BootstrapMade.com
|
||
* License: https://bootstrapmade.com/license/
|
||
======================================================== -->
|
||
</head>
|
||
|
||
<body class="index-page">
|
||
|
||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||
|
||
<a href="index.html" class="logo d-flex align-items-center me-auto me-lg-0">
|
||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||
<!-- <h6>Maïssane Elmjidi<span>.</span> </h6> -->
|
||
<h3 class="sitename">Mon Portfolio </h3>
|
||
|
||
</a>
|
||
|
||
<nav id="navmenu" class="navmenu">
|
||
<ul>
|
||
<li><a href="#hero" class="active">Accueil<br></a></li>
|
||
<li><a href="#about"> À propros de moi </a></li>
|
||
<!-- veille onglet -->
|
||
<li class=""><a href="veille.html"><span>Ma veille </span> </i></a>
|
||
|
||
|
||
<!-- <li><a href="#services">Services</a></li> -->
|
||
<li><a href="#portfolio">Portfolio</a></li>
|
||
|
||
|
||
<!-- <li><a href="#team">Team</a></li> -->
|
||
<li class="dropdown"><a href="#"><span>Mon experience </span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul>
|
||
<!-- <li><a href="#">Dropdown 1</a></li> -->
|
||
<li class="dropdown"><a href="#"><span>Mes stages</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul>
|
||
<li><a href="stage2024.html"> année 2024</a></li>
|
||
<li><a href="stage2025.html">année 2025 </a></li>
|
||
<!-- <li><a href="#">Deep Dropdown 3</a></li> -->
|
||
<!-- <li><a href="#">Deep Dropdown 4</a></li> -->
|
||
<!-- <li><a href="#">Deep Dropdown 5</a></li> -->
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#"><span>Mes projets piscines</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul>
|
||
<li><a href="gsb1.html"> projet GSB 1</a></li>
|
||
<li><a href="gsb2.html"> projet GSB 2 </a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="#"><span>GLPI </span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||
<ul>
|
||
<li><a href="glpi.html">Mon projet GLPI </a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.html">Contact</a></li>
|
||
</ul>
|
||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||
</nav>
|
||
|
||
<!-- <a class="btn-getstarted" href="index.html#about">Get Started</a> -->
|
||
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
|
||
<!-- Hero Section LES CASES DYNAMIQUES UN PEU INUTILES POUR INSTANT -->
|
||
<section id="hero" class="hero section dark-background">
|
||
<!-- <div id="particles-js"> <img src="assets/img/code.jpg" alt="" data-aos="fade-in"> </div> -->
|
||
<img src="assets/img/code.jpg" alt="" data-aos="fade-in">
|
||
|
||
|
||
<div class="container">
|
||
|
||
<div class="row justify-content-center text-center" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="col-xl-6 col-lg-8">
|
||
<h2>Bienvenue sur mon Portfolio<span></span></h2>
|
||
<h4 style="color: rgba(251, 108, 191, 0.67);">EL MJIDI Maïssane <span></span></h4>
|
||
<!-- <p>We are team of talented digital marketers</p> -->
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="row gy-4 mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="icon-box">
|
||
<i class="bi bi-binoculars"></i>
|
||
<h3><a href="">Lorem Ipsum</a></h3>
|
||
</div>
|
||
</div> -->
|
||
<!-- <div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="icon-box">
|
||
<i class="bi bi-bullseye"></i>
|
||
<h3><a href="">Dolor Sitema</a></h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="500">
|
||
<div class="icon-box">
|
||
<i class="bi bi-fullscreen-exit"></i>
|
||
<h3><a href="">Sedare Perspiciatis</a></h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="600">
|
||
<div class="icon-box">
|
||
<i class="bi bi-card-list"></i>
|
||
<h3><a href="">Magni Dolores</a></h3>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="700">
|
||
<div class="icon-box">
|
||
<i class="bi bi-gem"></i>
|
||
<h3><a href="">Nemos Enimade</a></h3>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Hero Section -->
|
||
|
||
<!-- About Section -->
|
||
<section id="about" class="about section">
|
||
|
||
<div class="container" data-aos-delay="100">
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-6 order-1 order-lg-2">
|
||
<!-- <img src="assets/img/about.jpg" class="img-fluid" alt=""> -->
|
||
</div>
|
||
<!-- <div class="col-lg-6 order-2 order-lg-1 content"> -->
|
||
<div class="container">
|
||
<div class="centered-element">
|
||
<h3>À propos de moi</h3>
|
||
<p class="fst-italic">
|
||
Bonjour, je suis Maïssane El Mjidi, étudiante en BTS SIO (Services Informatiques aux Organisations), option SLAM (Solutions Logicielles et Applications Métiers), qui est une option orientée vers le développement d'applications ! Je me suis orientée dans ce domaine parce que je suis de nature curieuse et j'aime apprendre de nouvelles choses, pouvoir créer ce que l'on souhaite à l'aide du code, ou encore résoudre des problèmes. Pour moi, coder n'est pas qu'un métier, c'est aussi un passe-temps 👩💻
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- <ul>
|
||
<li><i class="bi bi-check2-all"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li>
|
||
<li><i class="bi bi-check2-all"></i> <span>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.</span></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
|
||
</p> -->
|
||
<!-- </div> -->
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /About Section -->
|
||
|
||
<!-- Clients Section -->
|
||
<section id="clients" class="clients section">
|
||
|
||
<div class="container" data-aos-delay="100">
|
||
<h4>Mes competences :</h4>
|
||
<div class="swiper init-swiper">
|
||
<script type="application/json" class="swiper-config">
|
||
{
|
||
"loop": true,
|
||
"speed": 600,
|
||
"autoplay": {
|
||
"delay": 5000
|
||
},
|
||
"slidesPerView": "auto",
|
||
"pagination": {
|
||
"el": ".swiper-pagination",
|
||
"type": "bullets",
|
||
"clickable": true
|
||
},
|
||
"breakpoints": {
|
||
"320": {
|
||
"slidesPerView": 2,
|
||
"spaceBetween": 40
|
||
},
|
||
"480": {
|
||
"slidesPerView": 3,
|
||
"spaceBetween": 60
|
||
},
|
||
"640": {
|
||
"slidesPerView": 4,
|
||
"spaceBetween": 80
|
||
},
|
||
"992": {
|
||
"slidesPerView": 6,
|
||
"spaceBetween": 120
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<div class="swiper-wrapper align-items-center">
|
||
<div class="swiper-slide"><img src="assets/img/competences/java-logo-1.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/php-logo-2.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/sql-logo-3.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/HTML5_logo_and_wordmark.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/CSS3_logo_and_wordmark.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/python-logo.webp" class="img-fluid" alt=""></div>
|
||
<div class="swiper-slide"><img src="assets/img/competences/Git-logo-4.webp" class="img-fluid" alt=""></div>
|
||
<!-- <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></div> -->
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Clients Section -->
|
||
|
||
<!-- Features Section -->
|
||
<section id="features" class="features section">
|
||
|
||
<div class="container">
|
||
<h3> Ce que ma formation en BTS SIO m'a apporté:</h3>
|
||
<div class="row gy-4">
|
||
<div class="features-image col-lg-6" data-aos-delay="100"><img src="assets/img/castel.jpg" alt="" ></div>
|
||
<div class="col-lg-6">
|
||
|
||
<div class="features-item d-flex ps-0 ps-lg-3 pt-4 pt-lg-0" data-aos-delay="200">
|
||
<i class="bi bi-check2-all flex-shrink-0"></i>
|
||
<div>
|
||
<h4>Des compétences essentielles</h4>
|
||
<p> Durant cette formation, j’ai acquis des compétences clés pour évoluer dans le domaine de l’informatique, notamment la programmation d’applications web et la création de bases de données. </p>
|
||
</div>
|
||
</div><!-- End Features Item-->
|
||
<br>
|
||
|
||
<div class="features-item d-flex ps-0 ps-lg-3 pt-8 pt-lg-0" data-aos-delay="200">
|
||
<i class="bi bi-check2-all flex-shrink-0"></i>
|
||
<div>
|
||
<h4>Une confiance en moi renforcée </h4>
|
||
<p>Les projets réalisés et mes stages m’ont permis de gagner en assurance, grâce au travail et aux efforts fournis. </p>
|
||
</div>
|
||
</div><!-- End Features Item-->
|
||
<br>
|
||
|
||
<div class="features-item d-flex ps-0 ps-lg-3 pt-4 pt-lg-0" data-aos-delay="200">
|
||
<i class="bi bi-check2-all flex-shrink-0"></i>
|
||
<div>
|
||
<h4>Une rigueur renforcée</h4>
|
||
<p>J’ai appris à respecter les délais, à organiser mon travail efficacement et à gérer mes tâches de manière méthodique. </p>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
|
||
<div class="features-item d-flex ps-0 ps-lg-3 pt-4 pt-lg-0" data-aos-delay="200">
|
||
<i class="bi bi-check2-all flex-shrink-0"></i>
|
||
<div>
|
||
<h4>De nouveaux objectifs </h4>
|
||
<p>J’ai toujours de nouveaux objectifs en tête, qu’il s’agisse d’idées de projets personnels ou d’aspirations professionnelles. Cette formation m’a permis de progresser et de concrétiser mes ambitions. </p>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
<div class="features-item d-flex ps-0 ps-lg-3 pt-4 pt-lg-0" data-aos-delay="200">
|
||
<i class="bi bi-check2-all flex-shrink-0"></i>
|
||
<div>
|
||
<h4>Une nouvelle perspective d'avenir </h4>
|
||
<p>Je suis fière d’avoir suivi cette formation, car elle m’ouvre de nombreuses opportunités de carrière. Elle me permet d’envisager des rôles variés qui m’intéressent beaucoup, tels que développeuse d’application web, cheffe de projet informatique, et bien d’autres encore. Grâce aux compétences acquises, je me sens prête à explorer différents domaines et à m’épanouir pleinement dans ma vie professionnelle.</p>
|
||
</div>
|
||
</div>
|
||
<!-- End Features Item-->
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Features Section -->
|
||
|
||
<!-- Services Section -->
|
||
<!-- <section id="services" class="services section"> -->
|
||
|
||
<!-- Section Title -->
|
||
<!-- <div class="container section-title" data-aos="fade-up"> -->
|
||
<!-- <h2>Services</h2>
|
||
<p>Check our Services</p> -->
|
||
</div><!-- End Section Title -->
|
||
|
||
<!-- <div class="container">
|
||
|
||
<div class="row gy-4">
|
||
|
||
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-activity"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Nesciunt Mete</h3>
|
||
</a>
|
||
<p>Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis tempore et consequatur.</p>
|
||
</div>
|
||
</div>End Service Item -->
|
||
|
||
<!-- <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-broadcast"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Eosle Commodi</h3>
|
||
</a>
|
||
<p>Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p>
|
||
</div>
|
||
</div>End Service Item -->
|
||
|
||
<!-- <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-easel"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Ledo Markt</h3>
|
||
</a>
|
||
<p>Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p>
|
||
</div>
|
||
</div>End Service Item -->
|
||
|
||
<!-- <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-bounding-box-circles"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Asperiores Commodit</h3>
|
||
</a>
|
||
<p>Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p>
|
||
<a href="service-details.html" class="stretched-link"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">-->
|
||
<!-- <div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-calendar4-week"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Velit Doloremque</h3>
|
||
</a>
|
||
<p>Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p>
|
||
<a href="service-details.html" class="stretched-link"></a>
|
||
</div>
|
||
</div>End Service Item -->
|
||
|
||
<!-- <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
|
||
<div class="service-item position-relative">
|
||
<div class="icon">
|
||
<i class="bi bi-chat-square-text"></i>
|
||
</div>
|
||
<a href="service-details.html" class="stretched-link">
|
||
<h3>Dolori Architecto</h3>
|
||
</a>
|
||
<p>Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p>
|
||
<a href="service-details.html" class="stretched-link"></a>
|
||
</div>
|
||
</div>End Service Item -->
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- </section> /Services Section -->
|
||
|
||
<!-- Call To Action Section -->
|
||
<!-- <section id="call-to-action" class="call-to-action section dark-background">
|
||
|
||
<img src="assets/img/cta-bg.jpg" alt="">
|
||
|
||
<div class="container">
|
||
<div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
|
||
<div class="col-xl-10">
|
||
<div class="text-center">
|
||
<h3>Call To Action</h3>
|
||
<p>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>
|
||
<a class="cta-btn" href="#">Call To Action</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- </section>/Call To Action Section -->
|
||
|
||
<!-- Portfolio Section -->
|
||
<section id="portfolio" class="portfolio section">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title">
|
||
<h2>Portfolio</h2>
|
||
<p>Check mon Portfolio</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container">
|
||
|
||
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
|
||
|
||
<ul class="portfolio-filters isotope-filters" data-aos-delay="100">
|
||
<li data-filter="*" class="filter-active">All</li>
|
||
<li data-filter=".filter-app">Java</li>
|
||
<li data-filter=".filter-product">Php</li>
|
||
<li data-filter=".filter-branding">Html Css</li>
|
||
<li data-filter=".filter-sql">sql</li>
|
||
<li data-filter=".filter-js">javaScript</li>
|
||
|
||
</ul><!-- End Portfolio Filters -->
|
||
|
||
<div class="row gy-4 isotope-container"data-aos-delay="200">
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
||
<img src="assets/img/masonry-portfolio/a-1.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 1</h4> -->
|
||
<!-- <p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/a-1.png" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<!-- <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
||
<img src="assets/img/masonry-portfolio/j-1.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Product 1</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/j-1.png" title="Product 1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="gsb1.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
||
<img src="assets/img/masonry-portfolio/b-1.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Branding 1</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/b-1.png" title="product-1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="stage2024.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
||
<img src="assets/img/masonry-portfolio/j-2.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 2</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/j-2.png" title="App 2" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="gsb1.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
||
<img src="assets/img/masonry-portfolio/b-2.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Product 2</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/b-2.png" title="Product 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
||
<img src="assets/img/masonry-portfolio/a-2.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Branding 2</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/a-2.png" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<!-- <a href="portfolio-details.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
||
<img src="assets/img/masonry-portfolio/a-3.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 3</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/a-3.png" title="branding-3" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<!-- <a href="stage2024.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
||
<img src="assets/img/masonry-portfolio/b-3.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Product 3</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/b-3.png" title="prod 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="stage2024.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
||
<img src="assets/img/masonry-portfolio/j-3.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>Branding 3</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/masonry-portfolio/j-3.png" title="App3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="gsb1.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sql">
|
||
<img src="assets/img/imgGsb1/bd.PNG" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 1</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/imgGsb1/bd.PNG" title="App 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="gsb1.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
|
||
|
||
</div><!-- End Portfolio Item -->
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sql">
|
||
<img src="assets/img/imgGsb2/bdd_gsb2.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 1</h4>
|
||
<p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/imgGsb2/bdd_gsb2.png" title= "" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="gsb2.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-js">
|
||
<img src="assets/img/img_depotsign/editeur1.png" class="img-fluid" alt="">
|
||
<div class="portfolio-info">
|
||
<!-- <h4>App 1</h4> -->
|
||
<!-- <p>Lorem ipsum, dolor sit</p> -->
|
||
<a href="assets/img/img_depotsign/editeur1.png" title=" " data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||
<a href="stage2025.html" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
||
</div>
|
||
</div><!-- End Portfolio Item -->
|
||
|
||
</div><!-- End Portfolio Container -->
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /Portfolio Section -->
|
||
|
||
<!-- Stats Section -->
|
||
<!-- <section id="stats" class="stats section">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="row gy-4 align-items-center justify-content-between">
|
||
|
||
<div class="col-lg-5">
|
||
<img src="assets/img/stats-img.jpg" alt="" class="img-fluid">
|
||
</div>
|
||
|
||
<div class="col-lg-6"> -->
|
||
|
||
<!-- <h3 class="fw-bold fs-2 mb-3">Voluptatem dignissimos provident quasi</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 class="row gy-4">
|
||
|
||
<div class="col-lg-6">
|
||
<div class="stats-item d-flex">
|
||
<i class="bi bi-emoji-smile flex-shrink-0"></i>
|
||
<div>
|
||
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
|
||
<p><strong>Happy Clients</strong> <span>consequuntur quae</span></p>
|
||
</div>
|
||
</div>
|
||
</div>End Stats Item -->
|
||
|
||
<!-- <div class="col-lg-6">
|
||
<div class="stats-item d-flex">
|
||
<i class="bi bi-journal-richtext flex-shrink-0"></i>
|
||
<div>
|
||
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
|
||
<p><strong>Projects</strong> <span>adipisci atque cum quia aut</span></p>
|
||
</div>
|
||
</div>
|
||
</div>End Stats Item -->
|
||
|
||
<!-- <div class="col-lg-6">
|
||
<div class="stats-item d-flex">
|
||
<i class="bi bi-headset flex-shrink-0"></i>
|
||
<div>
|
||
<span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1" class="purecounter"></span>
|
||
<p><strong>Hours Of Support</strong> <span>aut commodi quaerat</span></p>
|
||
</div>
|
||
</div>
|
||
</div>End Stats Item -->
|
||
|
||
<!-- <div class="col-lg-6">
|
||
<div class="stats-item d-flex">
|
||
<i class="bi bi-people flex-shrink-0"></i>
|
||
<div>
|
||
<span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1" class="purecounter"></span>
|
||
<p><strong>Hard Workers</strong> <span>rerum asperiores dolor</span></p>
|
||
</div>
|
||
</div>
|
||
</div>End Stats Item -->
|
||
<!--
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>/Stats Section -->
|
||
|
||
<!-- Testimonials Section -->
|
||
<!-- <section id="testimonials" class="testimonials section dark-background">
|
||
|
||
<img src="assets/img/testimonials-bg.jpg" class="testimonials-bg" alt="">
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="swiper init-swiper">
|
||
<script type="application/json" class="swiper-config">
|
||
{
|
||
"loop": true,
|
||
"speed": 600,
|
||
"autoplay": {
|
||
"delay": 5000
|
||
},
|
||
"slidesPerView": "auto",
|
||
"pagination": {
|
||
"el": ".swiper-pagination",
|
||
"type": "bullets",
|
||
"clickable": true
|
||
}
|
||
}
|
||
</script>
|
||
<div class="swiper-wrapper"> -->
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
|
||
<h3>Saul Goodman</h3>
|
||
<h4>Ceo & Founder</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>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.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div>End testimonial item -->
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
||
<h3>Sara Wilsson</h3>
|
||
<h4>Designer</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>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.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div>End testimonial item -->
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
||
<h3>Jena Karlis</h3>
|
||
<h4>Store Owner</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>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.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div>End testimonial item -->
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
|
||
<h3>Matt Brandon</h3>
|
||
<h4>Freelancer</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>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.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div>End testimonial item -->
|
||
|
||
<!-- <div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
|
||
<h3>John Larson</h3>
|
||
<h4>Entrepreneur</h4>
|
||
<div class="stars">
|
||
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span>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.</span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div>End testimonial item -->
|
||
|
||
<!-- </div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>/Testimonials Section -->
|
||
|
||
<!-- Team Section -->
|
||
<!-- <section id="team" class="team section"> -->
|
||
|
||
<!-- Section Title -->
|
||
<!-- <div class="container section-title" data-aos="fade-up">
|
||
<h2>Team</h2>
|
||
<p>our Team</p> -->
|
||
<!-- </div>End Section Title -->
|
||
|
||
<!-- <div class="container">
|
||
|
||
<div class="row gy-4">
|
||
|
||
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="team-member">
|
||
<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-x"></i></a>
|
||
<a href=""><i class="bi bi-facebook"></i></a>
|
||
<a href=""><i class="bi bi-instagram"></i></a>
|
||
<a href="https://www.linkedin.com/in/maissane-b9a9872b5/"><i class="bi bi-linkedin"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="member-info">
|
||
<h4>Walter White</h4>
|
||
<span>Chief Executive Officer</span>
|
||
</div>
|
||
</div>
|
||
</div><!-- End Team Member -->
|
||
|
||
<!-- <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="team-member">
|
||
<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-x"></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>
|
||
</div>
|
||
</div>
|
||
</div>End Team Member -->
|
||
|
||
<!-- <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="team-member">
|
||
<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-x"></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>
|
||
</div>
|
||
</div>
|
||
</div>End Team Member -->
|
||
|
||
<!-- <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="team-member">
|
||
<div class="member-img">
|
||
<img src="assets/img/team/team-4.jpg" class="img-fluid" alt="">
|
||
<div class="social">
|
||
<a href=""><i class="bi bi-twitter-x"></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>Amanda Jepson</h4>
|
||
<span>Accountant</span>
|
||
</div>
|
||
</div>
|
||
</div>End Team Member -->
|
||
|
||
<!-- </div>
|
||
|
||
</div>
|
||
|
||
</section>/Team Section -->
|
||
|
||
<!-- Contact Section -->
|
||
<!-- <section id="contact" class="contact section"> -->
|
||
|
||
<!-- Section Title -->
|
||
<!-- <div class="container section-title" data-aos="fade-up">
|
||
<h2>Contact </h2>
|
||
<p>Me contacter </p> -->
|
||
<!-- </div>End Section Title -->
|
||
|
||
<!-- <div class="container" data-aos="fade-up" data-aos-delay="100"> -->
|
||
|
||
<!-- <div class="mb-4" data-aos="fade-up" data-aos-delay="200">
|
||
<iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/place/21000+Dijon/@47.3321557,4.9498984,12z/data=!3m1!4b1!4m6!3m5!1s0x47f29d8ceffd9675:0x1c09ce3819478bb0!8m2!3d47.3237985!4d5.0386146!16s%2Fm%2F0hcdd6x?entry=ttu" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
</div>End Google Maps -->
|
||
<!-- <div class="map-container" >
|
||
|
||
<iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10819.451651186077!2d5.027986017520418!3d47.31701658574637!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f29dad8c281e77%3A0x2136fc392302909c!2sLe%20Gustave!5e0!3m2!1sfr!2sfr!4v1700955333360!5m2!1sfr!2sfr"></iframe>
|
||
</div> -->
|
||
<!--
|
||
<div class="row gy-4">
|
||
|
||
<div class="col-lg-4">
|
||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
|
||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||
<div>
|
||
<h3>Localisation</h3>
|
||
<p>21000 Dijon,France</p>
|
||
</div> -->
|
||
<!-- </div>End Info Item -->
|
||
|
||
<!-- <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
|
||
<i class="bi bi-telephone flex-shrink-0"></i>
|
||
<div>
|
||
<h3>Numéro de telephone</h3>
|
||
<p>07 68 11 03 52</p>
|
||
</div>
|
||
</div>End Info Item -->
|
||
|
||
<!-- <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="500">
|
||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||
<div>
|
||
<h3>Email </h3>
|
||
<p>elmjidi.maissanee@gmail.com</p>
|
||
</div>
|
||
</div>End Info Item -->
|
||
|
||
|
||
<!-- <div class="info-item d-flex" data-aos="fade-up" data-aos-delay="500">
|
||
<!-- <i class="bi-bi linkedin flex-shrink-0"></i> -->
|
||
<!-- <div>
|
||
<h3>Linkedin </h3>
|
||
<a href="https://www.linkedin.com/in/maissane-b9a9872b5/"><i class="bi bi-linkedin"></i></a> -->
|
||
<!--
|
||
</div>
|
||
</div>End Info Item -->
|
||
|
||
<!-- <div>
|
||
<h3>linkedin</h3>
|
||
<a href="https://www.linkedin.com/in/maissane-b9a9872b5/"><i class="bi bi-linkedin"></i></a>
|
||
</div> -->
|
||
<!-- </div>
|
||
|
||
<div class="col-lg-8"> -->
|
||
<!-- <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="row gy-4">
|
||
|
||
<div class="col-md-6">
|
||
<input type="text" name="name" class="form-control" placeholder="Your Name" required="">
|
||
</div>
|
||
|
||
<div class="col-md-6 ">
|
||
<input type="email" class="form-control" name="email" placeholder="Your Email" required="">
|
||
</div>
|
||
|
||
<div class="col-md-12">
|
||
<input type="text" class="form-control" name="subject" placeholder="Subject" required="">
|
||
</div>
|
||
|
||
<div class="col-md-12">
|
||
<textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>
|
||
</div> -->
|
||
|
||
<!-- <form action="send_email.php" method="post">
|
||
<div class="row gy-4">
|
||
|
||
|
||
<label for="name">Nom:</label>
|
||
<input type="text" id="name" name="name" required><br><br>
|
||
|
||
<label for="email">Email:</label>
|
||
<input type="email" id="email" name="email" required><br><br>
|
||
|
||
<label for="subject">Sujet:</label>
|
||
<input type="text" id="subject" name="subject" required><br><br>
|
||
|
||
<label for="message">Message:</label>
|
||
<textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br> -->
|
||
|
||
<!-- <input type="submit" value="Envoyer"> -->
|
||
<!--
|
||
|
||
|
||
<div class="col-md-12 text-center">
|
||
<div class="loading">Loading</div>
|
||
<div class="error-message"></div>
|
||
<div class="sent-message">Your message has been sent. Thank you!</div>
|
||
|
||
<button type="submit">Send Message</button>
|
||
</div>
|
||
|
||
</div>
|
||
</form>
|
||
</div>End Contact Form -->
|
||
|
||
<!-- </div>
|
||
|
||
</div>
|
||
|
||
</section>/Contact Section -->
|
||
|
||
</main>
|
||
|
||
<footer id="footer" class="footer dark-background">
|
||
|
||
<div class="footer-top">
|
||
<div class="container">
|
||
<div class="row gy-4">
|
||
<div class="col-lg-4 col-md-6 footer-about">
|
||
<a href="index.html" class="logo d-flex align-items-center">
|
||
<span class="sitename">Maissane El Mjidi</span>
|
||
</a>
|
||
<div class="footer-contact pt-3">
|
||
<!-- <p>Dijon</p> -->
|
||
<p class="mt-3"><strong>Phone:</strong> <span>+33 07 67 28 50 60 </span></p>
|
||
<p><strong>Email:</strong> <span>elmjidi.maissanee@gmail.com</span></p>
|
||
</div>
|
||
<div class="social-links d-flex mt-4">
|
||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="copyright">
|
||
<div class="container text-center">
|
||
Designed by <a href="">Maissane El Mjidi</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
<!-- Scroll Top -->
|
||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||
|
||
<!-- Preloader -->
|
||
<div id="preloader"></div>
|
||
|
||
<!-- Vendor JS Files -->
|
||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||
<script src="assets/vendor/aos/aos.js"></script>
|
||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
||
<script src="assets/js/particles.js"></script>
|
||
|
||
|
||
<!-- Main JS File -->
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |