You are on page 1of 56

DEPARTMENT OF COMPUTER

SCIENCE
AND APPLICATION
INDUSTRIAL TRAINING
REPORT
(Transportation Website )

Submitted To :- Submitted By :-
Ms.Charu Mam Abhay Garg
Assistant Professor Roll No :- B40521073
C.S.A. Department BCA 3th SEMESTER

BCA 3th Sem Abhay Garg ( B40521073)


ACKNOWLEDGEMENT
We are very thankful to everyone who all supported us, so that we are
able to complete our project effectively and moreover on time.

We sincerely thank our trainer and guide Ms.Charu Mam for


contributing his valuable time towards the completion and finalization of
our project. Our trainer guided us and strengthened our concepts at
every step and support throughout our project, especially for the useful
suggestions giving during the course of the project period.

Thanks to all the faculty of PDMU, BAHADURGARDH HARYANA,


JHAJJAR for their support and criticism which enabled us to completed
our project on time and providing us with an environment to complete
our project successfully.
ABHAY GARG (B40521073)

BCA 3th Sem 1 ABHAY GARG ( B40521073)


Table Of Contents
Chapter 1.Introduction Page.No

1) Introduction to the system 4

2) Problem Definition 4

3) Aim 4

4) Objective 5

5) Goal 5

6) Need of System 6

Chapter 2 Hardware and Software Requirement

1) Introduction 7

2) System Environment 7

3) Software Requirement 7

4) Hardware Requirement 7

Chapter 3 System Analysis


1) Purpose 8

2) Project Scope 8

3) Existing System 8

4) Proposed System 8

5) System Description 9

BCA 3th Sem 2 ABHAY GARG ( B40521073)


Chapter 4.Implementation issues
1) Python 10

2) HTML 10

3) CSS 10 to 11

4) SQL,Java 11 to 12

Chapter 5. System Design

1) Introduction 13

2) Conceptual Design 13

3) ER Diagram 14

4) Logical Design 14

5) Physical Design 14 to 15

6) Data Flow Diagram Of Transportation Website 15

Chapter 6.User Screens 16 to 20

Chapter 7.Coding 21 to 53

Chapter 8. Conclusion

1) Features of Transportation Website 54

2) Benefits Accrued From 54

3) Future Scope 55

BCA 3th Sem 3 ABHAY GARG ( B40521073)


Chapter 1
INTRODUCTION
Contents:
 Introduction
 Problems definition
 Aim
 Objective
 Goal
 Need Of System
Introduction to the system
This project is aimed at developing a Transport-website that depicts
online .This software helps customer to Book Trucks and Transports To
Transport Goods and materials . It is designed such a way that one can
Book Trucks and Transports in our Database . of persons and according
to meal plan. The software will help in easy maintaining and updating
information in the website for the administrator. Also the user can
cancel and check his Booking of Truck details history.

Problem Definition
Managing your Online Transportation Website may seem tricky, but this
is part of Customer Service System (application support direct contact
with customer)

Aim:

BCA 3th Sem 4 ABHAY GARG ( B40521073)


“To Manage Online Transportation Website To Solve their Problems and
Try to Fast Delivery There Goods And Materials.”

Objective:
This software helps customer to Books Trucks And Transports . It is
designed such a way that one can work According to persons and
according to meal plan from anywhere. The software will help in
easy maintaining and updating Booking of Transports information
in the website for the administrator. Also the user can cancel and
check his Booking And Supply history.

Goal:
The Framers and Industry are handle the entire advance
Transportation Website to , which is very tedious and
mismanaged.

The objective of our project is as follows:

To keep the information of customer.

To keep the information of no. of persons, meal plan and timing.

To keep the information of confirmed and not confirmed Receive


Booking .

Need of the System:


There is always a need of a system that will perform online
Transportation Website to Help Booking Truck for supply goods
and materials and substance to one place to another place to
perfect time .This system will reduce the manual operation

BCA 3th Sem 5 ABHAY GARG ( B40521073)


required to maintain all the records. And also generates the
various reports for analysis.

BCA 3th Sem 6 ABHAY GARG ( B40521073)


CHAPTER -2
Hardware and Software Requirement
Software Requirements:

 Microsoft Windows 7/8/10 or Linux.


 XAMPP (MySQL, Apache, PHP).
 Notepad++ or any other text editor.
 Chrome or any other browser.
