You are on page 1of 55

TRUE VALUE SELLER

A Project Report

Submitted in Partial Fulfillment of the Requirements For The Award Of The Degree Of

Bachelor of Technology

Information Technology (I.T.)


SUBMITTED TO

Maharishi Dayanand University,Rontak,Haryana


SUBMITTED BY
Name Of Student University Roll No.
Ravikant 2054710
18IT020

The Technological Institute of Textile & Sciences


Bhiwani, Haryana

Candidate Declaration

We hereby certify that the work which is being presented in the project entitled “ TRUE
VALUE SELLER” in fulfillment of the requirement for the award of the degree of Bachelor
of Technology in Information Technology Department in TIT&S College,Bhiwani, Haryana,
India, The matter presented in this report has not been submitted by us for the award of any
other degree of this or any other Institute/University.

Ravikant (18IT020)

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Ms. Mukta Goyal

Department of Computer Engineering

Head of Department
Acknowledgement

We wish to express my deep sense of indebtedness and sincerest gratitude to my guide,


Department of Information Technology, TIT&S College, Bhiwani , Haryana, for his
invaluable guidance and constructive criticism throughout this dissertation. He has displayed
unique tolerance and understanding at every step of progress and encourages me. I deem it my
privilege to have carried out my Dissertation work under his able guidance.

I would especially like to thank Dr. Mukesh Kumar (Professor and Head of Department
of Computer Science & Engineering, TIT&S, Bhiwani ) without whom, this work would
not have been as it is now.

As a Final Personal Note, I am grateful to my parents, who are inspirational to me in their


understanding, patience and constant encouragement.

Ravikant(18IT020)

3
TABLE OF CONTENTS

Title

Candidate declaration

Acknowledgement

List of Tables

1. INTRODUCTION

1.1 BASIC REQUIREMENTS

2. PROJECT OBJECTIVE

3. PROJECT DESCRIPTION

3.1 MODULE
3.2 CHARACTERISTICS

4. REQUIREMENT(SOFTWARE/HARDWARE)
4.1 SOFTWARE REQUIREMENTS
4.2 HARDWARE REQUIREMENTS

5. DATA FLOW DIAGRAM(DFD)

6. ENTITY RELATIONSHIP DIAGRAM(ER DIAGRAM)

7. FUTURE SCOPE

8. APPENDIX A:SOURCE CODE

CHAPTER – 1
True Value Seller

1. INTRODUCTION
True Value Seller means buy/sell used cars including budget, model, prices, company
etc. Our project is meant to give people a better and trustworthy platform where they can
sell and buy cars of their own choice and obviously on their own terms and condition.
With the help of internet and computer systems a man from remote area can buy/sell his
car from anywhere the country/world. We can also add option of the online auction of
heritage and vintage cars in which customers can take part in the auction. This will
eliminate the barrier of distance and area.

1.1 Introduction:

Modern Generation is going to dependable on computer and through computer we use


Software. Hence, we are learning HTML5 that’s why we create an Application for buying
and selling second hand cars efficiently by using java. By using this, one can buy/sell a
second hand car effortlessly from their home by getting the complete information about
the car they are buying and giving complete information about the car they are selling.

1.2 Motivation:

Car becomes a very important part of our life. If we are having our own vehicle then we
can go to anywhere anytime with all freedom. Cars also become a source to show that
you are rich to others. The main problem one will face is the finance because sometimes
it happens that the car, we like is out of our budget then we have an option to buy a
second hand car.
CHAPTER 2

OBJECTIVE

2. PROJECT OBJECTIVE

The main purpose of “car trading portal” is sell/buy used/second-hand cars online. Using this
project anyone can buy/sell used cars online including by budget, cities, model, company etc.
This project would become the best market place and information source on old cars bought and
sold in India. In this project, we want to make some modules like car seller module, car buyer
module, find cars including budget, car comparisons etc. This project will provide facility to all
buyer, seller and dealers for buy/sell cars. If anyone want to buy used cars online, then first he
will register in this website and then he can see all the details about the sell used cars including
prices, model and cities.

It provides the best used cars for the cheapest prices, creating more value for customers visiting.
It provides the message of new dealing cars, used cars to the visitor who register in the website.
This system is based on the buyer budget, seller budget for the buying/selling used cars. The
main goal is to provide easy way for buying and selling used cars online. Any person can register
in the website and after that he can buy used cars, sell used cars, compare the cars regarding
budget, model, company, city. Unregistered person may only see common pages with all buyer
and seller’s information.
CHAPTER – 3
PROJECT DESCRIPTION

