-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
69 lines (67 loc) · 3.64 KB
/
home.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>2019 Player Info</title>
<link rel='icon' href='../resources/img/favicon.ico' type='image/x-icon'/>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link href="../resources/css/my_style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="home.html">
<img class="rounded-circle" src="../resources/img/cu_boulder_logo.jpg" alt="" width="30" height="30">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team_stats.html">Season Stats <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="player_info.html">Player Information</a>
</li>
</ul>
<div class="form-inline my-2 my-lg-0">
<button class="btn btn-outline-light my-2 my-sm-0" type="submit">Logout</button>
</div>
</div>
</nav>
<div class="container">
<br>
<br>
<div class="row">
<div class="col-4">
<img class="rounded img-fluid" src="../resources/img/helmet.jpg" alt="CU Boulder Football Helmet">
</div>
<div class="col-8">
<div class="jumbotron">
<h1 class="display-4">Welcome to CU Boulder's Football Home Page!</h1>
<p class="lead">If you are interested in learning about the best collegiate football team in the Rockies, then you've come to the right place.
Here you'll find the scores for the latest football season and the most up-to-date stats on our football players. To find out more information
about Ralphie and the Buff Football Team, head over <a href="https://cubuffs.com/" >here</a></p>
<hr>
<p> Source for Image: <a href="https://www.cubookstore.com/p-80451-colorado-buffaloes-mini-speed-football-helmet.aspx">CU Bookstore</a> </p>
<hr>
<button class="btn btn-light" onclick="changeColor('')">Default Background</button>
<button class="btn btn-primary" onclick="changeColor('blue')">Blue Background</button>
<button class="btn btn-danger" onclick="changeColor('red')">Red Background</button>
<button class="btn btn-success" onclick="changeColor('green')">Green Background</button>
</div>
</div>
</div>
</div>
<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.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="../resources/js/my_scripts.js"></script>
</body>
</html>