diff options
Diffstat (limited to 'design/index.html')
| -rw-r--r-- | design/index.html | 114 |
1 files changed, 60 insertions, 54 deletions
diff --git a/design/index.html b/design/index.html index e42aa98..7d31b19 100644 --- a/design/index.html +++ b/design/index.html @@ -1,65 +1,71 @@ -<!DOCTYPE html> +<!doctype html> <html lang="fr"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>anhgelus</title> - <link href="reset.css" rel="stylesheet"> - <link href="styles.css" rel="stylesheet"> -</head> -<body> + <link href="reset.css" rel="stylesheet" /> + <link href="styles.css" rel="stylesheet" /> + </head> + <body> <header> - <img src="https://cdn.anhgelus.world/pfp.jpg" alt="pfp"> - <nav> - <a href="">Home</a> - <a href="">Logs</a> - <a href="">Work</a> - <a href="">Philosophy</a> - <a href="">Lien 1</a> - <a href="">Lien 2</a> - <a href="">Lien 3</a> - <a href="">Lien 4</a> - </nav> + <img src="https://cdn.anhgelus.world/pfp.jpg" alt="pfp" /> + <nav> + <a href="">Home</a> + <a href="">Logs</a> + <a href="">Work</a> + <a href="">Philosophy</a> + <a href="">Lien 1</a> + <a href="">Lien 2</a> + <a href="">Lien 3</a> + <a href="">Lien 4</a> + </nav> </header> <main> - <div class="introduction"> - <h1>logs</h1> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere. - </p> - </div> + <div class="introduction"> + <h1>logs</h1> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore + magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna + accessio potest, si aliquod aeternum et infinitum impendere. + </p> + </div> + <article> + <article> + <h2><a href="log.html">Article title</a></h2> + <figure> + <a href="log.html"><img src="https://placehold.co/1920x1080" alt="" /></a> + <figcaption>A placeholder.</figcaption> + </figure> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen + permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. + </p> + </article> <article> - <article> - <h2><a href="log.html">Article title</a></h2> - <figure> - <a href="log.html"><img src="https://placehold.co/1920x1080" alt=""></a> - <figcaption>A placeholder.</figcaption> - </figure> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. - </p> - </article> - <article> - <h2><a href="log.html">Article title</a></h2> - <figure> - <a href="log.html"><img src="https://placehold.co/1920x1080" alt=""></a> - <figcaption>A placeholder.</figcaption> - </figure> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. - </p> - </article> - <div class="pagination"> - <a href="">Précédent</a> - <p>01/15</p> - <a href="">Suivant</a> - </div> + <h2><a href="log.html">Article title</a></h2> + <figure> + <a href="log.html"><img src="https://placehold.co/1920x1080" alt="" /></a> + <figcaption>A placeholder.</figcaption> + </figure> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et + dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen + permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. + </p> </article> + <div class="pagination"> + <a href="">Précédent</a> + <p>01/15</p> + <a href="">Suivant</a> + </div> + </article> </main> <footer> - <p>© 2025 - Anhgelus Morhtuuzh</p> - <p>« Une citation »</p> - <p><a href="">Mentions légales</a></p> + <p>© 2025 - Anhgelus Morhtuuzh</p> + <p>« Une citation »</p> + <p><a href="">Mentions légales</a></p> </footer> -</body> + </body> </html> |