Hardware Requirements:

 Intel Processor 2.0 GHz or above.

 2 GB RAM or more.160 GB or more


Hard Disk Drive or above

BCA 3th Sem 7 ABHAY GARG ( B40521073)


CHAPTER -3
System Analysis
Purpose:
To manage the online Transportation Website . It helps to customer to
book Trucks and Vehicle according to no. of persons and meal plan from
anywhere.
This project also helps in administrative work such as keep information
of customers and bookings.

Project Scope:

The project has a wide scope, as it is not intended to a particular


organization. This project is going to develop generic software,
which can be applied by any businesses organization. More over it
provides facility to its customer. Also the software is going to
provide a huge amount of summary data.

Proposed System:
The Online Transportation Website is available in the market that
can serve customers to book Transports to Supply goods and
materials to all over the India and view our booking status online.

System Overview:

Admin Modules

 View Transportation Website Request

 Accept or Reject Booking Request

 Manage Users
BCA 3th Sem 8 ABHAY GARG ( B40521073)
 Manage Feedback

User (Customer) Modules

 Book Trucks

 View Booking

 Cancel Booking

BCA 3th Sem 9 ABHAY GARG ( B40521073)


CHAPTER -4

Implementation issue
PYTHON-

Python is a widely used general-purpose, high level programming language. It was


initially designed by Guido van Rossum in 1991 and developed by Python Software
Foundation. It was mainly developed for emphasis on code readability, and its syntax
allows programmers to express concepts in fewer lines of code.

Python is a programming language that lets you work quickly and integrate systems
more efficiently.

Python is dynamically typed and garbage-collected. It supports


multiple programming paradigms, including procedural, object-oriented,
and functional programming. Python is often described as a "batteries included"
language due to its comprehensive standard library.

HTML-

HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted
in a file intended for display on a World Wide Web browser page. The markup tells
the Web browser how to display a Web page's words and images for the user. Each
individual markup code is referred to as an element (but many people also refer to it
as a tag). Some elements come in pairs that indicate when some display effect is to
begin and when it is to end.

CASCADING STYLE SHEET (CSS)-

Cascading Style Sheets (CSS) are a collection of rules we use to define and modify
web pages. CSS are similar to styles in Word. CSS allow Web designers to have
much more control over their pages look and layout. For instance, you could create
a style that defines the body text to be Verdana, 10 point. Later on, you may easily

BCA 3th Sem 10 ABHAY GARG ( B40521073)


change the body text to Times New Roman, 12 point by just changing the rule in the
CSS. Instead of having to change the font on each page of your website, all you need
to do is redefine the style on the style sheet, and it will instantly change on all of the
pages that the style sheet has been applied to. With HTML styles, the font change
would be applied to each instance of that font and have to be changed in each spot.

CSS can control the placement of text and objects on your pages as well as the look
of those objects. HTML information creates the objects (or gives objects meaning),
but styles describe how the objects should appear. The HTML gives your page
structure, while the CSS creates the “presentation”. An external CSS is really just a
text file with a .css extension. These files can be created with Dreamweaver, a CSS
editor, or even Notepad. The best practice is to design your web page on paper first
so you know where you will want to use styles on your page. Then you can create
the styles and apply them to your page.

JAVA SCRIPT-

JavaScript is a programming language commonly used in web development. It was


originally developed by Netscape as a means to add dynamic and interactive
elements to websites. While JavaScript is influenced by-Java, the syntax is more
similar to C and is based on ECMAScript, a scripting language developed by Sun
Micro systems.

JavaScript is a client-side scripting language, which means the source code is pro-
cessed by the client's web browser rather than on the web server. This means JavaS-
cript functions can run after a web-page has loaded without COMMUNICATING with
the server. For example, a JavaScript function may check a web form before it is sub-
mitted to make sure all the required fields have been filled out. The JavaScript code
can produce an error message before any information is actually transmitted to the
server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code can be in-
serted anywhere within the HTML of a web-page. However, only the output of
server-side code is displayed in the HTML, while JavaScript code remains fully visible

BCA 3th Sem 11 ABHAY GARG ( B40521073)


in the source of the webpage. It can also be referenced in a separate .JS file, which
may also be viewed in a browser.

BCA 3th Sem 12 ABHAY GARG ( B40521073)


CHAPTER -5
System Design

