Scribd Logo
Upload

Welcome to Scribd!

  • Report

    Uploaded by

    Srujal bopche
    7 views15 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views15 pages

    Report

    Uploaded by

    Srujal bopche

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 15

    DEPARTMENT OF Information Technology

    A
    PROJECT REPORT ON
    DEVELOP A WEBSITE FOR FITNESS
    SUBMITED BY

    Name of student Enrollment no Sign


    Sakshi Thakur 2012420219
    Srujal Bopche 2012420221
    Pushpal Bansod 2012420223
    Novil Bisen 2112420033
    Payal Maske 2112420447

    Guided By
    Mr.P.P.Katgaokar
    ACKNOWLEDGEMEMT

    It is with profoundly sense of gratitude that we acknowledge from our


    guide Mr. P.P.Katgaokar he has been guide in the true sense of word,
    a guide who satisfaction from our word & progress.

    We are highly obliged to Dr.R.N.Nibudey Head of IF Department


    for aberrance & good co-operation given to us for bringing this project
    to almost standard.

    We are grateful to our department for proceeding acknowledgement to


    us in the connection of this project concluding. We appreciate the
    assistance of all staff thathelps us in for their sincere & obliging help
    to make our project successfully.
    Government Polytechnic Gondia
    Winter-2022

    INDEX
    s
    Sr.No Topic Page No
    1.0 Rationale 1
    2.0 Course 1
    Outcomes Achieved
    3.0 Literature Review 2
    4.0 Actual Methodology Followed 2
    5.0 Actual Resources Used 3
     Code 3
    6.0 Outputs of the micro-project 11
    7.0 Skill Development / Learning outcomes 12
    of this micro-project
    DEVELOP A WEBSITE FOR GYM FITNESS

    1. Brief Introduction:
    Gym Fitness Website is a gym and health club membership
    website . You can keep records on your members, their memberships and
    have quick and easy communication between you and your members.

    Gym Fitness also includes a booking system, point of sale, banking,


    accounting concessions and has a range of reports that help in the management
    of your club Our Gym Management website is a complete gym and
    recreation facility system program which looks after all of your members,
    memberships and activities It is designed for gyms, recreation centers, and
    health clubs Our Gym management website provides lots of functions such
    data entry of customer keeping records of all the things about
    customer’s fees, plan, and physical fitness which help to provide good
    quality of services to customer .

    2. Course Outcomes :
     Create interactive web pages using program flow control structure .
     Implements Array and Functions in Java script .
     Create event based web forms using java script .
     Create Menus and navigation in wen pages .

    1
    3. Literature Review :
    In this project we created a Gym Fitness website . Using HTML ,CSS and
    JavaScript Language . In this website we getting a registration of client
    using a registration form which is given in our website . Also all the training
    information about our Fitness Gym .
    Using multiple methods and user define function we are able to create a
    user friendly website.We visited a multiple sites to improving a UI of a
    website .
    References : W3School.com
    Java3.com

    4. Actual Methodology Followed :-


    • Searching for the topic

    • Confirmed the topic we searched for for the micro project

    • Distribution of work

    • Collecting information about Project

    • Making proposal

    • Testing and analysis of test result

    • Preparation of final project report

    • Final submission of the project

    2
    5. Actual Resources Required:

    Name of Specification
    resources/Material
    Sr.N
    o.
    1. Computer system Intel i3 7th
    gen processor
    2. RAM 4GB

    3. Hard disk 1TB

    4. Operating system Windows 10

    Code : -

    (Home Screen )
    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="ir.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>RAW Fitness</title>

    <script type="text/javascript">
    function Regis()
    {
    window.open("loginfrm.html" , "Login" , "width=400 , height =500
    ");
    }

    3
    function srt()
    {
    alert("Welcome To RAW Fitness It's Our Responsibility To Make Your Life
    Style Better ")
    }
    </script>
    <style>
    .button {
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    padding: 20px;
    width: 300px;
    transition: all 0.5s;

    cursor: pointer;
    margin: 5px;
    }
    .button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    }
    .button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    } 4
    .button:hover span {
    padding-right: 25px;
    }

    .button:hover span:after {
    opacity: 1;
    right: 0;
    }
    #bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    }
    </style>

    </head>
    <body onload="srt()">
    <style>
    body{
    background-image: url('ggy.webp');
    background-repeat: no-repeat;
    background-attachment : fixed;
    background-size: 1600px 750px;
    }
    </style>
    <img src="fd.png" alt = "img" height="230" width="250" />

    <div class="topnav">
    <a class="active" href="#home">Home</a>

    <a href="about.html">About</a>

    </div> 5
    <ul><h2>
    <li>Schedule :-</li>
    <dd>- Monday : Chest</dd>

    <dd>- Tuesday : Back</dd>


    <dd>- Wednesday : Biceps And ForeArms</dd>
    <dd>- Thursday : Triceps</dd>
    <dd>- Friday : Shoulders</dd>
    <dd>- Saturday : Legs</dd>
    <dd>- Sunday : Rest</dd>
    <li>Time:-</li>
    <dd>- 5:00 AM to 10:00 AM</dd>
    <dd>- 5:00 PM to 10:00 PM</dd>
    <li>Note :-</li>
    <dd>- Water Bottol ,
    Hand Gloves ,
    Towels</dd>

    <dd>(Take With Yourself)


    </dd>
    </h2>
    </ul>

    <div class id = "bottom" > <button class="button text-align: center"


    onclick="Regis()" > <span>Register Here</span></button></div>

    </body>
    </html>>

    6
    (About Page)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>About</title>
    <style type="text/css">div {
    border: 10px solid gray;
    padding: 150px;
    }

    h1 {
    text-align: center;
    text-transform: uppercase;
    color: #4CAFA50;
    }

    p{
    text-indent: 500px;
    text-align: center;

    letter-spacing: 5px;
    padding-left: 100px;
    font-size: 80%;
    }

    </style>

    </head>
    <body style=" background: #4CAF50;">
    <div><p>

    7
    <h1>About Us</h1>We have been in the fitness industry for 10
    years now, you heard it Right. We are a 10+ year old organization. We have
    contributed precious 10 years to make India a healthy India. Some of you might
    be wondering that "I never heard of Fitline before". You are absolutely true.
    <br><br><br>
    Our product quality speaks about us. Visit any gym in your area and you can
    easily spot our brand. Our Services Yes, We care for you. “RAWFitness” is
    known to ease the Life of Gym owners. We design gyms for you. We help you
    arrange a finance facility. We help you in branding your gym. In The
    Pandemic Era, Software Support is mandatory, hence, we have the best of
    software solutions providers. Our sales team handles pre-sales strategy and
    knowledge, to help you smoothly run your enterprise.
    <br><br>
    <br>

    Being into fitness, we are better able to understand your requirements as per
    your personality. Finally, deliver the best that you can recommend.

    </p>
    <img src="tyr.png" width="250" height="190">
    <img src="qwe-removebg-preview.png" width="200" height="150"
    align="Right">
    </div>

    </body>
    </html>

    8
    (Login Page)

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="csslog.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Registration form</title>
    <style>
    body{
    background-image: url(gg.webp);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 1600px 800px;
    }
    h1{text-align: center;
    background-color: red;}
    h3{text-indent: 80px;}

    </style>
    <script type="text/javascript">
    function sub()
    {
    alert("Registration Successful");
    }
    </script>

    </head>
    <body>
    <form>
    <h1>Get Your Membership Now...!!!</h1>
    <h3 style="color: black;">Name<br><h3>
    <input type="text" name="txt" align="center" >
    <h3 style="color: black;">Age<br><h3>
    <input type="text" name="txt" align="center"> 9
    <h3 style="color: black;">Email<br><h3>
    <input type="text" name="txt" align="center">
    <h3 style="color: black;">Phone Number<h3>
    <input type="text" name="txt" align="center">
    <h3 style="color: black;">Feedback<br><h3>
    <textarea>..</textarea>
    <input type="Button" name="btn" value="Submit" onclick="sub()" /h3>
    <input type="reset" name="btn" value="Reset" >
    </form>

    </body>
    </html>

    10
    6 . Outputs of the micro-project
    7 .Application Of Micro -Project :-
    • Presentation skill increased.
    • Technical knowledge increased.
    • Get more knowledge about JavaScript
    • Management of time.

    8. Reference

    • From SY.CM.TECHMAX book


    • Google Chrome- Wikipedia , W3School , Quara
    • Madam Suggested

    12

    You might also like