-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
88 lines (85 loc) · 4.04 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Win Place Show</title>
<link rel="icon" href = 'horse-silhouette-2-24-246934.png'>
<link rel = "stylesheet" href="./CSS/homePage.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<script src = "./components/Carousel/Carousel.js" async> </script>
<script defer="defer" src="./components/Dropdown/Dropdown.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<div class = 'dropdown'>
<div class ='dropdown-button'>
<div class = 'btn-icon'></div>
</div>
<div class="dropdown-content dropdown-hidden">
<a class = 'dropdown-link' href="index.html">Home</a>
<a class = 'dropdown-link' href="aboutUs.html">About Us</a>
<a class = 'dropdown-link' href="https://angry-blackwell-b2e2df.netlify.com/">Login</a>
</div>
</div>
<div class = "Title">
<h1>Win Place Show</h1>
</div>
</header>
<div class="content">
<div class ='subhead'><a href = "https://angry-blackwell-b2e2df.netlify.com/"><strong> Find A Race</strong></a></div>
<div class="container">
<div class="carousel">
<div class="carousel-prev"></div>
<div class="carousel-next"></div>
<ul class="carousel-pagination">
<li class="carousel-bullet"></li>
<li class="carousel-bullet"></li>
<li class="carousel-bullet"></li>
<li class="carousel-bullet"></li>
<li class="carousel-bullet"></li>
</ul>
<ul class="carousel-container">
<li class="carousel-item">
<div class="item">
<img src = 'Images/mathew-schwartz-406585-unsplash.jpg'/>
</div>
</li>
<li class="carousel-item">
<div class="item">
<img src = 'Images/keith-luke-527148-unsplash.jpg'/>
</div>
</li>
<li class="carousel-item">
<div class="item">
<img src = 'Images/noah-silliman-144948-unsplash.jpg'/>
</div>
</li>
<li class="carousel-item">
<div class="item">
<img src = 'Images/simson-petrol-265126-unsplash.jpg'/>
</div>
</li>
<li class="carousel-item">
<div class="item">
<img src = 'Images/jeff-griffith-662733-unsplash.jpg'/>
</div>
</li>
</ul>
</div>
</div>
<div class = "bot-content">
<div class = 'left'>
<h2>Goal</h2>
<p>Win Place Show is an app used to predict the winner of the triple crown. Using Data taken from races in 2017 and 2018 we can predict the winner of each of the 2019 races. We cover each horse in all three triple crown races, The Kentucky Derby, Preakness Stakes, and Belmont Stakes. To get started just click on Find a Race or navigate to our login page using the menu in the top left. </p>
</div>
<div class = 'right'>
<h2>Right</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce risus nibh, gravida nec felis quis, facilisis facilisis lectus. Nulla ac orci pretium, condimentum orci quis, accumsan nisi. Aliquam erat volutpat. Curabitur cursus mattis libero, at viverra risus hendrerit quis. Fusce imperdiet tristique tortor non tincidunt. Mauris accumsan urna nec augue feugiat porta. Proin vitae.</p>
</div>
</div>
</div>
<footer>
<p>Copyright</p>
</footer>
</body>
</html>