An Automobile Industry

Submitted in Partial fulfilment of the requirement for the award of the degree of

BACHELOR OF TECHNOLOGY

(Computer Science)

Session 2013-2015

Guided By: Mrs. Manju Sharma Submitted To: Mrs. Manju Sharma

Submitted By:Pallavi, Diksha, Daneshwar

DAV COLLEGE BANIKHET, DALHOUSIE

Affiliated to

Himachal Pradesh University

 CERTIFICATE

This is to certify that this project entitled “AN AUTOMOBILE COMPANY ”

submitted in partial fulfillment of the degree of BCA(Computer science ) to
the DAV COLLEGE BANIKHET , DALHOUSIE under HIMACHAL
PRADESH UNIVERSITY done by Miss Pallavi, Diksha and Mr. Daneshwar
Roll No: 12680, 12669, 12673 is an authentic work carried out by her/him at
BTC DAV COLLEGE BANIKHET , under guidance of Mrs. Manju
Sharma.

The matter embodied in this project work has not been submitted earlier for
award of any degree or diploma to the best of my knowledge and belief.

Signature of Principal

Signature of Guide Signature of Student

 ACKNOWLEDGEMENT

This is our warm and adequate acknowledgement to all those who helped us to
make our project successful.
We would like to place on record our deep sense of gratitude to Dr.Baljit Patiyal
for providing us the valuable opportunity to pursue this work at DAV COLLEGE
BANIKHET, DALHOUSIE.
It is our earnest privilege to express our heartiest gratitude, sincere thanks &
indebtedness to Mrs. Manju Sharma Project incharge. I am highly grateful to her
for her constant encouragement, valuable directions and affection.
We are immensely grateful to our Guide Mrs.Manju Sharma for his/her untiring,
useful discussions and able guidance which helped us to set our thinking in right
direction and to achieve our goal. Her inspiration through the months enabled us to
form a comprehensive but critical picture of our project, their applicability and
their underlying science.
There is paucity of words to acknowledge the uninterrupted, untiring and
everencouraging moral support of our revered parents and family.

Name Pallavi, Diksha,Daneshwar

UniversityRoll No 12680, 12669,12673

 CONTENT

 Chapter-1
1.1 Introduction

 Chapter-2
2.1 Feasibility study

2.2 Hardware feasibility

2.3 software feasibility

2.4 Behavioral feasibility

 Chapter-3
3.1 Scope

 Chapter-4
4.1 ER Diagram
4.2 Data flow diagram

 Chapter-5
5.1 Snapshots

 Chapter-6
6.1 Coding of project

 Chapter-7
7.1 Bibliography
 CHAPTER-1
1.1 INTRODUCTION
This website aims to provide information on all the sports cars developed
and build by the automobile company. This website is all about this online
automobile company which deals with the world top sports car. Here user
can watch all the information regarding the car that they want to purchase or
can also compare that car with the other one. We provide the best cars to
our customers for their better visiting experience to our site. Here user can
also book their car with our online booking form facility.

Beauty is in the beholder's eye. So while designing a car we put more

attention towards its interior and exterior look. Interior design/quality gets
more attention, not in the sense of design but in terms of materials and the
feel of controls and handles.

Safety is highly weighted in most categories, especially in sports cars.

Sportscars.com cannot designate a vehicle as safe or unsafe, but we
interpret crash-test ratings and audit safety features. We take crash-test
scores assigned by the Insurance Institute for Highway Safety much more
seriously than those of our federal government's National Highway Traffic
Safety Administration.

Due to the rollover risk in SUVs, the most important features considered are
rollover mitigation systems, electronic stability systems and side curtain-type
airbags. In small vehicles, side-impact airbags and curtains are highly
weighted, as they often prove to be the difference between a Poor and a
Good IIHS rating for a particular model. Sports cars are the category for
which safety carries the least weight, in keeping with consumer priorities.
However, no vehicle with weak crash-test ratings is eligible for any Best Bet.

