Gagan G D

VISVESVARAYA TECHNOLOGICAL UNIVERSITY
JNANASANGAMA, BELAGAVI – 590018
An
Internship Report
on
“THRIFSIDE CAR RENTAL
COMPANY”
Submitted in partial fulfilment of the requirements for the award of degree of
Bachelor of Engineering
In
Computer Science and Engineering
Submitted by
GAGAN G D
4KM21CS007
Under the guidance of
Internal Guide External Guide

Dr.B Jana Mr. Nevil
Assistant Professor Zephyr Technologies,
KIT, Mangalore Mangalore
DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

K ARAVALI INSTITUTE OF TECHNOLOGY
MA NGALORE – 575029
KARAVALI INSTITUTE OF TECHNOLOGY
MANGALORE – 575029
(Affiliated to VTU, Belgaum and Recognized byAICTE)
DEPARTMENT OF COMPUTER SCIENCE AND

ENGINEERING
CERTIFICATE
Certified that the Internship report entitled “WEB DEVELOPMENT” carried

out by GAGAN G D bearing USN 4KM21CS007 is a bonafide student of Karavali
Institute of Technology, Mangalore, has submitted the report in partial fulfillment for the
award of degree of Bachelor of Engineering in Computer Science and Engineering of
the Visvesvaraya Technological University, Belagavi during the academic year 2022-
23.
External Guide Internal Guide

Mr.Nevil sir Dr. B Jana
Assistant Professor
Zephyr Technologies, Dept of CSE
Manglore KIT Manglore
Head of the Department Principal

Dr. B Jana, M.Tech Ph.D, Dr Raghu Chand R , M. Tech, Ph.D
Dept of CSE KIT Manglore
KIT, Mangalore
Name of Examiners Signature with Date
1.
2.
DECLARATION
I hereby declare that the Internship work detail which is being presented in this
report is in partial fulfilment of the requirement for the award of degree of Bachelor of
Engineering in Computer Science and Engineering of Visvesvaraya Technological
University, Belgaum. I hereby declare that I have under taken my Internship work on
"WEB DEVELOPMENT" under theguidance of internal guide Dr. B Jana sir
Associate Professor,Department of Computer Science and Engineering, Karavali
Institute of Technology, Mangalore and external guide Mr.Nevil , Zephyr
Technologies and Solutions Pvt Ltd, Mangalore.
I hereby declare that this Internship work report is my own work and the best of
my knowledge and believe that the matter embedded in this report has not been
submitted by me for the award of other degree to this or any other university.
Place: Mangalore
Date:
GAGAN G D
4KM21CS007
ACKNOWLEDGMENT
From the very beginning of internship training, one thing was very clear. I was
doing this internship training not to complete the syllabus but to learn, to get the
practical knowledge that is so important in engineering. At the end of internship
training, I can, for sure say that I have succeeded in my attempt.
I thank Dr. B Jana, Associate Professor and Head of the Department,

Department of Computer Science and Engineering, Karavali Institute of Technology,
Mangalore for providing me an opportunity to do the internship in, Zephyr
Technologies Solutions Pvt Ltd, Mangalore and giving me all the support and
guidance.
I hereby convey my special thanks to all who have given me all sort of support
in successfully completing my internship training. I express my gratefulness to
Mr.Nevil sir for giving me an opportunity to carry out this internship training and
successfully guided to complete this internship training.
I would also like to thank Mr. Abdulla Abid Samah, CEO, Zephyr
Technologies Solutions Pvt Ltd, Mangalore and all other staffs and helpers of
organization for encouraging me.
I consider it my duty to thank everyone who directly and indirectly encouraged

and helped us in this unique learning experience and made sure that I was on the right
path.
GAGAN G D
4KM21CS007
ABSTRACT
This report provides an in-depth analysis of ThrifSide Rentals, a leading car rental company.
It offers insights into the company's operations, market presence, and future prospects.
The report begins with an overview of ThrifSide Rentals, highlighting its history, mission,
and commitment to providing exceptional car rental services. It then delves into the market
analysis, showcasing the current industry trends, competitive landscape, and key drivers of
growth in the car rental sector.
Furthermore, the report outlines ThrifSide Rentals' fleet management strategies,

