-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·197 lines (188 loc) · 8.08 KB
/
Copy pathindex.html
File metadata and controls
executable file
·197 lines (188 loc) · 8.08 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DraftRes - Premier League Fantasy Football Draft</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-name" content="agen" />
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="navigation fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.html"><img src="css/icons/logo-transparent-png.png" width="160" alt="Egen"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#overview">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="play_game.html" target="_blank">How to Play
</a></h3>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/swatisinghvi99/DraftRes" target="_blank">Github
</a></h3>
</li>
</ul>
</div>
</nav>
</header>
<section class="banner bg-cover position-relative d-flex justify-content-center align-items-center"
data-background="images/backgrounds/footballers2.jpeg" id="home">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="display-1 text-white font-weight-bold font-primary" style="color:#E84448">DraftRes</h1>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<h4 class="display-7 text-white font-primary" style="color:#E84448">Draft Fantasy Football for Premier League</h4>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<h6 class="display-10 text-white font-primary" style="color:#E84448">Powered by ResilientDB</h6>
</div>
</div>
<div class="text-center text-md-center">
<button type="button" class="btn btn-success mt-2 ms-4" style="font-size: 18px;" id="join" onclick="redirectToJoinLeague()">
Join League
</button>
<button type="button" class="btn btn-success mt-2 ms-4" style="font-size: 18px;" id="create" onclick="redirectToCreateLeague()">Create League</button>
</div>
</div>
</section>
<section class="section" id="overview">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<h2 class="section-title">Features</h2>
<div class="section-border"></div>
<p class="lead">DraftRes' draft room offers a unique and engaging team selection experience.
Accessed with valid credentials, teams follow a serpentine draft sequence (A-B-C-D-D-C-B-A) ensuring a balanced and dynamic selection process.
Selections are broadcasted in real-time, keeping all teams informed about player affiliations.
This continues until all selections are complete, creating an exciting and efficient drafting environment.</p>
</div>
</div>
<div class="row" style="flex-wrap: nowrap;">
<div class="col-md-3 mr-3 mb-4">
<div class="card hover-bg-secondary shadow py-4">
<div class="card-body text-center">
<div class="position-relative">
<img src="css/icons/soccer.png" alt="Team" class="img-fluid mb-3" style="width: 64px; height: 64px;">
</div>
<h4 class="mb-4">Unique Team</h4>
<p>Unique teams, no shared players, endless possibilities!</p>
</div>
</div>
</div>
<div class="col-md-3 mr-3 mb-4">
<div class="card hover-bg-secondary shadow py-4">
<div class="card-body text-center">
<div class="position-relative">
<img src="css/icons/team.png" alt="Draft" class="img-fluid mb-3" style="width: 64px; height: 64px;">
</div>
<h4 class="mb-4">Draft Your Team</h4>
<p>Take your turn drafting your team and select players one by one</p>
</div>
</div>
</div>
<div class="col-md-3 mr-3 mb-4">
<div class="card hover-bg-secondary shadow py-4">
<div class="card-body text-center">
<div class="position-relative">
<img src="css/icons/cycle.png" alt="Snake Draft" class="img-fluid mb-3" style="width: 64px; height: 64px;">
</div>
<h4 class="mb-4">Snake Drafts</h4>
<p>Take turns selecting players one by one until you have a full team</p>
</div>
</div>
</div>
<div class="col-md-3 mr-3 mb-4">
<div class="card hover-bg-secondary shadow py-4">
<div class="card-body text-center">
<div class="position-relative">
<img src="css/icons/group.png" alt="Friends" class="img-fluid mb-3" style="width: 64px; height: 64px;">
</div>
<h4 class="mb-4">Play With Friends</h4>
<p>Customize league settings & share leagueID with friends</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-secondary position-relative" id="contact">
<img src="images/backgrounds/football-field.jpeg" class="img-fluid overlay-image" alt="">
<div class="section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="bg-white p-4">
<h3 class="text-center">Contact Details</h3>
<table class="table table-striped mt-1">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">
Email
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Swati Singhvi</td>
<td>svsinghvi@ucdavis.edu</td>
</tr>
<tr>
<td>Chris Jackson Fernandez</td>
<td>cjfernandez@ucdavis.edu</td>
</tr>
<tr>
<td>Sofiya Shaikh</td>
<td>szshaikh@ucdavis.edu</td>
</tr>
<tr>
<td>Apoorva Shete</td>
<td>apshete@ucdavis.edu</td>
</tr>
<tr>
<td>Saisha Shetty</td>
<td>spshetty@ucdavis.edu</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</footer>
<script>
function redirectToJoinLeague() {
window.open('join.html', '_blank');
}
function redirectToCreateLeague() {
window.open('create.html', '_blank');
}
</script>
<script src="plugins/jQuery/jquery.min.js"></script>
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>