Ownership cost/reliability is another important consideration because low

ownership cost can easily compensate for a higher sale price. Aside from
being a drag, repairs are a significant component. For reliability data, we rely
on J.D. Power and Associates' Mechanical Reliability Ratings and Consumer
Reports' Reliability Histories. Other factors in cost of ownership include fuel
economy, required fuel grade (octane) and insurance costs.

Acceleration gets the most weight among sporty cars, but all vehicles can be
classified in one of three categories: not quick enough, quick enough and
more than quick enough, with consideration given to the issue of load
whenever possible. Most vehicles on the road are, at minimum, quick enough
if you're not a lead foot. Transmission performance is also an issue, and
automatics that are unrefined or slow to react are graded harshly.

Choices are important in the battle for an overall Best Bet because we at
sportscars.com know that the right car for you isn't automatically the right
one for someone else. A model that comes with multiple engine and
transmission choices, for example, has definite advantages. An automaker
might give you one large engine for the price of a competitor's vehicle with a
smaller standard engine. To some, this is an advantage, but if you want to
pay less at the pump, the lack of engine choices is a disadvantage to you.
 CHAPTER-2

2.1 Feasibility study

Feasibility is the determination of whether or not a project is worth doing the process followed
making this determination is called feasibility study. This determines if a project can and should
be taken. Once it has been determined that a project is feasible, the analyst can go ahead and
prepare the project specification which finalizes project requirements. Generally, feasibility
studies are undertaken within right time constraints and normally culminate in a written and oral
feasibility report. The contents and recommendations of such a study will be used as a sound
basis for deciding whether to proceed, postpone or cancel the project. Thus, since the feasibility
study may lead to the commitment of large resources, it becomes necessary that it should be
conducted competently and that no fundamental errors of judgment are made.

There are following types of inter-related feasibility

 technical feasibility
 Operational feasibility
 Economic feasibility
 Schedule feasibility
 Cultural feasibility
 Financial feasibility

2.2 Technical feasibility

This assessment is based on an outline design of system requirements, to determine whether the
company has the technical expertise to handle completion of the project.
2.3 Economic feasibility
The purpose of the economic feasibility assessment is to determine the positive economic
benefits to the organization that the proposed system will provide.This assessment typically
involves a cost/ benefits analysis.
2.4Operational feasibility
Operational feasibility is a measure of how well a proposed system solves the problems, and
takes advantage of the opportunities identified during scope definition and how it satisfies the
requirements identified in the requirements analysis phase of system development
2.5 Schedule feasibility
A project will fail if it takes too long to be completed before it is useful. Typically this means
estimating how long the system will take to develop, and if it can be completed in a given time
period using some methods like payback period.
2.6 Cultural feasibility
In this stage, the project's alternatives are evaluated for their impact on the local and
general culture For example, environmental factors need to be considered and these factors are to
be well known. Further an enterprise's own culture can clash with the results of the project.
2.7 Financial feasibility
In case of a new project, financial viability can be judged on the following parameters:

 Total estimated cost of the project

 Financing of the project in terms of its capital structure, debt equity ratio and promoter's
share of total cost
 Existing investment by the promoter in any other business
 Projected cash flow and profitability
2.2.1 Hardware and Software Requirements

Hardware requirements:
 Minimum 5 GB space In HDD
 IBN Net vista Pentium 41.7GHz
 BG ULTRA HDD 7200 RPM
 48 x CD ROM
 System type 64 bit operating system
 RAM 2.00GB(1.74 usable)

Software Requirements:
 Ms Word
 Notepad
 Browser
 Window 7(professional)
 CHAPTER-3

3.1 Scope:-

 We are expanding our leadership in vehicle electrification with advancements in

batteries, electric motors and power controls.
 Our team is also working on a range of high-volume, fuel-saving technologies including
