Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
formations:devweb_2 [01/10/2023 12:28] – [Une belle page d'accueil] dmassif | formations:devweb_2 [06/10/2023 19:19] (Version actuelle) – [La grille] dmassif | ||
---|---|---|---|
Ligne 110: | Ligne 110: | ||
<code html> | <code html> | ||
<div class=" | <div class=" | ||
- | <div class =" | ||
<div class=" | <div class=" | ||
<div class=" | <div class=" | ||
Ligne 123: | Ligne 122: | ||
<div class=" | <div class=" | ||
<div class=" | <div class=" | ||
- | <div class=" | ||
- | </ | ||
</ | </ | ||
<div class=" | <div class=" | ||
Ligne 373: | Ligne 370: | ||
Sans oublier le lien à ajouter dans la navbar : | Sans oublier le lien à ajouter dans la navbar : | ||
<code html> | <code html> | ||
- | | + | <li class=" |
- | <a href="#" | + | <a href="#" |
- | </li> | + | </li> |
</ | </ | ||
Ligne 381: | Ligne 378: | ||
Un petit texte de bienvenue, basé sur l' | Un petit texte de bienvenue, basé sur l' | ||
- | <code html> | + | <code html> |
- | <div class=" | + | <div class=" |
+ | <div class=" | ||
<div class=" | <div class=" | ||
- | | + | |
- | < | + | < |
- | <p class=" | + | <p class=" |
- | <img src=" | + | <img src=" |
- | </p> | + | |
+ | </p> | ||
</ | </ | ||
- | | + | |
- | </ | + | </ |
+ | | ||
=== La page au complet === | === La page au complet === | ||
<file html index.html> | <file html index.html> | ||
< | < | ||
- | < | + | < |
- | | + | <meta charset=" |
- | <title> | + | < |
- | < | + | < |
- | <link href=" | + | <link href=" |
- | <link href=" | + | |
- | </head> | + | </head> |
- | <body> | + | |
- | + | <body> | |
- | | + | <!-- Navbar --> |
- | <div class=" | + | <nav class=" |
- | <a class=" | + | <div class=" |
- | <button class=" | + | <a class=" |
- | <span class=" | + | <button class=" |
- | </ | + | |
- | <div class=" | + | <span class=" |
- | <ul class=" | + | </ |
- | <li class=" | + | <div class=" |
- | <a class=" | + | <ul class=" |
- | </ | + | <li class=" |
- | <li class=" | + | <a class=" |
- | <a class=" | + | </ |
- | </ | + | <li class=" |
- | <li class=" | + | <a class=" |
- | <a class=" | + | </ |
- | </ | + | <li class=" |
- | </ | + | <a class=" |
- | </ | + | </ |
- | </ | + | < |
- | </ | + | <a href="#" |
- | + | </ | |
+ | | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <!-- Petit texte de bienvenue --> | ||
<div class=" | <div class=" | ||
- | | + | |
- | <div class=" | + | <div class=" |
- | < | + | < |
- | < | + | < |
- | <p class=" | + | <p class=" |
- | <img src=" | + | <img src=" |
- | </p> | + | |
+ | </p> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <h1 class=" | ||
+ | <button type=" | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <img src=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
+ | <button type=" | ||
+ | </ | ||
+ | </div> | ||
</ | </ | ||
- | </ | ||
</ | </ | ||
- | | ||
- | <script src=" | ||
- | <script src=" | ||
- | | + | <script src=" |
+ | integrity=" | ||
+ | crossorigin=" | ||
+ | <script src=" | ||
+ | integrity=" | ||
+ | </ | ||
</ | </ | ||
</ | </ |