8 HTML Projects For Beginners [2023]

[{"selector":"#anim-40800eb2-8abe-467f-8c19-e25bac8d8213","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a69e73f-f4a8-4804-8f99-d27996e43765","keyframes":{"transform":["translate3d(-121.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 1. An Information Website

[{"selector":"#anim-d817b38b-1832-41f5-9de9-6c78b584a49c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aaed470a-ca13-42fe-8333-46028cc587db","keyframes":{"transform":["translate3d(-121.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 2. Event Website

[{"selector":"#anim-0d5eef90-990c-4f34-a162-36c8026ba890","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a997771-de1a-44b8-bfa2-22b4dc3562d1","keyframes":{"transform":["translate3d(-121.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 3. Results Calculator

[{"selector":"#anim-b0e242f5-6a6e-4c7c-afbb-0477c7889efa","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19b612d0-4457-4bef-9a00-105e3635fa6b","keyframes":{"transform":["translate3d(-126.19926%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 4. Portfolio Page

[{"selector":"#anim-d7a877ea-2e7d-4348-abe7-6dc265cf545e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e697e614-2070-41b8-99cc-20a11b13a944","keyframes":{"transform":["translate3d(-131.62056%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 5. Product Display/ Ad Page

[{"selector":"#anim-1950b395-a84c-45e7-883c-b5584dcd8be1","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d90fdf2-69a3-4211-bb3b-2889298fe7bf","keyframes":{"transform":["translate3d(-134.42623%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 6. Ticket Booking

[{"selector":"#anim-253bf3d5-85d2-4ea8-b5fd-55d6c6c42de4","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-534bf230-1d55-40c9-896c-e2f881c811f6","keyframes":{"transform":["translate3d(-128.73563%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 7. Music Website

[{"selector":"#anim-e81af207-7a08-44fb-b3e0-9eeb9cd7cd21","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5db8722d-229e-497a-90db-a0b7e16f2cf8","keyframes":{"transform":["translate3d(-127.44361%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 8. E-Voting System