Transférer les fichiers vers ''

3 weeks ago · 880a0ce230
parent 59de89ff99
commit 880a0ce230
5 changed files with 94 additions and 0 deletions
--- a/X.avif
+++ b/X.avif
--- a/mouthwashing.jpg
+++ b/mouthwashing.jpg
--- a/style.css
+++ b/style.css
@ -0,0 +1,35 @@
 .navbar ul{
    list-style-type: none;
    background-color: #147fac;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
 }
 .navbar a{
    color : wheat;
    text-decoration: none;
    padding : 15px;
    display: block;
 }
 .navbar a:hover{
    background-color: #0b4964;
 }
 .navbar li{
    float : left;
 }
 .navbar{
    position:relative;
 }
 body{
    /*background-color: black;*/
    background-image: radial-gradient(circle, rgb(99, 10, 99) 10%,
    rgb(36, 7, 102) 30%, rgb(11, 11, 9) 89%);
    font-family: Georgia, serif;
 }
--- a/videotest.css
+++ b/videotest.css
@ -0,0 +1,18 @@
 body{
    align-items: flex-start;
    justify-content: space-between;
 }
 div{
    display: flex;
 }
 .vid{
    top: 0;
    float:left;
    position :sticky;
 }
 p{
    color: red;
    float : left;
    width: 30%;
 }
--- a/videotest.html
+++ b/videotest.html
@ -0,0 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="videotest.css">
    <link type="text/css" rel="stylesheet" href="style.css">
    <title>Document</title>
 </head>
 <body>
    <header>
        <nav class = "navbar">
            <ul>
                <li><a href = "Page_Accueil.html">Accueil</a></li>
                <li><a href = "CursusScolaire.html">Cursus scolaire</a></li>
                <li><a href = "Page_planning.html">Planning</a></li>
                <li><a href ="Galerie.html">Galerie</a></li>
            </ul>
        </nav>
    </header>
    <div>
        <video class = "vid" width="320" height="240" controls>
            <source src="Kettlebell Juggling - 12699.mp4" type="video/mp4">
            Your browser does not support the video tag
        </video>
        <p>description de la video, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit accusantium eius laborum nostrum officia consequatur impedit aut, minus eveniet perferendis dicta omnis hic, maxime labore corporis molestiae amet quaerat
        </p>
    </div>
    <footer>
        <div>
            <a href = "Page_Accueil.html" title="Page d'accueil">
                Retourner à la page d'accueil
            </a>
        </div>
    </footer>
 </body>
 </html>