generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
92 lines (86 loc) · 4.13 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
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Rebellion Allstars</title>
</head>
<body>
<!-- header section -->
<header>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="index.html">
<img
src="assets/images/logo1.png"
class="d-inline-block align-top navbar-image"
alt="Rebellion Logo"
>
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- hero image section -->
<div class="container-fluid hero-image">
<div class="row">
<div class="col-lg-8 col-sm-12">
<div class="jumbotron">
<h1 class="display-4">Join the Rebellion!</h1>
<p class="lead">Through Cheerleading, we put an emphasis on building a culture where our athletes learn that no matter what they do, their character defines who they are. This will help them reach their true potential as a cheerleaders and set them up for success in wherever their future may lead them. Founded in 2018 and led by coaches that have competed on the world stage, Rebellion Allstars works with young athletes to not only empower them but help them develop their skills on the floor. At RA athletes will be encouraged to express themselves, work hard, and not be afraid to make mistakes. Team culture, respect, discipline, hard work, honesty, and integrity are at the forefront of RA.</p>
<hr class="my-4">
<p>Want to know more about who we are!!</p>
<a class="btn btn-primary btn-lg" href="aboutus.html" role="button">Learn more</a>
</div>
</div>
</div>
</div>
<!-- footer section -->
<footer class="container-fluid">
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand footer-navbar" href="index.html">Rebellion Allstars</a>
<p class="copyright">Copyright © 2022, N&N</p>
<div class="socials">
<a class="social-links" style="pointer-events: none; color:black">Find Us Here</a>
<a href="https://www.instagram.com/rebellioncheer" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/rebellioncheer" target="_blank"><i class="fab fa-facebook-square fa-2x"></i></a>
</div>
</nav>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>