From 17299865533f2706149aa66eadaa148bad42e63c Mon Sep 17 00:00:00 2001 From: Baccari Nour Date: Tue, 10 Dec 2024 14:25:02 +0100 Subject: [PATCH] creation main --- main.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ main.html | 37 +++++++++++++++++++++++------ 2 files changed, 99 insertions(+), 7 deletions(-) create mode 100644 main.css diff --git a/main.css b/main.css new file mode 100644 index 0000000..6f8bff1 --- /dev/null +++ b/main.css @@ -0,0 +1,69 @@ + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background: linear-gradient(135deg, #007BFF, #00C6FF); + color: #007BFF; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + text-align: center; +} + + + + +.container { + text-align: center; + max-width: 600px; + padding: 20px; + background: #ffffff; + border-radius: 12px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); +} + + +header .logo { + width: 100px; + margin-bottom: 20px; +} + +header h1 { + font-size: 2rem; + color: #007BFF; + margin-bottom: 10px; +} + + +.welcome-image { + width: 80%; + max-width: 400px; + margin: 20px auto; + display: block; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + + +button { + padding: 15px 30px; + font-size: 18px; + font-weight: bold; + color: #ffffff; + background-color: #007BFF; + border: none; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s, transform 0.2s; +} + transform: scale(1.05); +} + + +footer { + margin-top: 20px; + font-size: 14px; + color: #888; +} diff --git a/main.html b/main.html index 7cd1cab..be55fcd 100644 --- a/main.html +++ b/main.html @@ -1,8 +1,31 @@ - - + + + + + + Démineur - Accueil + + + +

+

+

+

Bienvenue dans le Monde du Démineur !

+

+

+

Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.

+

Image de bienvenue

+ +

+ +

- - -

- - \ No newline at end of file + + +