Use Case Diagram:-

 Use case diagram consists of use cases and actors and shows the interaction
between them. The key points are:

 The main purpose is to show the interaction between the use cases and the
actor.

 To represent the system requirement from user’s perspective.

The use cases are the functions that are to be performed in the module.

BCA 3th Sem 13 ABHAY GARG ( B40521073)


Case DiagRam Between ADMIN AND SYSTEM:

BCA 3th Sem 14 ABHAY GARG ( B40521073)


Data Flow Diagram

A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an
Information System. A data flow diagram can also be used for the visualization of Data
Processing. It is common practice for a designer to draw a context-level DFD first which
shows the interaction between the system and outside entities. This context-level DFD is
then "exploded" to show more detail of the system being modeled.

A DFD represents flow of data through a system. Data flow diagrams are commonly used
during problem analysis. It views a system as a function that transforms the input into de -
sired output. A DFD shows movement of data through the different transformations or pro-
cesses in the system.

Dataflow diagrams can be used to provide the end user with a physical idea of where the
data they input ultimately has an effect upon the structure of the whole system from order
to dispatch to restock how any system is developed can be determined through a dataflow
diagram. The appropriate register saved in database and maintained by appropriate author-
ities.

Data Flow Diagram Notation

Function

File/Database

Input/output

Flow

CHAPTER -6
Output screens

BCA 3th Sem 15 ABHAY GARG ( B40521073)


Home Screen

BCA 3th Sem 16 ABHAY GARG ( B40521073)


Information

BCA 3th Sem 17 ABHAY GARG ( B40521073)


Services

BCA 3th Sem 18 ABHAY GARG ( B40521073)


Contacts

BCA 3th Sem 19 ABHAY GARG ( B40521073)


Contacts And From and Database

BCA 3th Sem 20 ABHAY GARG ( B40521073)


Chapter 7
Coding
Home (Index.main)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, user-


scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-
scale=1.0">

<title>Garg Transport | Inicio</title>

<!-- font awesome cdn link -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.4/css/all.min.css">

<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-


bundle.min.css" />

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">

<!-- custom css file link -->


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

<link rel="shortcut icon" href="images/Sin-título-2.png"


type="image/x-icon">

BCA 3th Sem 21 ABHAY GARG ( B40521073)


<link href="https://cdn.lineicons.com/3.0/lineicons.css"
rel="stylesheet">

<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>

</head>
<body>
<!-- header section starts -->
<section class="header">
<a href="#" class="logo"> Garg Transport </a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="nosotros.html">Information</a>
<a href="servicios.html">Service</a>
<a href="equipo.html">Us</a>
<a href="contacto.html">Contact</a>
</nav>

<div id="menu-btn" class="fas fa-bars"></div>

</section>

<!-- header section ends -->

<!-- home section starts -->

<section class="home" id="home">

<div class="swiper home-slider">

<div class="swiper-wrapper">

BCA 3th Sem 22 ABHAY GARG ( B40521073)


<section class="swiper-slide slide" style="background:
url(images/home-1.jpg) no-repeat;">
<div class="content">
<h3>brindamos el mejor servicio</h3>
<p>Trabajamos nacional y internacional</p>
<a href="#about" class="btn">Contactanos</a>
</div>
</section>

<section class="swiper-slide slide" style="background:


url(images/home-2.jpg) no-repeat;">
<div class="content">
<h3>GPS en todas nuestras unidades</h3>
<p>Todas nuestras unidades tienen un servicio de GPS
satelital asi nuestros clientes se sienten mas confiados.</p>
<a href="#about" class="btn">Mira nuestros servicios</a>
</div>
</section>

<section class="swiper-slide slide" style="background:


url(images/home-3.jpg) no-repeat;">
<div class="content">
<h3>Reporte de carga en tiempo real</h3>
<p>Reportamos las 24 horas del dia, con nuestro servicio de
GPS.</p>
<a href="#about" class="btn">Mira nuestros equipos</a>
</div>
</section>

</div>

<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>

BCA 3th Sem 23 ABHAY GARG ( B40521073)


</div>

</section>

<!-- home section ends -->

<!-- beneficios section -->

<section class="beneficios">

<h2 class="title-beneficios">Bienvenidos a Garg <span


class="sp">Transportes</span></h2>

<div class="linea-beneficios"></div>