3. PROJECT DESCRIPTION

True Value Seller is an application which refers to buying/selling of second hand cars. This application is
operated by the customer. The one that want to sell their car can assess this application and share the
information of their car with a photograph, and also, they will share their contact number so that
interested customer can reach to them easily. Persons that want to buy a second hand car can also
assess this application and find the available cars and information about them. They can also reach to
the buyer by the provided contact number.

Major Features:

 In our new system, buyers and sellers can search used cars with many criteria like
company, budget, color, model, city, year etc.

 In our system, we want to add new module as a comparison car with company and budget.

 In our new system searching criteria will be strong with year, budget etc.

 The new feature of our system will message. In this module, Visitor can visit in our
website once, when the new used car will deal in the system, message/mail will be passed
in their messages.

3.1.1 Related Works:

 Data base connection.

 Java GUI Application.

 Java swing application.

 Unified modeling language.


3.1.2 Scope of the Problem:

 When connect with Database table.

 When make a runnable jar file.

 When make an Exe file.

 When need to add some of extra jar file.

3.1.3 Challenges:

 Work with database.

 Make a runnable jar File.

 Make jar file to exe File.

 UML design.

 Working with java GUI and Swim.

 Network Problem

 Fake ID’s

3.1 Methodology:

The technologies used in making True Value Seller are:

a. HTML5

b. JAVASCRIPT

c. CSS

d. Bootstrap
a. HTML5:

HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language


 HTML describes the structure of Web pages using markup
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
 Browsers do not display the HTML tags, but use them to render the content of the page.

HTML 5 is the fifth and current major version of the HTML standard, and
subsumes XHTML. It currently exists in two standardized forms: HTML 5.2
Recommendation by the World Wide Web Consortium (W3C, a broad coalition of
organizations), intended primarily for Web content developers; and HTML Living
Standard by WHATWG (a small consortium of four browser vendors), intended
primarily for browser developers, though it also exists in an abridged Web developer
version. There are minor conflicts between the two groups' specifications.
HTML 5 was first released in public-facing form on 22 January 2008, with a major
update and "W3C Recommendation" status in October 2014. Its goals are to improve the
language with support for the latest multimedia and other new features; to keep the
language both easily readable by humans and consistently understood by computers and
devices such as Web browsers, parsers, etc., without XHTML's rigidity; and to
remain backward-compatible with older software. HTML 5 is intended to subsume not
only HTML 4, but also XHTML 1 and DOM Level 2 HTML; the HTML 4 and XHTML
specs were announced as superseded by HTML 5.2 on 27 March 2018.
HTML 5 includes detailed processing models to encourage more interoperable
implementations; it extends, improves and rationalizes the markup available for
documents, and introduces markup and application programming interfaces (APIs) for
complex web applications.[11] For the same reasons, HTML 5 is also a candidate for
cross-platform mobile applications, because it includes features designed with low-
powered devices in mind.
Many new syntactic features are included. To natively include and
handle multimedia and graphical content, the
new <video> , <audio> and <canvas> elements were added, and support for scalable
vector graphics (SVG) content and MathML for mathematical formulas. To enrich
the semantic content of documents, new page structure elements such
as and <main>
, <article>
, <section>
, <header> , <footer> , <aside> , <nav> ,
<figure> are added. New attributes are introduced, some elements and attributes
have been removed, and others such as <a /> , <cite> , and <menu> have been changed,
redefined, or standardized.
b. JAVASCRIPT:

JavaScript often abbreviated as JS, is a high-level, interpreted programming language that