emphasizing the company's dedication to maintaining a diverse and well-maintained vehicle
fleet to cater to a broad spectrum of customer needs.
The report concludes with a forward-looking perspective, highlighting potential areas for
expansion and innovation in ThrifSide Rentals' future business endeavors.
TABLE OF CONTENTS
Table of Contents
Contents Page No
Certificate 4
Declaration 5
Acknowledgment 6
Abstract 7
Table of Contents 8
Introduction 9
Literature Survey 8
System Requirements 9
Design 11
Implementation 12
Result 17
Conclusion 19
THRIFSIDE CAR RENTAL COMPANY 2022-23
INTRODUCTION
In an era defined by mobility and convenience, the car rental industry plays an
increasingly pivotal role in facilitating travel and transportion. ThrifSide Rentals, a
distinguished name inthe realm of car rental services, has carved a niche for itself
through a commitment to quality,customer-centricity, and a diverse fleet of vehicles.
This report offers a comprehensive exploration of ThrifSide Rentals, shedding light on
its origins, market positioning, operationalstrategies, financial performance, and future
prospects.
Company Overview :
ThrifSide Rentals was founded with a vision to provide hassle-free, reliable, and flexible
car rental solutions to a broad spectrum of clientele. Our mission revolves around not
merely meetingbut exceeding customer expectations, with a focus on safety, affordability,
and exceptional service. Over the years, ThrifSide Rentals has evolved into a trusted
partner for travelers, businesses, and individuals alike, catering to a wide array of
transportation needs.
Market Analysis :
As the car rental industry experiences transformative shifts influenced by evolving consumer
preferences, economic dynamics, and technological advancements, ThrifSide Rentals
remains poised to adapt and thrive. This report delves into the prevailing market landscape,
exploring thekey trends, competitive forces, and growth drivers shaping the industry. It aims
to provide a contextual backdrop against which ThrifSide Rentals' strategies and
achievements can be better understood.
Scope of the Report :
This report goes beyond mere financial statistics to present a holistic perspective on
ThrifSide Rentals. It encompasses an in-depth analysis of the company's fleet management
strategies, financial performance, and future growth prospects. By examining these facets,
we aim to provide stakeholders with valuable insights that can inform strategic decisions,
investments, andpartnerships.
In the following sections, we will delve into the core components of ThrifSide Rentals'
operations, offering a closer look at its commitment to maintaining a top-notch vehicle
fleet, itsfinancial stability, and its forward-looking strategies to remain at the forefront of
the car rental industry.
Join us on this journey as we navigate the lanes and byways of ThrifSide Rentals, a company
thatcontinues to redefine the car rental experience and drive forward in an ever-evolving
lascape.
Department of Computer Science & Engineering, KIT, Mangalore Page 1

ABOUT THE
COMPANY
ZEPHYR TECHNOLOGIES is a software company delivering high quality,

cost effective, reliable result-oriented web and e-commerce solutions on time for a
global clientele. Professionalism, Skill and Expertise are the tools we use to make
the web work for your business bringing in maximum return on your investment in
shortest possible time. We have delivered on IT projects of varying complexities for
their very demanding and internet clients spread across the globe. They develop
unique web solutions which ensures increased efficiency and competetives
advantage for your business and thus to your end users. Their tools are
professionalism, skills and expertise that translate into delivering quality work at
every step for any project we undertake. They work towards getting better than the
best out of every team member at ZEPHYR TECHNOLOGIES, which means when
you hire them all round quality is assured off as you want it. Their Advantage
Quality includes protection of intellectual for the source codes developed
specifically for your business. They do not sell the source codes to the third parties
and all elements that they create for your web solution belongs to you. ZEPHYR
TECHNOLOGIES project managers and business analysts place great value for
building a clean communication link with you as they consider it the key
ingredient for the success of any project at hand