<p class="p-beneficios">Transportar de forma segura</p>


<p class="p-beneficios p-p-p">las mercancías de nuestros clientes a
su destino en el tiempo establecido y a un precio justo.</p>

<div class="cont-beneficios">

<div class="item-beneficios">
<img src="images/entrega-rapida.png" class="img-beneficios">
<h3 class="subtitle-beneficios">Entregas rapidas</h3>
<p class="p-beneficios-02">Contamos con unidades de reciente
modelo para cacidad de carga de 10 tons. óptima para movimiento de
montacargas, elev articulados, vehículos chicos, maquinaria, entre
otros.</p>
</div>

<div class="item-beneficios">
<img src="images/satelite.png" alt="" class="img-beneficios">
<h3 class="subtitle-beneficios">Monitoreo satelital</h3>

BCA 3th Sem 24 ABHAY GARG ( B40521073)


<p class="p-beneficios-02">Servicios especializados en
transportes y maniobras de carga pesada, local y foráneos, vamos a
toda la república, contamos con personal capacitado así como
equipo.</p>
</div>

<div class="item-beneficios">
<img src="images/logistica.png" alt="" class="img-beneficios">
<h3 class="subtitle-beneficios">Logistica</h3>
<p class="p-beneficios-02">Todos nuestros operadores están
equipados con télefono movil que nos permite el monitoreo continuo en
cada embarque, así como la disponibilidad de unidades.</p>
</div>

</div>

</section>

<!-- section conocenos -->

<section class="conocenos">

<div class="cont-cons-1">

<div class="item-cons">
<h2 class="title-cons">Conocenos</h2>
<h3 class="title-cons">Servicio eficaz y responsable</h3>
<p class="p-cons">Somos una empresa dedicada al transporte de
personal nos consideramos los mejores aliados para ayudar a una
empresa en el crecimiento y desarrollo trasladando a su capital humano
de manera rápida, confiable y segura.</p>
</div>

</div>

BCA 3th Sem 25 ABHAY GARG ( B40521073)


<div class="cont-cons">

<div class="item-cons">
<h3 class="title-cons">Servicio eficiente</h3>
<p class="p-cons">Nuestro cliente es lo más importante por ello
nuestro servicio de transporte es rápido y eficiente.</p>
</div>

<div class="item-cons">
<h3 class="title-cons">Seguro en el camiono</h3>
<p class="p-cons">Brindamos total tranquilidad y seguridad a
nuestros clientes.</p>
</div>

</div>

<!-- <a href="#" class="


">Conoce mas de nuestra historia</a> -->

</section>

<!-- section servicios -->

<main>

<h2 class="title-servicios">Algunos de nuestros servicios</h2>

<div class="container__box">
<div class="box">
<i class="fas fa-cogs"></i>
<h5>Servicio Industrial</h5>
<h4>Servicio Industrial</h4>
</div>

BCA 3th Sem 26 ABHAY GARG ( B40521073)


<div class="box">
<i class="fas fa-bus-alt"></i>
<h5>Transporte de Personal</h5>
<h4>Transporte de Personal</h4>
</div>
<div class="box">
<i class="far fa-calendar-check"></i>
<h5>Eventos Especiales</h5>
<h4>Eventos Especiales</h4>
</div>
<div class="box">
<i class="fas fa-school"></i>
<h5>Viajes Escolares</h5>
<h4>Viajes Escolares</h4>
</div>
<div class="box">
<i class="fas fa-map-marked-alt"></i>
<h5>Viajes Foraneos</h5>
<h4>Viajes Foraneos</h4>
</div>
<div class="box">
<i class="fas fa-user-tie"></i>
<h5>Transportes Ejecutivos</h5>
<h4>Transportes Ejecutivos</h4>
</div>
<div class="box">
<i class="fas fa-route"></i>
<h5>Turisticos</h5>
<h4>Turisticos</h4>
</div>
<div class="box">
<i class="fas fa-futbol"></i>

BCA 3th Sem 27 ABHAY GARG ( B40521073)


<h5>Eventos Sociales y Deportivos</h5>
<h4>Eventos Sociales y Deportivos</h4>
</div>
<div class="box">
<i class="fas fa-skiing-nordic"></i>
<h5>Excursiones y Dias de Campo</h5>
<h4>Excursiones y Dias de Campo</h4>
</div>
<div class="box">
<i class="fas fa-ribbon"></i>
<h5>Servicios Funerarios</h5>
<h4>Servicios Funerarios</h4>
</div>
</div>

