0% found this document useful (0 votes)
32 views29 pages

Mohan Report

Web development involves creating websites and applications, divided into frontend and backend development, utilizing various technologies like HTML, CSS, JavaScript, and frameworks such as React and Django. The document outlines the objectives of web development, including enhancing user experience, achieving business goals, optimizing performance, ensuring security, and facilitating content management. It also discusses methodologies like Waterfall, Agile, and DevOps, proposing a hybrid Agile-DevOps approach to improve efficiency and responsiveness in web development.

Uploaded by

rohitdhanapal005
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views29 pages

Mohan Report

Web development involves creating websites and applications, divided into frontend and backend development, utilizing various technologies like HTML, CSS, JavaScript, and frameworks such as React and Django. The document outlines the objectives of web development, including enhancing user experience, achieving business goals, optimizing performance, ensuring security, and facilitating content management. It also discusses methodologies like Waterfall, Agile, and DevOps, proposing a hybrid Agile-DevOps approach to improve efficiency and responsiveness in web development.

Uploaded by

rohitdhanapal005
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

CHAPTER 2

INTRODUCTION
Web development is the process of creating websites and web applications
for the Internet or a private network known as an intranet. It encompasses a
variety of tasks, including web design, content creation, client-side/server-side
scripting, and network security configuration. As the digital landscape evolves,
web development has become increasingly important for businesses and
individuals aiming to establish and maintain a robust online presence.

At its core, web development is divided into two main categories: frontend
and backend development. Frontend development, often referred to as client-
side development, involves creating the visual and interactive aspects of a
website that users interact with directly. This includes designing layouts, adding
graphics, and ensuring the site is responsive and accessible across various
devices. Technologies commonly used in frontend development include HTML,
CSS, and JavaScript, along with frameworks like React, Angular, and Vue.js.

Backend development, or server-side development, focuses on the server,


databases, and application logic that power the frontend experience. It involves
managing data, user authentication, and server configuration. Common
languages and frameworks for backend development include Python (Django,
Flask), Ruby (Rails), JavaScript (Node.js), PHP, and Java (Spring). Databases
like MySQL, PostgreSQL, and MongoDB are also integral to backend
development.

In addition to these technical components, web development also requires


knowledge of web hosting, domain management, and version control systems
like Git. With the rise of cloud computing, services such as AWS, Azure, and
Google Cloud have become essential tools for web developers, enabling
scalable and efficient application deployment.

The field of web development is dynamic, continually shaped by emerging


technologies and trends. Current trends include the use of Progressive Web
Apps (PWAs), Single Page Applications (SPAs), and serverless architectures,
which offer enhanced performance and user experiences. Security is also a
paramount concern, necessitating practices like secure coding, regular updates,
and encryption to protect against cyber threats.
2.1OBJECTIVES OF WEB DEVELOPMENT PROJECT
Web development aims to create functional, aesthetically pleasing, and
user-friendly websites and web applications that effectively serve the needs of
users and businesses.

The primary objectives of web development include:

Enhance User Experience (UX)

 Usability: Ensure that websites are easy to navigate and


intuitive for users.
 Accessibility: Design websites that are accessible to all users,
including those with disabilities.
 Responsiveness: Develop websites that provide a seamless
experience across various devices and screen sizes.

Achieve Business Goals

 Branding: Create a cohesive online presence that aligns with


the company’s brand identity.
 Conversion: Design websites that drive conversions, whether
through sales, sign-ups, or other desired actions.
 Engagement: Develop features and content that engage users
and encourage interaction.

Optimize Performance

 Speed: Ensure fast loading times to reduce bounce rates and


improve user satisfaction.
 Scalability: Build websites that can handle increasing traffic
and user demands without compromising performance.
 Efficiency: Optimize code and resources to enhance site
performance and reduce server load.
Ensure Security

 Data Protection: Implement measures to protect user data from


breaches and cyber-attacks.
 Secure Transactions: Ensure that all financial transactions and
sensitive operations are securely processed.
 Compliance: Adhere to industry standards and regulations,
such as GDPR, to ensure legal compliance.

