y 1903107
CEC LANDRAN
DEPARTMENT OF COMPUTER
SCIENCE &
ENGINEERING
B.TECH PROJECT SYNOSIS
Name of Students : Arshpreet Singh
: Akshay khullar
PTU Roll No. : 1903107
: 1903094
Branch : CSE Batch: 2019-2023
Mobile No. : 7347396886
E-Mail :
[email protected] :
[email protected]Proposed Topic :Demo website for Gym.
1
y 1903107
A REPORT ON
Demo website for Gym
PROJECT REPORT
SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENT FOR THE
AWARD OF THE DEGREE OF
BACHELOR OF TECHNOLOGY
(Computer Science & Engineering)
SUBMITTED BY
(Arshpreet Singh, rollno1903107, SEMESTER-3 & GROUP-Z1)
(Akshay khullar, rollno1903094, SEMESTER-3 & GROUP-Z1)
UNDER THE GUIDANCE OF
Geetanjali babbar
(Assistant Professor)
Department of Computer Science & Engineering Chandigarh
Engineering College
Kharar-Banur Highway, Sector-112 Greater Mohali,
Punjab – 140307 (INDIA)
(Approved by AICTE, New Delhi and Affiliated to IKGPTU, Jalandhar)
2
y 1903107
CHANDIGARH ENGINEERING
COLLEGE, CGC- LANDRAN,
MOHALI
CANDIDATE'S DECLARATION
I hereby certify that the work which is being presented in the project report
entitled “COLLEGE ERP SYSTEM ” by “Arshpreet Singh” in partial fulfillment
of requirements for the award of degree of B.Tech. (CSE) submitted in the
Department of CSE at Chandigarh Engineering College under PUNJAB
TECHNICAL UNIVERSITY, JALANDHAR is an authentic record of my
own work carried out during a period from SEP 2019 to NOV 2023 under
the supervision of
Geetanjali babbar .
Arshpreet Singh
(Name & Signature of the Student)
This is to certify that the above statement made by the candidate is correct
to the best of my/our knowledge.
The B.Tech Viva –Voce Examination of Arshpreet Singh
has been held on
and accepted.
Geetanjali babbar (Assistant Professor)
3
y 1903107
(Name & Sign of Project Guide
Designation)
What is Html
What is HTML?
HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this
is a paragraph", "this is a link", etc.
A Simple HTML Document
Example
<!DOCTYPE html> 4
<html>
y 1903107
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html
What is Css?
CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen,
paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages
all at once
External stylesheets are stored in CSS files
5
y 1903107
Why Use CSS?
CSS is used to define styles for your web pages, including the design, layout
and variations in display for different devices and screen sizes.
CSS Example
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
CSS Solved a Big Problem
6
HTML was NEVER intended to contain tags for formatting a web page!
y 1903107
HTML was created to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2
specification, it started a nightmare for web developers. Development of
large websites, where fonts and color information were added to every single
page, became a long and expensive process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.
CSS removed the style formatting from the HTML page!
Software used-:
Vs CODE +Live Server
7
y 1903107
About VS code
Visual Studio Code is a lightweight but powerful
source code editor which runs on your desktop and is available
for Windows, macOS and Linux. It comes with built-in support
for JavaScript, TypeScript and Node. 8
y 1903107
What is live Server
Live Server - Makes your existing server live -
this is a Web Extension that helps you
to live reload feature for dynamic content (PHP,
Node.js, ASPNET -- Whatever, it doesn't matter).
Introdocton to Project :
(Website for Gym)
9
y 1903107
Benefits of a Gym Website
The gym website is the first contact that potential customers make with
any gym, hence the importance of both the language it has and the design
are also correctly managed and aligned with the corporate image of the
fitness center. Undoubtedly, the benefits of a gym website start from the
promotion of the fitness center and each of its stages as a business.
Websites for gyms have arrived to stay and in that way trends of the
fitness world are surely followed to offer better services in sports centers, it
is also important to follow the trends of technology and that the website of
your business is well structured, and is functional to help fulfill the general
purpose of the business.
So that the objectives that you have as an administrator can be fulfilled,
and finally show good results of recruitment and loyalty, as well as
maximum dissemination among the target audience, a website for
10
y 1903107
gyms, has various objectives that go well beyond following trends, these
might be:
1. Positioning the gym in the fitness business
With much competition and an ongoing trend of digitalization, the new
generation finds places by searching Google.
Meaning that ranking high when searched on Google for your category can
highly impact the number of interested prospects.
And while many are still trying to get clients into their gym by using word of
mouth. You can move ahead with positioning.
To establish positioning, we suggest you:
a. Improve your SEO
b. Get a blog
c. Get backlinks
2. Give valuable information that answers
the questions of those who enter your page
The first thing a person will think when they see your gym is "How will this
help me?"
Based on the person's specific desire, they will decide if your gym is a good
fit or not.
These desires can be something like: Losing weight, becoming stronger,
being able to defend themselves or even bodybuilding.
Knowing who your business is for will help you build a website that invites
your ideal audience in and bring you clients to your gym.
11
y 1903107
Frequently Asked Questions
Answering the same questions constantly can exhaust you and make you
lose business. It takes time for you to see a message or email and then
thoroughly answer.
With a website, you can create a FAQ (Frequently Asked Questions)
section that answers all common questions and allows a client to see it
24/7. Thus, improving your time of answering, ensuring nothing is missed
and making space on your calendar.
3. Generate new contacts through referral
campaigns and data tracking
-Use data from potential customers who leave information there to
generate more business opportunities.
-Support your sales team with relevant information and content.
Marketing for gyms is an area that consists of many pieces. Among them
are the good design, construction, and hierarchy of a web page. Websites
are a very valuable asset for gyms and the fitness industry, with which
owners who need help to start or improve their business can acquire more
members.
The great benefits that a gym website can offer are:
Your brand will be remembered
Make sure that your website is not just a catalog of your services, but
implementing an innovative design and adapting it to all devices will result
in your brand being remembered among your customers. Keep in mind the
functionality and think of a structure prepared so that usability and user
experience are optimal.
The authenticity of your fitness center 12
y 1903107
Through the SSL certificate, you can offer security to the website visitor
and it becomes a way of telling your customers that the site is real,
authentic and trustworthy to enter any personal data. Nowadays Google
gives priority in reference to the positioning of the websites that have it
against those that do not.
Positioning
The texts, images and other elements that are part of the website for gyms
must follow certain SEO criteria and be optimized for today's search
engines; because this will help you improve the positioning of your
business on the internet making it easier for you to reach many more users.
Presentation letter
Another important benefit of a gym website is the opinions that you can
integrate from each partner and client that has experiences in your fitness
center. This became a great cover letter for people who come to your
website to decide on your site since many times the message is usually
more effective when someone already knows and uses the service. It is
what can be called "word of mouth" but this time, transferred to the digital
world.
Express service
The Frequently Asked Questions section can be very useful even for
people who are already members of your gym. It has to show the issues
that may raise questions regarding the services and facilities of the gym.
Users will be forced to call or contact each time they have a question.
Here are five reasons you need a
great gym website. 13
y 1903107
Strong Online Presence. ...
Increase Revenue and Credibility. ...
Customers Expect a Website. ...
Win in Search Results. ...
Great Member Experience. ...
Location and Contact Information. ...
Reviews and Testimonials. ...
Mobile-Friendly and Intuitive User Experience.
Code of this Project
(Language used Html5 + CSS ) 14
y 1903107
CODE (.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Brar Fitness Club</title>
</head>
<body>
<header class="header">
<div class="left">
<img src=https://i.pinimg.com/474x/05/51/7f/
05517f0ec093a8527d46384b7af93eb9.jpg alt="">
<div>BRAR Fitness</div>
</div>
<div class="center">
<ul class="navbar">
<li><a href="a"> Home </a></li>
<li><a href="a"> About us</a></li>
<li><a href="a"> Gallery</a></li>
<li><a href="a"> Contact us</a></li>
</ul>
</div>
<div class="right">
<BUtton class="btn">Call now</BUtton>
<BUtton class="btn">Email us</BUtton>
</div>
<div class="container">
<h1>Register now</h1>
<h3>Get 20% Discount</h3>
<form action="noaction.php">
<div class="form">
<input type="text" name="" placeholder="Enter Your
Name"><br>
<input type="text" name="" placeholder="Age"><br>
<input type="text" name="" placeholder="Address"><b
r>
<input type="text" name="" placeholder="Contact No"
><br><br>
15
<button id="submit">Submit</button>
</div>
y 1903107
</form>
</div>
</header>
</body>
</html>
CODE(.css)
<style>
body {
color: azure;
margin: 0%;
padding: 0%;
background: url(https://c4.wallpaperflare.com/wallpaper/
207/744/879/5c1caf8b15122-wallpaper-preview.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.left {
color: rgb(255, 255, 255);
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
position: absolute;
left: 2%;
top: 2%;
.left img {
width: 101px;
/* filter: invert(100%); */
.center {
/* background-color: yellow; */
display: block; 16
width: 33%;
margin: 1% auto;
y 1903107
.right {
display: inline-block;
position: absolute;
right: 2%;
top: 2%;
.btn {
color: black;
padding: 2px;
margin: 2px;
}
.btn:hover {
color: blue;
text-decoration: underline;
}
.navbar {
display: inline-block;
}
.navbar li {
display: inline-block;
font-size: 20px;
.navbar li a {
color: rgb(0, 0, 0);
text-decoration: none;
padding: 34px 10px;
font-size: x-large;
.navbar li a:hover {
color: blue;
text-decoration: underline;
} 17
.container {
y 1903107
color: black;
text-align: center;
/* border: 4px solid rgb(0, 0, 0); */
border-radius: 25px 5px;
display: block;
margin: 81px 587px;
padding: 52px 53px;
}
#submit{
border: 2px solid black;
border-radius: 1px;
margin: -1px 50px;
}
#submit:hover{
color: blue;
text-decoration: underline;
}
</style>
****Thank you****
18
y 1903107
19
