-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgyms.html
104 lines (100 loc) · 4.64 KB
/
gyms.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Python Fitness, leave your mark.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Audiowide|Roboto+Condensed" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="CSS/style.css">
<title>Belgrade Fitness</title>
</head>
<body>
<header class="main-header" id="top">
<nav>
<h1 class="fade-in wow" data-wow-delay=".5s"><a href="index.html"><span class="title-color">Belgrade</span> Fitness</a></h1>
<ul>
<li class="fade-in wow" data-wow-delay=".5s"><a href="index.html">Home</a></li>
<li class="fade-in wow" data-wow-delay=".5s"><a href="gyms.html">Gyms</a></li>
<li class="nav-end fade-in wow" data-wow-delay=".5s"><a href="trainers.html">Trainers</a></li>
</ul>
</nav>
<p>Leave Your Mark</p>
</header>
<!-- End of Main Header -->
<main class="container">
<header>
<h2 class="gyms-title">What Locations Are There?</h2>
</header>
<div class="gyms-container">
<div class="gyms-item-1 wow fade-in" data-wow-delay=".5s">
<!-- <img src="../images/gym.jpg" alt="gym"> -->
<div class="gyms-content">
<h3>Los Angeles, CA</h3>
<p>200 Santa Monica Pier, Santa Monica, CA 90401</p>
</div>
<!-- End of Gyms Content -->
</div>
<!-- End of Gyms Item-1 -->
<div class="gyms-item-2 wow fade-in" data-wow-delay=".5s">
<!-- <img src="../images/gym.jpg" alt="gym"> -->
<div class="gyms-content">
<h3>Miami, FL</h3>
<p>4441 Collins Ave, Miami Beach, FL 33140</p>
</div>
<!-- End of Gyms Content -->
</div>
<!-- End of Gyms Item-2 -->
<div class="gyms-item-3 wow fade-in" data-wow-delay=".5s">
<!-- <img src="../images/gym.jpg" alt="gym"> -->
<div class="gyms-content">
<h3>Austin, TX</h3>
<p>1143 Northwestern Ave, Austin, TX 78702</p>
</div>
<!-- End of Gyms Content -->
</div>
<!-- End of Gyms Item-3 -->
</div>
<!-- End of Gyms Container-->
</main>
<!-- End of Container -->
<footer class="main-footer">
<div class="flex-container">
<section class="item-1">
<h1>About <a href="index.html"><span class="title-color">Belgrade</span> Fitness</a></h1>
<p>Belgrade Fitness was founded by Derek Hale in 1998 during his golden bodybuilding days. He always struggled to find the right advice from credible mentors, as the industry filled with fake gurus and bodybuilding products. Derek Hale envisioned Belgrade
Fitness as the #1 source for fitness enthusiast. Now it serves as training grounds for people all over the country whom are trying to take their fitness journey's to the next level.</p>
<p>Belgrade Fitness will be taking the next step in becoming a worldwide gym by opening 22 new locations all over the world in 2018.</p>
<div class="social-bar">
<a href="#"><i class="social-icon fab fa-facebook-f"></i></a>
<a href="#"><i class="social-icon fab fa-twitter"></i></a>
<a href="#"><i class="social-icon fab fa-instagram"></i></a>
<a href="#"><i class="social-icon fab fa-pinterest-p"></i></a>
<a href="#"><i class="social-icon fab fa-google-plus-g"></i></a>
<a href="#"><i class="social-icon fas fa-rss"></i></a>
</div>
<!-- End of Social Bar -->
</section>
<!-- End of Item-1 -->
<section class="item-2">
<p class="hello">Say hello:</p>
<p class="contact-info"><i class="contact-icon fas fa-map-marker-alt"></i><b>Address:</b> 67a Zeleni Venac, 11000 Beograd</p>
<p class="contact-info"><i class="contact-icon fas fa-envelope"></i><b>Email:</b> bg@belgradefitness.com</p>
<p class="contact-info"><i class="contact-icon fas fa-phone"></i><b>Phone:</b> 064-268-3395</p>
</section>
<!-- End of Item-2 -->
</div>
<!-- End of container -->
<p class="copyright">2018© copyrighted by <a href="index.html"><span class="title-color">Belgrade</span> Fitness</a>.</p>
<a href="#top" class="back-to-top"><i class="fas fa-angle-up"></i></a>
</footer>
<script src="JS/smooth-scroll.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
<script src="JS/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>