Facilitate Content Management

 Content Updates: Provide tools and systems that allow for easy
content updates and management.
 SEO: Optimize websites for search engines to improve
visibility and drive organic traffic.
 Analytics: Integrate analytics tools to monitor website
performance and user behavior.

Support Integration and Interoperability

 Third-Party Integrations: Enable seamless integration with


third-party services and APIs, such as payment gateways, social
media platforms, and CRM systems.
 Cross-Browser Compatibility: Ensure that websites function
correctly across different web browsers.

Promote Innovation and Adaptability

 Adoption of New Technologies: Stay updated with the latest


web technologies and trends to incorporate innovative features.
 Flexibility: Build websites with flexible architectures that allow
for easy updates and feature enhancements.
CHAPTER 3
LITERATURE REVIEW

3.1.EXISTING METHOD

Web development employs various methodologies and approaches to create


effective and efficient websites and web applications. The choice of
methodology often depends on the project requirements, team structure, and
specific goals. Here are some of the widely used methods in web development:

Waterfall Model

 Sequential Phases: This traditional method involves a linear


and sequential approach where each phase (requirement
analysis, design, implementation, testing, deployment, and
maintenance) must be completed before moving on to the next.
 Clear Documentation: Extensive documentation is created at
each stage, providing clear guidelines and expectations.

Agile Development

 Iterative and Incremental: Agile development breaks the


project into small, manageable iterations or sprints, typically
lasting 1-4 weeks.
 Flexibility: Allows for continuous feedback and adaptation to
changes throughout the development process.

Kanban

 Visual Workflow Management: Kanban uses a visual board to


manage and optimize work processes by visualizing tasks,
limiting work-in-progress, and maximizing flow.
 Continuous Delivery: Unlike Scrum, Kanban does not
prescribe fixed iterations, allowing for continuous delivery.
 Best For: Teams looking to improve process efficiency and
manage workflows without strict iterations.
Lean Development

 Efficiency Focus: Lean development aims to deliver value to


the customer quickly by eliminating waste and optimizing
processes.
 Best For: Projects with a focus on optimizing resource usage
and enhancing customer value.

DevOps

 Integration of Development and Operations: DevOps


combines software development (Dev) and IT operations (Ops)
to improve collaboration and productivity.
 Rapid Delivery: Facilitates faster and more reliable software
delivery and deployment.
 Best For: Organizations aiming for high-frequency releases and
operational efficiency.

3.1.1 DISADVANTAGES OF EXISTING METHOD


While each web development methodology offers distinct advantages, they
also come with their own set of disadvantages.

Here’s a look at some of the potential drawbacks associated with each


method:

Waterfall Model

 Delayed Testing: Testing occurs only after development is


complete, which can lead to the discovery of significant issues
late in the project.
 Poor Adaptability: Unsuitable for projects with evolving
requirements, as it assumes that all requirements can be
gathered upfront.
Agile Development

 Demanding on Teams: Requires a high level of collaboration


and constant communication, which can be demanding on the
team.
 Documentation Overlooked: Often, the focus on working
software over comprehensive documentation can lead to
insufficient project documentation.

Kanban

 Lack of Structure: The absence of fixed iterations can lead to a


lack of structure, making it harder to track progress compared to
more structured methodologies like Scrum.
 Potential for Overwhelm: Without proper work-in-progress
(WIP) limits, teams can become overwhelmed with too many
tasks.
 Focus on Flow Over Deadlines: Kanban's emphasis on
continuous flow may not align well with projects that have strict
deadlines.

Lean Development

 Risk of Over-Focus on Efficiency: The focus on eliminating


waste can sometimes lead to cutting corners or overlooking
necessary steps that ensure quality.
 Requires Deep Understanding: Successful implementation
requires a deep understanding of Lean principles, which can be
challenging to achieve.

DevOps

 Cultural Shift: Implementing DevOps requires a significant


cultural shift in the organization, which can be met with
resistance.
 Resource Intensive: Setting up automated pipelines and
maintaining CI/CD infrastructure can be resource-intensive.
 Security Risks: Increased frequency of deployments can
introduce security risks if not managed properly.
3.2PROPOSED METHOD

To effectively address the limitations of existing methodologies and enhance the


development process, a hybrid approach combining Agile and DevOps is
proposed. This approach aims to leverage the strengths of both methodologies,
resulting in a more streamlined, adaptive, and efficient web development
process.

Key Components of the Agile-DevOps Hybrid Approach

1. Iterative Development with Agile


2. Sprints and Iterations: Break down the project into short,
3. Continuous Integration and Continuous Deployment (CI/CD) with
DevOps
4. Collaboration and Communication
5. Security Integration
6. Monitoring and Optimization.
7. Scalability and Flexibility

3.2.1 ADVANTAGES OF PROPOSED METHOD

The Agile-DevOps Hybrid approach integrates the best aspects of Agile


and DevOps methodologies, providing a comprehensive framework for modern
web development. This approach offers numerous advantages that enhance the
efficiency, quality, and responsiveness of development projects.

1. Enhanced Flexibility and Responsiveness


2. Improved Collaboration and Communication
3. Higher Quality and Reliability
4. Faster Time-to-Market
5. Increased Security
6. Scalability and Efficiency
CHAPTER 4

4.1 WEB DEVELOPMENT LIFE CYCLE AND PROCESS OF WEB


DEVELOPMENT

A systematic development process can follow a number of standard or


company specific frameworks, methodologies, modelling tools and
languages. As an industry practice, the software development life-
cycle adheres to certain set standards which need to be followed by the
development team to stay on track with respect to timelines and quality
control. Just like software, websites can also be developed using
certain concrete methods that have provisions for customization to the
existing software development process. Let us analyze the steps
involved in any website development:
1. Review, Assessment, And Analysis:

The first step is understanding client requirement and the various dynamics
around the clients existing systems, as the website or web application will
eventually be integrated into this system. The analysis will then cover all the
aspects of clients’ business and their needs especially on how the website is
going to be merged with their existing system.

The first important thing is finding the target audience. Then, all the present
hardware, software, people, and data should be carefully assessed. For example,
if a company XYZ Corp is in need of a website to have its Human Resource
details online, the analysis team may look to review the existing data about the
employees from the present database and what migration plan will be best
suited to complete the transition.

Input:

1. Kick off an interview with the client, initial Emails and supporting
docs by the client, discussion notes,

2. Online chat transcripts, recorded telephone conversations, and

3. Model sites/applications

Output:

1. Work plan,

2. Estimating cost

3. Team requirements (No of developers, designers, QA, DBA etc)

4. Hardware-software requirements

5. Supporting documents and

6. Final client approval to go ahead with the project.


2. Specification Building:

Preliminary specifications are drawn up by covering up each and every element


of the requirement. For example, if the product is a website then the modules of
the site including general layout, site navigation and dynamic parts of the site
should be included in the spec.

Larger projects will require further levels of consultation to assess additional


business and technical requirements. After reviewing and approving the
preliminary document, a written proposal is prepared, outlining the scope of the
project including responsibilities, timelines, and costs.

Input: Reports from the analysis team.

Output: Complete requirement specifications to the individuals and the


customer/customer’s representative (Technically, the project stakeholders)

3. Design And Development:

After the specification building, work on the website is commenced after receipt
of the signed proposal, a deposit, and any written content materials and graphics
you wish to include. In this stage, the layouts and navigation will be designed as
a prototype.

Some customers may be interested only in a fully functional prototype. In this


case, we may need to show them the interactivity of the application or site. But
in most of the cases, the customer may be interested in viewing two or three
design alternatives with images and navigation.

Input: Requirement specification.

Output: Site design with templates, Images, and prototype.

Tools: There are plenty, The most popular one is Adobe Photoshop and Sketch
App for Mac.
4. Content Writing:

This phase is necessary mainly for the websites. There are professional content
developers who can write industry specific and relevant content for the site.
Content writers need to add their text in such a way as to utilize the design
templates.

The grammatical and spelling check should be over in this phase. The type of
content could be anything from simple text to videos.

