Objective:

The objective of this assignment is to apply the concepts of HTML and CSS

to create a personal profile webpage. Students are expected to use various

HTML elements and CSS properties to structure and style their web pages.

Assignment Instructions: Create a Personal Profile Webpage

Home Page $($main$.$html$)$: $10$ points

$$ Include a header with a title and a navigation bar.

$$ The navigation bar should have links to the following sections:

Home, About Me$,$ My Hobbies, Favorite Websites, Photo Gallery,

and Contact Me$.$

$$ Add an introduction section with a brief welcome message.

$$ Add an "Travel Article Blogs" section with at least three blog post

summaries. Each summary should include a heading, a brief

description, and a "Read more" link.

About Me Section $($about$\_$me$.$html$)$: $10$ points

$$ Create an "About Me$"$ section with a heading and detailed

paragraphs describing yourself.

$$ Include information about your background, interests, hobbies,

and any relevant experiences or achievements.

$$ Create a $"$My courses" section with a heading and create a table

which is $4$ columns and $4$ rows. For Example:

$$ Title: My all Course details

Course

Name

Course

Code

Instructor Term

Web

Technologies

ITEC $3020$ Shadikur

Rahman

Simmer$24$

My Hobbies Section $($hobbies$.$html$)$: $5$ points

$$ Create a $"$My Hobbies" section with a heading.

$$ Divide the section into two parts: "Outdoor Activities" and "Indoor

Activities based on your choice".

$$ Under each part, create a list of relevant hobbies. For example,

"Hiking", "Photography", and "Traveling" for outdoor activities;

"Reading", "Cooking", and "Playing Chess" for indoor activities.

Favorite Websites Section $($websites$.$html$)$: $10$ points

$$ Create a "Favorite Websites" section with a heading.

$$ Add a brief paragraph introducing the section.

$$ Create an unordered list of at least five favorite websites. Each

list item should include:

$$ A hyperlink to the website.

$$ A brief description of the website.

Photo Gallery Section $($gallery$.$html$)$: $10$ points

$$ Create a "Photo Gallery" section with a heading and at least

three images and videos in a separate section.

Contact Me Section $($contact$.$html$)$: $10$ points

$$ Create a "Contact Me$"$ section with a form that includes fields for

subject, name, email, and message. Include a submit button.

Login Section$($login$.$html$)$: $5$ points

$$ Create a login form with fields for username and password.

$$ Include "Login" and "Register" buttons.

Registration Section$($register$.$html$)$: $10$ points

$$ Create a registration form with fields for username, email,

password, and confirm password.

$$ Include a "Register" button.

Apply CSS Styling $($style$.$css$)$: $30$ points

$$ Use an external CSS file to style your webpage.

$$ Style the header and footer with background colors and padding.

$$ Style the navigation bar with hover effects.

$$ Style the sections with appropriate margins, padding, and

borders.

$$ Style the form elements to improve their appearance.

Submission Guidelines:

Create a ZIP file containing the following files:

$$ main.html $($Home page$)$

$$ about$\_$me$.$html $($About Me page$)$

$$ hobbies.html $($My Hobbies page$)$

$$ websites.html $($Favorite Websites page$)$

$$ gallery.html $($Photo Gallery page$)$

$$ contact.html $($Contact Me page$)$

$$ login$.$html $($Login page$)$

$$ register.html $($Registration page$)$

$$ style.css $($CSS file$)$

$$ Any additional image or media files used

Submit the ZIP file through the eclass platform by the due date