conforms to the ECMAScript specification. JavaScript has curly-bracket syntax, dynamic
typing, prototype-based object-orientation, and first-class functions.
Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide
Web. JavaScript enables interactive web pages and is an essential part of web
applications. The vast majority of websites use it,[10] and major web browsers have a
dedicated JavaScript engine to execute it.
As a multi-paradigm language, JavaScript supports event-driven, functional,
and imperative (including object-oriented and prototype-based) programming styles. It
has APIs for working with text, arrays, dates, regular expressions, and the DOM, but the
language itself does not include any I/O, such as networking, storage,
or graphics facilities. It relies upon the host environment in which it is embedded to
provide these features.
Initially only implemented client-side in web browsers, JavaScript engines are now
embedded in many other types of host software, including server-side in web servers and
databases, and in non-web programs such as word processors and PDF software, and in
runtime environments that make JavaScript available for writing mobile and desktop
applications, including desktop widgets.The terms Vanilla JavaScript and Vanilla JS refer
to JavaScript not extended by any frameworks or additional libraries. Scripts written in
Vanilla JS are plain JavaScript code.
Although there are similarities between JavaScript and Java, including language
name, syntax, and respective standard libraries, the two languages are distinct and differ
greatly in design. JavaScript was influenced by programming languages such
as Self and Scheme.

c. CSS:

Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a markup language like HTML. CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of presentation and content,
including layout, colors, and fonts. This separation can improve content accessibility,
provide more flexibility and control in the specification of presentation characteristics,
enable multiple web pages to share formatting by specifying the relevant CSS in a
separate .css file, and reduce complexity and repetition in the structural content.
Separation of formatting and content also makes it feasible to present the same markup
page in different styles for different rendering methods, such as on-screen, in print, by
voice (via speech-based browser or screen reader), and on Braille-based tactile devices.
CSS also has rules for alternate formatting if the content is accessed on a mobile device.
The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one rule matches a particular element. This cascading priority
scheme is predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C).
Internet media type (MIME type) text/css is registered for use with CSS by RFC
2318 (March 1998). The W3C operates a free CSS validation service for CSS documents.
In addition to HTML, other markup languages support the use of CSS
including XHTML, plain XML, SVG, and XUL.

d. Bootstrap:

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first


front-end web development. It contains CSS- and (optionally) JavaScript-based design
templates for typography, forms, buttons, navigation and other interface components.

Bootstrap is the third-most-starred project on GitHub, with more than 131,000 stars,
behind only freeCodeCamp (almost 300,000 stars) and marginally behind Vue.js
framework.[2] According to Alexa Rank, Bootstrap getbootstrap.com is in the top-2000 in
US while vuejs.org is in top-7000 in US.[3]

Mark Otto announced Bootstrap 4 on October 29, 2014. [9] The first alpha version of
Bootstrap 4 was released on August 19, 2015.[10] The first beta version was released on 10
August 2017.[11] Mark suspended work on Bootstrap 3 on September 6, 2016, to free up
time to work on Bootstrap 4. Bootstrap 4 was finalized on January 18, 2018.[12]

Significant changes include:

 Major rewrite of the code


 Replacing Less with Sass
 Addition of Reboot, a collection of element-specific CSS changes in a single file, based on
Normalize
 Dropping support for IE8, IE9, and iOS 6
 CSS Flexible Box support
 Adding navigation customization options
 Adding responsive spacing and sizing utilities
 Switching from the pixels unit in CSS to root ems
 Increasing global font size from 14px to 16px
 Dropping the panel, thumbnail, pager, and well components
 Dropping the Glyphicons icon font
 Huge number[quantify] of utility classes
 Improved form styling, buttons, drop-down menus, media objects and image classes
3.3 TESTING PROCEDURES:

: 3.3.1 TESTING PLANS

Tests should be planned long before testing begins.


All tests should be traceable to customer
requirements.
The testing should begin “in the small” and progress towards testing “in the large”.
Exhaustive testing is not possible.
To be most effective, an independent third party should conduct testing.

3.3.2 test cases:

Unit testing
System testing
Peak load test
Storage testing
Performance testing
Recovery testing

Unit testing: It involves testing of individual module/program and see whether all
programs are successfully running and giving output according to its requirements or
not.

System testing: Once unit testing is successfully implemented; the complete system
is tested. At this stage, end users and operators become actively involved in testing.
The discrepancies between the system and its original objective, current specification
and system documentation, all are tested.

Peak load test: This test is used to determine whether the system can handle the
volume of activities that occur, when the system is at peak of its processing demand.

Storage testing: To determine the capacity of the system to store transaction data on
the disk or in other files, this testing is done.
Performance testing: This test refers to the response time of the system being
installed. This test is conducted before the implementation to determine how long it
takes to receive a response to an enquiry.

Recovery testing: In this testing module, procedures are written to help user recover

their data even after crashing of the system .


CHAPTER – 4
REQUIREMENT

4 REQUIREMENT

