To design, develop and deploy a web application for event registration.
Create a new frame.
Select any one preset size of your choice.
Select the shapes you need.
Import images as needed.
Create pages based on your need and link them.
Validate the HTML and CSS code.
Publish the website in the given URL.
Figma
<img style="width: 371px; height: 673px; opacity: 0.75; border-radius: 50px" src="https://placehold.co/371x673" />
<div style="width: 389px; height: 67px"></div>
<img style="width: 366px; height: 118px" src="https://placehold.co/366x118" />
<div style="width: 330px; height: 29px; color: white; font-size: 12px; font-family: Inter; font-weight: 400; letter-spacing: 5.40px; word-wrap: break-word">WITH SPECIAL PERFORMANCES</div>
<img style="width: 374px; height: 84px" src="https://placehold.co/374x84" />
<div style="color: white; font-size: 20px; font-family: Changa One; font-weight: 400; word-wrap: break-word">OPEN GATE</div>
<div style="color: white; font-size: 16px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">8:00AM</div>
<div style="color: white; font-size: 36px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">|</div>
<div style="color: white; font-size: 36px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">|</div>
<div style="color: white; font-size: 36px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">|</div>
<div style="width: 110px; height: 39px; background: #FF5AB2; border-radius: 45px"></div>
<div style="color: white; font-size: 20px; font-family: Changa One; font-weight: 400; word-wrap: break-word">REGISTER</div>
<img style="width: 371px; height: 673px; border-radius: 50px" src="https://placehold.co/371x673" />
<img style="width: 371px; height: 673px; border-radius: 50px" src="https://placehold.co/371x673" />
<img style="width: 371px; height: 673px; border-radius: 50px" src="https://placehold.co/371x673" />
<div style="color: white; font-size: 64px; font-family: Eagle Lake; font-weight: 400; word-wrap: break-word">who?</div>
<div style="color: #B6B4B6; font-size: 70px; font-family: Goblin One; font-weight: 400; word-wrap: break-word">GUESS</div>
<div style="color: #770E36; font-size: 32px; font-family: Ga Maamli; font-weight: 400; word-wrap: break-word; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)">register now!</div>
<div style="color: white; font-size: 30px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">Name:</div>
<div style="color: white; font-size: 30px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">Contact<br/> No:</div>
<div style="width: 229px; height: 44px; background: rgba(98.08, 17.35, 75.20, 0.71); border-radius: 12px"></div>
<div style="width: 229px; height: 44px; background: rgba(98.08, 17.35, 75.20, 0.71); border-radius: 12px"></div>
<div style="color: white; font-size: 24px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">or connect with</div>
<div style="color: white; font-size: 24px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">———</div>
<div style="color: white; font-size: 24px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">———</div>
<div style="color: white; font-size: 20px; font-family: Changa One; font-weight: 400; word-wrap: break-word">SATURDAY</div>
<div style="color: white; font-size: 16px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">25/05/25</div>
<img style="width: 275px; height: 72px" src="https://placehold.co/275x72" />
<div style="color: white; font-size: 16px; font-family: Chakra Petch; font-weight: 400; word-wrap: break-word">airii7238@gmail.com</div>
<div style="width: 221px; height: 73px; color: white; font-size: 64px; font-family: Aguafina Script; font-weight: 400; word-wrap: break-word">Let’s Vibe </div>
<div style="color: white; font-size: 24px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">SEC Ground</div>
<div style="color: white; font-size: 28px; font-family: Changa One; font-weight: 400; word-wrap: break-word">Venue :</div>
<div style="color: white; font-size: 64px; font-family: Aguafina Script; font-weight: 400; word-wrap: break-word">Together</div>
<div style="width: 2047px; height: 886px; background: rgba(217, 217, 217, 0.19)"></div>
<div style="color: white; font-size: 32px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">HOME:</div>
<div style="color: white; font-size: 32px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">Suspense:</div>
<div style="color: white; font-size: 32px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">Registration:</div>
<div style="color: white; font-size: 32px; font-family: DM Mono; font-weight: 400; word-wrap: break-word">End credit:</div>
The program to design, develop and deploy a web application for event registration is completed successfully.