direct injection, variable valve timing, turbo-charging, six-speed transmissions, diesel
engines, and improved aerodynamic designs.
 We continue to create and leverage strategic global partnerships to bring new vehicles
and technologies to customers faster.
 We also established GM Ventures to help the company identify and develop innovative
technologies by exploring equity investments in new auto-related technologies.
 CHAPTER-4
4.1 ER Diagram:-
4.2 Data Flow Diagram:-
 CHAPTER-5
5.1 Snapshots
 CHAPTER-6
6.1 CODING OF ABOUT PAGE
<html>

<head>

<title>An automobile company</title>

<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">

<link href="css/style.css" type="text/css" rel="stylesheet" media="all">

<script src="js/jquery-1.11.1.min.js"></script>

</head>

<body>

<div class="banner">

<div class="headder">

<nav class="navbar navbar-default">

<div class="container">

<div class="navbar-header navbar-right">

</div>

<div>

<div class="top-nav">

<ul class="nav navbar-nav navbar-left cl-effect-16">

<li class="first"><a href="home.html" data-hover="Home">Home</a></li>

<li><a href="about.html" class="active"

data-hover="About">About</a></li>
 <li><a href="services.html" data-hover="Services" class="dropdown-
toggle"

data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">Services<span class="caret"></span></a>

<ul class="dropdown-menu">

<li><a href="services.html">Services1</a></li>

<li><a href="services.html">Services2</a></li>

<li><a href="services.html">Services3</a></li>

</ul>

</li>

<li><a href="gallery.html" data-hover="Gallery">Gallery</a></li>

<li><a href="contact.html" >Contact</a></li>

<li><a href="help.html" data-hover="help">help</a></li>

</ul>

</div>

</div>

<div class="clearfix"></div>

</div>

</nav>

<!--navigation-->
</div>

<div class="bnr-text">

<div class="container">

<h1><a href="index.html"> YourCar.com </a></h1>

<p>We are a leading automobile company that deals with top sports
car.</p>

</div>

</div>

</div>

<!--//banner-->

<!--about-->

<div class="about">

<div class="container">

<h3 class="title">About Us</h3>

<script type="text/javascript">

