Skip to content
Snippets Groups Projects
Select Git revision
  • 7403110880bb8b2a1b6deaae86f0d707973f61e2
  • main default protected
2 results

multimedia.php

Blame
    • multimedia.php 2.79 KiB 
    <?php require('header.php'); ?>


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Multimedia</title>
    <link rel="stylesheet" href="multimediaCSS.css">
</head>

<div class="imgmultimedia">
    <img src="img/page_multimedia.png" alt="imagemultimedia">
    <div class="text-overlay">
        <div class="title1">Galerie photos et vidéos</div>
    </div>
</div>

<div class="galerie-container">
    <section class="galerie-photos">
        <h2>Galerie Photos</h2>
        <div class="photo-grid">
            <img src="img/ev11.jpg" alt="Photo 1">
            <img src="img/ev12.jpg" alt="Photo 2">
            <img src="img/ev13.jpg" alt="Photo 3">
            <img src="img/ev14.jpg" alt="Photo 4">
            <img src="img/ev21.jpg" alt="Photo 5">
            <img src="img/ev22.jpg" alt="Photo 6">
            <img src="img/ev23.jpg" alt="Photo 7">
            <img src="img/ev24.jpg" alt="Photo 8">
            <img src="img/ev31.jpg" alt="Photo 9">
            <img src="img/ev32.jpg" alt="Photo 10">
            <img src="img/ev33.jpg" alt="Photo 11">
            <img src="img/ev34.jpg" alt="Photo 12">
            <img src="img/ev41.jpg" alt="Photo 13">
            <img src="img/ev42.jpg" alt="Photo 14">
            <img src="img/ev43.jpg" alt="Photo 15">
            <img src="img/ev44.jpg" alt="Photo 16">
            <img src="img/img_multi1.webp" alt="Photo 16">
            <img src="img/img_multi2.jpg" alt="Photo 16">
            <img src="img/img_multi3.jpg" alt="Photo 16">
        </div>
    </section>

    <section class="galerie-videos">
        <h2>Galerie Vidéos</h2>
        <div class="video-grid">
            <video width="560" height="315" controls muted loop autoplay>
                <source src="img/vv1.mp4" type="video/mp4">
            </video>
            <video width="560" height="315" controls muted loop autoplay>
                <source src="img/vv2.mp4" type="video/mp4">
            </video>
            <video width="560" height="315" controls muted loop autoplay>
                <source src="img/vv3.mp4" type="video/mp4">
            </video>
        </div>
    </section>
</div>

<div class="unequestion">
    <div
        style="width: 308px; height: 122px; opacity: 0.70; justify-content: center; align-items: center; gap: 1px; display: inline-flex">
        <img style="width: 115px; height: 122px" src="img/logo_question.png" />
        <a href="https://chat.openai.com/" style="text-decoration: none; color: black;">
            <div
                style="width: 192px; height: 32px; opacity: 0.70; color: black; font-size: 25px; font-family: Kufam; font-weight: 400; word-wrap: break-word">
                Une question ?</div>
        </a>
    </div>
</div>
    
<?php require('footer.php'); ?>
<script src="galerie-image.js"></script>