PROJECT-II

(PROJ-CSE-423G)
On

Jobs- Mania
Carried out at or In Association with:

DPG Institute of Technology and Management

SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENT FOR THE AWARD OF

THE DEGREE OF

BACHELOR OF TECHNOLOGY

(COMPUTER SCIENCE

ENGINEERING)
7th Semester

SUBMITTED BY
Raj Singh
College Roll No. :20CS126

Department of Computer Science and Engineering

DPG Institute of Technology and Management,
Gurgaon (Affiliated to Maharishi Dayanand University,
Rohtak)
2023-2024

1
 CANDIDATE'S DECLARATION

I hereby certify that the work which is being presented in the report entitled “Jobs

Mania” by “Raj Singh” in partial fulfillment of requirements for the award of

degree of B.Tech. (CSE) submitted to Department of Computer Scienceand

Engineering, DPG Institute of Technology and Management, Gurgaon(Affiliated

with Maharishi Dayanand University, Rohtak) is an authentic record of my own

work carried out during a period from August 30 , 2023 to November 15, 2023

under the supervision of “Ms. Archana Rohilla (Assistant Professor)”.

Raj Singh

College Roll No. : 20CS126

2
 SUPERVISOR'S CERTIFICATE

I hereby certify that the presented work report entitled “Jobs-mania” by “Raj Singh (20CS126)

” in partial fulfillment of requirements for the award ofdegree of B.Tech. (CSE) submitted to

Department of Computer Science and Engineering, DPG Institute of Technology and

Management, Gurgaon (Affiliated with Maharishi Dayanand University, Rohtak) is anauthentic

record of his own workcarried out during a period from August 30 , 2023 to November 15, 2023

under my supervision at “DPG Institute of Technology and Management”.

Mrs. Archana Rohilla

Assistant Professor

Mobile:9810023147

Email: archana.csed@dpgitm.ac.in

3
 ABSTRACT

The "Jobs-Mania" is a web-based application software that aims to provide an interactive learning

experience and apply for the new jobs according to there qualification for students. The software is

developed using Javascript,HTML, PHP, and CSS, and is designed to be user-friendly and

accessible. The primary focusof the application is to provide a virtual learning platform that offers a

wide range of educational resources, including web design , teaching , science , path visualizer and

sorting.

One of the unique features of the software is its path finding and sorting visualization functionality.

The software uses advanced algorithms to provide students with visual representations of how

sorting and path finding algorithms work. This feature helps students to better understand complex

concepts and provides a more engaging learning experience.

4
 ACKNOWLEDGMENT

I take this opportunity to express my sincere gratitude and respect to DPG Institute of
Technology and Management, Gurugram for providing us a platform to pursue our studies
andcarry out our third-year project.

I take great pleasure in expressing my deep sense of gratitude to Prof. R.C. Kuhad, Director,
DPGITM, Gurugram for his constant encouragement. I would like to thank Dr. Sarika
Chaudhary, Professor and Head, Department of Computer Science & Engineering,
DPGITM, Gurugram, who has been a constant support and encouragement throughout the
course of this project.

I express my sincere gratitude and I am greatly indebted to Mrs. Archana Rohilla,

AssistantProfessor, Department of Computer Science & Engineering, DPGITM, Gurugram,
for her invaluable co-operation and guidance at each point in the project without whom quick
progression in our project was not possible.

I am also deeply thankful to our project guide Dr. Sarika Chaudhary, Head of Department,
Computer Science & Engineering, DPGITM, Gurugram, for critically evaluating each step in
the development of this project and provided valuable guidance through our mistakes.

Finally, I express my indebtedness to all who have directly or indirectly contributed to the
successful completion of my work.

Raj Singh

5
 Index

Declaration I
Certificate II
Abstract III
Acknowledgement IV

1. Introduction
1.1 Overview
1.2 Screenshots of the application

2. Web App. Development

2.1 Web Application Overview
2.2 Web Application Development
2.3 Visual Studio Code
2.4 Advantage of Web Development

3. Language used in the project

3.1 HTML
3.1.1 Choice of HTML
3.1.2 Using HTML for structuring Web Pages
3.1.3 Role of HTML in Web Pages

4. CSS
4.1 Choice of CSS
4.2 Using CSS for designing Web Pages
4.3 Role of CSS in Web Pages