$(window).load(function() {

$("#flexiselDemo3").flexisel({

visibleItems:2,

animationSpeed: 1000,

autoPlay: true,

autoPlaySpeed: 3000,
 pauseOnHover: true,

enableResponsiveBreakpoints: true,

responsiveBreakpoints: {

portrait: {

changePoint:480,

visibleItems:2

},

landscape: {

changePoint:640,

visibleItems:2

},

tablet: {

changePoint:768,

visibleItems:2

});

});

</script>

<script type="text/javascript" src="js/jquery.flexisel.js"></script>

<div class="about-grids">

<div class="col-md-6 about-grid">

 <p>

The automotive industry is a wide range of companies and organizations involved

in the design, development, manufacturing, marketing, and selling of motor

vehicles.

It is one of the world's most important economic sectors by revenue. The

automotive

industry does not include industries dedicated to the maintenance of automobiles

following delivery to the end-user, such as automobile repair shops and motor fuel

filling stations.

The term automotive was created from Greek autos (self), and Latin motivus (of
motion)

to represent any form of self-powered vehicle. This term was proposed by SAE
member

Elmer Sperry

</p>

<p class="welcome-text">

The automotive industry began in the 1890s with hundreds of

manufacturers that pioneered the horseless carriage. For many decades,

the United States led the world in total automobile production. In 1929
before the Great Depression, the world had 32,028,500 automobiles in use, and

the U.S. automobile industry produced over 90% of them. At that time the U.S.

had one car per 4.87 persons.After World War II, the U.S. produced about

75 percent of world's auto production. In 1980, the U.S. was overtaken by Japan

and became world's leader again in 1994. In 2006, Japan narrowly passed the

U.S. in production and held this rank until 2009, when China took the top

spot with 13.8 million units. With 19.3 million units manufactured in 2012,

China almost doubled the U.S. production, with 10.3 million units, while

Japan was in third place with 9.9 million units. From 1970 (140 models)

over 1998 (260 models) to 2012 (684 models), the number of automobile models

in the U.S. has grown exponentially.

</p>

</div>

<div class="col-md-6 about-slider">

<ul id="flexiselDemo3">

<li>

<div class="biseller-column">

<div class="banner-grid">

<img src="images/i.jpg" class="img-responsive" alt="" />

</div>
</div>

</li>

<li>

<div class="biseller-column">

<div class="banner-grid">

<img src="images/k.jpg" class="img-responsive" alt="" />

</div>

</li>

<li>

<div class="biseller-column">

<div class="banner-grid">

<img src="images/h.jpg" size=100 class="img-responsive" alt=""

</div>

</div>

</li>

<li>

<div class="biseller-column">

<div class="banner-grid">

<img src="images/a.jpg" size=100 class="img-responsive" alt="" />

</div>

</div>

</li>

<li>
<div class="biseller-column">

<div class="banner-grid">

<img src="images/b.jpg" size=100 class="img-responsive" alt="" />

</div>

</div>

</li>

</ul>

</div>

<div class="clearfix"></div>

</div>

</div>

</div>

<!-- welcome -->

<div class="team">

<div class="container">

<h3 class="title">Our Team</h3>

<div class="team-grids">

<div class="col-md-6 team-grid">

<div class="team-grid-left non">

<h4>Miss. Pallavi Thakur</h4>

<p>

We are expanding our leadership in vehicle electrification with

advancements in batteries,
 electric motors and power controls. The GM team is also working on a
range of high-volume,

fuel-saving technologies including direct injection, variable valve timing,

turbo-charging,

six-speed transmissions, diesel engines, and improved aerodynamic

designs. .</p>

</div>

<div class="team-grid-right">

<!--img src="images/a.jpg" alt=" "

class="img-responsive" /-->

</div>

<div class="clearfix"></div>

</div>

<div class="col-md-6 team-grid">

<div class="team-grid-right aliquam">

</div>

<div class="team-grid-left non">

<h4>Miss. Diksha Thakur</h4>

<p>We continue to create and leverage

strategic global

partnerships to bring new vehicles and

technologies to

customers faster. We also established GM

Ventures to help
 the company identify and develop
innovative technologies

by exploring equity investments in new

auto-related technologies.</p>

</div>

<div class="clearfix"></div>

</div>

<div class="clearfix"></div>

</div>

<div class="team-grids">

<h3 class="title">Special Thanks </h3>

<div class="team-grid-centre">

<div class="col-md-6 team-grid">

<div class="team-grid-left non">

<h4>Mrs. Manju Sharma</h4>

<p>

I would like to give very special thanks to Mrs. Manju Sharma.

This curriculum has

proven to be a very challenging but worthwhile effort towards

my goals in public service,
 and I could not have accomplished this project without the help
and support of teachers.

</p>

</div>

<div class="team-grid-right">

</div>

<div class="clearfix"></div>

</div>

<div class="col-md-6 team-grid">

<div class="team-grid-right aliquam">

</div>

<div class="team-grid-left non">

<h4>Mr. Lakhwinder Sharma</h4>

<p>I would like to give very special thanks

to Mr. Lakhwinder Sharma.

This curriculum has proven to be a very

challenging but worthwhile

effort towards my goals in public

service,and I could not have

accomplished this project without the help

and support of teachers.</p>

</div>
 <div class="clearfix"></div>

</div>

<div class="clearfix"></div>

</div>

</div>

</div>

<div class="footer">

<div class="container">

<div class="footer-row">

<div class="col-md-3 footer-grids">

<h2><a href="home.html">YourCar</a></h2>

<p><a
href="mailto:[email protected]">[email protected]</a></p>

<p>+2 000 222 1111</p>

</div>

<div class="col-md-3 footer-grids">

<h3>Navigation</h3>

<ul>

<li><a href="home.html">Home</a></li>

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

<li><a
href="gallery.html">Gallery</a></li>
 <li><a
href="contact.html">Contact</a></li>

<li><a href="services.html">services</a></li>

</ul>

</div>

<div class="col-md-3 footer-grids">

<h3>Special Thanks</h3>

<ul>

<li><a href="home.html">Mrs. Manju

Sharma</a></li>

<li><a href="home.html">Mr. Lakhwinder

Sharma</a></li>

</ul>

</div>

<div class="col-md-3 footer-grids">

<h3>Newsletter</h3>

<p>To subscribe and get more detail about any car

of your

choice you can enter your email here. <p>

<form>

<input type="text" class="text" value="Enter Email" onfocus="this.value = '';"

onblur="if (this.value == '') {this.value = 'Enter Email';}">

<input type="submit" value="Go">

</form>
 </div>

<div class="clearfix"></div>

</div>

</div>

</div>

<div class="footer-bottom">

<div class="container">

<p>Copyright © 2016 Car World. All rights reserved | Design

by Diksha And Pallavi</p>

</div>

</div>

<script type="text/javascript">

$(document).ready(function() {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover

id

scrollSpeed: 1200,

easingType: 'linear'

};

*/
 $().UItoTop({ easingType: 'easeOutQuart' });

});

</script>

<a href="#" id="toTop" style="display: block;"><span id="toTopHover"

style="opacity: 1;"></span></a>

<!--//smooth-scrolling-of-move-up-->

<!-- Bootstrap core JavaScript

================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/bootstrap.js"></script>

</body>

</html>

6.2 CODING OF GALLERY PAGE

<!--

Author: W3layouts

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

-->

<!DOCTYPE html>

<html>

<head>
<title>An Automobile Company | Gallery :: w3layouts</title>

<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">

<link href="css/style.css" type="text/css" rel="stylesheet" media="all">

<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">

<!-- Custom Theme files -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="keywords" content="Perfection Responsive web template,

Bootstrap Web Templates, Flat Web Templates,

Andriod Compatible web template,

Smartphone Compatible web template,

free webdesigns for Nokia, Samsung, LG, SonyErricsson,

Motorola web design" />

<script type="application/x-javascript"> addEventListener("load", function()

{ setTimeout(hideURLbar, 0); }, false); function hideURLbar()

{ window.scrollTo(0,1); } </script>

<!-- //Custom Theme files -->

<!-- js -->

<script src="js/jquery-1.11.1.min.js"></script>

<!-- //js -->

<!-- start-smoth-scrolling-->

<script type="text/javascript" src="js/move-top.js"></script>

<script type="text/javascript" src="js/easing.js"></script>

<script type="text/javascript">

jQuery(document).ready(function($) {

$(".scroll").click(function(event){

event.preventDefault();

$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);

});

});

