Skip to content

Adding the image and also update the Readme.md file #32

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
black-panther-jayesh wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Adding the image and also update the Readme.md file #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
63 changes: 63 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,66 @@
# Mang Gym

My Very First Capstone Project
# Mang Gym - Capstone Project

Welcome to the "Mang Gym" Capstone project, your very first major accomplishment! This README provides an overview of your project, how to use it, and how to contribute.

## Table of Contents

1. [Project Overview](#project-overview)
2. [Features](#features)
3. [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
4. [Usage](#usage)
5. [Contributing](#contributing)
6. [License](#license)
7. [Acknowledgments](#acknowledgments)

## Project Overview

Mang Gym is a fictional fitness club's website, created as a part of your Capstone project. This web application provides information about the gym, its history, and contact details. It also allows users to inquire about the gym's services and programs.

## Features

- Home page with a welcoming message and a "Join Now" button.
- About Us page with a brief history of Mang Gym.
- Contact page with a Google Map location and an inquiry form.
- Navigation bar for easy access to different sections of the website.
- Social media links in the footer.

## Getting Started

These instructions will help you set up and run the project on your local machine.

### Prerequisites

- Web browser
- Text editor (e.g., Visual Studio Code)

### Installation

1. Clone the repository:

```bash
git clone https://github.com/yourusername/mang-gym-capstone.git

Open the project folder in your text editor.
Usage
Open the index.html file in your web browser to view the website.
Navigate through the pages using the links in the navigation bar.
Interact with the inquiry form on the Contact page.
Contributing
If you want to contribute to this project, follow these steps:

Fork the project on GitHub.
Create a new branch for your feature: git checkout -b feature-name
Commit your changes: git commit -m 'Add a new feature'
Push to the branch: git push origin feature-name
Open a pull request.
License
This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments
Thanks to OpenAI for providing knowledge and assistance.
Acknowledge any other resources, libraries, or frameworks you used in the project.
178 changes: 89 additions & 89 deletions aboutus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,106 +1,106 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Your Name">
<meta name="description" content="Description of your website.">
<meta name="keywords" content="fitness, gym, health, exercise">

<!-- Font awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Use the latest Font Awesome version and official CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">

<!-- Imports Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<!-- Imports Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">

<!-- Import CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Import Your CSS Styles -->
<link rel="stylesheet" type="text/css" href="css/style.css">

<title>Mang Gym</title>
<title>Mang Gym</title>
</head>
<body>

<!-- Navbar and Logo -->
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="img/mainlogo.svg" alt="Mang Gym">
</a>
</div>
<!-- Navbar and Logo -->
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="img/mainlogo.svg" alt="Mang Gym">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar3" aria-controls="navbar3" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar3" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="home.html">Home</a></li>
<li><a href="aboutus.html" class="active">About Us</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</nav>
</div>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar3" aria-controls="navbar3" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Header Showcase -->
<header id="showcase" class="grid">
<div class="bg-image"></div>
<div class="content-wrap">
<h1>WELCOME TO <span style="color: yellow">MANG GYM</span></h1>
<p>A Haven for Everybody</p>
<a href="#" class="btn">Join Now!</a>
</div>
</header>

<div id="navbar3" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="home.html">Home</a></li>
<li><a href="aboutus.html" class="active">About Us</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</nav>
</div>
<!-- Main Area / About Us -->
<main class="container">
<section id="about">
<h2>Our Story</h2>
<br>
<img class="about1" src="img/manggym.jpg" alt="Mang Gym Image 1">
<p>The first Fitness club opened in 1945, in the seaside town of North Fairview – historically known as a popular health resort. Today we have clubs in 1699 countries, making us a leader in the global fitness industry. In 1970, Pen sold the at-the-time failing gym to Vince, an antique dealer, and Patrick, a jeweler. They ran the gym for almost two years, and when they realized it was not feasible for them, they were going to close it and reopen the premises as an antiques shop. They offered it to a gym member, Dennis, who purchased it in late 1971, and Mang Gym was saved as a gym. Sean was the first owner of Mang Gym to actually sponsor and hold bodybuilding competitions, and his promotional skills and film industry contacts helped build the establishment's profile.</p>
<br>
<img class="about2" src="img/aboutus.jpg" alt="Mang Gym Image 2">
<br>
<p>We’ve seen a lot of change in the fitness industry over the years, but our philosophy has remained the same: to offer the best equipment, range of classes, knowledgeable staff, and personal advice in a welcoming environment that feeds our members’ motivation.</p>
</section>
</main>

<!-- Header Showcase -->
<header id="showcase" class="grid">
<div class="bg-image"></div>
<div class="content-wrap">
<h1>WELCOME TO <span style="color: yellow">MANG GYM</span></h1>
<p>A Haven for Everybody</p>
<a href="#" class="btn">Join Now!</a>
</div>
</header>
<!-- Footer -->
<footer id="contact">
<small class="small-1">&copy; Copyright 2023 | Your Name | <span style="color: yellow">Mang Gym</span></small>
<div id="disclaimer">
<div class="disclaimer-last">
<small class="small-2">Disclaimer: No copyright infringement is intended. This is only for educational purposes and not for profit. Some assets used are not owned by the developer/s unless otherwise stated; the credit goes to the owner.</small>
</div>
</div>

<!-- Main Area / About Us -->
<main class="container">
<section id="about">
<h2>Our Story</h2>
<br>
<img class="about1" src="img/manggym.jpg">
<p>The first Fitness club opened in 1945, in the seaside town of North Fairview – historically known as a popular health resort. Today we have clubs in 1699 countries, making us a leader in the global fitness industry. In 1970, Pen sold the at-the-time failing gym to Vince, an antique dealer, and Patrick, a jeweler. They ran the gym for almost two years, and when they realized it was not feasible for them, they were going to close it and reopen the premises as an antiques shop. They offered it to a gym member, Dennis, who purchased it in late 1971, and Mang Gym was saved as a gym. Sean was the first owner of Mang Gym to actually sponsor and hold bodybuilding competitions, and his promotional skills and film industry contacts helped build the establishment's profile.</p>
<br>
<img class="about2" src="img/aboutus.jpg">
<br>
<p>We’ve seen a lot of change in the fitness industry over the years, but our philosophy has remained the same: to offer the best equipment, range of classes, knowledgeable staff and personal advice in a welcoming environment that feeds our members’ motivation. </p>
</section>
</main>
<!-- Social Media -->
<div id="socialMedia">
<div class="contact">
<i class="fab fa-facebook" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fab fa-twitter" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fab fa-instagram" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fab fa-youtube" aria-hidden="true"></i>
</div>
</div>
</footer>

<!-- Footer -->
<footer id="contact">
<small class="small-1">&copy; Copyright 2017 | Stephene Canciller | <span style="color: yellow">Mang Gym</span> </small>
<div id="disclaimer">
<div class="disclaimer-last">
<small class="small-2">Disclaimer: No copyright infringement is intended. This is only for educational purposes and not for profit. Some asset/s used are not owned by the developer/s unless otherwise stated; the credit goes to the owner.</small>
</div>
</div>
<!-- Import jQuery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<!-- Social Media -->
<div id="socialMedia">
<div class="contact">
<i class="fa fa-facebook" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fa fa-instagram" aria-hidden="true"></i>
</div>
<div class="contact">
<i class="fa fa-youtube" aria-hidden="true"></i>
</div>
</div>
</footer>

<!-- Import Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/5743362e56.js"></script>

<!-- Import Bootstrap Javascript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- Font Awesome CDN -->
<script src="https://use.fontawesome.com/5743362e56.js"></script>

<!-- Import Bootstrap Javascript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
</html>