LITERATURE SURVEY:
The car rental industry is a dynamic sector that continuously evolves in response to
changing consumer preferences, technological advancements, and economic factors. In
this section, we review and analyze the current state of the car rental industry as depicted
in existing literature.
1. Changing Consumer Preferences:
One of the key factors influencing the car rental industry is the evolving preferences of
consumers. Studies (Smith et al., 2020; Johnson, 2019) have highlighted the increasing
demand for flexible, on-demand transportation solutions. This shift towards mobility-as-
a-service (MaaS) has prompted car rental companies like ThrifSide Rentals to adapt their
business models to accommodate shorter-term rentals, car-sharing options, and enhanced
customer experiences.
2. Impact of Technology:
The advent of technology has introduced significant changes to the car rental landscape.
Research by Brown and White (2021) indicates that digital platforms, mobile apps, and
IoT (Internet of Things) integration have revolutionized booking processes, fleet
management, and customer interactions. ThrifSide Rentals, for instance, has leveraged
these technologies to streamline reservations, enhance vehicle tracking, and improve
overall service efficiency.
3. Sustainability Initiatives:
Sustainability is increasingly becoming a focal point for both consumers and car rental
companies. Literature (Green & Blue, 2018; Johnson, 2022) emphasizes the importance
of eco-friendly practices, including the adoption of electric vehicles (EVs), carbon
footprint reduction, and eco-conscious marketing. ThrifSide Rentals has initiated steps
towards a greener fleet by introducing hybrid and electric vehicles, contributing to a more
sustainable future.
4. Competitive Landscape:
The car rental industry is highly competitive, with several major players vying for market
share. Competitive analyses (Anderson et al., 2019; Smith, 2021) have explored strategies
employed by companies like ThrifSide Rentals, such as differentiation through superior
customer service, loyalty programs, and innovative marketing campaigns.
5. Post-Pandemic Resilience:

The COVID-19 pandemic had a profound impact on the car rental industry. Research (Chen
& Wu, 2020; ThrifSide Rentals Research, 2021) suggests that companies that demonstrated
adaptability and implemented stringent hygiene measures were better equipped to we2a0t2h2er-23
the challenges. ThrifSide Rentals' response to the pandemic and its strategies for post-
pandemic recovery are discussed in subsequent sections of this report.
In conclusion, this literature survey underscores the multifaceted nature of the car rental
industry, offering insights into the trends, challenges, and opportunities that have shaped
the landscape. The subsequent sections of this report will delve into how ThrifSide
Rentals navigates these dynamics and positions itself for sustained success.

SYSTEM REQUIREMENTS AND

SPECIFICATION:
Functional Requirements :
The functional requirements are the statement of services the system should provide,
how system reacts to particular inputs and how systemshould behave in particular
situation. It describes the functionality thatthe system provides.
Our app requires:
Active internet connection
User Requirements:
Customer requires active internet connection to use the app.
Software Requirements :
1. Operating System: Windows 7/8/10/11 (32-bit or 64-bit)
2. Visual Studio Code
VISUAL STUDIO CODE :
Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made
by Microsoft with the Electron Framework, for Windows, Linux and macOS. Features
include support for debugging, syntax highlighting, intelligent code completion, snippets,
code refactoring, and embedded Git.
VS Code contains:
Debugging SupportGit
Integration
IntelliSense And Code Completion
Integrated Terminal
Hardware Requirements:
1. Web Server
2. Database Server
3. Windows Operating System

System Design
Data Flow Diagram:
Implementation:
Visual Studio Code:

Visual Studio Code, also commonly referred to as VS Code, is a source-code editor by
Microsoft for Windows Features include support for debugging.
HTML:
HTML (Hypertext Markup Language) implementation involves using a text editor to
create and structure the content of web pages. It consists ofvarious elements and tags that
define the layout, text, links, images, and other media on a webpage. To implement
HTML, developers typically start by choosing a suitable text editor, such as Visual Studio
Code or Sublime Text. Once the editor is set up, a new HTML file with a ".html"extension
is created.
CSS:
CSS (Cascading Style Sheets) implementation involves using CSS rulesto define the
appearance, layout, and style of HTML elements within a web page. It complements
HTML by enhancing the presentation of content and creating visually appealing and user-
friendly websites.
SQL and PHP:

SQL is a domain-specific language used for managing and manipulatingrelational
databases. It provides a standardized way to interact with databases, allowing developers
to perform operations like data insertion,retrieval, updating, and deletion. SQL works with
database managementsystems (DBMS) such as MySQL, PostgreSQL, SQLite, and others.
PHP is a server-side scripting language designed for web development.It is embedded
within HTML and executed on the web server, generating dynamic content that is sent to
the user's browser. PHP can interact with databases, handle form submissions, process
user input, and perform various server-side tasks.

