Skip to content
Snippets Groups Projects
Commit 399397ad authored by romain's avatar romain
Browse files

Changement sur le site

parent 80039279
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
frontend/Front.html
+ 25
− 0
View file @ 399397ad
...@@ -4,16 +4,41 @@ ...@@ -4,16 +4,41 @@
<link rel="stylesheet" href="css.css"> <link rel="stylesheet" href="css.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>OUCEQUECE le quizz à ne pas louper</title> <title>OUCEQUECE le quizz à ne pas louper</title>
<style> <style>
img { img {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 800px;
border: 8px solid white;
border-radius: 15px;
} }
.rectangle-arrondi {
width: 700px;
height: 85px;
background-color: white;
border-radius: 50px;
color: black;
text-align: center;
line-height: 100px;
font-family: sans-serif;
font-size: 18px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.4);
}
</style> </style>
<link href="https://fonts.googleapis.com/css2?family=Chewy&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<h1> OUCÉQUECÉ</h1> <h1> OUCÉQUECÉ</h1>
<h2><img src="perpignan-france.jpg" alt="perpignan" width=50% height=50% /></h2> <h2><img src="perpignan-france.jpg" alt="perpignan" width=50% height=50% /></h2>
<div class="rectangle-arrondi"></div>
<div class="rectangle-arrondi"></div>
<div class="rectangle-arrondi"></div>
<div class="rectangle-arrondi"></div>
</body> </body>
</html> </html>
\ No newline at end of file
frontend/css.css
+ 8
− 6
View file @ 399397ad
body { body {
background: linear-gradient( background: linear-gradient(
to bottom, to bottom,
#000000 0%, #F7FF00 0%,
#0a0a0a 30%, #F9FF26 60%,
#111111 60%, #F8FF30 95%,
#1a1a1a 100%); #FAFF43 100%);
color: white; /* Pour que le texte soit lisible sur fond noir */
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
...@@ -14,6 +13,9 @@ h1 { ...@@ -14,6 +13,9 @@ h1 {
position: fixed; position: fixed;
top: 0; top: 0;
width: 500px; width: 500px;
margin-left: 40px; margin-left: 10px;
padding: 10px; padding: 10px;
font-family: 'Chewy', cursive;
font-size: 80px;
} }
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment