Logo HTML5 Logo CSS3

index.php

style.css
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="author" content="Jérémy G.">
  7. <meta name="description" content="Memento personnel, avec ressources HTML et CSS.">
  8. <title>Memento HTML</title>
  9. <link rel="stylesheet" href="style.css">
  10. </head>
  11. <body class="html" id="top">
  12. <header class="sticky-nav">
  13. <nav class="flexline">
  14. <a href="index.php"><p>記<br>念<br>品</p><h1>Mement</h1></a>
  15. </nav>
  16. </header>
  17. <main>
  18. <section class="sticky-img">
  19. <img class="slide-left-html" src="images/HTML5.png" alt="Logo HTML5">
  20. <img class="fade-out-css grey-filter" src="images/CSS3.png" alt="Logo CSS3">
  21. </section>
  22. <div class="🐈">

  23. <-- Un beau bazar. -->
  24. </div>
  25. </main>
  26. <section>
  27. <img src="images/phone.svg" alt="Illustration téléphone" class="rotate">
  28. <p>Basculez votre écran pour une meilleure expérience<span class="rouge">.</span></p>
  29. </section>
  30. <footer>
  31. <a href="#top" class="fade-in-top">
  32. <p>sort-up</p>
  33. <p>Retour au <br>sommet</p>
  34. </a>
  35. </footer>
  36. </body>
  37. </html>
Illustration téléphone

Basculez votre écran pour une meilleure expérience.