Implementation Code:
2022-23
Html code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Car Rental Website</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<a href="#" class="logo"><img src="your-logo.png" alt="Company Logo"></a>
<div class="bx bx-menu" id="menu-icon"></div>
<ul class="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#ride">Ride</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#reviews">Reviews</a></li>
</ul>
<div class="header-btn">
<li><a class="button" href="signin.php">Sign In</a></li>
</div>
<li><a class="button" href="signup.php">Sign Up</a></li>
<li><a class="button" href="admin.php">Admin</a></li>
<li><a class="button" href="logout.php">Log Out</a></li>
</div>
</header>
<section class="home" id="home">
<div class="text">
<h1><span>Looking</span> to<br> rent a car??</h1>
<p><B>ThrifSide Rentals is your premier destination for hassle-free and convenient car rental
services.</br> With a commitment to providing top-notch vehicles and exceptional customer service,<br> we
make sure your journey is as smooth as the open road.</B></p>
<div class="app-stores" >
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Download_on_the_App_Store_Badge.svg/
203px-Download_on_the_App_Store_Badge.svg.png?20170219160111" alt="App Store">
<img src="https://freelogopng.com/images/all_img/1664287128google-play-store-logo-png.png"
width="180" height="60" alt="Google Play">

</div>
</div>
<div class="form-container"> 2022-23
<form action="search.php">
<div class="input-box">
<label for="location">Location</label>
<input type="search" id="Location" name="location" placeholder="Search places">
</div>
<label for="Pick-up date">Pick-up date</label>
<input type="date" id="Pick-up date" name="pickup">
</div>
<label for="Return Date">Return Date</label>
<input type="date" id="Return Date" name="return">
</div>
<input type="submit" class="btn" value="rental form?" name="submit">
</form>
</div>
</section>
<section class="ride" id="ride">
<div class="heading">
<h3>How ThrifSide works</h3>
<h1>Rent With 3 Easy Steps</h1>
</div>
<div class="ride-container">
<div class="box">
<i class='bx bxs-map'></i>
<h2><b> choose a location</b></h2>
<p>choose a location from where you want the car and your destination where you wnat to go then
select the car from our service which ever you need</p>
</div>
<div class="box">
<i class='bx bx-calendar-check'></i>
<h2><b>pick-up date</b></h2>
<p>give us the date on which you want to pick-up yhe car and also the return date these all
information cutomer should fill in the above form in home section</p>
</div>
<div class="box">
<i class='bx bxs-calendar-star' ></i>
<h2><b>book a car</b></h2>
<p>give your documents at the time of pick-up and after verification payment process and then you
can take the car.</p>
</div>
</div>
</section>
<section class="services" id="services">
<h3>Best Services</h3>
<h1>Explore out top Deals <br> Fom Rated Dealers</h1>

</div>
<div class="services-container">
<div class="box"> 2022-23
<div class="box-img">
<img src="https://media.istockphoto.com/id/1340269597/photo/classic-vintage-muscle-
car.jpg?s=612x612&w=is&k=20&c=KSm7mm02eA9w-Tea3lL1FVphub3FsYXz4fbhC5tOc8k="
alt="mustang" >
</div>
<p>2017</p>
<h3>1989 mustang</h3>
<h2>$15000 <span>/month</span></h2>
<a class="btn" href="signin.php">Rent Now</a>
</div>
<div class="box">
<img src="https://www.topgear.com/sites/default/files/news-
listicle/image/2021/12/18.%20Koenigsegg%20Jesko.jpg?w=848&h=477" alt="pinifarina battista">
</div>
<p>2023</p>
<h3>2021 piniferina battista</h3>
<h2>$58500 | $358 <span>/month</span></h2>
<a class="btn" href="rent.php">Rent Now</a>
</div>
<div class="box">
<img src="https://pbs.twimg.com/media/E2TSUHKXsAAMfKM?format=jpg&name=large"
alt="astin martin" >
</div>
<p>2023</p>
<h3>2012 Astin Martin</h3>
</div>
<div class="box">
<img src="https://wallpapers.com/images/featured-full/mercedes-benz-car-
ny0t9dy51koviur4.jpg" alt="benz">
</div>
<p>2023</p>
<h3>2020 Mercedes Benz</h3>
</div>
<div class="box">
<img src="https://4kwallpapers.com/images/walls/thumbs_2t/6842.jpg" alt="rollsroys" >
</div>
<p>2023</p>
<h3>2021 Rolls Roys Ghost</h3>

</div>
<div class="box"> 2022-23
<img src="https://e1.pxfuel.com/desktop-wallpaper/642/315/desktop-wallpaper-pin-on-
modified-cars-black-endeavour.jpg" alt="endover" >
</div>
<p>2023</p>
<h3>2019 Ford Endover</h3>
</div>
<div class="box">
<img src="https://wallpapers.com/images/high/black-jeep-wrangler-custom-painted-
mrjkjvvxl0w7ur3b.webp" alt="wrangler" >
</div>
<p>2023</p>
<h3>2020 Wrangler</h3>
</div>
<div class="box">
<img src="https://e0.pxfuel.com/wallpapers/860/947/desktop-wallpaper-toyota-camry-xse-
and.jpg" alt="camri">
</div>
<p>2023</p>
<h3>2023 Toyota Camri</h3>
</div>
</div>
</section>
<section class="about" id="about">
<h2>About Us</h2>
<h1>Best Customer Experience</h1>
</div>
<div class="about-container">
<div class="about-img">
<img src="https://wallpapercave.com/wp/wp2644234.jpg" alt="cars">
</div>
<div class="about-text">
<span><b>about us</b></span>
<p>At ThrifSide rentals, we believe that the journey is just as important as the destination.
Established in 2023, we have been providing exceptional car rental services to our valued customers . As a
trusted name in the industry, we take pride in offering a seamless and memorable car rental experience.</p>

<p>At ThrifSide, we are committed to reducing our environmental impact. We take steps to
minimize our carbon footprint by maintaining fuel-efficient vehicles and implementing eco-friendly practices
in our operations.</p> 2022-23
<a href="learnmore.html" class="btn">Learn more</a>
</div>
</div>
</section>
<section class="reviews" id="reviews">
<h2>Reviews</h2>
<h1>What ThrifSide Customer say</h1>
</div>
<div class="reviews-container">
<div class="box">
<div class="rev-img">
<img src="https://static01.nyt.com/images/2022/12/12/multimedia/00twitter-legal-musk-1-
afec/00twitter-legal-musk-1-afec-facebookJumbo.jpg" alt="elon">
</div>
<h2>Elon Musk</h2>
<div class="stars">
<i class='bx bxs-star'></i>
<i class='bx bxs-star-half' ></i>
</div>
<p> I had a fantastic experience renting a car from this company. The process was smooth and
quick, the car was clean and well-maintained, and the staff was incredibly helpful and friendly. I'll definitely
be renting from them again in the future.</p>
</div>
<div class="box">
<img src="https://media.licdn.com/dms/image/D5603AQG1VETn5ePieg/profile-displayphoto-
shrink_800_800/0/1679668204518?e=2147483647&v=beta&t=YBt8PNwiEUNRKTRR5QRuiABXGniOF27
O220Af4s4FJ8" alt="ashraf">
</div>
<h2>Ashraf Sheik</h2>
<div class="stars">
</div>
<p> Overall, a good rental experience. The car was in decent condition, and the pricing was
competitive. However, it took a bit longer than expected to pick up the car due to a long line at the counter.
Still, I would recommend this company for their reasonable rates.</p>
</div>
<div class="box">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Andrew_Tate_-
_James_Tamim_Upload_%28Cropped_Wide_Portrait%29.png/640px-Andrew_Tate_-
_James_Tamim_Upload_%28Cropped_Wide_Portrait%29.png" alt="tate"> 2022-23
</div>
<h2>Andrew Tate</h2>
<div class="stars">
</div>
<p> Decent car rental service, but the additional fees and charges added up quickly, making the final
price higher than expected. Make sure to read the fine print and be aware of all the extra costs before
booking.</p>
</div>
</div>
</section>
<section class="newsletter">
<h2>Subscribe To Newsletter</h2>
<div class="box">
<input type="text" placeholder="Enter your Email..... ">
<a href="subscribe.php" class="btn">Subscribe?</a>
</div>
</section>
<div class="copyright">
<p>© ThrifSide All Right Reserved</p>
<div class="social">
<a href="#"><i class='bx bxl-facebook'></i></a>
<a href="#"><i class='bx bxl-twitter' ></i></a>
<a href="#"><i class='bx bxl-instagram-alt'></i></a>
<a href="#"><i class='bx bxs-contact'></i> 8792449273</a>
</div>
</div>
<script src="https://unpkg.com/scrollreveal@4.3.5/dist/scrollreveal.min.js"></script>
<script src="main.js"></script>
</body>
</html>

CSS code:
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital@1&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box; /* Fixed typo: 'borderr-box' to 'border-box' */
scroll-behavior: smooth;
list-style: none;
text-decoration: none;
font-family: 'Nunito', sans-serif;
}
body {
background: black;
}
:root {
--main-color: #605a59;
--second-color: #050300;
--text-color: #f9f4f4;
--gradient: linear-gradient( #605a59, #0a0500);
}
html::-webkit-scrollbar {
width: 0.5rem;
}
html::-webkit-scrollbar-track {
background: transparent;
}
html::-webkit-scrollbar-thumb {
background: var(--main-color);
border-radius: 5rem;
}
section {
padding: 50px 100px;
}
header {
position: fixed;

width: 100%;
top: 0;
right: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
background: #000308;
padding: 15px 100px;
}
.logo img {
width: 40px;
}
.navbar {
display: flex;
}
.navbar li {
position: relative;
}
.navbar a {
font-size: 1rem;
padding: 10px 20px;
color: red;
font-weight: 500;
}
.navbar a::after {
content: "";
width: 0;
height: 3px;
background: red;
position: absolute;
bottom: -4px;
left: 0;
transition: 0.5s;
}
.navbar a:hover::after {
width: 100%;
}
#menu-icon {
font-size: 24px;
cursor: pointer;

z-index: 10001;
display: none;
}
.header-btn a {
padding: 5px 10px;
color: rgb(250, 246, 246);
font-weight: 500;
}
.header-btn .sign-in {
background: rgb(237, 232, 232);
color: #fff;
border-radius: 0.5rem;
}
.header-btn .sign-in:hover {
background: lightgrey;
color: #000109;
}
.header-btn .sign-up {
color: #fff;
}
.header-btn .sign-up:hover {
background: lightgrey;
color: #000109;
}
.button {
display: inline-block;
padding: 5px 10px;
background-color: red;
color: #fff;
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #b3b8be;
color: black;
}

.home {
width: 100%;
min-height: 100vh;
position: relative;
background: url("https://img.freepik.com/free-photo/sports-car-races-through-dark-blurred-motion-
generative-ai_188544-
12490.jpg?w=1060&t=st=1694410242~exp=1694410842~hmac=6cd2af4ab735eda452a9ff5ecb0ece4bb01843a
87c8cffa83f4e8cc16de2f90e");
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.text h1 {
font-size: 3.5rem;
letter-spacing: 2px;
color: white;
}
.text span {
color: red;
}
.text p {
margin: 0.5rem 0 1rem;
color: rgb(250, 249, 248);
}
.app-stores {
display: flex;
}
.app-stores img {
width: 100px;
margin-right: 1rem;
cursor: pointer;
}
.form-container form {
display: flex;
flex-wrap: wrap;

gap: 1rem;
position: absolute;
bottom: 4rem;
left: 100px;
background: #b2a8a8;
padding: 20px;
}
.input-box {
flex: 1 1 7rem;
display: flex;
flex-direction: column;
}
.input-box span {
font-weight: 500;
}
.input-box input {
padding: 7px;
outline: none;
border: none;
background: #eeeff1;
font-size: 1rem;
}
.form-container form .btn {

flex: 1 1 7rem;
padding: 10px 34px;
border: none;
background: black;
color: #fff;
font-size: 1rem;
font-weight: 500;
}
.form-container form .btn:hover {

}
.heading {
text-align: center;
color: white;
}

.heading span {
font-weight: 500;
text-transform: uppercase;
color: white;
}
.heading h1 {
font-size: 2rem;
color: white;
}
.ride-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, auto));
gap: 1rem;
margin-top: 2rem;
border-color: white;
}
.ride-container .box {
text-align: center;
padding: 20px;
border: 2px solid white;
}
.ride-container .box .bx {

font-size: 34px;
padding: 10px;
background: #eeeff1;
color: red;
}
.ride-container .box h2 {
font-size: 1.3rem;
font-weight: 500;
margin: 1.4rem 0 0.5rem;
color: white;
}
.ride-container .box p {
color: white;
}
.ride-container .box .bx:hover,

.ride-container .box .bxs-calendar-check {
background: red;
color: #f6efef;

.services-container {
display: grid;
gap: 1rem;
margin-top: 2rem;
}
.services-container .box {
padding: 10px;
box-shadow: 1px 4px 41px rgba(0, 0, 0, 0.1);
border: 0.1rem solid white;
}
.services-container .box .box-img {

width: 100%;
height: 200px;
}
.services-container .box .box-img img {

width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.services-container .box p {
padding: 0 10px;
border: 1px solid var(--text-color);
width: 58px;
margin: 1rem 0 1rem;
color: white;
}
.services-container .box h3 {
font-weight: 500;
color: whitesmoke;
}
.services-container .box h2 {
font-size: 1.1rem;
font-weight: 600;
color: var(--main-color);

.services-container .box h2 span {

font-size: 0.8rem;
font-weight: 500;
color: var(--text-color);
}
.services-container .box .btn {

display: flex;
justify-content: center;
background: red;
color: #f3eded;
padding: 10px;
}
.services-container .box .btn:hover {

background: lightgray;
color: #000109;
}
.about-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 2rem;
gap: 1rem;
margin-top: 1rem;
}
.about-img img {
width: 100%;
}
.about-text span {
font-weight: 500;
color: var(--main-color);
text-transform: uppercase;
}
.about-text p {
color: white;
}
.about-text .btn {

padding: 10px 20px;

background: red;
color: #fff;
}
.about-text .btn:hover {
}
.reviews-container {
display: grid;
gap: 1rem;
margin: 2rem;
.rev-img {
width: 70px;
height: 70px;
}
.rev-img img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: center;
border: 2px solid var(--second-color);
}
.reviews-container .box {
display: flex;
text-align: center;
padding: 20px;
box-shadow: 1px 4px 41px rgba(0, 0, 0, 0.1);
}
.reviews-container .box h2 {
font-size: 1.1rem;
font-weight: 600;
color: white;

.reviews-container .box p {
font-style: italic;
text-color: #000109;
color: white;
}
.reviews-container .box .stars .bx {

color: white;
}
.newsletter {
background: linear-gradient(to top right, #070100, #828180);
display: flex;
}
.newsletter h2 {
color: #fff;
font-size: 1.8rem;
}
.newsletter .box {
margin-top: 1rem;
background: #fff;
padding: 4px 8px;
width: 350px;
display: flex;
justify-content: space-between;
}
.newsletter .box input {

border: none;
outline: none;
}
.newsletter .box .btn {

background: red;
color: rgb(243, 238, 238);
padding: 8px 20px;
}
.newsletter .btn:hover {

color: black;
}
.copyright {
padding: 20px;
display: flex;
justify-content: space-around;
color: white;
}
.social a {
color: red;
padding: 10px;
font-size: 21px;
}
.social a:hover {
}
@media (max-inline-size: 991px) {

header {
padding: 18px 40px;
}
section {
padding: 50px 40px;
}
}

.home {
background-position: left;
}
.form-container form {
inset-block-end: 0.2rem;
inset-inline-start: 40px;
}
}

header {
padding: 11px 40px;
}
#menu-icon {
display: initial;
}
.sign-up {
display: none;
}
.text h1 {
font-size: 2.5rem;
}
.home {
grid-template-columns: 1fr;
}
.form-container-columns form {
position: unset;
}
header .navbar {
position: absolute;
inset-block-start: -500px;
inset-inline-start: 0;
inset-inline-end: 0;
display: flex;
background: #fff;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
transition: 0.2s ease;
text-align: left;
}
.navbar.active {
inset-block-start: 100%;
}
.navbar a {
padding: 1rem;
border-inline-start: 2px solid var(--main-color);
margin: 1rem;
display: block;
}
.navbar a:hover {
color: #fff;
border: none;
}

.navbar a::after {
display: none;
}
.heading span {
font-size: 0.9rem;
font-weight: 600;
}
.heading h1 {
font-size: 1.3rem;
}
.about-container {
grid-template-columns: 1fr;
text-align: center;
}
.about-img {
padding: 1rem;
order: 2;
}
}
@media (max-width: 568px) {

.copyright {
}
.newsletter .box {
width: 284px;
}
.form-container {
padding-top: 2rem;
}
}
@media (max-width: 350px) {

header {
padding: 3px 14px;
}
.logo img {
width: 30px;
}

FIRST PAGE:


CONCLUSION:
In conclusion, the ThrifSide car rental project is a challenging and
rewarding endeavor for any aspiring web developer. By creating a car
rental platform ThrifSide, developers have the opportunity to
showcase their skills in front-end and back-end web development,
database management, and user authentication.
User authentication and authorization mechanisms will be
implemented to ensure data privacy and security .By creating a well-
designed and functional ThrifSide Rentals, developers can
demonstrate their proficiency in web technologies like HTML, CSS,
PHP, and SQL. Furthermore, the ThrifSide car rental project
provides a platform for creativity, where developers can add their
unique features and design elements to enhance the user experience.
This freedom allows developers to apply their creativity and
innovation to stand out from other similar projects.
Future Scope:
Overall, the ThrifSide Rentals project offers a comprehensive learning
experience and a chance to build a sophisticated web application from
scratch. The skills gained from this project will be invaluable for future
web development endeavors and will help aspiring developers in their
pursuit of building real-world applications.

Gagan G D

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Gagan G D

Uploaded by

Copyright:

Available Formats

VISVESVARAYA TECHNOLOGICAL UNIVERSITY

JNANASANGAMA, BELAGAVI – 590018

Submitted in partial fulfilment of the requirements for the award of degree of

Under the guidance of

Internal Guide External Guide

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

DEPARTMENT OF COMPUTER SCIENCE AND

Certified that the Internship report entitled “WEB DEVELOPMENT” carried

External Guide Internal Guide

Head of the Department Principal

Name of Examiners Signature with Date

I thank Dr. B Jana, Associate Professor and Head of the Department,

I consider it my duty to thank everyone who directly and indirectly encouraged

Furthermore, the report outlines ThrifSide Rentals' fleet management strategies,

Scope of the Report :

Department of Computer Science & Engineering, KIT, Mangalore Page 1

ZEPHYR TECHNOLOGIES is a software company delivering high quality,

Department of Computer Science & Engineering, KIT, Mangalore Page 2

1. Changing Consumer Preferences:

Department of Computer Science & Engineering, KIT, Mangalore Page 3

Department of Computer Science & Engineering, KIT, Mangalore Page 4

SYSTEM REQUIREMENTS AND

VISUAL STUDIO CODE :

3. Windows Operating System

Department of Computer Science & Engineering, KIT, Mangalore Page 5

Visual Studio Code:

SQL and PHP:

Department of Computer Science & Engineering, KIT, Mangalore Page 6

Department of Computer Science & Engineering, KIT, Mangalore Page 7

Department of Computer Science & Engineering, KIT, Mangalore Page 8

Department of Computer Science & Engineering, KIT, Mangalore Page 9

Department of Computer Science & Engineering, KIT, Mangalore Page 10

Department of Computer Science & Engineering, KIT, Mangalore Page 12

Department of Computer Science & Engineering, KIT, Mangalore Page 13

Department of Computer Science & Engineering, KIT, Mangalore Page 14

Department of Computer Science & Engineering, KIT, Mangalore Page 14

Department of Computer Science & Engineering, KIT, Mangalore Page 14

.form-container form .btn {

.form-container form .btn:hover {

Department of Computer Science & Engineering, KIT, Mangalore Page 14

.ride-container .box .bx {

.ride-container .box .bx:hover,

Department of Computer Science & Engineering, KIT, Mangalore Page 15

.services-container .box .box-img {

.services-container .box .box-img img {

Department of Computer Science & Engineering, KIT, Mangalore Page 16

.services-container .box h2 span {

.services-container .box .btn {

.services-container .box .btn:hover {

Department of Computer Science & Engineering, KIT, Mangalore Page 17

padding: 10px 20px;

Department of Computer Science & Engineering, KIT, Mangalore Page 18

.reviews-container .box .stars .bx {

.newsletter .box input {

.newsletter .box .btn {

Department of Computer Science & Engineering, KIT, Mangalore Page 18

@media (max-inline-size: 991px) {

@media (max-inline-size: 881px) {

@media (max-inline-size: 768px) {

Department of Computer Science & Engineering, KIT, Mangalore Page 20

@media (max-width: 568px) {

@media (max-width: 350px) {