Input: Designed template.

Output: Site with formatted content.

5. Coding:

Now, it’s the programmer’s turn to add his code without disturbing the design.
Unlike traditional design, the developer must know the interface and the code
should not disturb the look and feel of the site or application.

This calls for the developer to understand the design and navigation of the site

If a team of developers is working they should use a CVS to control their


sources. The coding team should generate necessary testing plans as well as
technical documentation.

For example, Java users can use JavaDoc to develop their documents to
understand their code flow..

Input: The site with forms and the requirement specification.

Output: Database driven functions with the site, Coding documents.

6. Testing:

Unlike software development, web-based applications need intensive testing, as


the applications will always function as a multi-user, multi-tier system with
bandwidth limitations.

Some of the testing which should be done are Integration testing, Stress testing,
Scalability testing, load testing, resolution testing and cross-browser
compatibility testing. Both automated testing and manual testing should be done
without fail.

For example, it’s vital to test fast loading graphics and to calculate their loading
time, as they are very important for any website. There are certain testing tools
as well as some Online testing tools which can help the testers to test their
applications.

For example, ASP.NET developers can use Microsoft’s Web Application Test
Tool to test the .NET applications, which is a free tool available from the
Microsoft site to download.

Input: The site, Requirement specifications, supporting documents, technical


specifications and technical documents.

Output: Completed application/site, testing reports, error logs, frequent


interaction with the developers and designers.

7. Maintenance And Updating:

Websites will need quite frequent updates to keep them fresh and relevant. In
such a case, we need to do the analysis again, and all the other life-cycle steps
will be repeated. Bug fixes can be done during the time of maintenance.

Once your website is operational, ongoing promotion, technical maintenance,


content management & updating, site visit activity reports, staff training and
mentoring is needed on a regular basis, depending on the complexity of your
website and the needs within your organization.

Input: The Web Site or Web Application, content/functions to be updated, re-


Analysis reports.

Output: Updated application, supporting documents to other life cycle steps and
teams.
CHAPTER 5

TECHNOLOGIES LEARNED

5.1Evolution of web development technologies


The journey of web development technologies began with simple HTML pages
in the early days of the internet. Over time, advancements led to the
incorporation of CSS for styling and JAVASCRITT for interactivity. This
evolution transformed static websites into dynamic and responsive platforms,
setting the stage for the complex and feature-rich web applications we have
today.

 Static HTML Pages (1990s)


 Introduction of CSS (late 1990s)
 javaScript and Dynamic HTML (1990s - early 2000s)
 AJAX (1998)
 Rise of Content management systems (CMS) (mid-2000s)
 Mobile web (late 2000s - 2010s)
 Single-page applications (SPAs) and front-end frameworks (2010s)
 Server-side javaScript (2010s)
 Microservices and API-driven development (2010s - present)
 Progressive web apps (PWAs) (2010s - present)
 JAMstack Architecture (2010s - present)
 WebAssembly (Wasm) (2010s - present)
 Serverless computing (2010s - present)
 AI and Machine Learning Integration (2010s - present)

Web development in future will be driven by advances in browser technology,


Web internet infrastructure, protocol standards, software engineering methods,
and application trends.

5.2 Key technologies in web development

Developing a fundamental knowledge of client-side and server-side dynamics is


crucial.

The goal of front-end development is to create a website's user interface and


visual components that users may interact with directly. On the other
hand, back-end development works with databases, server-side logic, and
application functionality.

Building reliable and user-friendly online applications requires a comprehensive


approach, which is ensured by collaboration between front-end and back-end
engineers.

Front-end development

Front-end development is the process of designing and implementing the user


interface (UI) and user experience (UX) of a web application. It involves
creating visually appealing and interactive elements that users interact with
directly. The primary technologies and concepts associated with front-end
development include:

Technologies
The 3 core technologies for front- end development are-

 HTML (Hypertext Markup Language)- HTML provides the structure


and organization of content on a webpage.
 CSS (Cascading Style Sheet)- Responsible for styling and layout, CSS
enhances the presentation of HTML elements, making the application
visually appealing.
 JavaScript- It is used to add interactions to the web pages. Advancement
in java script has given rise to many popular front- end frameworks like
React, Angular and Vue.js etc.

Back-end development
Back- end development involves building the server-side logic and
database components of a web application. It is responsible for processing user
requests, managing data, and ensuring the overall functionality of the
application. Key aspects of back-end development include:

Server/ cloud instance

An essential component of the architecture of a web application is a server


or cloud instance. A cloud instance is a virtual server instance that can be
accessed via the internet and is created, delivered, and hosted on a public or
private cloud.
Databases
Database management system is crucial for storing, retrieving, and managing
data in web applications. Various database systems, such as MYSQL, SQL,
and MangoDB, play distinct roles in organizing and structuring data.

5.3 PHP(Hypertext Preprocessor)

PHP (recursive acronym for PHP (Hypertext Preprocessor) is a widely-used


open source general- purpose scripting language that is especially suited for
web development and can be embedded into HTML.PHP is server side scripting
language designed for web development but also used as a general purpose
programming language.

PHP code may be embedded into HTML code, or it can be used in combination
with various web template systems, web content management systems and web
frameworks. PHP code is usually processed by a PHP interpreter implemented
as a module in the web server or as a common gateway interface (CGI)
executable. The web server combines there sults of the interpreted and executed
PHP code, which may be any type of data, including images, with the generated
web page. PHP code may also be executed with a common- line interface (CLI)
and can be used to implement standalone graphical applications.

The best things in using PHP are that it is extremely simple for a newcomer, but
offers many advanced features for a professional programmer. Don't be afraid
reading the long list of PHP's features. You can jump in, in a short time, and
start writing simple scripts in a few hours

5.4 HTML(Hyper Text Mark-up Language)

HTML was designed by Tim Berners-Lee, at the time a researcher at CERN


(Chinese Ecosystem Research Network), beginning in 1989. He officially
announced the creation of the Web on Usenet in August 1991. However, it
wasn't until 1993 that HTML was considered advanced enough to call it
anguage (HTML was then symbolically christened HTML 1.0).

• HTML is the standard mark-up language for creating Web pages.

• HTML stands for Hyper Text Mark-up Language


• HTML describes the structure of Web pages using mark-up

• HTML elements are the building blocks of HTML pages

• HTML elements are represented by tags

• HTML tags label pieces of content such as “heading”, “paragraph”,


“table”etc.

Example:

<html>

<head>

<title>Hello world</title>

</head>

<body>

I am the greatest person in the world

</body>

</html>

5.5 CSS(Cascading Style Sheets)

➢ CSS stands for Cascading Style Sheets.

➢ CSS describes how HTML elements are to be displayed on screen, paper, or


in other media.

➢ CSS saves a lot of work. It can control the layout of multiple web pages all at
once

➢ External stylesheets are stored in CSS files.

➢ CSS describes how HTML elements should be displayed.


➢ CSS Saves a Lot of Work! The style definitions are normally saved in
external. css files.

➢ With an external stylesheet file, we can change the look of an entire website
by changing just one file!

➢ CSS can be either external or internal.

CSS SYNTAX

A CSS rule-set consists of a selector and a declaration block: CSS selector: The
selector points to the HTML element you want to style. The declaration block
contains one or more declarations separated by semicolons. Each declaration
includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and declaration blocks are
surrounded by curly braces.

The External CSS can be declared in the required HTML page

as:<link rel="stylesheet" href="CSS_file_name ".css">

The External CSS file is saved by using the .css extension,

whereas the internal CSS is saved in corresponding HTML file using the
<style> tag. Using External CSS is much better than using Internal. Here are a
few reasons this is better.

➢ Easier Maintenance

➢ Reduced File Size

.paral
text-align: center;

Color:blue;

font-family: Jokerman;

CSS Comments:

Comments are used to explain the code, and may help when you edit the source
code at a later date. Comments are ignored by browsers. A CSS comment starts
with /* and ends with */. Comments can also span multiple lines.

Example:

-paral

text-align: center;

Color:blue;

font-family: Jokerman;

/*this is the single line comment */

5.6 JAVASCRIPT

JavaScript is an object-based scripting language that is lightweight and cross-


platform. JavaScript is not compiled but translated. The JavaScript Translator
(embedded in browser) is responsible to translate the JavaScript code.

It is mainly used for:


➢ client-side validation

➢ Dynamic drop-down menus.

➢ Displaying data and time.

➢ Displaying popup windows and dialog boxes (like alert

dialog box, confirm dialog box and prompt dialog box).

➢ Displaying clocks etc.

Example

<head>

<script type="text/java script">

function msg0

alert("Hello Java point");

</script>

</head>

<body>

<p>Welcome to JavaScript</p>

<form>

<input type="button"value="click" onclick="msg()"/>

</form>

</body>

5.7 WEB
Website is a collection of related web pages, including multimedia content,
typically identified with a common domain name, and published on at least one
web server. A website may be accessible via a public Internet Protocol (IP)
network, such as the Internet, or a private local area network (LAN), by
referencing a uniform resource locator (URL) that identifies the site.

Web development is a broad term for the work involved in developing a web
site for the Internet (World Wide Web) or an intranet (a private network). Web
development can range from developing the simplest static single page of plain
text to the most complex web based internet applications (or just 'web apps')
electronic businesses, and social network services.

5.8 MongoDB

MongoDB is an open-source, document-oriented database designed for ease of


development and scaling. Unlike traditional relational databases (SQL
databases) that store data in tables and rows, MongoDB stores data in JSON-
like documents, making it more flexible and easier to manage.

MongoDB supports various types of indexes, including single field, compound,


geospatial, and text indexes, to improve query performance. MongoDB supports
replica sets, which are clusters of servers that provide redundancy and high
availability. Replica sets ensure data is replicated across multiple nodes.

Unlike relational databases that require a predefined schema, MongoDB


provides a flexible schema design. This means you can store documents with
varying structures in the same collection.

Key Features of MongoDB

1. Document-Oriented Storage
2. Schema Flexibility
3. Scalability
4. High Performance
5. Rich Query Language
6. Replication
7. Aggregation Framework
8. Horizontal and Vertical Scaling
CHAPTER 6

ALALYSIS

6.1Analysis OF Web development


6.2 Requirement Analysis

The main objectives for undertaking this project are:


 To understand the internal Recruitment process in organization.
 To identify areas where there can be scope for improvement.
 To give suitable recommendation to streamline the hiring
process.
 To develop practical knowledge with theoretical aspects.
 To know about the importance of recruitment and selection.
 To find out better process of recruitment.
 To know about the role of recruiter.

6.3 Need for recruitment:


It makes possible to choose the right person in the right time at the right
place. It also makes it possible to acquire the number and type of people
necessary to ensure the continued operation of the organization.
a) Planned needs: such needs arise from changes in
the organization policies.
b) Anticipated needs: It refers to those movements
in personnel which an organization can predict by studying
trends in internal or external need.
c) Unexpected needs: Such need arises due to illness, death and
resignation.
d) Recruitment follows HR planning and goes hand in hand
with selection process by which organizations

