1.

Construct a Website (multiple Web pages) containing ‘Resume’ and Bio-data by using
relevant HTML elements and appropriate styling for presentation with
CSS/jQuery/JavaScript. Host the Website on a cloud platform.
This project aimed to develop a multi-page website featuring "Resume" and "Bio-data" sections
using HTML, CSS, and JavaScript/jQuery. The website structure was carefully designed with
semantic HTML elements, ensuring clarity and ease of navigation. Each page serves a specific
purpose: the "Resume" page highlights professional qualifications, experience, education, and
skills, while the "Bio-data" page includes a detailed personal profile with additional details such
as hobbies, family background, and personal interests.
Styling was implemented using CSS to create a modern and professional layout. The design is
responsive, ensuring seamless functionality across various devices and screen sizes. Advanced
CSS techniques such as flexbox and grid layout were utilized for a clean and well-organized
presentation. A color scheme with appropriate typography was chosen to maintain consistency
and readability throughout the website.
To enhance user experience, JavaScript/jQuery was integrated for interactivity. Features like
collapsible sections, smooth scrolling, tooltips, and animated transitions were implemented to
improve navigation and engagement. Form validation scripts were added to ensure data accuracy
in input forms, such as a contact form on the Bio-data page.
After development, the website was hosted on a cloud platform like GitHub Pages or Netlify for
free hosting and easy accessibility. Hosting on the cloud ensures scalability, reliability, and fast
load times. Deployment was straightforward, involving the upload of project files and setting up
a custom domain for enhanced professionalism.
This project showcased the integration of web technologies to develop a functional, visually
appealing, and user-friendly platform. It provided valuable experience in frontend development,
responsive design, and hosting deployment, delivering a complete solution for professional and
personal online representation.
2. Assignment(5marks):Build a Web application with HTML, CSS, Java Script, jQuery
and PHP for online application /registration form. Form should accept the information and
print / display on a browser with formatting / styling upon submission (Button click)on
success. Host the application on cloud platform.

The assignment involved developing a web application for an online registration form using
HTML, CSS, JavaScript, jQuery, and PHP. The primary objective was to create a functional and
interactive form that collects user data, processes it, and displays the formatted input on
successful submission.
The frontend of the application was designed using HTML for structure and CSS for styling. The
registration form included various input fields such as name, email, phone number, gender,
address, and dropdowns for selection (e.g., qualifications or preferences). CSS was utilized to
enhance the user interface with an aesthetically pleasing and responsive design, ensuring
compatibility across devices.
JavaScript and jQuery were integrated for client-side validation and dynamic functionality. Form
fields were validated in real-time to ensure correct data entry, such as checking for valid email
formats, required fields, and password strength. Smooth transitions and tooltips were added
using jQuery to guide users and improve the user experience.
The backend was implemented using PHP to handle form submissions and process the data.
Upon clicking the submit button, the PHP script retrieved the input data, formatted it with
HTML/CSS, and displayed it on a success page within the browser. The PHP code ensured
proper handling of user input, preventing errors and ensuring seamless integration between the
frontend and backend.
The completed web application was hosted on a cloud platform, such as AWS, Netlify, or
XAMPP with a public-facing IP. Hosting ensured the application was accessible to users for real-
time testing and use.
This assignment provided hands-on experience in full-stack web development, integrating
various technologies to build a functional, interactive, and visually appealing registration system.
It also emphasized deploying web applications on cloud platforms for practical, real-world
usability.
 **********************
JSS MAHAVIDYAPEETHA, MYSORE

JSS ACADEMY OF TECHNICAL EDUCATION, BENGALURU-560 060

ASSIGNMENT-1 & ASSIGNMENT-2

Submitted By
 A DARSHAN - 1JS22CS002
5th Semester CSE-A
Academic Year:2024-25

Marks Scored : /10

Faculty Incharge Signature :

***********