221 lines
9.3 KiB
HTML
221 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Portfolio - Maïssane Elmjidi</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="portfolio-details-page">
|
|
|
|
<header id="header" class="header d-flex align-items-center position-relative">
|
|
<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 Portefolio</h3>
|
|
<!-- <span>.</span> -->
|
|
|
|
</a>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="index.html" class="active"> Retour à l'accueil<br></a></li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<!-- <li><a href="#contact">Contact</a></li> -->
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title" data-aos="fade">
|
|
<div class="heading">
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-center text-center">
|
|
<div class="col-lg-8">
|
|
|
|
<section id="contact" class="contact section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
|
|
<h2>Contact </h2>
|
|
<p>Me contacter </p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container aos-init aos-animate" 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 aos-init aos-animate" 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 aos-init aos-animate" 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 67 28 50 60</p>
|
|
</div>
|
|
</div><!-- End Info Item -->
|
|
|
|
<div class="info-item d-flex aos-init aos-animate" 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 aos-init aos-animate" 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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <input type="submit" value="Envoyer"> -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</form>
|
|
</div><!-- End Contact Form -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</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 68 11 03 52 </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-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>
|
|
</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> |