-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgameschedule.html
157 lines (148 loc) · 4.64 KB
/
gameschedule.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
<!-- Bootstrap -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
<!--jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--Bootstrap -->
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container">
<h3>Games Schedule - Bootstrap 3</h3>
<div class="row">
<div class="col-md-4 games-schedule">
<div class="well">
<div class="games-schedule-title">
<div class="row">
<div class="col-md-12">
<h5>Todays Games</h5>
</div>
</div>
</div>
<div class="games-schedule-items">
<div class="row games-team">
<div class="col-md-5">
<img src="http://placehold.it/115x67" alt="Bangladesh">
<span>Bangladesh</span>
</div>
<div class="col-md-2">
<h4 class="img-circle">VS</h4>
</div>
<div class="col-md-5">
<img src="http://placehold.it/115x67" alt="Australia">
<span>Australia</span>
</div>
</div>
<div class="row games-info">
<div class="col-md-12">
<p><span class="glyphicon glyphicon-play-circle"></span> 19 March, 2014 (<small>15:30 local | 09:30 GMT</small>)</p>
<p class="games-dash"></p>
<p><small>Mirpur Internation Stadium, Dhaka</small></p>
</div>
</div>
</div>
<div class="games-schedule-items">
<div class="row games-team">
<div class="col-md-5">
<img src="http://placehold.it/115x67" alt="Pakistan">
<span>Pakistan</span>
</div>
<div class="col-md-2">
<h4 class="img-circle">VS</h4>
</div>
<div class="col-md-5">
<img src="http://placehold.it/115x67" alt="India">
<span>India</span>
</div>
</div>
<div class="row games-info">
<div class="col-md-12">
<p><span class="glyphicon glyphicon-play-circle"></span> 19 March, 2014 (<small>19:30 local | 13:30 GMT</small>)</p>
<p class="games-dash"></p>
<p><small>Fahtullah Internation Stadium, Narayanganj</small></p>
</div>
</div>
</div>
<div class="games-schedule-footer">
<div class="row">
<div class="col-md-6">
<p class="text-left">19 March, 2014</p>
</div>
<div class="col-md-6">
<p class="text-right">© bootstrap.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
.games-schedule .well {
background-color: #fafbfc;
border: 1px #e7e7e7 solid;
border-top: 2px #1761a6 solid;
border-radius: 0px;
padding: 0 10px 0 10px;
}
.games-schedule .col-md-2 {
padding: 5px;
}
.games-schedule-title {
background-color: #1761a6;
color: #ffffff;
padding: 5px;
margin-bottom: 10px;
}
.games-schedule-title h5 {
font-size: 18px;
text-align: center;
margin: 3px 0 3px 0;
}
.games-schedule-items {
padding: 5px;
margin-bottom: 15px;
}
.last-item {
margin-bottom: 0px;
}
.games-team {
margin-bottom: 12px;
}
.games-team h4 {
color: #59a1e8;
text-align: center;
margin-top: 20px;
border: 1px #c8d8e7 dotted;
padding: 5px;
width: 100%;
}
.games-team img {
border-bottom: 2px #6b9fd3 solid;
margin-bottom: 3px;
}
.games-team span {
color: #de6c10;
font-size: 13px;
}
.games-dash {
border: none;
border-top: 1px #95b3d0 dotted;
}
.games-info p {
margin: 0;
padding: 0;
color: #0a2948;
line-height: 20px;
}
.games-schedule-footer {
background-color: #1761a6;
color: #ffffff;
font-size: 10px;
padding: 5px;
}
.games-schedule-footer p {
margin: 0;
}
</style>
<script type="text/javascript">
</script>