<!-- <a href="#" class="link-servicios">Mas de nuestros servicios</a>


-->

</main>

<a href="#" class="link-servicios">Mas de nuestros servicios</a>

<!-- section footer -->

<footer>
<div class="linea-foter"></div>
<div class="container-footer-all">

<div class="container-body">

<div class="colum1">
<h1>Gar Transport</h1>

BCA 3th Sem 28 ABHAY GARG ( B40521073)


<p>At Garg Personal Transport we have a large fleet of recent
model units to provide a comfortable and punctual service for your staff.
All our units have Bus and Traveler Insurance, and are also tracked 24
hours a day via satellite GPS.</p>

</div>

<div class="colum2">

<h1>Links</h1>
<br>

<div class="cont-footer">

<ul class="list-fot">

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Inicio</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Nosotros</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Servicios</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Equipos</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Contacto</a></li>

BCA 3th Sem 29 ABHAY GARG ( B40521073)


<br>

</ul>
</div>

</div>

<div class="colum2">

<h1>Redes Sociales</h1>

<div class="row">
<img src="images/facebook.png">
<label>Siguenos en Facebook</label>
</div>
<div class="row">
<img src="images/twitter.png">
<label>Siguenos en Twitter</label>
</div>
<div class="row">
<img src="images/instagram.png">
<label>Siguenos en Instagram</label>
</div>
</div>

<div class="colum3">

<h1>Informacion Contactos</h1>

<div class="row2">
<img src="images/mapa.png">
<label>8,Punjabi Colony Sector B4 Narela Delhi:</label>

BCA 3th Sem 30 ABHAY GARG ( B40521073)


</div>

<div class="row2">
<img src="images/llamada-telefonica.png">
<label>+91 7703947494</label>
</div>

<div class="row2">
<img src="images/email(1).png">
<label>Abhaygarg202@gmail.com</label>
</div>

</div>

</div>

</div>

<div class="container-footer">
<div class="footer">
<div class="copyright">
© 2022 Todos los Derechos Reservados | <a href="#">Garg
Transport</a>
</div>

<div class="information">
<a href="">Informacion Compañia</a> | <a
href="@">Privacion y Politica</a> | <a href="">Terminos y
Condiciones</a>
</div>
</div>

</div>

BCA 3th Sem 31 ABHAY GARG ( B40521073)


</footer>

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<!-- custom js file link -->


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

<script>
lightGallery(document.querySelector('.gallery .gallery-container'));
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

<!-- custom js file link -->


<script src="js/script-01.js"></script>

<script>

lightGallery(document.querySelector('.projects .box-container'));

</script>
</body>
</html>

BCA 3th Sem 32 ABHAY GARG ( B40521073)


Contacts,Services(main.index)
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, user-


scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-
scale=1.0">

<title>Garg Transport's | Contact</title>

<!-- font awesome cdn link -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.4/css/all.min.css">

<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-


bundle.min.css" />

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">

<!-- custom css file link -->

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

<link href="https://cdn.lineicons.com/3.0/lineicons.css"
rel="stylesheet">

<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>

BCA 3th Sem 33 ABHAY GARG ( B40521073)


</head>
<body>

<!-- header section starts -->

<section class="header">

<a href="#" class="logo"> Trends </a>

<nav class="navbar">
<a href="index.html">Home</a>
<a href="nosotros.html">Information</a>
<a href="servicios.html">Service</a>
<a href="equipo.html">Query</a>
<a href="contacto.html">Contact</a>
</nav>

<div id="menu-btn" class="fas fa-bars"></div>

</section>

<!-- header section ends -->

<!-- section titulo -->

<section class="cotiz">

<h1 class="title-cotiz">Contact</h1>
<p class="p-cotiz">Garg Transport</p>

</section>

BCA 3th Sem 34 ABHAY GARG ( B40521073)


<!-- contact section starts -->

<section class="contact">

<!-- <h1 class="heading"> get in touch </h1> -->

<div class="icons-container">

<div class="icons">
<i class="fas fa-clock"></i>
<h3> Horario :</h3>
<p>00:07am to 00:06pm</p>
</div>

