SGT UNIVERSITY
FACULTY OF ENGINEERING AND
TECHNOLOGY
MCA
Summer Internship in Web
Development
Batch: - 2022-2024
Submitted To: Submitted By:
Mr. Abhishek Sir Vikram Sharma
CSE Department Reg. No: 221347009
Semester: - 3rd
S. N Headings
1 Acknowledgement
2 Introduction and requirements
3 Project details
4 Certificate
Gratitude for Guidance: A Special Thanks to My Mentor
I would like to express my sincere gratitude to Gagan Singh for their invaluable
guidance and mentorship throughout my internship. Their expertise in Web
Development greatly contributed to the success of my project and also increased my
knowledge.
I am grateful for Gagan Sir consistent availability and willingness to answer my
questions. Their constructive feedback and support created a conducive learning
environment.
Under Gagan Sir mentorship, I developed a deeper understanding of Cloud services
which significantly contributed to my professional growth.
Personally, I am grateful for Gagan Sir encouragement and support, which not only
enhanced my technical skills but also boosted my confidence in tackling challenging
tasks.
In conclusion, I extend my heartfelt thanks to Gagan Sir for their unwavering support
and guidance during my internship. I am truly grateful for the opportunity to learn under
their mentorship.
Introduction about the company and internship :-
• Hexnbit is one of the Best Training Institute in Noida, online and offline courses and
skill development programs to engineering students, working professionals, and college
pass-outs.
• Provide Internship
• Training on various technology like web development, python developer etc.
Company Website url: HexNBit EdTech Private Limited
What is Web Development?
Web development is the work involved in developing a website for the Internet or an intranet. Web
development can range from developing a simple single static page of plain text to complex web
applications, electronic businesses, and social network services.
What is Web Designing?
Web design encompasses many different skills and disciplines in the production and
maintenance of websites. The different areas of web design include web graphic design; user
interface design; authoring, including standardised code and proprietary software; user
experience design; and search engine optimization..
Process of the Web Development :-
List of software and application required for project: -
Github
Chrome Developers Tools
Sass
Bootstrap
Docker
Project Details
Create a Circular Progress Bar using HTML and
CSS
A progress bar is used to display the progress of a process on a computer. A progress bar displays
how much of the process is completed and how much is left. So, today we will design a circular
progress bar using HTML and CSS. By using HTML, we will design the different components for
that progress bar and then by using the properties of CSS, we can style the progress bar .Steps for the
project:
Approach :-
First, we will design a basic progress bar structure using HTML. First, we will
create a container div that holds both progress bars.
Next, we will use some CSS properties to design the progress bar. The container class
sets the position of the div element. Other CSS classes are used to create the circular
progress bar and added CSS styles.
Coding part of the project :-
<!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, initial-scale=1.0">
<!-- Set title of web page -->
<title>GFG Circular progress Bar</title>
</head>
<body>
<!-- Added heading of the page -->
<h1>Circular progress bar</h1>
<!-- Creating a container class that
hold other useful classes -->
<div class="container">
<!-- Creating a ui-widgets classes that
store other useful classes like
ui-values and ui-labels -->
<div class="ui-widgets">
<div class="ui-values">85%</div>
<div class="ui-labels">Java</div>
</div>
<div class="ui-widgets">
<div class="ui-values">50%</div>
<div class="ui-labels">HTML</div>
</div>
</div>
</body>
</html>
Output :-
Circular Progress Bar :-
Learning outcome
Use their learned skills, knowledge and abilities to develop web sites for the internet
Apply basic design principles to present ideas, information, products, and services on websites
Apply basic programming principles to the construction of websites
Effectively manage website projects using available resources
Demonstrate communication skills, service management skills, and presentation skills
Complete job preparation tasks including writing resumes and cover letters, conducting job
interviews and developing an ePortfolio
Apply employability skills including fundamental skills, personal management skills, and
teamwork skills
Certificate :-
