DEV Community

Sanjay Sugumar
Sanjay Sugumar

Posted on

Project ONE <Html> Css

My First Portfolio Website Using HTML and CSS

Hello everyone! 👋

Today I built my first portfolio website using HTML and CSS. As a beginner in web development, this project helped me understand how a webpage is structured and how styling can improve the appearance of a website.

What I Built

I created a simple portfolio page that contains:

  • A header with my name
  • A navigation bar with links
  • Multiple content sections
  • A footer
  • Custom styling using CSS

The goal was to create a clean and organized webpage while practicing the fundamentals of HTML and CSS.

What I Learned

During this project, I learned:

HTML Basics

  • Creating a webpage structure using HTML
  • Using semantic elements like header, nav, section, and footer
  • Adding headings, paragraphs, and links

CSS Basics

  • Changing background and text colors
  • Centering content
  • Adding margins and padding
  • Creating borders and rounded corners
  • Styling navigation links

Challenges I Faced

One challenge I faced was dealing:

new language new words and syntax
Enter fullscreen mode Exit fullscreen mode

.

What's Next?

This is only the beginning of my web development journey. Next, I plan to learn:

  • Responsive Web Design
  • CSS Flexbox
  • CSS Grid
  • JavaScript
  • React

I will continue building projects and sharing my progress here.

Final Thoughts

Building this portfolio was a great learning experience. It showed me how HTML and CSS work together to create a webpage. Every small project teaches something new, and I'm excited to keep learning and improving.

Thank you for reading! 🚀

Top comments (0)