Government Polytechnic Pune
(An Autonomous Institute of Government of Maharashtra )
A Micro project Report on
“FITNESS WEBSITE USING HTML & CSS ”
Submitted By
2206167: Omkar Sangameshwar Shahapure
2206172: Rutuja Raju Shengale
2206173: Prajyot Kisan Shinde
2206175: Priti Abhiman Shinde
2206176: Shubham Santaji Shinde
Under the Guidance
of
Mrs.H.S.Pawar
Department of Computer
Academic Year (2022- 23)
Government Polytechnic Pune
( An Autonomous Institute of Government of Maharashtra )
Department of Computer
CERTIFICATE
2206172 : Rutuja Raju Shengale
2206173: Prajyot Kisan Shinde
2206175: Priti Abhiman Shinde
2206176: Shubham Santaji Shinde
This is to certify that
Has completed the necessary micro project work and prepared the report
on.
“ STRENGHT CENTER WEBSITE USING HTML AND CSS
FOR FITNESS”
In a satisfactory manner as a partial fulfillment of requirement of the
FIRST YEAR DIPLOMA
IN COMPUTER
FOR THE ACADEMIC YEAR 2022 -23.
ACKNOWLEDGEMENT
It is my proud privilege and duty to acknowledge the kind of help and guidance
received from several people in the preparation of this report. It would not have
been possible to prepare this report without their valuable help, cooperation and
guidance.
First and the foremost I express my sincere gratitude to my guide Mrs.
H.S.Pawar Mam for guiding me in investigation of this micro project and
carrying out practical work.
My sincere thanks to . Mrs. M.U. Kokate Mam , Head of department of
Computer ,Government Polytechnic Pune for valuable suggestions and guidance,
throughout the preparation of the report .
Last but not least I wish to thanks my parents for financing my studies .And
helping me throughout my life for achieving perfection and excellence.
This personal help in making this report is gratefully acknowledged .
-Rutuja Raju Shengale
-Prajyot Kisan Shinde
- Priti Abhiman Shinde
-Shubham Santaji Shinde
INDEX
Cover page 01
Certificate 02
Acknowledgment 03
INDEX 04
1. Introduction 05
2. Planning 06
3. Coding 07
4. Output 27
5.Outcomes achieved 27
Conclusion 28
INTRODUCTION
We have created a static website using HTML and
CSS and the topic is “Fitness”. This type of website
is usually used for getting register into the world of
fitness. We have mentioned different types of
important facilities provided by fitness club. Here
we have created a navigation bar to the home page.
This website also inculcates some tips to stay
physically fit. You can also check out the fitness
equipment on this page. Users can directly join our
services by registering themselves on this website
by filling up the registration form.
PLANNINGS
To make the fitness club website we have used tags such as:
<html> starting tag
<head> header tag
<title> title of web pages
<body> all the data of the web page is in the body tag
<h1> heading tag
<p> paragraph tag
<center> to get the content in the center of webpage
<style> this tag with various attributes as given below makes the webpage more decorative
<br> break tag to gives spaces between the contents /lines
<hr> this tag draw a ruler in the content.
<li> list tag
<ul> unordered list tag
< a href> hyperlink tag
<div> to divide webpage into sections
<forms> to create a form
<img src> to add image in the webpage
<td> table detail tag
<tr> table row tag
<text area> text area tag in forms tag
<input type> to write input in in forms tag
<section> to create a different section of a specific content
CODE
<html>
<title> WD Microproject </title>
<head> <center> <u> <strong> <h1 style=color:white;>
STRENGTH CENTER </h1> </strong> </u>
</center></head>
<style type="text/css">
ul{ list-style-type:none;
margin: 0;
padding: 0;
overflow: hidden; }
a:link, a:visited { display: block;
font-weight: bold;
color:#ffffff;
background-color:#95bf21;
width: 210px;
text-align:left;
padding: 4px;
text-transform: uppercase;
text decoration: none; }
a:hover, a:active {
background-color: #7a991a
}
li { float:left;}
</style>
<body style="background-
image:url('YES.jpg');background-repeat:no-
repeat;background-size:cover;">
<ul>
<li> <a
href="C:\Users\Admin\Desktop\HTML\form.html">
HOME </a> </li>
<li> <a href="#product"> PRODUCT </a> </li>
<li> <a
href="C:\Users\Admin\Desktop\HTML\yoogaaa.
html"> cCode for LOGIN FORM.
<html>
<head>
<title>login form</title>
</head>
<body>
<form>
<center>
<fieldset style="float:center; width:45%; background-
color:gray;">
<legend>.....</legend>
<center>
<img src="fitnesslogo.jpg" align="top" height="90"
width="90">
</center>
<center><h2>Gym Membership Form</h2></center>
<center>Wants to become a member of our Gym? Then
start by filling our form to complete<br>
registration. We will contact you shortly to notify you about
your membership card.</center>
<hr color="gray">
<label>Name*:</label><br>
<input type="text" placeholder="First Name">
<input type="text" placeholder="Middle Name">
<input type="text" placeholder="Last Name">
<br><br>
<label>Email Address:</label><br>
<input type="text" placeholder="enter your valid email
address"><br><br>
<label>Your Age*</label><br>
<input type="number" placeholder="How old are you?">
<br><br>
<label>Your current weight*</label><br>
<input type="number" placeholder="current weight">
<br><br>
<label>Desired weight*</label><br>
<input type="number" placeholder="desired weight">
<br><br>
<label>Height*</label><br>
<input type="number" placeholder="height">
<br><br>
<label>Gender*</label>
<br>
<input type="radio" name="male" id="male">
<label>Male</label>
<input type="radio" name="female" id="female">
<label>Female</label>
<br><br>
<input type="submit" value="submit" name="submit"
id="submit">
</fieldset>
</center>
</form>
</body>
</html>
ATTRACTIVE SNAPSHOTS OF WEBPAGES.
CHECKOUT THE
LINK FOR OUTPUT
https://drive.google.com/file/d/1bV0KZ66lFoJRhJmgvvi7p7N17w6_5K6q/view?usp=sharing
• OUTCOMES ACHIVED
1. Use HTML tags for information representation on webpages.
Create webpage using images, colours and background
3. Design HTML forms.
4. Format webpages using CSS
5. Create static website.
• CONCLUSION
This micro project gave us an overview about how a website is actually created
using CSS & HTML. It has also taught us to place the main contents of website
in their right position and well mannered.
THANK YOU !!!!!!!!