4.1 SOFTWARE REQUIREMENT

The software requirement specification is produced at the culmination of the analysis task.
The function and performance allocated to software as part of system engineering are refined by
establishing a complete information description, a detailed functional and behavioral description,
an indication of performance requirements and design constraints, appropriate validation criteria
and other data pertinent to requirements. Software’s can be defined as programs which run on
our computer .it act as petrol in the vehicle. It provides the relationship between the human and a
computer. It is very important to run software to function the computer. Various software’s are
needed in this project for its development.

Software:

Name of Component Specification

Language HTML5, CSS, BOOTSTRAP,


JAVASCRIPT.

Database MySQL / Oracle.

Table 1- Software Specification


4.1 Hardware Requirement

In hardware requirement we require all those components which will provide us the
platform for the development of the project. These all are the minimum hardware
requirement required for our project. We want to make our project to be used in any.
Type of computer therefore we have taken minimum configuration to a large extent.128
MB ram is used so that we can execute our project in a least possible RAM.5 GB hard
disk is used because project takes less space to be executed or stored. Therefore,
minimum hard disk is used. Others enhancements are according to the needs. The
minimum hardware required for the development of this project is as follows—

Hardware:

Name of component Specification

Processor Pentium III 630MHz

RAM 128 MB

Hard Disk 20 GB

Monitor 15” color monitor

Keyboard 122 keys

Table 2- Hardware Specification


CHAPTER – 5
DATAFLOW DIAGRAM

5. Dataflow Diagram

DFD:Data Flow Diagram:


ER -DIAGRAM
CHAPTER – 6
TESTING AND IMPLEMENTATION

6.1 Testing

Software testing is a critical element of software quality assurance and represents the ultimate
review of specification, design and code generation. The increasing visibility of software as a
system element and the attendant “costs” associated with a software failure are motivating forces
for well planned through testing.

Once source code has been generated, software must be tested to uncover as many errors as
possible before delivery to customer. The goal is to design a series of test cases that online
shopping system project report have a high likelihood of finding errors but how? That online
shopping system project report’ where software testing techniques enter the pictures.

6.1.1 Testing Objectives

 Testing is a process of executing a program with the intent of finding an error.


 A good test case is one that online shopping system project report has a high probability
of finding an as-yet-undiscovered error.
 A successful test is that online shopping system project report uncovers an as-yet-
undiscovered error.

8.1.2 Testing Principle

 All tests should be traceable to customer requirement.


 Tests should be planned long before testing begins.
 The Pareto principle applies to software testing.
 Exhaustive testing is not possible.
 To be most effective, an independent third party should conduct testing.

"Software testing involves executing an implementation of the software with test data and
examining the outputs of the software and its operational behavior to check that online shopping
system project report it is performing as required. Testing is a dynamic technique of verification
and validation because it works with an executable representation of the system
Unit Testing

Unit testing focuses verification effort on the smallest unit of software design-the software component or
module. Using the component – level design description as a guide, important control paths are tested to
uncover errors within the boundary of the module. The relative complexity of tests and uncovered
errors is limited by the constrained scope established for unit testing. The unit test is white-box
oriented and the step can be conducted in parallel for multiple components.

Integration Testing

Integration testing is a systematic technique for constructing the program structure while at the same
time conducting tests to uncover errors associated with interfacing. The objective is to take unit tested
components and build a program structure that online shopping system project report has been
dictated by design. Incremental integration is the antithesis of the big bang approach. The program is
constructed and tested in small increments, where errors are easier to isolate and correct, interfaces are
more likely to be tested completely, and a systematic test approach may be applied.

System Testing

System testing is actually a series of different tests whose primary purpose is to fully exercise the
computer-based system. Although each test has a different purpose, all work to verify that online
shopping system project report system elements have been properly integrated and perform
allocated functions.

OPTIMIZATION POINTS

The software will work efficiently and speedily when the following conditions will be satisfied:

 The server should be of high configuration.


 The client machine has larger RAM.
 Adequate free space on the client’s hard disk.
 The user waits until he gets the home page properly.
 No access to the database for writing, deleting or updating by any other except the authority.

Salient Features of the System

 The software is completely menu driven.


 The data entry screens are completely user friendly.
 All editing features and navigation from one field to another, one web page to another, etc
is possible.
 Exit from any web page is possible.
 Validation checks have been incorporated in each web page at the appropriate fields.
 Database has been secured by means of password protection.
 Authorization is necessary for all the internal users of the site.
