-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfootball.html
109 lines (68 loc) · 7.36 KB
/
football.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
<!DOCTYPE html>
<html lang="en" class="football" id="html-bg">
<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>Football Project</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link href="https://fonts.cdnfonts.com/css/roboto-condensed" rel="stylesheet">
<!-- My Stuff -->
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script>
<!-- Favicon -->
<link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFy54Bxkvfx4VJ3oqEyR2LBEhbyIOIWMHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALEqlJipFpuokPJv/HTGP/3J+w/8uPI//FCR88xAgb7IHGE1RBRdBAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADZYuIAyUrb/K0iq/7jH/////////////zJBkf8TInn/Dh5q/wUWQ9QDFTpEDh9PAAAAAAAAAAAAAAAAAAAAAAA+YsWROVzD/5Or8////////////3yM0v8XKYX/FCN8/xIieP8OHmv/BRZD/QMUOYsFFj4CAAAAAAAAAAAAAAAAR27QiHeY7////////////56x8/8lPp3/HjSR/xgphf8UI33/EyJ5/w4ebP8FFkb/AxQ5oAYXPwIAAAAAAAAAAHWZ72v//////////9Hm//8yU7b/K0iq/yU+nv8eNJL/GCqG/xQjff8TInr/Dh5s/wYXSf8DFDl2AAAAAAAAAAD///84//////////8/Z8//OV3D/zJTtv8sSar/JT+e/x81k/8ZK4f/FCN9/xMiev8PH2//BxhO9QQVPxsAAAAA////BP///+VIdNv/RG/W/0Bn0P85XcP/MlS3/yxKq/8mP5//HzaT/xksiP8UJH7/EiJ4/xEhc/8LG1yNAAAAAAAAAAA+ZsV71u7//0133P9Hctz/QGjQ/zlexP8zVbj/LUus/yZBoP8gN5T/GiyJ/xQkfv8SIXf/EyJ46g0fYAYAAAAAK06gDfr//+Tl/P//V4Hk/0dz3f9BadH/Ol/F/zRVuf8tS63/J0Ki/yE4lv8bLor/JzeM/0pXof8TI3M5AAAAAAAAAABHbMZJ/////czm//9Ned//SHTe/0Fr0/87YMf/NVe7/y5Nr/8oQ6T/Jz6b////////////EyN4agAAAAAAAAAAARdHAENry3f/////0uv//0p23f9IdN7/QmzU/zxhyf81WLz/ME+x/////////////////xYnfocAAAAAAAAAAAAAAAAYK1UAdZXkbv////r/////iq3//0Zx2P9Ca9H/PWPL/////////////////zFJpf8dMYuXAAAAAAAAAAAAAAAAAAAAAAAAAAA9Y7430un/zf////+Rs///R3La/////////////////0poxP8sSKr/IzyYkQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYvbwI9YrxKUHjYqf///+3//////////1R52/86XcP/MlKy4ShEnB8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8E////H12B2DQ9Yb4zNVWnHyM/hwQAAAAAgf8AAAA/AAAADwAAAAcAAAADAAAAAwAAAAEAAAABAACAAAAAgAAAAMAAAADAAAAA4AAAAPgAAAD8AAAA/4EAAA==" rel="icon" type="image/x-icon">
</head>
<body class="football" id="main-bg">
<!-- HEADER -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0 h4">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="football.html">Football</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- MAIN CONTENT-->
<main class="some-container">
<section class="one" id="one">
<h2 class="text-white">What team are you curious about?</h2>
<div class="text-center">
<select id="teams" name="teams">
<option value="">Pick a Team</option>
</select>
<button id="moreInfo">More Information</button>
</div>
<div class="text-center">
<p class="text-white" id="paragraph-field"></p>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<p class="text-center color-white">Brought to you by: RoseyLikeMe</p>
<div class="icons text-center">
<a href="https://github.com/roseylikeme"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></a>
<a href="https://www.youtube.com/@roselene"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.441 16.892c-2.102.144-6.784.144-8.883 0-2.276-.156-2.541-1.27-2.558-4.892.017-3.629.285-4.736 2.558-4.892 2.099-.144 6.782-.144 8.883 0 2.277.156 2.541 1.27 2.559 4.892-.018 3.629-.285 4.736-2.559 4.892zm-6.441-7.234l4.917 2.338-4.917 2.346v-4.684z"/></svg></a>
<a href="https://www.instagram.com/rxselene"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/></svg></a>
</div>
</footer>
</body>
</html>