</script>

<!--//end-smoth-scrolling-->

</head>

<body>

<div class="banner">

<div class="headder">

<nav class="navbar navbar-default">

<div class="container">

<div class="collapse navbar-collapse navbar-left" id="bs-example-navbar-

collapse-1">

<div class="top-nav">

<ul class="nav navbar-nav navbar-left cl-effect-16">

 <li class="first"><a href="home.html">Home</a></li>

<li><a href="about.html" data-hover="About">About</a></li>

<li><a href="services.html" data-hover="Services" class="dropdown-

toggle"

data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">Services<span class="caret"></span></a>

<ul class="dropdown-menu">

<li><a href="services.html">Services1</a></li>

<li><a href="services.html">Services2</a></li>

<li><a href="services.html">Services3</a></li>

</ul>

</li>

<li><a href="gallery.html" class="active" data-hover="Gallery">Gallery</a></li>

<li><a href="contact.html" data-hover="contact" >Contact</a></li>

<li><a href="help.html" data-hover="help">help</a></li>

</ul>

</div>

</div>

<div class="clearfix"></div>

</div>

</nav>
</div>

<div class="bnr-text">

<div class="container">

<h1><a href="home.html"> Yourcar.com </a></h1>

<p>We are a leading automobile company that deals with top sports car</p>