<div class="icons">
<i class="fas fa-phone"></i>
<h3>TelePHONE :</h3>
<p>+91 07703947494</p>
<p>+91 9588193828</p>
</div>

<div class="icons">
<i class="fas fa-envelope"></i>
<h3> Email : </h3>
<p>ABHAYA@gmail.com</p>
<p>ABHAYA@gmail.com</p>
</div>

<div class="icons">
<i class="fas fa-map"></i>
<h3>Address :</h3>
<p>8,Punjabi Colony

BCA 3th Sem 35 ABHAY GARG ( B40521073)


Sector B4 Narela Delhi</p>
</div>

</div>

<div class="row">

<div class="image">
<iframe class="map"
src="https://www.google.co.in/maps/@28.6981339,77.1600196,15z?
hl=en" width="800" height="480" style="border:0;" allowfullscreen=""
loading="lazy"></iframe>
</div>

<form action="">
<h3>Contact </h3>
<input type="text" placeholder="Phone Number" class="box">
<input type="email" placeholder="Email" class="box">
<input type="text" placeholder="Service Need" class="box">
<input type="number" placeholder="TeleGram" class="box">
<textarea name="" class="box" placeholder="Message" id=""
cols="30" rows="10"></textarea>
<input type="submit" value="Sumit" class="btn">
</form>

</div>

</section>

<!-- contact section ends -->

<!-- section footer -->

BCA 3th Sem 36 ABHAY GARG ( B40521073)


<footer>
<div class="linea-foter"></div>
<div class="container-footer-all">

<div class="container-body">

<div class="colum1">
<h1>Garg Transport</h1>

<p>At Garg Personal Transport we have a large fleet of recent


model units to provide a comfortable and punctual service for your staff.
All our units have Bus and Traveler Insurance, and are also tracked 24
hours a day via satellite GPS.</p>

</div>

<div class="colum2">

<h1>Links</h1>
<br>

<div class="cont-footer">

<ul class="list-fot">

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Inicio</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Nosotros</a></li>
<br>

BCA 3th Sem 37 ABHAY GARG ( B40521073)


<li class="list-number"><span class="sp-01">></span><a
href="#" class="link-footer-02">Servicios</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Equipos</a></li>
<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Contacto</a></li>
<br>

</ul>
</div>

</div>

<div class="colum2">

<h1>Redes Sociales</h1>

<div class="row">
<img src="images/facebook.png">
<label>Siguenos en Facebook</label>
</div>
<div class="row">
<img src="images/twitter.png">
<label>Siguenos en Twitter</label>
</div>
<div class="row">
<img src="images/instagram.png">
<label>Siguenos en Instagram</label>
</div>

BCA 3th Sem 38 ABHAY GARG ( B40521073)


</div>

<div class="colum3">

<h1>Informacion Contactos</h1>

<div class="row2">
<img src="images/mapa.png">
<label>8,Punjabi Colony Sector B4 Narela Delhi:
Casa # 27</label>
</div>

<div class="row2">
<img src="images/llamada-telefonica.png">
<label>+91 07703947494</label>
</div>

<div class="row2">
<img src="images/email(1).png">
<label>GargTransport@gmail.com</label>
</div>

</div>

</div>

</div>

<div class="container-footer">
<div class="footer">
<div class="copyright">
© 2022 All rights reserved | <a href="#">Garg Transport</a>

BCA 3th Sem 39 ABHAY GARG ( B40521073)


</div>

<div class="information">
<a href="">Informacion</a> | <a href="@">Privacion y
Politica</a> | <a href="">Terminos y Condiciones</a>
</div>
</div>

</div>

</footer>

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<!-- custom js file link -->


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

<script>
lightGallery(document.querySelector('.gallery .gallery-container'));
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

<!-- custom js file link -->

BCA 3th Sem 40 ABHAY GARG ( B40521073)


<script src="js/script-01.js"></script>

<script>

lightGallery(document.querySelector('.projects .box-container'));

</script>
</body>
</html>

BCA 3th Sem 41 ABHAY GARG ( B40521073)


Information And About Us(main.index)
<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="UTF-8">

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

<meta name="viewport" content="width=device-width, user-


scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-
scale=1.0">

<title>Garg Transports | Nosotros</title>

<!-- font awesome cdn link -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-


awesome/5.15.4/css/all.min.css">

<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-


bundle.min.css" />

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/
lightgallery.min.css">

<!-- custom css file link -->

