Scribd
Upload
64 views14 pages

Srushti

This document describes a micro project report on creating a fitness website using HTML and CSS. It was created by a group of students and submitted to their computer department at Government Polytechnic Pune. The website provides information on fitness facilities, tips for staying physically fit, and equipment. It also includes a registration form where users can directly join services by filling out their details. The project involved planning the site structure, coding it using various HTML and CSS tags, and presenting screenshots of the final webpage outputs. The students learned how to represent information, design forms, format pages with CSS, and create a basic static website through this experience.

Uploaded by

Pooja Raut
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
64 views14 pages

Srushti

This document describes a micro project report on creating a fitness website using HTML and CSS. It was created by a group of students and submitted to their computer department at Government Polytechnic Pune. The website provides information on fitness facilities, tips for staying physically fit, and equipment. It also includes a registration form where users can directly join services by filling out their details. The project involved planning the site structure, coding it using various HTML and CSS tags, and presenting screenshots of the final webpage outputs. The students learned how to represent information, design forms, format pages with CSS, and create a basic static website through this experience.

Uploaded by

Pooja Raut
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

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 !!!!!!!!

You might also like