-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgymzoid_2.html
executable file
·137 lines (119 loc) · 4.81 KB
/
gymzoid_2.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
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gym Website Template</title>
<link rel="stylesheet" type="text/css" href="/gymzoid/css/gymzoid_2.css">
</head>
<body>
<!-- header section start here -->
<header>
<div class="quick-contact">
<p class="contact-type">E-mail <span class="contact-info">[email protected]</span></p>
<p class="contact-type">Phone <span class="contact-info">+1 653 5869</span></p>
<p class="contact-type">Location <a href="" class="contact-info find-btn">Find Gym</a> </p>
</div>
<nav class="nav-bar">
<div class="logo-and-website-name">
<img src="/gymzoid/logo/logo-small.png" alt="logo" class="header-logo" />
<h3 class="website-name">GYMZOID</h3>
</div>
<ul class="nav-bar-list">
<li><a href="/gymzoid/index.html" class="nav-bar-items">Home</a></li>
<!-- <li><a href="" class="nav-bar-items">Gymzoid</a></li> -->
<!-- <li><a href="" class="nav-bar-items">Schedule</a></li> -->
<li><a href="/gymzoid/gymzoid_4.html" class="nav-bar-items">Classes</a></li>
<li><a href="/gymzoid/gymzoid_3.html" class="nav-bar-items">Services</a></li>
<li><a href="" class="nav-bar-items">Contact</a></li>
</ul>
<div class="header-btn">
<a href="" class="nav-btn">JOIN NOW</a>
</div>
</nav>
<!-- </div> -->
</header>
<!-- header section ends here -->
<!-- Start Contact -->
<section class="contact" id="contact">
<div class="container">
<div class="content">
<div class="box form wow slideInLeft">
<form>
<input type="text" placeholder="Enter Name">
<input type="text" placeholder="Enter Email">
<input type="text" placeholder="Enter Mobile">
<textarea placeholder="Enter Message"></textarea>
<button type="submit">Send Message</button>
</form>
</div>
<div class="box text wow slideInRight">
<h2>Get Connected with Gym</h2>
<p class="title-p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s.</p>
<div class="info">
<ul>
<li><span class="fa fa-map-marker"></span> Unimall,LPU,Punjab</li>
<li><span class="fa fa-phone"></span> 91 9999999999</li>
<li><span class="fa fa-envelope"></span> [email protected]</li>
</ul>
</div>
<div class="social">
<a href=""><span class="fa fa-facebook"></span></a>
<a href=""><span class="fa fa-linkedin"></span></a>
<a href=""><span class="fa fa-skype"></span></a>
<a href=""><span class="fa fa-youtube-play"></span></a>
</div>
<div class="copy">
PowerBy © The WebShala
</div>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".ham-burger, .nav ul li a").click(function () {
$(".nav").toggleClass("open")
$(".ham-burger").toggleClass("active");
})
$(".accordian-container").click(function () {
$(".accordian-container").children(".body").slideUp();
$(".accordian-container").removeClass("active")
$(".accordian-container").children(".head").children("span").removeClass("fa-angle-down").addClass("fa-angle-up")
$(this).children(".body").slideDown();
$(this).addClass("active")
$(this).children(".head").children("span").removeClass("fa-angle-up").addClass("fa-angle-down")
})
$(".nav ul li a, .go-down").click(function (event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html,body').animate({
scrollTop: $(hash).offset().top
}, 800, function () {
window.location.hash = hash;
});
// add active class in navigation
$(".nav ul li a").removeClass("active")
$(this).addClass("active")
}
})
})
</script>
<script src="js/wow.min.js"></script>
<script>
wow = new WOW(
{
animateClass: 'animated',
offset: 0,
}
);
wow.init();
</script>
</body>
</html>