-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
127 lines (98 loc) · 4.66 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<!-- This website template was created by: Christopher Deleon -->
<html lang="en">
<head>
<title>Complete Fitness - Free Trial | Forward Fitness Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<meta name="description" content="The Forward Fitness Club is an elite fitness center dedicated to helping clients achieve their fitness and nutrition goals.">
<link href="https://fonts.googleapis.com/css2?family=Francois+One&family=Roboto+Slab&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="icon" type="images/png" sizes="32x32" href="images/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="images/android-chrome-192.png">
</head>
<body>
<div id="container">
<!-- Mobile Nav -->
<nav class="mobile-nav">
<div id="menu-links">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="classes.html">Classes</a>
<a href="nutrition.html">Nutrition</a>
<a href="contact.html">Contact Us</a>
</div>
<a class="menu-icon" onclick="hamburger()">
<div>☰</div>
</a>
</nav>
<!-- Use the header area for the website name or logo -->
<header id="ffc-logo">
<a href="index.html"><img src="images/forward-fitness-logo.png" alt="Forward Fitness Club logo"></a>
</header>
<!-- Tablet, Desktop Nav -->
<nav class="tablet-desktop">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="nutrition.html">Nutrition</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<!-- Hero Image -->
<div id="hero" class="tablet-desktop">
<img src="images/hero-image.jpg" alt="left arm extended holding a weight">
</div>
<!-- Use the main area to add the main content of the webpage -->
<main>
<div class="mobile">
<p>Welcome to Forward Fitness Club. Our mission is to help our clients meet their fitness and nutrition goals. </p>
<h3>FREE One-Week Trial Membership!</h3>
<p>Call Us Today to Get Started</p>
<p class="tel-link"><a href="tel:8145559608">(814) 555-9608</a></p>
<h4>Fitness Club Hours:</h4>
<ul class="hours">
<li>Mon-Thu: 6:00am-6:00pm</li>
<li>Friday: 6:00am-4:00pm</li>
<li>Saturday: 8:00am-6:00pm</li>
<li>Sunday: Closed</li>
</ul>
</div>
<div class="tablet-desktop">
<p>Welcome to Forward Fitness Club. Our mission is to help our clients meet their fitness and nutrition goals.</p>
<p>If you have struggled with getting healthy and need the motivation and resources to make a healthy lifestyle change, contact us today. Our facility includes state-of-the-art equipment, convenient group training classes, and nutrition tips and information to keep you healthy.</p>
<p>We provide a FREE one-week membership so you can experience the benefits of our equipment and facility. This one-week trial gives you complete access to our equipment, training classes, and nutrition planning. Contact us today to <span class="action">start your free trial!</span></p>
</div>
<div class="grid">
<figure class="frame">
<a href="classes.html"><img src="images/fitness-group.jpg" alt="group of fitness people"></a>
<figcaption class="pic-text">Group Fitness</figcaption>
</figure>
<figure class="frame">
<a href="nutrition.html"><img src="images/food-heart.jpg" alt="healthy food in the shape of a heart"></a>
<figcaption class="pic-text">Meal Plans</figcaption>
</figure>
<figure class="frame">
<a href="contact.html"><img src="images/personal-trainer.jpg" alt="personal trainer with a clipboard"></a>
<figcaption class="pic-text">Start Today</figcaption>
</figure>
</div>
</main>
<!-- Use the footer area to add webpage footer content -->
<footer>
<div class="copyright">
<p>© Copyright 2021. All Rights Reserved.</p>
<p><a href="mailto:forwardfitness@club.net">forwardfitness@club.net</a></p>
</div>
<div class="social">
<a href="https://www.facebook.com/fwdfitclub" target="_blank"><img src="images/facebook-logo.png" alt="black and white Facebook logo"></a>
<a href="https://twitter.com/fwdfitclub" target="_blank"><img src="images/twitter-logo.png" alt="black and white Twitter logo"></a>
</div>
</footer>
</div>
<script src="scripts/script.js"></script>
</body>
</html>