-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathupcoming-match.html
158 lines (144 loc) · 7.42 KB
/
upcoming-match.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Goal - Worldcup Update</title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.png" type="image/png">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/73ae6894da.js" crossorigin="anonymous"></script>
<!-- Stylesheet -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<!-- Hero Area Start -->
<section class="hero-area mb-80">
<div class="container">
<div class="row">
<div class="hero-info">
<h2 class="hero-title">The Greatest show on the earth</h2>
<p class="hero-description">Football, a globally beloved sport, captivates millions with its
fast-paced action and strategic play. Teams vie for glory on the pitch, showcasing skill,
teamwork, and passion.</p>
<a href="#" class="btn btn-primary">Watch Live <span
class="fa-solid fa-chevron-right"></span></a>
</div>
<div class="hero-banner">
<img src="img/Banner Image.png" alt="Slider Image" class="hero-image">
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- Match Area Start -->
<section class="match-area mb-100">
<div class="container">
<div class="row">
<aside class="navigation">
<ul class="menu-list">
<li class="menu-item"><a href="index.html" class="btn btn-secondary aside-menu-btn">Blog</a>
</li>
<li class="menu-item"><a href="upcoming-match.html"
class="btn btn-primary aside-menu-btn">Upcoming
Match</a></li>
<li class="menu-item"><a href="#" class="btn btn-secondary aside-menu-btn">All Group</a>
</li>
</ul>
</aside>
<div class="match-cards">
<div class="card-grid">
<div class="card">
<div class="team-vs-flag">
<img src="img/team-1.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-10.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">Argentina VS Germany</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
<div class="card">
<div class="team-vs-flag">
<img src="img/team-11.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-12.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">Bahrain VS England</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
<div class="card">
<div class="team-vs-flag">
<img src="img/team-2.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-3.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">France VS Spain</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
<div class="card">
<div class="team-vs-flag">
<img src="img/team-4.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-9.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">Brazil VS Mexico</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
<div class="card">
<div class="team-vs-flag">
<img src="img/team-5.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-6.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">Portugal VS Costa Rica</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
<div class="card">
<div class="team-vs-flag">
<img src="img/team-7.jpg" alt="Blog Image" class="team-flag">
<span class="vs">VS</span>
<img src="img/team-8.jpg" alt="Blog Image" class="team-flag">
</div>
<div class="match-info">
<p class="team-vs-name">South Korea VS Iran</p>
<p class="date-time">July 01, 2024, 4:45 PM</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area Start -->
</main>
<!-- Footer Area Start -->
<footer class="footer-area">
<div class="container">
<div class="row">
<h2 class="site-title">Goal</h2>
<hr class="section-line-break">
<ul class="footer-navigation">
<li class="footer-menu-item">Contact Us</li>
<li class="footer-menu-item">Terms of Services</li>
<li class="footer-menu-item">Privacy Policy</li>
<li class="footer-menu-item">Privacy Settings</li>
<li class="footer-menu-item">Goal App</li>
<li class="footer-menu-item">Goal Live</li>
</ul>
</div>
</div>
</footer>
<!-- Footer Area End -->
</body>
</html>