</div>

</div>

</div>

<!--//banner-->

<!--gallery-->

<div class="gallery">

<div class="container">

<h3 class="title">Gallery</h3>

<div class="sap_tabs">

<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">

<ul class="resp-tabs-list">

<li class="resp-tab-item"><span>All</span></li>

<li class="resp-tab-item"><span>Category1</span></li>

<li class="resp-tab-item"><span>Category2</span></li>
 <li class="resp-tab-item"><span>Category3</span></li>

</ul>

<div class="clearfix"></div>

<div class="resp-tabs-container">

<div class="tab-1 resp-tab-content">

<div class="tab_img">

<div class="col-md-3 img-top ">

<a href="images/2.jpg">

<img src="images/2.jpg" class="img-responsive" alt="">

<div class="link-top">

</div>

</a>

</div>

</body>

</html>

6.3 CODING OF SERVICES PAGE

<html>

<head>

<title>An automobile company</title>

<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">

<link href="css/style.css" type="text/css" rel="stylesheet" media="all">

<script src="js/jquery-1.11.1.min.js"></script>
</head>

<body>

<div class="banner">

<div class="headder">

<nav class="navbar navbar-default">

<div class="container">

<div class="navbar-header navbar-right">

</div>

<div class="collapse navbar-collapse navbar-left"

id="bs-example-navbar-collapse-1">

<div class="top-nav">

<ul class="nav navbar-nav navbar-left

cl-effect-16">

<li class="first"><a
href="home.html" data-hover="Home">Home</a></li>

<li><a href="about.html" data-

hover="About">About</a></li>

<li><a href="#"
class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-
haspopup="true" aria-expanded="false">Services<span
class="caret"></span></a>

<ul class="dropdown-
menu">
 <li><a
href="services.html">Services1</a></li>

<li><a
href="services.html">Services2</a></li>

<li><a
href="services.html">Services3</a></li>

</ul>

</li>

<li><a href="gallery.html"
data-hover="Gallery">Gallery</a></li>

<li><a
href="contact.html" data-hover="Contact">Contact</a></li>

<li><a href="help.html"
data-hover="Help">Help</a></li>

</ul>

</div>

</div>

<div class="clearfix"></div>

</div>

</nav>

</div>

<div class="bnr-text">

<div class="container">
 <h1><a href="home.html"> Yourcar.com </a></h1>

<p>We are a leading automobile company that deals with

top sports car.</p>

</div>

</div>

</div>

<div class="services">

<div class="container">

<div class="col-md-10 services">

<h3 class="title">Our Services</h3>

<p class="cnt-p">A motor vehicle service is a series of

maintenance procedures carried out at a

set time interval or after the vehicle has travelled a

certain distance. The service intervals

are specified by the vehicle manufacturer in a service

schedule and some modern cars

display the due date for the next service electronically on

the instrument panel.

The completed services are usually recorded in a service book which is rubber
stamped by

the service centre upon completion of each service. A complete service history
usually

adds to the resale value of a vehicle.</p>

<p class="cnt-p" >Maintenance tasks commonly carried out during a motor vehicle
service include:</p>

<p> Tune the engine</p><br>

<p> Replace the air filter</p><br>

<p> Replace the oil filter</p><br>

<p> Replace the fuel filter</p><br>

<p>Replace the engine oil </p><br>

<p> Replace the spark plugs</p><br>

<p> Check level and refill brake fluid</p><br>

