-
Notifications
You must be signed in to change notification settings - Fork 1
/
Reformer.html
303 lines (268 loc) · 15.6 KB
/
Reformer.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Reformers | Balance Pilates</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="./assets/images/icons/dots.ico" />
<link rel="icon" type="image/x-icon" href="./assets/images/icons/dots.ico" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="./equipments.css">
<!-- <link rel="stylesheet" href="./index.css"> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</head>
<body>
<nav id="Header" class="navbar navbar-expand-lg navbar-light sticky-top border-bottom fixed-top bg-light">
<div class="container">
<a class="navbar-brand" href="./index.html"> balance pilates<img src="./assets/images/logo_dots.png"></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">
<li class="nav-item active">
<a class="nav-link hover-underline-animation" href="./index.html">Home </a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation" href="./Equipments.html">Equipments</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation" href="./Studio.html">Studio</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation" href="./Franchise.html">Franchise</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation" href="./Training.html">Training</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="bg-light ">
<div class="container col-xxl-12 bg-light">
<div class="row flex-lg-row-reverse ">
<div class="col-10 col-sm-12 col-lg-6 ">
</div>
<div class="col-lg-6 pt-5">
<h1 id="equipment-hero-text-refomer" class=" fw-bold text-accent title-font">Reformers</h1>
<p class="lead text-black-50 pb-5">Made for professional and personal use.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="mt-5 col-sm-10 col-md-6">
<img class="col-md-12 col-sm-6 w-100" src="./assets/images/equipment/Reformer.png" alt="">
</div>
<div class="mt-5 text-start col-sm-12 col-md-6">
<h1>Reformers® </h1>
<p class="text-black-50">Our Refomers come with sturdy Aluminium for super smooth noiselss topped with Orhopedic padded cushion and antibacterial leatherette.</p>
<p class="text-black-50">It offers unprecedented comfort and range of motion. Our Refomers are modular and seemlessly adapt to your requirements.</p>
<div class="text-start">
<u><strong>Features:</strong></u>
<ul>
<li> Solid 100 X 70mm aluminium track for noiseless motion.</li>
<li>Retractable rope system.</li>
<li>High precision lazer cut removable shoulder rest with handles 3 / 7 gear positions, 7 carriage stopping positions, 3 head rest positions and 4-foot bar positions.</li>
<li>Orthopedic padded cushion and antibacterial leatherette cover.</li>
<li>360-degree, Self-Adjusting-Pulley-System (SAPS)</li>
<li>Anti-Slip wooden platform.</li>
</ul>
</div>
<div class="text-start">
<u><strong>Reformer Includes:</strong></u>
<ul>
<li>Reformer Box with Boot Strap.</li>
<li>Maple roll-up poll</li>
<li>Five springs 4 X 100%, 1 X 50%</li>
<li>Soft reformer loops and ropes</li>
<li>360-degree, Self-Adjusting-Pulley-System (SAPS)</li>
<li>Anti-Slip wooden platform.</li>
</ul>
</div>
<div id="modal-button">
<a name="" id="" class="btn btn-outline-secondary ml-2 mb-5 " href="./Equipments.html" role="button">Go back </a>
<button type="button" class="btn btn-outline-primary ml-2 mb-5 " data-bs-toggle="modal" data-bs-target="#exampleModal">
Book your Reformer
</button>
<!-- Modal -->
<div class="modal fade " id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Reformer Booking Form</h5>
<button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container ">
<form>
<div class="form-row ">
<div class="form-group form-inline mx-auto col-md-10 mt-2">
<label for="inputNameF">Name<span style="color: var(--Accent-Color);">*</span></label>
<input type="name" class="form-control" id="inputNameF" placeholder="Rajesh Verma">
</div>
</div>
<div class="form-row">
<div class="form-group mx-auto col-md-10 col-md-offset-2 mt-2" >
<label for="inputCity">City</label>
<input type="text" class="form-control" id="inputCity" placeholder="Gurugram">
</div>
<div class="form-group mx-auto col-md-10 mt-2">
<label for="inputmobile">Contact Number</label>
<input type="number" class="form-control" id="inputmobile" placeholder="+91 88 77 744212">
</div>
</div>
<div >
<div class="mb-3 offset-1 col-md-10 mt-1">
<label for="" class="form-label">Product</label>
<select class="form-select" name="" id="" aria-label="City">
<option>Reformer</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-10 mx-auto mt-3 mb-2">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck">
<label class="form-check-label" for="gridCheck">
I authorize <span style="color:var(--Accent-Color)">balance pilates®</span> to process my information and contact me using the details provided.
</label>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Button trigger modal -->
</div>
<!-- <div id="Products" class="Products bg-light">
<div class="container">
<h1 class="text-center Products-title text-dark title-font">Our Products</h1>
</div>
<div id="Products-carousel" class="container Products-carousel owl-carousel owl-theme">
<div class="item">
<div class="card-body m-1 ">
<div class="card-image">
<img src="./assets/images/equipment/reformer.png"></img>
</div>
<h4 class="card-title m-2 text-uppercase ">Reformer</h4>
<p class="card-text m-2">Whether it’s the At-home, Professional or Rehab model ...</p>
<a href="./Reformer.html" class="m-2">Read More <img class="Products-read-more-arrow" src="./assets/images/svg/arrow.svg" alt=""></a>
</div>
</div>
<div class="item">
<div class="card-body m-1 ">
<div class="card-image">
<img src="./assets/images/equipment/Wunda-Chair.png"></img>
</div>
<h4 class="card-title m-2 text-uppercase">Wunda Chair</h4>
<p class="card-text m-2">Ideal for rehab clients or those who need to stay in a seated or upright ...</p>
<a href="#" class="m-2">Read More <img class="Products-read-more-arrow"src="./assets/images/svg/arrow.svg" alt=""></a>
</div>
</div>
<div class="item">
<div class="card-body m-1 ">
<div class="card-image">
<img src="./assets/images/equipment/Ladder-Barrel.png"></img>
</div>
<h4 class="card-title m-2 text-uppercase ">LADDER BARREL</h4>
<p class="card-text m-2">Pilates barrels add versatility to your studio space and allow for ...</p>
<a href="#" class="m-2">Read More <img class="Products-read-more-arrow"src="./assets/images/svg/arrow.svg" alt=""></a>
</div>
</div>
<div class="item">
<div class="card-body m-1 ">
<div class="card-image">
<img src="./assets/images/equipment/Trapeze-Table.png"></img>
</div>
<h4 class="card-title m-2 text-uppercase">Trapeze table - Cadillac</h4>
<p class="card-text m-2">Multiple spring lengths, tensions and attachment points mean functional ...</p>
<a href="#" class="m-2">Read More <img class="Products-read-more-arrow"src="./assets/images/svg/arrow.svg" alt=""></a>
</div>
</div>
</div>
</div>
-->
</div>
<div id="footer" class="footer ">
<div class="container">
<div id="footer-container-content" class="row">
<div id="footer-navbar-logo" class="logo col-md-2 d-flex align-items-center footer-logo">
<img src="./assets/images/Logo/BalancePilates Logo-02 3.svg">
</div>
<div id="footer-middle-links" class=" col-md-5 text-center offset-1">
<nav class="footer-navbar navbar-expand-lg navbar-light ">
<div class="container-fluid footer-navbar d-md-flex">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul id=footer-links class="navbar-nav footer-navbar">
<li class="nav-item">
<a class="nav-link hover-underline-animation footer-links" href="./Equipments.html">Equipments</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation footer-links" href="./Studio.html"> Studio</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation footer-links" href="./Franchise.html"> Franchise</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation footer-links" href="./Traning.html"> Training</a>
</li>
<li class="nav-item">
<a class="nav-link hover-underline-animation footer-links" href="./Traning.html">About Us</a>
</li>
</ul>
</div>
</div>
</nav>
<hr>
<br>
<p>Promoters behind <span style="color: var(--Accent-Color)">balance pilates®</span> have extensive experience serving the fitness industry with a passion for fitness and wellbeing for a staggering 10 years. While our reputation and experience in the industry is widely recognized and respected, We are trusted by our clients to offer quality training. </p>
</div>
<div id="footer-cta-id" class="col-md-3 offset-1">
<div class="text-center">
<h5>Follow Us and Stay Connected</h5>
</div>
<div class="d-flex justify-content-center">
<a href="https://www.facebook.com/BalancePilatesIndia"><img class="socials facebook"src="./assets/images/icons/Facebook.png" alt=""></i>
<a href="https://www.instagram.com/balancepilatesindia/"><img class="socials facebook"src="./assets/images/icons/Instagram.png" alt=""></i></a>
<a href="https://wa.me/+919810105546/?text=hi,I am interested in the franchise model of your studio. Can you tell me more about it?"><img class="socials facebook"src="./assets/images/icons/Whatsapp.png" alt=""></i></a>
</div>
<!-- <span class="searchBtn">
<input id="Email" placeholder="Your Email...">
<button type="submit" class="btn btn-primary"><img id="send-button" class="footer-cta" src="./assets/images/icons/send-icon.webp"></button>
</span> -->
<br>
<div class="text-center">
Get the latest updates for Pilates news.
</div>
</div>
</div>
</div>
</div>
<div class="footer-end text-center bg-dark text-light">
© 2019 <span style="color: var(--Accent-Color)">balance pilates®</span>. All rights Reserved.
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./assets/owl-carousel/js/owl.carousel.min.js"></script>
<script src="./Products.js"></script>
<script src="./form-handler.js"></script>
</body>
</html>