-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (160 loc) · 8.27 KB
/
index.html
File metadata and controls
211 lines (160 loc) · 8.27 KB
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
` <!DOCTYPE html>
<html>
<head>
<!-- Website Title & Description for Search Engine purposes -->
<title> Home </title>
<meta name="description" content="">
<!-- Mobile viewport optimized -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabel=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<!-- Custom CSS -->
<link href="includes/css/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Include Modernizr in the head, before any other Javascript -->
<script src="includes/js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light mb-3">
<div class="container">
<a class="navbar-brand" href="#">
<img src="images/8.jpg" alt="logo" id="bcci">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Archives</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Schedule</a>
<div class="dropdown-menu">
<a href="#" class="dropdown-item">International</a>
<a href="#" class="dropdown-item">Domestic</a>
<a href="#" class="dropdown-item">County</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Results</a>
</li class="nav-item">
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="row" id="featureHeading">
<div class="col-12">
<h2> My Favourite Cricketers </h2>
</div> <!-- Ending of col-12 div -->
</div><!-- end of featureHeading -->
<div class="card-deck" >
<div class="card">
<img class="card-img-top" src="images/5.jpg" alt="ABD" >
<div class="card-body">
<h4 class="card-title">AB De Villiers</h4>
<p class="card-text">Abraham Benjamin de Villiers (born 17 February 1984), commonly known as AB de Villiers also simply known as ABD, is a former South African cricketer who played for the South African national team.</p>
<br><br>
<a href="#" class="btn btn-primary">See Profile</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images/4.jpg" alt="Gilchrist" >
<div class="card-body">
<h4 class="card-title">Adam Gilchrist</h4>
<p class="card-text"> Adam Craig Gilchrist, (born 14 November 1971), nicknamed "Gilly" or "Churchy", is a former Australian international cricketer and former captain of Australian national team.
He is considered to be the greatest wicket-keeper of all time
</p>
<br>
<a href="#" class="btn btn-primary">See Profile</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="images/6.jpg" alt="SRT" style="height:260px;">
<div class="card-body">
<h4 class="card-title">Sachin Tendulkar</h4>
<p class="card-text">Sachin Ramesh Tendulkar( born 24 April 1973) is a former Indian international cricketer and a former captain of the Indian national team, regarded as one of the greatest batsmen of all time.He is the highest run scorer of all time in International cricket.</p>
<a href="#" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<hr>
<br>
<hr>
<div class="carousel slide" id="myCarousel" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#myCarousel" > </li>
<li data-slide-to="1" data-target="#myCarousel" ></li>
<li data-slide-to="2" data-target="#myCarousel" ></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="carousel-item active" id="slide1">
</div> <!-- end of item -->
<div class="carousel-item" id="slide2">
</div> <!-- end of item -->
<div class="carousel-item" id="slide3">
</div> <!-- end of item -->
</div> <!-- end of carousel inner -->
<!-- Controls -->
<a class="carousel-control-prev" data-slide="prev" href="#myCarousel"><span class="carousel-control-prev-icon"></span></a>
<a class="carousel-control-next" data-slide="next" href="#myCarousel"><span class="carousel-control-next-icon"></span></a>
</div><!-- end of My Carousel -->
<h3>Recent Headlines</h3>
<br>
<div class="d-flex flex-column ">
<a href="#" class="p-2 bg-success align-self sm-0">
<h4 > Cricket's ensemble cast comes together for a noble cause</h4>
<br>
<p > The one-off charity game will help raise funds for the refurbishment of five cricket stadia that were damaged by hurricanes Irma and Maria in the Caribbean in 2017.</p><hr>
</a>
<a href="#" class="p-2 bg-info align-self sm-0">
<h4 >Embattled England seek inspiration to level series </h4>
<br>
<p >Meanwhile, the visitors will look to replicate their clinical performance at Lord's to register their first Test series win in England since 1996 </p><hr>
</a>
<a href="#" class="p-2 bg-warning align-self sm-0">
<h4 >No Dawlat Zadran in Afghanistan's squad for first Test</h4>
<br>
<p > Afghanistan have five spinning options - Rashid Khan, Mujeeb Ur Rahman, Zahir Khan, Hamza Kotak and Mohammad Nabi - in their 16-member squad</p><hr>
</a>
</div> <!-- end of d flex -->
</div>
<footer>
<div class="container" >
<div class="row footy">
<div class="col-4"><!--changed to col-4-->
</div>
<div class="col-4 ">
<h3>BuzzInfo Inc,New Delhi,India</h3>
<p><strong>For more info</strong><br>
contact:+91-1234567890<br>
email:sss@gmail.com</p>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
</p>
</div> <!-- end of col-4 -->
</div> <!-- end of row -->
</div> <!-- end of container -->
</footer>
<!-- All Javascript at the bottom of the page for faster page loading -->
<!-- First try for the online version of jQuery-->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- If no online access, fallback to our hardcoded version of jQuery -->
<script>window.jQuery || document.write('<script src="includes/js/jquery-1.8.2.min.js"><\/script>')</script>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="includes/js/script.js"></script>
</body>
</html>