e) evaluate the suitability of candidates. With successful recruiting


to create a sizeable pool of candidates, even the most accurate
selection system is of little use.
 Creating an applicant pool using internal
or external methods.
 Evaluate candidate via selection
 Convince the candidate

CHAPTER 7
SYSTEM REQUIREMENTS SPECIFICATION

7.1 System configurations

The software requirement specification can produce at the culmination of the


analysis task. The function and performance allocated to software as part of
system engineering are refined by established a complete information
description, a detailed functional description, a representation of system
behaviour, and indication of performance and design constrain, appropriate
validate criteria, and other information pertinent to requirements.

7.2 Hardware Requirements:


Processor : Intel core i3
Memory : 8GB RAM
Hard Disk : 1TB

7.3 Software requirements:


Operating System: Windows
Coding Language: HTML, CSS, PHP, JavaScript Text
Editor : Sublime Text3. Database : My SQL.
Package : XAMPP.

CHAPTER 8
8.1 CONCLUSION
In today's Web development, a good page design is essential. A bad design
will lead to the loss of visitors and that can lead to a loss of business. In general, a
good page layout has to satisfy the basic elements of a good page design. This
includes color contrast, text organization, font selection, style of a page, page size,
graphics used, and consistency. In order to create a well-designed page for a
specific audience. The developer needs to organized and analyze the users'
statistics and the background of the users. Although it can be hard to come up with
a design that is well suited to all of the users, there will be a design that is
appropriate for most of the audience. The better the page design, the more hits a
page will get. That implies an increase in accessibility and a possible increase in
business.

