add neogym template
This commit is contained in:
182
web/gym/neogym/contact.html
Normal file
182
web/gym/neogym/contact.html
Normal file
@@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<title>Neogym</title>
|
||||
|
||||
<!-- slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
<div class="hero_area">
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Neogym
|
||||
</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="why.html"> Why us </a>
|
||||
</li>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="trainer.html"> trainers</a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="contact.html"> Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="user_option">
|
||||
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- contact section -->
|
||||
|
||||
<section class="contact_section ">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 px-0">
|
||||
<div class="img-box">
|
||||
<img src="images/contact-img.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-6">
|
||||
<div class="form_container pr-0 pr-lg-5 mr-0 mr-lg-2">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Contact Us
|
||||
</h2>
|
||||
</div>
|
||||
<form action="">
|
||||
<div>
|
||||
<input type="text" placeholder="Name" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="email" placeholder="Email" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="Phone Number" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" class="message-box" placeholder="Message" />
|
||||
</div>
|
||||
<div class="d-flex ">
|
||||
<button>
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end contact section -->
|
||||
|
||||
<!-- info section -->
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="info_items">
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-1">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
Location
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-2">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
+02 1234567890
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-3">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
demo@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info_section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<footer class="container-fluid footer_section">
|
||||
<p>
|
||||
© 2020 All Rights Reserved. Design by
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</footer>
|
||||
<!-- footer section -->
|
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
10038
web/gym/neogym/css/bootstrap.css
vendored
Normal file
10038
web/gym/neogym/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
68
web/gym/neogym/css/responsive.css
Normal file
68
web/gym/neogym/css/responsive.css
Normal file
@@ -0,0 +1,68 @@
|
||||
@media (max-width: 1120px) {}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.hero_area {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn {
|
||||
background-position: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.slider_section {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
|
||||
.info_items {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.contact_section .form_container {
|
||||
padding: 45px 0;
|
||||
}
|
||||
|
||||
.info_items {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contact_section .heading_container {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.contact_section .heading_container h2::before {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.contact_section button {
|
||||
margin: 45px auto 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.slider_section .detail-box h1 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {}
|
||||
|
||||
@media (max-width: 420px) {
|
||||
.slider_section .detail-box h1 {
|
||||
letter-spacing: .3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1170px;
|
||||
}
|
||||
}
|
||||
593
web/gym/neogym/css/style.css
Normal file
593
web/gym/neogym/css/style.css
Normal file
@@ -0,0 +1,593 @@
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.layout_padding {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.layout_padding2 {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
.layout_padding2-top {
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
.layout_padding2-bottom {
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
.layout_padding-top {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.layout_padding-bottom {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.heading_container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.heading_container h2 {
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
padding-bottom: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.heading_container h2::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 55px;
|
||||
height: 5px;
|
||||
background-color: #ff2953;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/*header section*/
|
||||
.hero_area {
|
||||
height: 100vh;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
background-image: url(../images/hero-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.sub_page .hero_area {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.sub_page .who_section.layout_padding {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.hero_area.sub_pages {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header_section .container-fluid {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.header_section .nav_container {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
|
||||
margin: 10px 30px;
|
||||
padding: 0;
|
||||
padding-bottom: 3px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link::after {
|
||||
display: none;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
border-radius: 5px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item.active a::after, .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item:hover a::after {
|
||||
display: block;
|
||||
background-color: #ff2953;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: initial;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn:focus {
|
||||
outline: none !important;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.user_option {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user_option a {
|
||||
color: #ffffff;
|
||||
margin: 10px 30px;
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn {
|
||||
background-image: url(../images/search-icon.png);
|
||||
background-size: 22px;
|
||||
background-repeat: no-repeat;
|
||||
background-position-y: 7px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navbar-brand span {
|
||||
font-size: 22px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.custom_nav-container {
|
||||
z-index: 99999;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler .navbar-toggler-icon {
|
||||
background-image: url(../images/menu.png);
|
||||
background-size: 55px;
|
||||
}
|
||||
|
||||
/*end header section*/
|
||||
.slider_section {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.slider_section #carouselExampleIndicators {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slider_section .row {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slider_section .box {
|
||||
margin: 125px 0;
|
||||
}
|
||||
|
||||
.slider_section .detail-box {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.slider_section .detail-box h1,
|
||||
.slider_section .detail-box h2,
|
||||
.slider_section .detail-box h3 {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.slider_section .detail-box h2 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.slider_section .detail-box h1 {
|
||||
font-size: 3.5rem;
|
||||
font-weight: bold;
|
||||
letter-spacing: .5rem;
|
||||
}
|
||||
|
||||
.slider_section .detail-box p {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.slider_section .detail-box a {
|
||||
display: inline-block;
|
||||
padding: 8px 35px;
|
||||
background-color: transparent;
|
||||
border: 1.5px solid #ffffff;
|
||||
color: #ffffff;
|
||||
border-radius: 0px;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
text-transform: uppercase;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.slider_section .detail-box a:hover {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.slider_section #carouselExampleIndicators .carousel-indicators {
|
||||
position: unset;
|
||||
margin: 0;
|
||||
margin-top: 45px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.slider_section #carouselExampleIndicators .carousel-indicators li {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: transparent;
|
||||
border: 2px solid #ffffff;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider_section #carouselExampleIndicators .carousel-indicators li.active {
|
||||
border: 4px solid #ffffff;
|
||||
}
|
||||
|
||||
.us_section {
|
||||
background-image: url(../images/us-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.us_section .us_container {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.us_section .us_container .box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin: 25px 10px 0 10px;
|
||||
}
|
||||
|
||||
.us_section .us_container .box .img-box {
|
||||
height: 100px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.us_section .us_container .box .img-box img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.us_section .us_container .box .detail-box h5 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.heathy_section {
|
||||
background-image: url(../images/healthy-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.heathy_section h2 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.heathy_section p {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.heathy_section .btn-box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.heathy_section .btn-box a {
|
||||
display: inline-block;
|
||||
padding: 8px 35px;
|
||||
background-color: transparent;
|
||||
border: 1.5px solid #ffffff;
|
||||
color: #ffffff;
|
||||
border-radius: 0;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.heathy_section .btn-box a:hover {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.trainer_section {
|
||||
background-image: url(../images/trainer-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.trainer_section .box {
|
||||
margin-top: 55px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.trainer_section .box .name h5 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.trainer_section .box .img-box {
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.trainer_section .box .img-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.trainer_section .box .social_box {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
width: 225px;
|
||||
padding: 12px 45px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 50px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
|
||||
.contact_section {
|
||||
position: relative;
|
||||
background-color: #27223f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.contact_section .heading_container {
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.contact_section .heading_container h2::before {
|
||||
text-align: left;
|
||||
left: 0;
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.contact_section .row {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contact_section .img-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contact_section .form_container {
|
||||
padding: 45px 0 45px 15px;
|
||||
}
|
||||
|
||||
.contact_section input {
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: #ffffff;
|
||||
outline: none;
|
||||
color: #000000;
|
||||
margin-top: 25px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.contact_section input::-webkit-input-placeholder {
|
||||
color: #2a2a2c;
|
||||
}
|
||||
|
||||
.contact_section input:-ms-input-placeholder {
|
||||
color: #2a2a2c;
|
||||
}
|
||||
|
||||
.contact_section input::-ms-input-placeholder {
|
||||
color: #2a2a2c;
|
||||
}
|
||||
|
||||
.contact_section input::placeholder {
|
||||
color: #2a2a2c;
|
||||
}
|
||||
|
||||
.contact_section input.message-box {
|
||||
padding: 45px 12px;
|
||||
}
|
||||
|
||||
.contact_section button {
|
||||
padding: 10px 65px;
|
||||
outline: none;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
background: #ff2953;
|
||||
margin: 45px 0 0 auto;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.info_section {
|
||||
background-color: #252233;
|
||||
}
|
||||
|
||||
.info_items {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.info_items .item {
|
||||
width: 200px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.info_items .item .img-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.info_items .item .detail-box {
|
||||
margin-top: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.info_items {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.info_items a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.info_items .item .img-box.box-1 {
|
||||
background-image: url(../images/location-white.png);
|
||||
}
|
||||
|
||||
.info_items .item .img-box.box-2 {
|
||||
background-image: url(../images/telephone-white.png);
|
||||
}
|
||||
|
||||
.info_items .item .img-box.box-3 {
|
||||
background-image: url(../images/envelope-white.png);
|
||||
}
|
||||
|
||||
/* footer section*/
|
||||
.footer_section {
|
||||
background-color: #fbfdfd;
|
||||
padding: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer_section p {
|
||||
color: #292929;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer_section a {
|
||||
color: #292929;
|
||||
}
|
||||
|
||||
/* end footer section*/
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
9
web/gym/neogym/css/style.css.map
Normal file
9
web/gym/neogym/css/style.css.map
Normal file
File diff suppressed because one or more lines are too long
580
web/gym/neogym/css/style.scss
Normal file
580
web/gym/neogym/css/style.scss
Normal file
@@ -0,0 +1,580 @@
|
||||
$black: #000000;
|
||||
$white: #ffffff;
|
||||
$primary1: #ff2953;
|
||||
|
||||
@mixin main-font {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
@mixin hero_btn($col1, $col2, $pad1, $pad2, $bRadius) {
|
||||
display: inline-block;
|
||||
padding: $pad1 $pad2;
|
||||
background-color: transparent;
|
||||
border: 1.5px solid $col1;
|
||||
color: $col1;
|
||||
border-radius: $bRadius;
|
||||
transition: transform 0.3s;
|
||||
|
||||
&:hover {
|
||||
background-color: $col1;
|
||||
color: $col2;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin upperBold {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
body {
|
||||
@include main-font;
|
||||
color: #000000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.layout_padding {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.layout_padding2 {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
.layout_padding2-top {
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
.layout_padding2-bottom {
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
|
||||
.layout_padding-top {
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.layout_padding-bottom {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.heading_container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
padding-bottom: 5px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 55px;
|
||||
height: 5px;
|
||||
background-color: $primary1;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*header section*/
|
||||
.hero_area {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: url(../images/hero-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.sub_page {
|
||||
.hero_area {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.who_section.layout_padding {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.hero_area.sub_pages {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.header_section {}
|
||||
|
||||
.header_section .container-fluid {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.header_section .nav_container {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item {
|
||||
.nav-link {
|
||||
margin: 10px 30px;
|
||||
padding: 0;
|
||||
padding-bottom: 3px;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
border-radius: 5px;
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:hover {
|
||||
a {
|
||||
&::after {
|
||||
display: block;
|
||||
background-color: $primary1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: initial;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn:focus {
|
||||
outline: none !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.user_option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
margin: 10px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom_nav-container .nav_search-btn {
|
||||
background-image: url(../images/search-icon.png);
|
||||
background-size: 22px;
|
||||
background-repeat: no-repeat;
|
||||
background-position-y: 7px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
font-size: 22px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
color: $white;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.custom_nav-container {
|
||||
z-index: 99999;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.custom_nav-container .navbar-toggler .navbar-toggler-icon {
|
||||
background-image: url(../images/menu.png);
|
||||
background-size: 55px;
|
||||
}
|
||||
|
||||
/*end header section*/
|
||||
|
||||
.slider_section {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $white;
|
||||
|
||||
#carouselExampleIndicators {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin: 125px 0;
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
text-align: center;
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
font-weight: bold;
|
||||
letter-spacing: .5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
p {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
a {
|
||||
@include hero_btn($white, $black, 8px, 35px, 0px);
|
||||
text-transform: uppercase;
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#carouselExampleIndicators {
|
||||
.carousel-indicators {
|
||||
position: unset;
|
||||
margin: 0;
|
||||
margin-top: 45px;
|
||||
align-items: center;
|
||||
|
||||
li {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: transparent;
|
||||
border: 2px solid $white;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
|
||||
&.active {
|
||||
border: 4px solid $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end slider section
|
||||
|
||||
|
||||
// us section
|
||||
|
||||
.us_section {
|
||||
background-image: url(../images/us-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: $white;
|
||||
|
||||
.us_container {
|
||||
padding-top: 25px;
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin: 25px 10px 0 10px;
|
||||
|
||||
.img-box {
|
||||
height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
h5 {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// end us section
|
||||
|
||||
// heathy section
|
||||
|
||||
.heathy_section {
|
||||
background-image: url(../images/healthy-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 45px;
|
||||
|
||||
a {
|
||||
@include hero_btn($white, $black, 8px, 35px, 0);
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end heathy section
|
||||
|
||||
|
||||
// trainer section
|
||||
|
||||
.trainer_section {
|
||||
background-image: url(../images/trainer-bg.jpg);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: $white;
|
||||
|
||||
.box {
|
||||
margin-top: 55px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
.name {
|
||||
h5 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.img-box {
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.social_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 225px;
|
||||
padding: 12px 45px;
|
||||
background-color: $white;
|
||||
border-radius: 50px;
|
||||
margin-top: -25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// end trainer section
|
||||
|
||||
|
||||
// contact section
|
||||
.contact_section {
|
||||
position: relative;
|
||||
background-color: #27223f;
|
||||
color: $white;
|
||||
|
||||
.heading_container {
|
||||
justify-content: start;
|
||||
|
||||
h2 {
|
||||
&::before {
|
||||
text-align: left;
|
||||
left: 0;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.img-box {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form_container {
|
||||
padding: 45px 0 45px 15px;
|
||||
|
||||
}
|
||||
|
||||
form {}
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
border: none;
|
||||
background-color: $white;
|
||||
outline: none;
|
||||
color: $black;
|
||||
margin-top: 25px;
|
||||
padding: 12px;
|
||||
|
||||
&::placeholder {
|
||||
color: #2a2a2c;
|
||||
}
|
||||
|
||||
&.message-box {
|
||||
padding: 45px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 10px 65px;
|
||||
outline: none;
|
||||
border: none;
|
||||
color: $white;
|
||||
background: #ff2953;
|
||||
margin: 45px 0 0 auto;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// end contact section
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// info section
|
||||
.info_section {
|
||||
background-color: #252233;
|
||||
}
|
||||
|
||||
.info_items {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.item {
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
.img-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.detail-box {
|
||||
margin-top: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info_items {
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item {
|
||||
.img-box {
|
||||
&.box-1 {
|
||||
background-image: url(../images/location-white.png);
|
||||
}
|
||||
|
||||
&.box-2 {
|
||||
background-image: url(../images/telephone-white.png);
|
||||
}
|
||||
|
||||
&.box-3 {
|
||||
background-image: url(../images/envelope-white.png);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// end info section
|
||||
|
||||
|
||||
|
||||
|
||||
/* footer section*/
|
||||
|
||||
.footer_section {
|
||||
background-color: #fbfdfd;
|
||||
padding: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer_section p {
|
||||
color: #292929;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer_section a {
|
||||
color: #292929;
|
||||
}
|
||||
|
||||
/* end footer section*/
|
||||
BIN
web/gym/neogym/images/contact-img.jpg
Normal file
BIN
web/gym/neogym/images/contact-img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
web/gym/neogym/images/envelope-white.png
Normal file
BIN
web/gym/neogym/images/envelope-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 476 B |
BIN
web/gym/neogym/images/facebook-logo.png
Normal file
BIN
web/gym/neogym/images/facebook-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 B |
BIN
web/gym/neogym/images/healthy-bg.jpg
Normal file
BIN
web/gym/neogym/images/healthy-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
web/gym/neogym/images/hero-bg.jpg
Normal file
BIN
web/gym/neogym/images/hero-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
web/gym/neogym/images/instagram-logo.png
Normal file
BIN
web/gym/neogym/images/instagram-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 641 B |
BIN
web/gym/neogym/images/location-white.png
Normal file
BIN
web/gym/neogym/images/location-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 723 B |
BIN
web/gym/neogym/images/menu.png
Normal file
BIN
web/gym/neogym/images/menu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
web/gym/neogym/images/search-icon.png
Normal file
BIN
web/gym/neogym/images/search-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 403 B |
BIN
web/gym/neogym/images/t1.jpg
Normal file
BIN
web/gym/neogym/images/t1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
web/gym/neogym/images/t2.jpg
Normal file
BIN
web/gym/neogym/images/t2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
web/gym/neogym/images/t3.jpg
Normal file
BIN
web/gym/neogym/images/t3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
web/gym/neogym/images/telephone-white.png
Normal file
BIN
web/gym/neogym/images/telephone-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 720 B |
BIN
web/gym/neogym/images/trainer-bg.jpg
Normal file
BIN
web/gym/neogym/images/trainer-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
BIN
web/gym/neogym/images/twitter.png
Normal file
BIN
web/gym/neogym/images/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
BIN
web/gym/neogym/images/u-1.png
Normal file
BIN
web/gym/neogym/images/u-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
web/gym/neogym/images/u-2.png
Normal file
BIN
web/gym/neogym/images/u-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
web/gym/neogym/images/u-3.png
Normal file
BIN
web/gym/neogym/images/u-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/gym/neogym/images/u-4.png
Normal file
BIN
web/gym/neogym/images/u-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 925 B |
BIN
web/gym/neogym/images/us-bg.jpg
Normal file
BIN
web/gym/neogym/images/us-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
524
web/gym/neogym/index.html
Normal file
524
web/gym/neogym/index.html
Normal file
@@ -0,0 +1,524 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<title>Neogym</title>
|
||||
|
||||
<!-- slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="hero_area">
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Neogym
|
||||
</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="why.html"> Why us </a>
|
||||
</li>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="trainer.html"> trainers</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html"> Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="user_option">
|
||||
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
<!-- slider section -->
|
||||
<section class=" slider_section position-relative">
|
||||
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 col-md-11 mx-auto">
|
||||
<div class="detail-box">
|
||||
<div>
|
||||
<h3>
|
||||
Fitness
|
||||
</h3>
|
||||
<h2>
|
||||
Training
|
||||
</h2>
|
||||
<h1>
|
||||
Neogym
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
|
||||
</p>
|
||||
<div class="">
|
||||
<a href="">
|
||||
Contact Us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 col-md-11 mx-auto">
|
||||
<div class="detail-box">
|
||||
<div>
|
||||
<h3>
|
||||
Fitness
|
||||
</h3>
|
||||
<h2>
|
||||
Training
|
||||
</h2>
|
||||
<h1>
|
||||
Neogym
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
|
||||
</p>
|
||||
<div class="">
|
||||
<a href="">
|
||||
Contact Us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 col-md-11 mx-auto">
|
||||
<div class="detail-box">
|
||||
<div>
|
||||
<h3>
|
||||
Fitness
|
||||
</h3>
|
||||
<h2>
|
||||
Training
|
||||
</h2>
|
||||
<h1>
|
||||
Neogym
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
|
||||
</p>
|
||||
<div class="">
|
||||
<a href="">
|
||||
Contact Us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 col-md-11 mx-auto">
|
||||
<div class="detail-box">
|
||||
<div>
|
||||
<h3>
|
||||
Fitness
|
||||
</h3>
|
||||
<h2>
|
||||
Training
|
||||
</h2>
|
||||
<h1>
|
||||
Neogym
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
|
||||
</p>
|
||||
<div class="">
|
||||
<a href="">
|
||||
Contact Us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 col-md-11 mx-auto">
|
||||
<div class="detail-box">
|
||||
<div>
|
||||
<h3>
|
||||
Fitness
|
||||
</h3>
|
||||
<h2>
|
||||
Training
|
||||
</h2>
|
||||
<h1>
|
||||
Neogym
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse .
|
||||
</p>
|
||||
<div class="">
|
||||
<a href="">
|
||||
Contact Us
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end slider section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Us section -->
|
||||
|
||||
<section class="us_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Why Choose Us
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="us_container ">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
QUALITY EQUIPMENT
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-4.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
NUTRITION
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
HEALTHY DIET PLAN
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
SPORT TRAINING
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end us section -->
|
||||
|
||||
|
||||
<!-- heathy section -->
|
||||
|
||||
<section class="heathy_section layout_padding">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 mx-auto">
|
||||
<div class="detail-box">
|
||||
<h2>
|
||||
HEALTHY MIND, HEALTHY BODY
|
||||
</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
</p>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
READ MORE
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end heathy section -->
|
||||
|
||||
<!-- trainer section -->
|
||||
|
||||
<section class="trainer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Our Gym Trainers
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Smirth Jon
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t1.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Jean Doe
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t2.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Alex Den
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t3.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end trainer section -->
|
||||
|
||||
<!-- contact section -->
|
||||
|
||||
<section class="contact_section ">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 px-0">
|
||||
<div class="img-box">
|
||||
<img src="images/contact-img.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-md-6">
|
||||
<div class="form_container pr-0 pr-lg-5 mr-0 mr-lg-2">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Contact Us
|
||||
</h2>
|
||||
</div>
|
||||
<form action="">
|
||||
<div>
|
||||
<input type="text" placeholder="Name" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="email" placeholder="Email" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="Phone Number" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" class="message-box" placeholder="Message" />
|
||||
</div>
|
||||
<div class="d-flex ">
|
||||
<button>
|
||||
Send
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end contact section -->
|
||||
|
||||
<!-- info section -->
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="info_items">
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-1">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
Location
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-2">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
+02 1234567890
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-3">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
demo@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info_section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<footer class="container-fluid footer_section">
|
||||
<p>
|
||||
© 2020 All Rights Reserved. Design by
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</footer>
|
||||
<!-- footer section -->
|
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
4445
web/gym/neogym/js/bootstrap.js
vendored
Normal file
4445
web/gym/neogym/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
web/gym/neogym/js/jquery-3.4.1.min.js
vendored
Normal file
2
web/gym/neogym/js/jquery-3.4.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
222
web/gym/neogym/trainer.html
Normal file
222
web/gym/neogym/trainer.html
Normal file
@@ -0,0 +1,222 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<title>Neogym</title>
|
||||
|
||||
<!-- slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
<div class="hero_area">
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Neogym
|
||||
</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="why.html"> Why us </a>
|
||||
</li>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="trainer.html"> trainers</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html"> Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="user_option">
|
||||
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- trainer section -->
|
||||
|
||||
<section class="trainer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Our Gym Trainers
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Smirth Jon
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t1.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Jean Doe
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t2.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 mx-auto">
|
||||
<div class="box">
|
||||
<div class="name">
|
||||
<h5>
|
||||
Alex Den
|
||||
</h5>
|
||||
</div>
|
||||
<div class="img-box">
|
||||
<img src="images/t3.jpg" alt="">
|
||||
</div>
|
||||
<div class="social_box">
|
||||
<a href="">
|
||||
<img src="images/facebook-logo.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="images/instagram-logo.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end trainer section -->
|
||||
|
||||
<!-- info section -->
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="info_items">
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-1">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
Location
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-2">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
+02 1234567890
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-3">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
demo@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info_section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<footer class="container-fluid footer_section">
|
||||
<p>
|
||||
© 2020 All Rights Reserved. Design by
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</footer>
|
||||
<!-- footer section -->
|
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
217
web/gym/neogym/why.html
Normal file
217
web/gym/neogym/why.html
Normal file
@@ -0,0 +1,217 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<!-- Basic -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<!-- Site Metas -->
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
|
||||
<title>Neogym</title>
|
||||
|
||||
<!-- slider stylesheet -->
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
|
||||
|
||||
<!-- bootstrap core css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
|
||||
|
||||
<!-- fonts style -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet">
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
<!-- responsive style -->
|
||||
<link href="css/responsive.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body class="sub_page">
|
||||
<div class="hero_area">
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<span>
|
||||
Neogym
|
||||
</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item ">
|
||||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="why.html"> Why us </a>
|
||||
</li>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="trainer.html"> trainers</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html"> Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="user_option">
|
||||
<form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
|
||||
<button class="btn my-2 my-sm-0 nav_search-btn" type="submit"></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Us section -->
|
||||
|
||||
<section class="us_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Why Choose Us
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="us_container ">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-1.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
QUALITY EQUIPMENT
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-4.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
NUTRITION
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-2.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
HEALTHY DIET PLAN
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/u-3.png" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
SPORT TRAINING
|
||||
</h5>
|
||||
<p>
|
||||
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end us section -->
|
||||
|
||||
|
||||
<!-- info section -->
|
||||
<section class="info_section layout_padding2">
|
||||
<div class="container">
|
||||
<div class="info_items">
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-1">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
Location
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-2">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
+02 1234567890
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<div class="item ">
|
||||
<div class="img-box box-3">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<p>
|
||||
demo@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info_section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<footer class="container-fluid footer_section">
|
||||
<p>
|
||||
© 2020 All Rights Reserved. Design by
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</footer>
|
||||
<!-- footer section -->
|
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script>
|
||||
<script src="js/bootstrap.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user