5. Java Script
5.1 Choice of Java Script
5.2 Using Java Script for providing functionality in Web Pages
5.3 Role of Java Script in Web Pages

6. PHP
6.1 Choice of PHP
6.2 Using PHP in Web Pages
7. Implementation
8. References

6
 1. INTRODUCTION

1.1 Overview

The”Jobs - mania" is a web-based application software that aims to provide an interactive jobs according to
there qualification for students. The software is developed using Javascript, HTML, and CSS, and is
designed to be user- friendly and accessible. The primary focus of the application is to provide a
virtuallearning platform that offers a wide range of jobs.

Job-taking websites, often referred to as job boards or job search platforms, are online platforms that
connect employers with job seekers. These websites play a crucial role in the recruitment process by
providing a centralized space for job listings and candidate resumes.

Each platform may have its unique features and focus, catering to different segments of the job market.
Job seekers and employers often use a combination of these platforms to maximize their reach and
opportunities in the job market.

"Jobs - Mania" is an innovative web-based application developed with the intent of offering an interactive
job search experience tailored to users' qualifications. Crafted using a combination of JavaScript, HTML,
and CSS, the software prioritizes user-friendliness and accessibility, ensuring a seamless experience for all
users.

At its core, this application serves as a dynamic virtual learning platform, providing a diverse array of job
opportunities for students and job seekers. Leveraging the power of web technologies, it creates an
interactive space where users can explore and apply for jobs based on their qualifications.

The application follows a user-centric design, emphasizing a friendly interface that facilitates easy
navigation. The incorporation of JavaScript enhances the interactivity, while HTML and CSS contribute to
the structure and visual appeal, creating a well-rounded user experience.

In the broader context, this application aligns with the concept of job boards or job search platforms. These
online platforms act as vital intermediaries, connecting employers with potential candidates. By
centralizing job listings and resumes, they streamline the recruitment process, making it more efficient for
both job seekers and employers.

Recognizing the diversity of the job market, these platforms often exhibit unique features and cater to
specific segments. Job seekers and employers alike benefit from leveraging a combination of these
platforms, thereby expanding their reach and maximizing opportunities in the competitive job landscape.

In summary, "Jobs - Mania" not only introduces an engaging and user-friendly job search experience but
also contributes to the broader landscape of online job platforms, playing a pivotal role in connecting
talent with opportunities in the ever-evolving job market.

7
"Jobs - Mania" stands out as a cutting-edge web application meticulously crafted to deliver an interactive
job search experience finely tuned to users' qualifications. Developed using a powerful blend of JavaScript,

HTML, and CSS, the software places a premium on user-friendliness and accessibility, ensuring a smooth
and enjoyable experience for all users.
At its core, this application serves as a dynamic virtual learning platform, offering a rich spectrum of job
opportunities tailored for students and job seekers. Harnessing the capabilities of web technologies, it
creates an immersive space where users can actively explore and apply for jobs aligned with their
qualifications.

The application's design is centered around the user, with a focus on a friendly interface that facilitates
effortless navigation. The integration of JavaScript not only enhances interactivity but also brings
dynamism to the user experience. HTML and CSS work harmoniously to provide a well-structured and
visually appealing interface, contributing to an engaging overall experience.

In the broader context, "Jobs - Mania" aligns seamlessly with the concept of job boards or job search
platforms. These online hubs play a pivotal role as intermediaries, forging connections between employers
and potential candidates. By consolidating job listings and resumes, these platforms streamline the
recruitment process, optimizing efficiency for both job seekers and employers.

Acknowledging the diverse landscape of the job market, such platforms often showcase unique features
catering to specific segments. The application's flexibility ensures that both job seekers and employers can
leverage its capabilities, expanding their reach and maximizing opportunities within the competitive job
landscape.

In summary, "Jobs - Mania" not only introduces a captivating and user-friendly job search experience but
also makes a valuable contribution to the broader ecosystem of online job platforms. Its role is pivotal in
bridging the gap between talent and opportunities, making it a key player in the ever-evolving job market.

8
1.1 Screenshots of the Application:
a. Interface of the application

9
b. Footer

10
11
12
 About Project :-

Jobs Mania is the process of finding the Jobs and learn the new things. HTML, CSS, and JavaScript can be
used to implement a Jobs- Mania and visualize the results on a webpage.

