This commit is contained in:
parent
1ed07481f8
commit
9754be5c96
13
index.html
13
index.html
@ -6,11 +6,11 @@
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id=menubar>
|
||||
<a class="title_button"> Home Page </a>
|
||||
<a class="title_button"> Home Page </a>
|
||||
<a class="title_button"> Home Page </a>
|
||||
<a class="title_button"> Home Page </a>
|
||||
<a class="title_button"> Home Page </a>
|
||||
<a href="" class="title_button"> Home Page </a>
|
||||
<a href="projects.html" class="title_button"> Projets </a>
|
||||
<a href="about.html" class="title_button"> A propos de moi </a>
|
||||
<a href="surprise.html" class="title_button"> Surprise :) </a>
|
||||
<a href="https://djalim.fr" class="title_button"> Blog Perso </a>
|
||||
</div>
|
||||
<div id="title">
|
||||
<h1>I love commiting war crimes :)</h1>
|
||||
@ -29,8 +29,7 @@
|
||||
D'où vient-il?
|
||||
|
||||
Contrairement à une opinion répandue, le Lorem Ipsum n'est pas simplement du texte aléatoire. Il trouve ses racines dans une oeuvre de la littérature latine classique datant de 45 av. J.-C., le rendant vieux de 2000 ans. Un professeur du Hampden-Sydney College, en Virginie, s'est intéressé à un des mots latins les plus obscurs, consectetur, extrait d'un passage du Lorem Ipsum, et en étudiant tous les usages de ce mot dans la littérature classique, découvrit la source incontestable du Lorem Ipsum. Il provient en fait des sections 1.10.32 et 1.10.33 du "De Finibus Bonorum et Malorum" (Des Suprêmes Biens et des Suprêmes Maux) de Cicéron. Cet ouvrage, très populaire pendant la Renaissance, est un traité sur la théorie de l'éthique. Les premières lignes du Lorem Ipsum, "Lorem ipsum dolor sit amet...", proviennent de la section
|
||||
</p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
29
projects.html
Normal file
29
projects.html
Normal file
@ -0,0 +1,29 @@
|
||||
<head>
|
||||
<meta name="Acceuil">
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id=menubar>
|
||||
<a href="" class="title_button"> Home Page </a>
|
||||
<a href="projects.html" class="title_button"> Projets </a>
|
||||
<a href="about.html" class="title_button"> A propos de moi </a>
|
||||
<a href="surprise.html" class="title_button"> Surprise :) </a>
|
||||
<a href="https://djalim.fr" class="title_button"> Blog Perso </a>
|
||||
</div>
|
||||
<div id="title">
|
||||
<h1>Mes projets</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="project_box">
|
||||
<img class="project_box_thumbnail" src="static/assets/images/Da_fookin_owl-1.png" alt="placeholder">
|
||||
<p class="project_box_summary">
|
||||
Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
BIN
static/assets/images/Da_fookin_owl-1.png
Normal file
BIN
static/assets/images/Da_fookin_owl-1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 913 KiB |
@ -35,9 +35,11 @@ body {
|
||||
}
|
||||
|
||||
.title_button {
|
||||
color: inherit;
|
||||
padding : 10px;
|
||||
border-radius: 10px;
|
||||
background-color: #BD93F9;
|
||||
background-color: #BD93F9;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
|
||||
@ -50,4 +52,18 @@ body {
|
||||
background-color : #44475A;
|
||||
padding: 10px;
|
||||
border-radius: 20px;
|
||||
margin-left: 10rem;
|
||||
margin-right: 10rem;
|
||||
}
|
||||
|
||||
|
||||
.project_box {
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.project_box_thumbnail {
|
||||
width: 20rem;
|
||||
height: 20rem;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user