CHAPTER – 7
FUTURE SCOPE

6. Future Scope

Dealers have been lulled asleep by the franchise model," says one dealer principal.
"Dealers have had the luxury of being reliant on the manufacturers to set the pace and to
lead the charge."

That's a recipe for failure in a future where the role and business model for auto retailing
change drastically — toward mobility services and away from straightforward vehicle
sales
— he warned.

"Dealers that will be successful will partner or lead" in determining what the "future of
retail looks like," he said.

The following predictions are based on interviews with dozens of dealers and other auto-
retailing-related experts. Most spoke off the record.

There was broad agreement on several points:

The sales and financing part of the business model will change.

Service will remain an important part of the business.

Dealerships will look quite different physically.

There will be fewer of them.

While there's no certainty that all of the predictions will come true, it is certain that
today's dealership model — based primarily on selling one vehicle at a time to
individuals and then servicing those cars and trucks — won't emerge unscathed in a
world of shared, autonomous, electrified vehicles.

Here's what an industry observer may see in 2030.

New mobility
Autonomous vehicles started with long-haul trucks around 2020. About 10 years later,
self- driving cars dominate American roadways.

In this new world, some consumers want group leases on one self-driving car to share or
to buy monthly subscriptions that allow them to switch from one kind of vehicle to
another
as their needs change day to day. In addition, large fleets have emerged, offering ride-
hailing services to either their members or the general public.

As those alternative ownership models have burgeoned, fewer and fewer consumers want
to lock themselves into the high cost, limited daily choice and general hassle of private
vehicle ownership, especially those living in metro markets.

To be sure, dealerships for some performance and off-road brands linger, selling cars and
trucks — and memberships at private tracks where those buyers can get behind the wheel
— to a dwindling pool of individuals who like to drive.

New business
To stay in business, dealerships have had to reinvent themselves, adding more products
and services to their portfolios. Dealerships that have survived added mobility to their
stores as a separate department, alongside parts, service and finance and insurance.
Dealerships have become more independent. They still work with automakers, but
they've had to diversify.
APPENDEX

INDEX PAGE:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<!--Navigation Bar-->

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="index.html"><img alt="logo"></a>


<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto">

<li class="nav-item">

<!--For including the link and css for it-->

<a href="index.html">HOME</a>

</li>

<!--Your nav links go here-->

</ul>

</div>

</nav>

</section>

<!--Slider Section-->

<section>

<div id="slider">

<div id="headerSlider" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">

<li data-target="#headerSlider" data-slide-to="0" class="active"></li>

<li data-target="#headerSlider" data-slide-to="1"></li>

<li data-target="#headerSlider" data-slide-to="2"></li>


</ol>

<div class="carousel-inner">

<!-- Your Sliding Images comes here-->

</div>

<a class="carousel-control-prev" href="#headerSlider" role="button" data-


slide="prev">

<span class="carousel-control-prev-icon" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<a class="carousel-control-next" href="#headerSlider" role="button" data-


slide="next">

<span class="carousel-control-next-icon" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

</div>

</section>

<!--Promo Section-->

<section>

<section id="promo">

<div class="container">

<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>

<a href="pages/contact.html" class="btn btn-primary">Contact Us</a>

</div>
</section>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

ABOUT:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<!--Navigation Bar-->

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="../index.html"><img src="../img/logo.png"></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto">

<li class="nav-item active">

<a class="nav-link" href="../index.html">HOME</a>

</li>

<li class="nav-item">

<a class="nav-link" href="#about">ABOUT US</a>

</li>

<li class="nav-item">
<a class="nav-link" href="team.html">OUR TEAM</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html">SERVICES</a>

</li>

<li class="nav-item">

<a class="nav-link" href="price.html">PRICING</a>

</li>

<li class="nav-item">

<a class="nav-link" href="testimonials.html">TESTIMONIALS</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html">CONTACT</a>

</li>

</ul>

</div>

</nav>

</section>

<!--About Section-->

<section id="about">

<div class="container">

<div class="row">

<div>

<h2>About Us</h2>
<div>

Selling a car is an extensive and uncertain process. One is never sure of<br>

their car's real market value. Listing online leads to more time<br>

consumption, multiple calls, random meetings, price haggling etc.True<br>