HTML provides the structure of the webpage, including the layout of the graph or network. CSS is used to
style the page and make it visually appealing. JavaScript is used to implement the algorithm and update
the page in real-time.

Jobs Mania is the best place to find the jobs . Here you can find the all latest jobs according to there
Qualification. Here you can find the Jobs of Bank , Sarkari Jobs , Private Jobs and Jobs according to there
Qualification.

The webpage can be designed to display the Jobs Description using HTML and CSS. JavaScript can be

used to update the page and Provide the event listner. For example, each time a page is visited, it can

be highlighted on the page to show the progress of the form.

Overall, using HTML, CSS, and JavaScript to implement Jobs Mania can create an interactive and

engaging experience for users to understand and visualize the concept of Jobs Mania.

This includes :-

 Banks Jobs

 Btech/ BE Jobs

 IDFC Bank Jobs

 Feedback Form

 Sales and Marketing

13
 IT & CS Jobs

 B-com

14
Effect With CSS :-

CSS (Cascading Style Sheets) is used for styling web pages, and there are numerous properties
and values that can be applied to create different effects. I'll provide a brief overview of some
common effects in CSS:

Color Effects:
• color: Changes the text color.
• background-color: Changes the background color of an element.
• opacity: Adjusts the transparency of an element.

/* Example: Changing text color */

h1 {
color: blue;
}

/* Example: Adding a background color */

div {
background-color: #f0f0f0;
}

/* Example: Adjusting opacity */

p{
opacity: 0.7;
}

Text Effects:
i. text-decoration: Adds decoration to text (underline, overline, line-through).
ii. text-shadow: Adds a shadow to text.

/* Example: Underlining a link */

a{
text-decoration: underline;
}

/* Example: Adding a text shadow */

h2 {
text-shadow: 2px 2px 4px #000000;
}

15
Box Effects:
i. box-shadow: Adds a shadow to an element.
ii. border-radius: Creates rounded corners for an element.

/* Example: Adding a box shadow */

div {
box-shadow: 5px 5px 10px #888888;
}

/* Example: Applying rounded corners */

img {
border-radius: 10px;
}

Transition Effects:
i. transition: Specifies the transition properties for an element.

/* Example: Adding a smooth transition to color changes */

button {
transition: color 0.3s ease-in-out;
}

/* Example: Applying a transition to transform properties */

div {
transition: transform 0.5s ease-in-out;
}

16
Take Notes :-

HTML, CSS, and JavaScript can be used to create a web-based note-taking application, allowing users to
create and save notes on a webpage.

HTML provides the structure of the webpage, including the layout and input fields for the notes. CSS
is used to style the page and make it visually appealing. JavaScript is used to implement the
functionality of the note-taking application.

Users can create new notes by entering the title and content of the note into input fields on the webpage.
JavaScript can be used to capture the input data and store it in an array or database. Users can also view and
edit existing notes, and JavaScript can be used to retrieve and display the notes on the page.

Users can also search for specific notes or sort the notes by title or date using JavaScript. Notes can be
deleted using a delete button or swipe gesture, with JavaScript updating the array or database to reflect
the changes.

Overall, using HTML, CSS, and JavaScript to create a note-taking application can provide a simple
and convenient way for users to create, save, and organize their notes online.

17
 2. WEB PAGE DEVELOPMENT

2.1 This project was built with help of one software

1. Visual Studio Code

Visual Studio Code, also commonly referred to as VS Code, is a source-code editor made
by Microsoft for Windows, Linux and macOS. Features include support for debugging, syntax
highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Users can
change the theme, keyboard shortcuts, preferences, and install extensions that add additional
functionality.
In the Stack Overflow 2021 Developer Survey, Visual Studio Code was ranked the most popular
developer environment tool, with 70% of 82,000 respondents reporting that they use it.

Visual Studio Code was first announced on April 29, 2015, by Microsoft at the2015
Build conference. A preview build was released shortly thereafter.
On November 18, 2015, the source of Visual Studio Code was released under the MIT License, and
made available on GitHub. Extension support was also announced. On April 14,2016, Visual Studio
Code graduated from the public preview stage and was released to the Web. Microsoft has released
most of Visual Studio Code's source code on GitHub under the permissive MIT License, while the
releases by Microsoft are proprietary freeware.

