10 PROJECTS FOR BEGINNERS TO PRACTICE HTML AND CSS 😱😵

1. A Tribute Page

The simplest website you can make as a beginner is a tribute page of someone you admire in your life. It requires only basic knowledge of HTML and CSS.

https://abhishekrawe.github.io/albert-einstein/



2. Webpage Including Form

Forms are always an essential part of any project and you will be working with a lot of forms in most of the applications so why not practice it earlier and test your knowledge. Once you get familiar with the input field or basic tags in HTML to create a form make a project using all those tags.

3. Parallax Website

A parallax website includes fixed images in the background that you can keep in place and you can scroll down the page to see different parts of the image. With basic knowledge of HTML and CSS, you can give a parallax effect to a website.

https://jolly-kalam-23776e.netlify.app/parallaxsite/



4. Landing Page

A landing page is another good project you can make using HTML and CSS but it requires a solid knowledge of these two building blocks.

https://jolly-kalam-23776e.netlify.app/fullscreenlanding/



5. Restaurant

Website Showcase your solid knowledge of HTML and CSS creating a beautiful webpage for a restaurant. Making a layout for a restaurant will be a bit complicated than previous project examples.

https://abhishekrawe.github.io/myonlinestore.github.io/



6. An Event or Conference webpage

You can make a static page holding an event or conference. People who are interested in attending the conference create a register button for them.

7. Music Store Page

If you are a music lover you can make a webpage for it. It requires HTML5/CSS3 knowledge.

https://jolly-kalam-23776e.netlify.app/mytunes/



8. Photography Site

If you have in-depth knowledge of HTML5 and CSS3, you can make a one-page responsive photography site. Use flexbox and media queries for responsiveness.

https://jolly-kalam-23776e.netlify.app/photographysite/#images



9. Personal Portfolio

With knowledge of HTML5 and CSS3, you can also create your portfolio. Showcase your work samples and skills in your portfolio with your name and pictures.

https://abhishekrawe.github.io/mynameisrawethehero/



10. Technical Documentation

If you have a little bit of knowledge of JavaScript then you can create a webpage of technical documentation. It requires knowledge of HTML, CSS and basic JavaScript. Divide the whole webpage into two sections.

https://codepen.io/freeCodeCamp/full/NdrKKL

9 views
  • Facebook
  • Instagram
  • gmail

CONTACT

US

Copyright @notesonfire