-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (229 loc) · 10.9 KB
/
index.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- Fonts awesome -->
<link rel="stylesheet" href="fonts_awesome/all.css">
<!-- Custom css -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-----Header start ---------------->
<header>
<div class="container">
<div class="menu_container">
<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Clubs</a></li>
<li><a href="#">World Cup 2023</a></li>
<li><a href="#">Upcoming Matches</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="nav-login">
<a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blank">→<span class="right-arrow">]</span>Login</a>
</div>
</div>
</div>
</header>
<!-----Header start End---------------->
<!-- ----Banner start start--------- -->
<section class="banner">
<div class="container">
<div class="banner-iteam">
<div class="banner-text">
<h1 class="title">Conmebol Copa America 2021</h1>
<a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blank" class="bnt-respon"><button class="btn bnt-focuse">Watch Live <span>→</span></button></a>
</div>
<div class="banner-img">
<img src="images/banner.png" alt="">
</div>
</div>
</div>
</section>
<!-- ----Banner start end-------------->
<!-- ----player area start end-------------->
<section class="foot-player">
<div class="container">
<div class="players-container">
<div class="players">
<div class="player">
<img src="images/players/player-1.png" alt="">
<article>
<h3 class="title">Naymer Jr</h3>
<p class="p-text">Neymar, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-2.png" alt="">
<article>
<h3 class="title">Lionel Messi</h3>
<p class="p-text">Lionel Messi, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-3.png" alt="">
<article>
<h3 class="title">Cristiano Ronaldo</h3>
<p class="p-text">Neym Cristiano Ronaldoar, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-4.png" alt="">
<article>
<h3 class="title">Andres Iniesta</h3>
<p class="p-text">Andres Iniesta, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-5.png" alt="">
<article>
<h3 class="title">Robin van Persie</h3>
<p class="p-text">Robin van, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-6.png" alt="">
<article>
<h3 class="title">David Silva</h3>
<p class="p-text">David Silva, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-7.png" alt="">
<article>
<h3 class="title">Luis Suarez</h3>
<p class="p-text">Luis Suarez, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-8.png" alt="">
<article>
<h3 class="title">Juan Mata</h3>
<p class="p-text">Juan Mata, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-9.png" alt="">
<article>
<h3 class="title">Naymer Jr</h3>
<p class="p-text">Neymar, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-10.png" alt="">
<article>
<h3 class="title">Karim Benzema</h3>
<p class="p-text">Karim Benzema, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-11.png" alt="">
<article>
<h3 class="title">Fernandinho</h3>
<p class="p-text">Fernandinho, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
<div class="player">
<img src="images/players/player-12.png" alt="">
<article>
<h3 class="title">Darijo Srna</h3>
<p class="p-text">Darijo Srna, is a Brazilian professional footballer who plays as a forward for Ligue 1 club Paris Saint-Germain and the Brazil national team.</p>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- ---- player area start -------------->
<!-- ----heighlight football start-------------->
<section class="heighlight">
<div class="container">
<div class="heighlight-container">
<div class="heighlight-text heighlight-box">
<h1 class="title">All Highlights Copa America 2021</h1>
<p class="p-text">Copa America Final 2021, Argentina vs Brazil Football Highlights: Lionel Messi won his first major International trophy as Argentina beat Brazil 1-0 in Copa America final</p>
<a href="https://github.com/Boni-amin/" target="_blank"><button class="btn bnt-focuse btn-bg">Watch Live <span>→</span></button></a>
</div>
<div class="heighlight-vido heighlight-box">
<img src="images/match.png" alt="">
</div>
</div>
</div>
</section>
<!-- ----heighlight football end-------------->
<!-- ----News Latter start----------- -->
<section class="newslatter">
<div class="caontainer">
<div class="news-title">
<h1 class="title">Newslatter</h1>
</div>
<form action="#">
<div class="news-filds">
<input class="bnt-focuse" type="email" placeholder="Enter Your Email">
<a href="#"><button class="btn bnt-focuse btn-bg">Subscrive</button></a>
</div>
</form>
</div>
</section>
<!-- ----News Latter end----------- -->
<!-- ----live play area start---------- -->
<section class="live-play">
<div class="container">
<div class="live-text">
<h1 class="title">LIVE PLAY</h1>
<P class="p-text">Your Mouse put in the imaages and Enjoy Magic and live foodball play</P>
</div>
<div class="live-container">
<div class="live-match">
<img src="images/brazil.jpg" alt="">
<h2 class="title">LIVE PLAY</h2>
<h3 class="titlle"></p>BRAZIL LIVE MATCH</h3>
</div>
<div class="live-match">
<img src="images/argentina.jpg" alt="">
<h2 class="title">LIVE PLAY</h2>
<h3 class="titlle"></p>ARGENTINA LIVE MATCH</h3>
</div>
<div class="live-match">
<img src="images/span.jpg" alt="">
<h2 class="title">LIVE PLAY</h2>
<h3 class="titlle"></p>SPAN LIVE MATCH</h3>
</div>
<div class="live-match">
<img src="images/afagni.jpg" alt="">
<h2 class="title">LIVE PLAY</h2>
<h3 class="titlle"></p>DORDAN LIVE MATCH</h3>
</div>
</div>
</div>
</section>
<!-- ----live play area end---------- -->
<!-- ----footter area start----------- -->
<section class="footer">
<div class="conainer">
<div class="footer-area">
<div class="footer-img">
<img src="images/Logo.png" alt="">
</div>
<div class="footer-icon">
<ul>
<li><a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blank"> <i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://www.facebook.com/profile.php?i100008130465326d" target="_blan"><i class="fab fa-facebook-f"></i></a></li>
</ul>
</div>
<p class="p-text copyright">Copyright © 2022 Football</p>
</div>
</div>
</section>
<!-- ----fo0tter area end----------- -->
</body>
</html>