18
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and
is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript
and Node.js and has a rich ecosystem of extensions for other languagesand runtimes (such as C++,
C#, Java, Python, PHP, Go, .NET).

Visual Studio Code, commonly known as VS Code, stands out as a versatile source-code editor
crafted by Microsoft, catering to developers on Windows, Linux, and macOS platforms. Launched at
the Build conference in April 2015, it swiftly gained traction, becoming a go-to choice for a myriad of
developers.

This feature-rich editor boasts a comprehensive toolkit, encompassing debugging, syntax highlighting,
intelligent code completion, snippets, code refactoring, and embedded Git support. Users enjoy the
flexibility to personalize their coding environment by tweaking themes, keyboard shortcuts,
preferences, and expanding functionality through extensions.

Notably, Visual Studio Code earned top honors in the Stack Overflow 2021 Developer Survey,
securing the title of the most popular developer environment tool. An overwhelming 70% of the
82,000 respondents acknowledged its integral role in their development workflows.

The editor's journey began with its announcement in April 2015, followed by a swift release of a
preview build. On November 18, 2015, Microsoft embraced open-source principles by releasing the
source code under the MIT License, fostering collaboration on GitHub. Extension support, a key
feature, was introduced during this phase.

By April 14, 2016, Visual Studio Code transitioned from public preview to a full-fledged release,
accessible on the web. While Microsoft maintains proprietary control over certain releases, it has
liberally shared the majority of Visual Studio Code's source code on GitHub under the permissive
MIT License.

In essence, Visual Studio Code's journey reflects a commitment to fostering a robust developer
ecosystem, combining powerful features with a community-driven, open-source ethos.

Features of VS code:

 Support for multiple programming languages.

 Intelli-Sense
 Cross-Platform Support
 Extensions and Support
 Repository
 Web-Support
 Improving Code
 Terminal Support

19
 Advantages of Web Development

 Runs on any OS: It’s programmed to run on any OS . It must appropriately adapt
toiOS, Android, and Windows Phone — amongst other operating systems.
 Runs using easy URL: These apps run on the device’s own browser through an easyURL.
 Need not be downloaded: They don’ got to be downloaded and installed from app stores like

LANGUAGE USED IN PROJECT

HTML
HTML (HyperText Markup Language) is a markup language used for creating webpages and other types
of content that can be displayed in a web browser. It uses various tags and attributes to structure and
format content, such as headings,paragraphs, images, links, and tables.

HTML documents are composed of a series of elements, each with a start tag, content, and an end tag.
These elements can be nested inside one another to create complex structures. In addition to the core
HTML syntax, there are also a variety of other technologies used in conjunction with HTML, such as CSS
(Cascading Style Sheets) for styling and JavaScript for dynamic interactions.

HTML is a foundational technology for the web, and is widely used in both static

20
 and dynamic web applications. With the rise of mobile and responsive design, HTML has become even
more important as it provides the basic structure and content for web pages that can be easily adapted to
different screen sizes and devices.

Choice of HTML

The choice of HTML is appropriate when creating any type of content that will be displayed in a web browser. HTML
isthe standard markup language for creating web pages, and it provides the basic structure and content for all types
of websites and applications.

Whether you are creating a personal blog, an e-commerce site, or a web application, HTML is essential for defining
thestructure and content of your web pages. It allows you to create headings, paragraphs, lists, images, videos, and
other types of content that can be displayed in a browser.

In addition, HTML is easy to learn and widely supported by web browsers and other web technologies. This makes
it areliable choice for creating web content that can be viewed by a wide range of users on different devices and
platforms.

Using HTML for building web pages

When creating web pages with HTML, there are a few key steps you should follow:

1. Plan your content: Before you start writing HTML code, it's important to plan out the content you
want to include on your web page. This includes text, images, videos, and any other types of content you
want to include.

2. Structure your content: Once you have a plan for your content, you need to structure it using HTML.
This involves using HTML tags to create headings, paragraphs, lists, and other types of content.

3. Add links and images: HTML allows you to add links to other web pages and images to your web page.
4. Toadd links, you'll use the "a" tag, and to add images, you'll use the "img" tag.

5. Use CSS for styling: While HTML provides the structure and content for your web page, CSS is used
for styling. This includes defining colors, fonts, and layouts for your web page. You can either add CSS
directly to your HTML using the "style" tag, or link to an external CSS file.

21
 6. Test your web page: Once you have written your HTML and CSS code, it's important to test your
web page in different web browsers to make sure it looks and works as expected.

By following these steps, you can create web pages that are well-structured, visually appealing,
and functional for your users.

Role of HTML in Web pages

HTML (HyperText Markup Language) is a markup language used for creating web pages and isthe
foundation of all web pages. Here are some of the roles of HTML in web pages:

1. Structure: HTML is used to structure the content of a web page. It provides a set of tags that define
headings, paragraphs, lists, tables, and other types of content.

2. Content: HTML is used to define the content of a web page. This includes text, images, videos, and
other types of media.

3. Links: HTML is used to create links to other web pages or to specific parts of a web page. Links are
created using the "a" tag.

4. Forms: HTML is used to create forms that allow users to input data into a web page. Forms are created
using the "form" tag and can include text fields, radio buttons, checkboxes, and Other input types.

5. Accessibility: HTML provides accessibility features that allow users with disabilities to Acces sand
navigate web pages. These features include alt text for images, labels for form inputs, and semantic
markup.

Overall, HTML plays a critical role in web development by providing a standard markup language for
creating web pages. It allows developers to structure and define the content of a web page, create links and
forms, and provide accessibility features for all users.

HTML, or HyperText Markup Language, serves as the fundamental building block for creating the
structure of web pages. It utilizes a markup syntax involving tags to define and organize content,
establishing a hierarchy that browsers interpret and render visually.

HTML tags are employed to encapsulate various elements, such as headings, paragraphs, images, links,
and more. The document structure is typically divided into sections like <head> for metadata and <body>
for the main content. Each tag comes with attributes that provide additional information or properties to the
enclosed content.

Hyperlinking is a fundamental aspect of HTML, achieved through the <a> tag, enabling seamless
navigation between pages and resources. Images are integrated using the <img> tag, while lists and tables
offer structured ways to present information.

22
 HTML is the backbone of the World Wide Web, facilitating the creation of cohesive and accessible web
content. Its versatility extends to adaptation for various devices and screen sizes through responsive design
techniques.

In summary, HTML acts as the bedrock of web development, allowing developers to structure content and
create a cohesive user experience across diverse platforms and devices.

CSS

CSS, or Cascading Style Sheets, is a styling language used to control the appearance of HTML
documents on the web. It provides a way to separate the content of a web page from its presentation,
allowing designers to apply styles to multiple pages at once and make changes to the site's visual design
more efficiently.

CSS is written in a syntax that includes rules, selectors, and properties. Selectors target specific
HTML elements, while properties specify how those elements should be styled. CSS

23
 can control a wide range of visual elements, including fonts, colors, layouts, and animations.

CSS can be written directly into an HTML document or saved in a separate file and linked to the HTML
using the <link> tag. There are also various CSS preprocessors, such asSass and Less, that allow
developers to write more efficient and powerful CSS using
variables, mixins, and other advanced features.

CSS is a critical component of modern web design, allowing designers and developers to create attractive,
responsive, and user-friendly websites.

CSS employs a syntax comprising rules, selectors, and properties, providing a powerful mechanism for
styling HTML elements. Selectors pinpoint specific HTML elements, while properties dictate the styling
rules for these elements, influencing aspects like fonts, colors, layouts, and animations.

Flexibility in Integration: CSS can be directly embedded within an HTML document or stored in a separate
file, linked to the HTML using the <link> tag. This modular approach enhances organization and facilitates
the reuse of styles across multiple pages, promoting maintainability.

Advanced CSS Preprocessors: Developers can leverage CSS preprocessors like Sass and Less to elevate
their styling capabilities. These preprocessors introduce advanced features such as variables, mixins, and
functions, enabling more efficient and robust CSS development. This abstraction simplifies code
management, making it easier to maintain and scale stylesheets.

Essential for Modern Web Design: CSS stands as a cornerstone in modern web design, empowering
designers and developers to craft visually appealing, responsive, and user-friendly websites. Its ability to
control the presentation layer ensures a seamless integration with HTML and JavaScript, creating cohesive
and engaging web experiences. As web technologies evolve, CSS continues to play a crucial role in
shaping the aesthetics and interactivity of the digital landscape.

JAVASCRIPT

JavaScript is a programming language used to create interactive and dynamic web pages.
It is one of the core technologies of the World Wide Web, along with HTML and CSS.

JavaScript can be used for a wide variety of tasks, including manipulating web page content, responding to
user actions, validating form data, creating animations and visual effects, and communicating with servers
to fetch or send data.

JavaScript is a client-side language, meaning that it runs directly in the web browser on the user's
computer. This allows it to respond quickly to user actions and create rich, interactive experiences.

JavaScript can also be used on the server-side using platforms such as Node.js, allowing developers to
create powerful and scalable web applications that can handle large amounts of data and user traffic.

JavaScript has become an essential part of modern web development, and is widely used in a variety of
frameworks and libraries such as React, Angular, and Vue.js. It continues to evolve and improve, with new
features and updates being added regularly to make it more powerful and easier to use.
24
JavaScript plays a pivotal role in crafting dynamic and engaging web pages, forming an integral part of the
World Wide Web alongside HTML and CSS.

With its versatility, JavaScript tackles a spectrum of tasks, spanning from manipulating web page content,
responding to user actions, validating form data, to creating captivating animations and visual effects.
Additionally, it facilitates seamless communication with servers, enabling the fetching and sending of data,
thereby enhancing the overall user experience.

Operating on the client-side, JavaScript executes directly in the user's web browser, ensuring swift
responses to user interactions and the creation of immersive, interactive web environments. Its client-side
nature contributes to the development of responsive and user-friendly interfaces.

Furthermore, JavaScript isn't confined to the client-side; platforms like Node.js extend its reach to the
server-side. This empowers developers to construct robust and scalable web applications capable of
handling substantial data and user traffic efficiently.

JavaScript's indispensability is further underscored by its widespread adoption in modern web

development, being utilized in various frameworks and libraries such as React, Angular, and Vue.js. Its
evolutionary journey includes regular updates and feature enhancements, reinforcing its position as a
dynamic, powerful, and user-friendly programming language for crafting the web experiences of today and
tomorrow.

PHP:-
PHP, which stands for "Hypertext Preprocessor," is a server-side scripting language that is widely used for
web development. It is particularly well-suited for creating dynamic and interactive web pages. Here are
some key aspects of PHP:

Server-Side Scripting: PHP is primarily used on the server side of web development. This means that
PHP code is executed on the server before the web page is sent to the user's browser. This is in contrast to
client-side scripting languages like JavaScript, which are

25
executed in the user's browser.

Open Source: PHP is an open-source scripting language, which means that its source code is freely
available to the public. This has contributed to its widespread adoption and the development of a large and
active community.

Embeddable in HTML: PHP code can be embedded directly into HTML, making it easy to mix dynamic
content with static content in web pages. PHP code is enclosed in special tags (<?php and ?>), allowing
developers to switch between HTML and PHP seamlessly.

PHP stands out as an open-source scripting language, meaning its source code is accessible to the public
without cost. This characteristic has fueled its widespread acceptance and the growth of a vibrant and
engaged community of developers. The collaborative nature of open source encourages continuous
improvement and innovation, as anyone can contribute to the language's enhancement.

Seamless HTML Integration: One of PHP's notable strengths lies in its ability to seamlessly integrate with
HTML. Developers can embed PHP code directly into HTML, facilitating the harmonious blending of
dynamic and static content within web pages. The use of special tags, such as <?php and ?>, allows
developers to effortlessly transition between HTML and PHP, enabling a smooth and efficient development
process. This feature enhances the flexibility and agility of web development, enabling the creation of
dynamic and interactive websites with ease.

<html>
<body>

<h1><?php echo "Hello, World!"; ?></h1>

</body>
</html>

26
Implementation

27
28
29
 5. References

 https://www.w3schools.com/html/

 https://www.w3schools.com/css/

 https://www.w3schools.com/js/default.asp

 https://www.w3schools.com/php/default.asp

 https://html.com/

 https://youtu.be/ZxKM3DCV2kE?si=BEi3SrdqMWaVWxrJ

 https://youtu.be/HcOc7P5BMi4?si=uWUBfvawYIYatiAF

30