Value Seller makes selling a car easy, fair and quick experience. We<br>

offer an efficient and reliable way to car owners to sell their car at the<br>

best price.

</div>

<!--Button Goes Here-->

<button type="button" class="btn btn-primary">Read More>>></button>

</div>

<div class="col-md-6 review-bar">

<p> Customer Satisfaction</p>

<div class="progress">

<div class="progress-bar" style="width:98%;">98%</div>

</div>

<p> Best Price Guarantee</p>

<div class="progress">

<div style="width:90%;" class="progress-bar">90%</div>

</div>

<p> Instant Payment</p>

<div class="progress">

<div style="width:85%;" class="progress-bar">85%</div>

</div>
<p> Hassle Free Transfer</p>

<div class="progress">

<div style="width:96%;" class="progress-bar">96%</div>

</div>

</div>

</div>

</div>

</section>

<!--Location Section-->

<section>

<section id="location">

<div class="container">

<h1>Our Locations</h1>

<div class="row center">

<div class="col-md-3 text-center card">

<div style="width: 14rem;" class="card-body">

<img class="card-img-top" src="/img/location1.jpg" alt="Card image"


style="width:100% align:center">

<div class="card-footer">

<p>Mumbai</p>

</div>

</div>

</div>

<div class="col-md-3 text-center card">


<div class="card-body">

<img class="card-img-top" src="/img/location2.jpg" alt="Card image"


style="width:100%">

<div class="card-footer">

<p>Bangalore</p>

</div>

</div>

</div>

<!--Remaining Locations need to be added here-->

<div class="col-md-3 text-center card">

<div style="width: 14rem;" class="card-body">

<img class="card-img-top" src="/img/location3.jpg" alt="Card image"


style="width:100%">

<div class="card-footer">

<p>Hyderabad</p>

</div>

</div>

</div>

<div class="col-md-3 text-center card">

<div style="width: 14rem;" class="card-body">

<img class="card-img-top" src="/img/location4.jpg" alt="Card image"


style="width:100%">

<div class="card-footer">
<p>Delhi</p>

</div>

</div>

</div>

</div>

</div>

</section>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

CONTACT:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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


<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<!--Navigation Bar-->

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="../index.html"><img src="../img/logo.png"></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto">

<li class="nav-item active">


<a class="nav-link" href="../index.html">HOME</a>

</li>

<li class="nav-item">

<a class="nav-link" href="about.html">ABOUT US</a>

</li>

<li class="nav-item">

<a class="nav-link" href="team.html">OUR TEAM</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html">SERVICES</a>

</li>

<li class="nav-item">

<a class="nav-link" href="price.html">PRICING</a>

</li>

<li class="nav-item">

<a class="nav-link" href="testimonials.html">TESTIMONIALS</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html">CONTACT</a>

</li>

</ul>

</div>

</nav>

</section>
<!--Contact us-->

<section id="contact">

<div class="container">

<h1>Get in Touch</h1>

<div class="row">

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

<form class="contact-form">

<div class="form-group">

<input type="text" class="form-control">

</div>

<!--Name, Phone. No, Email, Message-->

<!--Add Send Message Button here-->

</form>

</div>

<div class="col-md-6 contact-info">

<div class="follow"><b>Address:</b> <i class="fas fa-map-marker-


alt"></i>Lavelle Road, Bangalore, IN </div>

<!--div for phone and email-->

<div><label><b>Follow us:</b></label>

<a href="#">Facebook icon</a>

<a href="#">Twitter Icon here</a>

</div>

</div>

</div>
</div>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

PRICE:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">


<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<!--Navigation Bar-->

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="../index.html"><img src="../img/logo.png"></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto">

<li class="nav-item active">

<a class="nav-link" href="../index.html">HOME</a>

</li>

<li class="nav-item">

<a class="nav-link" href="about.html">ABOUT US</a>

</li>

<li class="nav-item">
<a class="nav-link" href="team.html">OUR TEAM</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html">SERVICES</a>

</li>

<li class="nav-item">

<a class="nav-link" href="price.html">PRICING</a>

</li>

<li class="nav-item">

<a class="nav-link" href="testimonials.html">TESTIMONIALS</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html">CONTACT</a>

</li>

</ul>

</div>

</nav>

</section>

<!--Pricing Section-->

<section id="price">

<div class="container">

<h1>PRICE PLANS</h1>

<div class="row">

