-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
97 lines (84 loc) · 6.25 KB
/
about.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
<!-- Made by Daniel Railean, just a page with same style , same carousel but with smaller scale and a container for text -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css">
<link href="https://fonts.googleapis.com/css?family=Dosis|Righteous&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./images/logo_dark.png" type="image/x-icon">
</head>
<body>
<header>
<nav class=" navbar navbar-expand-lg bg-dark navbar-dark">
<a href="./index.html"> <img src="./images/logo.png" class="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#topNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="topNavbar">
<ul class="navbar-nav">
<li class="nav-item"><a href="./index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="./instructors.html" class="nav-link">Instructors</a></li>
<li class="nav-item"><a href="./membership.html" class="nav-link">Membership</a></li>
<li class="nav-item"><a href="./classes.html" class="nav-link">Classes</a></li>
<li class="nav-item"><a href="./schedule.html" class="nav-link">Schedule</a></li>
<li class="nav-item"><a href="./contact.html" class="nav-link">Contact</a></li>
<li class="nav-item active"><a href="./about.html" class="nav-link">About</a></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-xl-7">
<div class="carousel-container about-carousel">
<h2>Our GYM</h2>
<div id="main-carousel" class="carousel slide carousel-fade">
<ul class="carousel-indicators">
<li data-target="#main-carousel" data-slide-to="0" class="active"></li>
<li data-target="#main-carousel" data-slide-to="1"></li>
<li data-target="#main-carousel" data-slide-to="2"></li>
<li data-target="#main-carousel" data-slide-to="3"></li>
<li data-target="#main-carousel" data-slide-to="4"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active"><img src="./images/main-carousel/main-carousel-0.jpg"
alt="" class="d-block w-100"></div>
<div class="carousel-item"><img src="./images/main-carousel/main-carousel-1.jpg" alt=""
class="d-block w-100"></div>
<div class="carousel-item"><img src="./images/main-carousel/main-carousel-2.jpg" alt=""
class="d-block w-100"></div>
<div class="carousel-item"><img src="./images/main-carousel/main-carousel-3.jpg" alt=""
class="d-block w-100"></div>
<div class="carousel-item"><img src="./images/main-carousel/main-carousel-4.jpg" alt=""
class="d-block w-100"></div>
</div>
<a href="#main-carousel" class="carousel-control-prev" data-slide="prev"><span
class="carousel-control-prev-icon"></span></a>
<a href="#main-carousel" class="carousel-control-next" data-slide="next"><span
class="carousel-control-next-icon"></span></a>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="contact-info">
<h3>This is our mantra!</h3>
<p>We have 30 years’ experience in fitness and bodybuilding, and we know what your body needs to have the perfect shape, fit for your body type. Our gym has the newest equipment’s and the most capable instructors to guide you on your path of shaping your body. Because we care about the diversity of the training, we have personalized classes from early morning until late evening to help you get the best experience in your own time.</p>
<p>Because we believe that is important to have a close relationship with your instructor, we prefer that our members come in person when signing up for our gym. This way you will have the opportunity to meet our instructors and to get to know the gym.</p>
<p>If you want to book a meeting, don’t hesitate to call the center or write to us. </p>
</div>
</div>
</div>
</div>
</header>
<footer class="footer">
<p>© All rights reserved to Group 7</p>
<p> Campus Horsens Chr. M. Østergaardsvej 4 8700 Horsens</p>
<script src="https://kit.fontawesome.com/02f649f51c.js" crossorigin="anonymous"></script>
<p>Check us on Github</p> <a href="https://github.com/SEP-VIA-S20/RWD-ASSIGNMENT1" target="_blank"> <i class="fab fa-github"></i></a>
</footer>
</body>
</html>