directormac
commented
9 months ago Marking as Duplicate of #59
Closed DDuran19 closed 9 months ago
directormac
commented
9 months ago Marking as Duplicate of #59
HTML
Front end knowledge rating (1 - 10)
Back end knowledge rating (1 - 10)
🚀 Join Our Hackathon! 🚀
Unleash your coding skills and creativity in our upcoming hackathon. Solve real-world problems, collaborate with like-minded developers, and bring your innovative ideas to life. Don't miss out – Register Now and be part of the coding adventure!!
CSS
.box { position: relative; width: 806px; height: 928px; } .box .group { position: fixed; width: 810px; height: 928px; top: 0; left: 0; } .box .rectangle { position: absolute; width: 800px; height: 2px; top: 872px; left: 6px; background-color: #3d3d3d; } .box .element { position: absolute; width: 802px; height: 48px; top: 310px; left: 6px; } .box .overlap-group { position: relative; width: 800px; height: 48px; background-color: #242424; border-radius: 4px; border: 1px solid; border-color: #4b72c2; } .box .text-wrapper { position: absolute; height: 24px; top: 11px; left: 23px; font-family: "Poppins-Regular", Helvetica; font-weight: 400; color: #7f7f7f; font-size: 16px; letter-spacing: 0; line-height: normal; } .box .overlap-wrapper { position: absolute; width: 802px; height: 48px; top: 388px; left: 6px; } .box .overlap { width: 800px; background-color: #242424; border: 1px solid; border-color: #3d3d3d; position: relative; height: 48px; border-radius: 4px; } .box .div { position: absolute; height: 24px; top: 11px; left: 19px; font-family: "Poppins-Regular", Helvetica; font-weight: 400; color: #7f7f7f; font-size: 16px; letter-spacing: 0; line-height: normal; } .box .overlap-group-wrapper { position: absolute; width: 802px; height: 48px; top: 466px; left: 6px; } .box .div-wrapper { position: absolute; width: 802px; height: 48px; top: 544px; left: 6px; } .box .element-2 { position: absolute; width: 802px; height: 48px; top: 622px; left: 6px; } .box .element-3 { position: absolute; width: 202px; height: 48px; top: 703px; left: 0; } .box .overlap-2 { width: 200px; background-color: #4b72c2; position: relative; height: 48px; border-radius: 4px; } .box .text-wrapper-2 { position: absolute; height: 24px; top: 12px; left: 64px; font-family: "Poppins-Regular", Helvetica; font-weight: 400; color: #ffffff; font-size: 16px; letter-spacing: 0; line-height: normal; } .box .element-4 { position: absolute; width: 802px; height: 48px; top: 232px; left: 6px; } .box .join-our-hackathon { position: absolute; width: 625px; top: 58px; left: 8px; font-family: "Poppins-Regular", Helvetica; font-weight: 400; color: #7f7f7f; font-size: 18px; letter-spacing: 0; line-height: normal; } .box .text-wrapper-3 { position: absolute; height: 48px; top: 0; left: 8px; font-family: "Poppins-Bold", Helvetica; font-weight: 700; color: #ffffff; font-size: 32px; letter-spacing: 0; line-height: normal; } .box .group-2 { position: absolute; width: 173px; height: 24px; top: 904px; left: 6px; } .box .text-wrapper-4 { position: absolute; height: 24px; top: 0; left: 0; font-family: "Poppins-Regular", Helvetica; font-weight: 400; color: #7f7f7f; font-size: 16px; letter-spacing: 0; line-height: normal; }