Skip to content

anisul-Islam/full-stack-assignment-3-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 

Repository files navigation

HTML Portfolio Assignment

How to do this assignment?

  • first fork, then clone to your local machine
  • start completing the requirements given below.
  • Make sure to add the deployed project link to your README.md when making the last PR.

Could you create a simple HTML portfolio page that showcases your skills and projects? Your portfolio should be well-structured, easy to navigate, and visually appealing. Below are the five sections you must include in your portfolio and the requirements for each section.

1. Introduction

  • Create a header with your name and a brief introduction.
  • Use HTML formatting tags to emphasize important parts of your introduction.
  • Include a paragraph that describes who you are, your interests, and your career goals.

2. Skills and Expertise

  • Use an unordered list to showcase your technical skills (e.g., HTML, CSS, JavaScript).
  • Use an ordered list to display your areas of expertise or the steps you follow in a project lifecycle.
  • Highlight specific skills using bold or italic formatting.

3. Projects

  • Provide links to at least three of your projects or repositories.
  • Each project link should be accompanied by a brief description.
  • Include an image or a screenshot of each project.
  • Use proper alt text for each image to describe the project.

4. Education and Experience

  • Create a table that lists your educational background and work experience.
  • The table should have Institution/Company, Degree/Position, and Duration columns.
  • Use table headers to label each column.
  • Ensure the table is properly formatted and easy to read.

5. Contact Form

  • Create a simple contact form where visitors can reach out to you.
  • The form should include fields for Name, Email, Subject, and Message.
  • Include labels for each form field for clarity.
  • Add a submit button to the form.

6. Bonus Requirements

  • Deploy your webpage to GitHub and share the link by creating a pull request.
  • Ensure your HTML page is properly structured with appropriate use of <head>, <body>, <header>, <main>, and <footer> tags.
  • Use semantic HTML tags to improve the accessibility and readability of your code.
  • Validate your HTML to ensure there are no errors or warnings.

Submission

Create a Pull-request. Remember to add your deployed website link to README.md when making the PR.

1. Add meta tags and use semantic tags everywhere

2. Add social icons inside the footer: usefont-awesome icons

3. Add Google font to your webpage

4. Advanced Table: Use colspan, rowspan

5. Advanced Form:

  • Use advanced form elements for your webpage.
  • send submitted form data to your email using formspree.io

6. HTML Multimedia

  • Add Google map in the contact section

7. HTML5 features

  • Add a progress bar, and meter to your webpage

Submission

Create a Pull-request. Remember to add your deployed website link to README.md when making the PR.

1. Make sure your webpage is 100% accessible

Submission

Create a Pull-request. Remember to add your deployed website link to README.md when making the PR.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published