Future Scope

In the emerging years, web development is anticipated to experience


noteworthy progress and follow a promising path. The introduction of new
technologies and advancements, such as the integration of artificial intelligence
and machine learning, the surge of progressive web applications, and other
developments, are observed to contribute to the advancement of web
development.

<!DOCTYPE html>

<html>

<head>

<title>bio-data</title>
<style>

h2 {font-family:arial;color:green;}

pre {color:brown;font-size:150%;}

</style>

<link rel="stylesheet" href="mystyle.css">

</head>

<body style="background-color:powderblue;">

<h1 style="font-family:Times New


Roman;color:red;"><center>RESUME</center></h1>

<img style="float:right;"
src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-
profile-picture-973460_960_720.png" width="100" height="100">

<div class="mydiv">

<h2>PERSONAL DETAILS</h2>

<ul>

<li>NAME:MOHAN</li>

<li>NATIVE:KRISHNAGIRL</li>

<li>DOB:10/04/2006</li>

<li>BLOOD GROUP:B+VE</li>

<li>FATHER'S NAME:VELLIRASAN M</li>

<li>MOTHER'S NAME:GEETHA V</li>

<li>FATHER'S OCCUPATION:FARMER</li>

<li>MOTHER'S OCCUPATION:HOME MAKER</li>


<li>ADDRESS1/16,JINJUPALLI(VILL),BILLANAKUPPAM(PO
ST),KRISHNAGIRI-635115.</li>

<li>PHONE NO:7667713915</li>

</ul>

</div>

<hr>

<h3>EDUCATIONAL QUALIFICATIONS</h3>

<table border=2>

<tr>

<th>STANDARD</th>

<th>YEAR OF PASSING</th>

<th>PERCENTAGE</th>

<th>SCHOOL STUDIED</th>

</tr>

<tr>

<td>10TH</td>

<td>2021</td>

<td>ALL PASS</td>

<td>SRI SATHYA SAI MATRIC HIGHER SECONDARY


SCHOOL</td>

</tr>

<tr>

<td>11TH</td>

<td>2022</td>
<td>72.83</td>

<td>SRI SATHYA SAI MATRIC HIGHER SECONDARY


SCHOOL</td>

</tr>

<tr>

<td>12TH</td>

<td>2023</td>

<td>75.16</td>

<td>SRI SATHYA SAI MATRIC HIGHER SECONDARY


SCHOOL</td>

</tr>

</table>

<hr>

<h2>COURSE STUDYING</h2>

<table border=2>

<tr>

<th>COURSE</th>

<th>COLLEGE</th>

</tr>

<tr>
<td>

INSTRUMENTATION AND CONTROL ENGINEERING

</td>

<td>KONGU POLYTECHNIC COLLEGE</td>

</tr>

</table>

<hr>

<h4>SOFT SKILLS</h4><ul>

<li> WEB DESIGNING</li>

<li> LEADERSHIP</li>

<li> PROBLEM SOLVING </li>

<li>MANAGEMENT SKILLS</li>

</ul>

<hr>

<h5>AREA OF INTEREST</h5><ul>

<li>WEB DEVELOPMENT</li>

<li>DATA SCIENCE</li>

<li>CYBER SECURITY</li>

</ul>

<h2>DECLARATION</h2>

<p>I HEREBY DECLARE THAT THE ABOVE


INFORMATION GIVEN ARE CORRECT.</p>
</body>

</html>

You might also like