BCA 3th Sem 42 ABHAY GARG ( B40521073)


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

<link href="https://cdn.lineicons.com/3.0/lineicons.css"
rel="stylesheet">

<script src="https://kit.fontawesome.com/887a835504.js"
crossorigin="anonymous"></script>

</head>

<body>

<!-- header section starts -->

<section class="header">

<a href="#" class="logo">Garg Transports </a>

<nav class="navbar">

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

<a href="nosotros.html">Nosotros</a>

<a href="servicios.html">Servicios</a>

<a href="equipo.html">Equipos</a>

<a href="contacto.html">Contacto</a>

</nav>

BCA 3th Sem 43 ABHAY GARG ( B40521073)


<div id="menu-btn" class="fas fa-bars"></div>

</section>

<!-- header section ends-->

<!-- section about -->

<section class="about-02">

<h1 class="title-about">Nosotros</h1>

<p class="p-about">Lideres en transportes</p>

</section>

<!-- about valores -->

<section class="valores">

<h2 class="title-valores">Nuestros valores</h2>

<div class="cont-valores">

<div class="item-valores">

BCA 3th Sem 44 ABHAY GARG ( B40521073)


<img src="images/motivacion.png" class="img-valores">

<h3 class="subtitle-valores">Vision</h3>

<p class="p-valores"> Trends de México tendrá un crecimiento


sostenido en el mercado nacional, diversificando su servicio en las
distintas modalidades del transporte de mercancías, generando
soluciones a nuevas necesidades del mercado</p>

</div>

<div class="item-valores">

<img src="images/mision-cumplida.png" class="img-valores">

<h3 class="subtitle-valores">Mision</h3>

<p class="p-valores">Proporcionar soluciones integrales a los


requerimientos de transporte y logística de nuestros clientes,
satisfaciendo sus expectativas con calidad y confiabilidad e integrando
el mejor equipo humano y la tecnología de vanguardia en el sector.</p>

</div>

<div class="item-valores">

<img src="images/clasificacion.png" class="img-valores">

<h3 class="subtitle-valores">Experiencia</h3>

<p class="p-valores">Tenemos la experiencia y somos expertos


certificados en mantener camiones de carga que ponemos trabajar para
nuestro cliente, lo cual incrementa su eficiencia y rentabilidad.

</p>

</div>

</div>

BCA 3th Sem 45 ABHAY GARG ( B40521073)


</section>

<!-- about section starts -->

<section class="about">

<div class="image">

<img src="images/about-005.jpg

" alt="">

</div>

<div class="content">

<h3 class="about-title">Nuestra <span


class="sp">Historia</span></h3>

<p>Trends de México es una empresa privada subsidiaria de


Idealease Inc. que nace en 1982 en Estados Unidos y Canadá e inicia
operaciones en México en el año de 1996.

Idealease es una empresa especializada en la renta y


mantenimiento profesional de camiones de car

Desde hace años acuñamos el concepto de Máxima Disponibilidad


que significa la mayor cantidad de tiempo que un camión puede operar
y menos tiempo en el taller; esto se traduce en una optimización de la
flotilla de cualquier sistema de logística y distribución.</p>

<div class="icons-container">

<div class="icons">

<img src="images/obrero.png" alt="">

<h3>+850</h3>

<span>Trabajadores</span>

</div>

BCA 3th Sem 46 ABHAY GARG ( B40521073)


<div class="icons">

<img src="images/camion.png" alt="">

<h3>+340</h3>

<span>Camiones laborando</span>

</div>

<div class="icons">

<img src="images/opinion-del-cliente.png" alt="">

<h3>+23</h3>

<span>Años de experiencia</span>

</div>

</div>

</div>

</section>

<!-- about section ends -->

<h2 class="title-clientes">Nuestros clientes</h2>

<div class="carrusel">

<div class="carrusel-items">

<div class="carrusel-item">

<img src="images/cap-01.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-02.png" alt="" />

BCA 3th Sem 47 ABHAY GARG ( B40521073)


</div>

<div class="carrusel-item">

<img src="images/cap-03.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-04.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-05.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-06.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-07.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-01.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-02.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-03.png" alt="" />

BCA 3th Sem 48 ABHAY GARG ( B40521073)


</div>

<div class="carrusel-item">

<img src="images/cap-04.png" alt="" />

</div>

