Skip to content

Improved Membership Plans + Improved Home Page #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sar014 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Improved Membership Plans + Improved Home Page #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5fd722c
Added AboutUs button in home page
sar014 Apr 10, 2024
aeccc50
Improved Membership Plans
sar014 Apr 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added css/img/AboutUs.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 28 additions & 1 deletion css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -391,10 +391,13 @@ img:hover {
/* Membership Settings */
#projects {
background: indianred;
padding-top: 10px;
}

#projects h2 {
color: #fff;
padding-bottom: 15%;
padding-top: -20px;
}

/* Input Global Settings */
Expand Down Expand Up @@ -1104,4 +1107,28 @@ footer {
.navbar-toggler:hover .navbar-toggler-icon:after {
max-width: 100%;
}
}
}

/* About Us Settings */
#about {
background: indianred;
}

#about h2 {
color: #fff;
margin: 0 20px;
}

.about-text {
color: #fff;
/* text-align: left; Justify the text */
}

/* Media Query for Tablet and Desktop */
@media only screen and (min-width: 481px) {
.about-text {
font-size: 1.2em; /* Adjust font size for larger screens */
}
}


35 changes: 26 additions & 9 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,15 +70,32 @@ <h1>FREE TRIAL</h1>
</section>

<!-- History -->
<section id="banner">
<div class="hero">
<h1>History of Gym</h1>
<img src="img/oldgym.jpeg" style="width:100%;" border="0" alt="Null">
<p>A gym, also referred as gymnasium, is an open air or covered location for gymnastics, athletics, and gymnastic services. The word is derived from the ancient Greek gymnasium. They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions. "Gym" is also slang for "fitness center", which is often an indoor facility.

Gymnasia apparatus such as barbells, parallel bars, jumping board, running path, tennis-balls, cricket field, fencing area, and so forth are used as exercises. In safe weather, outdoor locations are the most conducive to health. Gyms were popular in ancient Greece. Their curricula included Gymnastica militaria or self-defense, gymnastica medica, or physical therapy to help the sick and injured, and gymnastica athletica for physical fitness and sports, from boxing to dancing.</p>
</div>
</section>
<!--Changing this to About Us-->
<main class="container">
<section id="about">
<h2>About Us</h2>
<br>
<div class="row">
<div class="col-md-6">
<p>Welcome to Mang Gym, where fitness meets community.
Founded with a passion for health and wellness, Mang Gym has been a cornerstone of the fitness industry since its establishment in 1945.
A Legacy of Fitness: Our journey began in the quaint seaside town of North Fairview, where our first fitness club opened its doors.
Over the decades, Mang Gym has evolved into a global fitness leader with clubs spanning across 1699 countries.
A Commitment to Excellence: In 1970, faced with the challenge of a failing gym, the torch was passed to Vince and Patrick, who breathed new life into Mang Gym.
Through dedication and innovation, they transformed the gym into a haven for fitness enthusiasts.
Building a Community: At Mang Gym, we believe in more than just physical fitness; we believe in building a supportive community.
From our experienced trainers to our passionate members, every individual plays a vital role in creating a welcoming environment that fosters growth and motivation.
Embracing Change: Over the years, the fitness industry has seen many changes, but our philosophy remains steadfast.
We continue to provide top-notch equipment, diverse classes, knowledgeable staff, and personalized advice to empower our members on their fitness journey. Join the Mang Gym Family: Whether you're a seasoned athlete or just starting your fitness journey, Mang Gym welcomes you with open arms. Come join us and discover the transformative power of fitness in a supportive and inclusive environment.</p>
<a href="aboutus.html" class="btn">Learn More</a>
</div>
<div class="col-md-6">
<img class="about1" src="images/AboutUs.jpg">
</div>
</div>
<br>
</section>
</main>

<!-- Member's Gallery -->
<section id="gallery">
Expand Down
Binary file added images/AboutUs.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 32 additions & 2 deletions programs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,8 +100,38 @@ <h4>OTHER CLASSES</h4>
<!-- Membership -->
<section id="projects">
<h2>MEMBERSHIP PLANS</h2>
<img src="img/membership.png">
<a href="#" class="btn">Be a Member!</a>
<div class="row">
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="images/AboutUs.jpg" alt="Membership Plan 1">
<div class="card-body">
<h5 class="card-title" style="color: aliceblue;font-size: 20px;">Basic</h5>
<p class="card-text">Get started with our Basic Membership for access to gym facilities during off-peak hours and standard equipment usage</p>
<a href="#" class="btn btn-primary">Click</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="images/AboutUs.jpg" alt="Membership Plan 2">
<div class="card-body">
<h5 class="card-title" style="color: aliceblue;font-size: 20px;">Premium</h5>
<p class="card-text">Upgrade to our Premium Membership for unlimited gym access, all group fitness classes, and discounted personal training sessions</p>
<a href="#" class="btn btn-primary">Click</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img class="card-img-top" src="images/AboutUs.jpg" alt="Membership Plan 3">
<div class="card-body">
<h5 class="card-title" style="color: aliceblue;font-size: 20px;">VIP</h5>
<p class="card-text">Experience the ultimate fitness experience with our VIP Membership, offering 24/7 gym access and other exclusive perks</p>
<a href="#" class="btn btn-primary">Click</a>
</div>
</div>
</div>
</div>
</section>
</main>

Expand Down