<p><a target="_blank" href="https://1.bp.blogspot.com/-GDp6ldnqkLY/YCgIIzrCGUI/AAAAAAAABGo/MfbVmtJqkk8IpQgkl_NvHUX1pqpbgq3dwCLcBGAsYHQ/s1920/pankaj-patel-Ylk5n_nd9dA-unsplash.jpg"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1624787420263/haZBkjWVE.jpeg" alt /></a></p>
<p>The list of projects I am mentioning will act as a template for your later Journey when building websites . Basically these projects will become a building blocks for you later projects . This will help you save time , because you don't have to code them again while building websites , because you have created them already.</p>
<ul>
<li>Navbar</li>
<li>Profile Card</li>
<li>Invisible Card</li>
<li>Sections Card</li>
<li>Count down Button</li>
<li>Shine effect</li>
<li>Slide show</li>
<li>Signup form</li>
<li>CSS Calculator</li>
<li>Todo app</li>
<li>Landing Page</li>
</ul>


[![](https://cdn.hashnode.com/res/hashnode/image/upload/v1624787420263/haZBkjWVE.jpeg)](https://1.bp.blogspot.com/-GDp6ldnqkLY/YCgIIzrCGUI/AAAAAAAABGo/MfbVmtJqkk8IpQgkl_NvHUX1pqpbgq3dwCLcBGAsYHQ/s1920/pankaj-patel-Ylk5n_nd9dA-unsplash.jpg)

The list of projects I am mentioning will act as a template for your later Journey when building websites . Basically these projects will become a building blocks for you later projects . This will help you save time , because you don't have to code them again while building websites , because you have created them already.

*   Navbar
*   Profile Card
*   Invisible Card
*   Sections Card
*   Count down Button
*   Shine effect
*   Slide show
*   Signup form
*   CSS Calculator
*   Todo app
*   Landing Page

If you are a Begineer and you know only HTML and CSS , Here are Some projects to Start building for Later Use