<div class="carrusel-item">

<img src="images/cap-05.png" alt="" />

</div>

</div>

</div>

<!-- section footer -->

<footer>

<div class="linea-foter"></div>

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

<div class="container-body">

<div class="colum1">

<h1>Trends</h1>

<p>En Transporte de Personal Trends contamos con una amplia


flotilla de unidades de reciente modelo para brindar un servicio cómodo
y puntal para su personal. Todas nuestras unidades tienen Seguro de
Autobús y de Viajero, y además están rastreadas las 24 horas vía GPS
satelital.</p>

</div>

<div class="colum2">

<h1>Links</h1>

BCA 3th Sem 49 ABHAY GARG ( B40521073)


<br>

<div class="cont-footer">

<ul class="list-fot">

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Inicio</a></li>

<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Nosotros</a></li>

<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Servicios</a></li>

<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Equipos</a></li>

<br>

<li class="list-number"><span class="sp-01">></span><a


href="#" class="link-footer-02">Contacto</a></li>

<br>

</ul>

</div>

</div>

<div class="colum2">

<h1>Redes Sociales</h1>

BCA 3th Sem 50 ABHAY GARG ( B40521073)


<div class="row">

<img src="images/facebook.png">

<label>Siguenos en Facebook</label>

</div>

<div class="row">

<img src="images/twitter.png">

<label>Siguenos en Twitter</label>

</div>

<div class="row">

<img src="images/instagram.png">

<label>Siguenos en Instagram</label>

</div>

</div>

<div class="colum3">

<h1>Informacion Contactos</h1>

<div class="row2">

<img src="images/mapa.png">

<label>8,Punjabi Colony Sector B4 Narela Delhi:

</label>

</div>

<div class="row2">

<img src="images/llamada-telefonica.png">

<label>+91 07703947494</label>

BCA 3th Sem 51 ABHAY GARG ( B40521073)


</div

<div class="row2">

<img src="images/email(1).png">

<label>Abhayagarg@gmail.com</label>

</div>

</div>

</div>

</div>

<div class="container-footer">

<div class="footer">

<div class="copyright">

© 2022 Todos los Derechos Reservados | <a href="#">Garg


Transport</a>

</div>

<div class="information">

<a href="">Informacion Compañia</a> | <a


href="@">Privacion y Politica</a> | <a href="">Terminos y
Condiciones</a>

</div>

</div>

</div>

</footer>

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

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

BCA 3th Sem 52 ABHAY GARG ( B40521073)


<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<!-- custom js file link -->

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

<script>

lightGallery(document.querySelector('.gallery .gallery-container'));

</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/
js/lightgallery.min.js"></script>

<script
src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>

<!-- custom js file link -->

<script src="js/script-01.js"></script>

<script>

lightGallery(document.querySelector('.projects .box-container'));

</script>

</body>

</html>

BCA 3th Sem 53 ABHAY GARG ( B40521073)


CHAPTER -8
Advantages & Limitations
Advantages of “ Transportation Website System ” :

“Online Transportation Website System” provides various features,


which complement the information system and increase the productivity of
the system. These features make the system easily usable and convenient.
Some of the important features included are listed as follows:

 Intelligent User Forms Design

 Data access and manipulation through same forms

 Access to most required information

 Data Security

 Restrictive data access, as per login assigned only.

 Organized and structured storage of facts.

 Strategic Planning made easy.

 No decay of old Records.

 Exact financial position of the Business.

Limitations of “Online Transportation Website System”:

Besides the above achievements and the successful completion of the project, we
still feel the project has some limitations, listed as below:

1. It is not a large scale system.


2. Only limited information provided by this system.
3. Since it is an online project, customers need internet connection.
4. People who are not familiar with computers can’t use this software.

BCA 3th Sem 54 ABHAY GARG ( B40521073)


CHAPTER -9
Future Scope
FUTURE SCOPE

This web application involves almost all the features of the online book trucks and cars. The
future implementation will be online help for the customers to Books with website
administrator.

CONCLUSION

The project entitled “Online Transportation Website ” is developed using HTML, CSS and
Javascript as front end and Python language and Sqlite database in back end to computerize
the process of online Transportation Website. This project covers only the basic features
required.

Bibliography
We made this program self and with Help of Teacher

BCA 3th Sem 55 ABHAY GARG ( B40521073)

You might also like