From 8c2de5da790bff862d9d6e6ba030b53f722b0f19 Mon Sep 17 00:00:00 2001 From: abdelaziz Date: Wed, 14 Jan 2026 14:06:28 +0100 Subject: [PATCH] ProtoType For MainPage (HTML/CSS) --- MainPage.html | 39 +++++++++++++++++++++++++++++++++++++++ MainPageStyle.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 73 insertions(+) create mode 100644 MainPage.html create mode 100644 MainPageStyle.css diff --git a/MainPage.html b/MainPage.html new file mode 100644 index 0000000..600066e --- /dev/null +++ b/MainPage.html @@ -0,0 +1,39 @@ + + + + + + Game Platform + + + +

Team Game Platform

+ +
+
+

Game 1

+

Member 1

+
+ +
+

Game 2

+

Member 2

+
+ +
+

Game 3

+

Member 3

+
+ +
+

Game 4

+

Member 4

+
+ +
+

Game 5

+

Member 5

+
+
+ + \ No newline at end of file diff --git a/MainPageStyle.css b/MainPageStyle.css new file mode 100644 index 0000000..2836c0e --- /dev/null +++ b/MainPageStyle.css @@ -0,0 +1,34 @@ +body { + font-family: Arial, sans-serif; + max-width: 900px; + margin: 50px auto; + padding: 20px; +} + +h1 { + text-align: center; +} + +.games-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; + margin-top: 40px; +} + +.game-card { + border: 1px solid #ccc; + padding: 30px; + text-align: center; + cursor: pointer; + background: #f5f5f5; +} + +.game-card h2 { + margin: 0 0 10px 0; +} + +.game-card p { + margin: 0; + color: #666; +} \ No newline at end of file