<p> Grease and lubricate components</p><br>

<p> Check level and refill power steering fluid</p><br>

<p> Inspect and replace the timing belt if needed</p><br>

<p>Check level and refill Automatic Transmission Fluid</p><br>

</p>

<div class="clearfix"></div>

</div>

</div>

<div class="featured">

<div class="container"><br>

<h3 class="title">Featured Services</h3>

<div class="portfolio-grids">

<div class="col-md-4 port-grids view view-fourth">

 <img src="images/engine.jpg" class="img-
responsive" alt=""/>

<div class="mask">

<p>Change the engine oil.</p>

</div>

</div>

<div class="col-md-4 port-grids view view-fourth">

<img src="images/oil-filter.jpg" class="img-

responsive" alt=""/>

<div class="mask">

<p>We offer replacement of oil filter.</p>

</div>

</div>

<div class="col-md-4 port-grids view view-fourth">

<img src="images/car_tires.jpg" class="img-

responsive" alt=""/>

<div class="mask">

<p>Check condition of the tires.</p>

</div>

</div>

<div class="col-md-4 port-grids view view-fourth">

<img src="images/air-filter.jpg" class="img-

responsive" alt=""/>

<div class="mask">
<p>Replace the air filter.</p>

</div>

</div>

<div class="col-md-4 port-grids view view-fourth">

<img src="images/btry.jpg" class="img-

responsive" alt=""/>

<div class="mask">

<p>We provide extra battries also.<br>

Fully original</p>

</div>

</div>

<div class="col-md-4 port-grids view view-fourth">

<img src="images/motr-oil.jpg" class="img-

responsive" alt=""/>

<div class="mask">

<p>Replacement of motor oil..</p>

</div>

</div>

<div class="clearfix"></div>

</div>

</div>

</div>

<div class="footer">
 <div class="container">

<div class="footer-row">

<div class="col-md-3 footer-grids">

<h2><a href="home.html">Yourcar</a></h2>

<p><a
href="mailto:[email protected]">[email protected]</a></p>

<p>+2 000 222 1111</p>

</div>

<div class="col-md-3 footer-grids">

<h3>Navigation</h3>

<ul>

<li><a href="index.html">Home</a></li>

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

<li><a
href="gallery.html">Gallery</a></li>

<li><a
href="contact.html">Contact</a></li>

<li><a href="help.html">help</a></li>

</ul>

</div>

<div class="col-md-3 footer-grids">

<h3>Special Thanks</h3>

<ul>
 <li><a href="services.html">Mrs. Manju
Sharma</a></li>

<li><a href="services.html">Mr.
Lakhwinder Sharma</a></li>

</ul>

</div>

<div class="col-md-3 footer-grids">

<h3>Newsletter</h3>

<p>To subscribe and get more detail about any car

of your choice you can enter your email here. <p>

<form>

<input type="text" class="text" value="Enter

Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter
Email';}">

<input type="submit" value="Go">

</form>

</div>

<div class="clearfix"></div>

</div>

</div>

</div>

<div class="footer-bottom">

<div class="container">
 <p>Copyright © 2016 Car World. All rights reserved | Design
by Diksha And Pallavi</p>

</div>

</div>

<script type="text/javascript">

$(document).ready(function() {

/*

var defaults = {

containerID: 'toTop', // fading element id

containerHoverID: 'toTopHover', // fading element hover

id

scrollSpeed: 1200,

easingType: 'linear'

};

*/

$().UItoTop({ easingType: 'easeOutQuart' });

});

</script>

<a href="#" id="toTop" style="display: block;"><span id="toTopHover"

style="opacity: 1;"></span></a>

<script src="js/bootstrap.js"></script>

</body>

</html>
 CHAPTER-7

7.1 Bibliography

 INTERNET TECHNOLOGY AND WEB PAGE DESIGN

By: Rachhpal Singh

 WWW.GOOGLE.COM