<div class="col-md-3">
<div class="single-price">

<div style="background-color: #DEB887; text-align: center;">

<h2 style="color: #555555;">Hatch Back</h2>

<p style="font-size: 15px; font-weight: 600">2.5 to 7.00 Lacs</p>

</div>

<div>

<ul style="padding-left: 35px;">

<li><i></i>Swift</li>

<li><i></i>Polo</li>

<li><i></i>Figo</li>

<li><i></i>i20</li>

<li><i></i>Baleno</li>

</ul>

</div>

<div style="text-align: center; height: 50px;">

<a href="#" class="buy-btn">Buy Now</a>

</div>

</div>

</div>

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

<div class="single-price">

<div style="background-color: #DEB887; text-align: center;">

<h2 style="color: #555555;">SEDAN</h2>

<p style="font-size: 15px; font-weight: 600">7.5 to 12.00 Lacs</p>


</div>

<div>

<ul style="padding-left: 35px;">

<li><i></i>Verna</li>

<li><i></i>Honda Amaze</li>

<li><i></i>Skoda Rapid</li>

<li><i></i>Hona City</li>

<li><i></i>Etios</li>

</ul>

</div>

<div style="text-align: center; height: 50px;">

<a href="#" class="buy-btn">Buy Now</a>

</div>

</div>

</div>

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

<div class="single-price">

<div style="background-color: #DEB887; text-align: center;">

<h2 style="color: #555555;">SUV</h2>

<p style="font-size: 15px; font-weight: 600">12.00 to 18.00Lacs</p>

</div>

<div>

<ul style="padding-left: 35px;">

<li><i></i>Scorpio</li>
<li><i></i>Sfari</li>

<li><i></i>Innova</li>

<li><i></i>Ertiga</li>

<li><i></i>Bolero</li>

</ul>

</div>

<div style="text-align: center; height: 50px; color: #696B69">

<a href="#" class="buy-btn">Buy Now</a>

</div>

</div>

</div>

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

<div class="single-price">

<div style="background-color: #DEB887; text-align: center;">

<h2 style="color: #555555;">PREMIUM CARS</h2>

<p style="font-size: 15px; font-weight: 600">18.00 to 25.00 Lacs</p>

</div>

<div>

<ul style="padding-left: 35px;">

<li><i></i>Fortuner</li>

<li><i></i>Tucson</li>

<li><i></i>Skoda Octavia</li>

<li><i></i>Passat</li>

<li><i></i>Pajero</li>
</ul>

</div>

<div style="text-align: center; height: 50px;">

<a href="#" class="buy-btn">Buy Now</a>

</div>

</div>

</div>

<!--Other Price Plans here-->

</div>

</div>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

SERVICE:

<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">

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

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<!--Navigation-->

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="../index.html"><img src="../img/logo.png"></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">


<ul class="navbar-nav ml-auto">

<li class="nav-item active">

<a class="nav-link" href="../index.html">HOME</a>

</li>

<li class="nav-item">

<a class="nav-link" href="about.html">ABOUT US</a>

</li>

<li class="nav-item">

<a class="nav-link" href="team.html">OUR TEAM</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html">SERVICES</a>

</li>

<li class="nav-item">

<a class="nav-link" href="price.html">PRICING</a>

</li>

<li class="nav-item">

<a class="nav-link" href="testimonials.html">TESTIMONIALS</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html">CONTACT</a>

</li>

</ul>

</div>
</nav>

</section>

<!--Services Section-->

<section>

<section id="services">

<div class="container">

<h1>Our Services</h1>

<div class="row services">

<div class="col-md-3 text-center">

<div class="icon">

<i class="fas fa-car-alt"></i>

</div>

<h5>Buy and Sell Cars</h5>

<p>

Enter car details to get an estimated website quote, and book an appointment
at the nearest

<strong>TRUE VALUE SELLER</strong> branch to get the final offer for


your car.

</p>

</div>

<div class="col-md-3 text-center">

<div class="icon">

<!--Icon comes here -->

</div>
<h5>Car Evaluation</h5>

<p>

Visit the branch along with necessary documents at the booked slot.

Get your car evaluated by a professional evaluator.

</p>

</div>

<div class="col-md-3 text-center">

<div class="icon">

<!--Icon comes here -->

</div>

<h5>Easy Transaction</h5>

<p>

After completion of the inspection process, we will offer a final price for your
car.

