PBT3H24AEL/CSW_Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ProtoType For MainPage (HTML/CSS)

Browse Source
This commit is contained in:
abdelaziz
2026-01-14 14:06:28 +01:00
commit 8c2de5da79
2 changed files with 73 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
MainPage.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Platform</title>
<link rel="stylesheet" href="MainPageStyle.css">
</head>
<body>
<h1>Team Game Platform</h1>
<div class="games-container">
<div class="game-card" onclick="location.href='member1/game.html'">
<h2>Game 1</h2>
<p>Member 1</p>
</div>
<div class="game-card" onclick="location.href='member2/game.html'">
<h2>Game 2</h2>
<p>Member 2</p>
</div>
<div class="game-card" onclick="location.href='member3/game.html'">
<h2>Game 3</h2>
<p>Member 3</p>
</div>
<div class="game-card" onclick="location.href='member4/game.html'">
<h2>Game 4</h2>
<p>Member 4</p>
</div>
<div class="game-card" onclick="location.href='member5/game.html'">
<h2>Game 5</h2>
<p>Member 5</p>
</div>
</div>
</body>
</html>

34
MainPageStyle.css Normal file
View File

@@ -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;
}