Once you accept our offer and sign the deal, the amount will be credited to
your account,

instantly.

</p>

</div>

<div class="col-md-3 text-center">

<div class="icon">

<!--Icon Comes here-->

</div>

<h5>Transfer Documents</h5>
<p>

We take care of all the required paperwork such as RC transfer, at no extra


cost!

</p>

</div>

</div>

</div>

</section>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

TEAM:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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


<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>True Value Seller</title>

<link rel="stylesheet" href="../css/style.css">

<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<section id="nav-bar">

<nav class="navbar navbar-expand-lg navbar-light navbar-fixed-top">

<a class="navbar-brand" href="../index.html"><img src="../img/logo.png"></a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-


target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle
navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarNav">

<ul class="navbar-nav ml-auto">

<li class="nav-item active">

<a class="nav-link" href="../index.html">HOME</a>


</li>

<li class="nav-item">

<a class="nav-link" href="#about">ABOUT US</a>

</li>

<li class="nav-item">

<a class="nav-link" href="team.html">OUR TEAM</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html">SERVICES</a>

</li>

<li class="nav-item">

<a class="nav-link" href="price.html">PRICING</a>

</li>

<li class="nav-item">

<a class="nav-link" href="testimonials.html">TESTIMONIALS</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html">CONTACT</a>

</li>

</ul>

</div>

</nav>

</section>

<section id="team">
<div id="container">

<h1>Our Team</h1>

<div class="row">

<div class="col-md-3 profile-pic text-center">

<div class="img-box">

<img style=" height: 90px; width: 90px; border-radius: 100%; "


src="../img/mohit.jpg" class="img-responsive ">

<ul>

<a href="https://www.facebook.com/profile.php?id=100004649344879">

<li><i class="fab fa-facebook-f"></i></li>

</a>

<a href="https://www.linkedin.com/in/mohit-bhardwaj-69a0b1128/">

<li><i class="fab fa-linkedin"></i></li>

</a>

<a href="https://github.com/br25mohit">

<li><i class="fab fa-github"></i></li>

</a>

</ul>

</div>

<h3>Mohit Bhardwaj</h3>

<h4>Designation</h4>

<p>Statement</p>

</div>

<div class="col-md-3 profile-pic text-center">


<div class="img-box">

<img alt="--">

<ul>

<a href="#">

<li><i class="fab fa-facebook-f"></i></li>

</a>

<a href="#">

<li><i class="fab fa-linkedin"></i></li>

</a>

<a href="#">

<li><i class="fab fa-github"></i></li>

</a>

</ul>

</div>

<h3>Ankit Kundra</h3>

<h4>Designation</h4>

<p>Statement</p>

</div>

<div class="col-md-3 profile-pic text-center">

<div class="img-box">

<img alt="--">

<ul>

<a href="#">

<li><i class="fab fa-facebook-f"></i></li>


</a>

<a href="#">

<li><i class="fab fa-linkedin"></i></li>

</a>

<a href="#">

<li><i class="fab fa-github"></i></li>

</a>

</ul>

</div>

<h3>Lavi Sabharwal</h3>

<h4>Designation</h4>

<p>Statement</p>

</div>

<div class="col-md-3 profile-pic text-center">

<div class="img-box">

<img alt="--">

<ul>

<a href="#">

<li><i class="fab fa-facebook-f"></i></li>

</a>

<a href="#">

<li><i class="fab fa-linkedin"></i></li>

</a>

<a href="#">
<li><i class="fab fa-github"></i></li>

</a>

</ul>

</div>

<h3>Raj Ojha</h3>

<h4>Designation</h4>

<p>Statement</p>

</div>

<div class="col-md-3 profile-pic text-center">

<div class="img-box">

<img alt="--">

<ul>

<a href="#">

<li><i class="fab fa-facebook-f"></i></li>

</a>

<a href="#">

<li><i class="fab fa-linkedin"></i></li>

</a>

<a href="#">

<li><i class="fab fa-github"></i></li>

</a>

</ul>

</div>

<h3>Sandeep Pandit</h3>
<h4>Designation</h4>

<p>Statement</p>

</div>

</div>

</div>

</section>

<!--Footer-->

<footer>

<div class="container text-center">

<p><i class="far fa-copyright"></i>True Value Seller</p>

</div>

</footer>

</body>

</html>

You might also like