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
Home Page
<div style="width: 100%; height: 100%; position: relative; background: #050000">
<img style="width: 472px; height: 62px; left: 13px; top: 22px; position: absolute" src="https://via.placeholder.com/472x62" />
<div style="left: 109px; top: 467px; position: absolute; color: white; font-size: 48px; font-family: Inter; font-weight: 400; word-wrap: break-word">Sports Meet </div>
<div style="width: 297px; height: 75px; left: 103px; top: 629px; position: absolute; background: #00FFF0"></div>
<div style="left: 155px; top: 638px; position: absolute; color: black; font-size: 48px; font-family: Inter; font-weight: 400; word-wrap: break-word">Register</div>
<div style="left: 109px; top: 746px; position: absolute; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">For any Enquiry:<br/>Contact : 949498393<br/></div>
<img style="width: 225px; height: 225px; left: 137px; top: 146px; position: absolute" src="https://via.placeholder.com/225x225" />
<div style="left: 54px; top: 562px; position: absolute; color: white; font-size: 32px; font-family: Inter; font-weight: 400; word-wrap: break-word">***WELCOME YOU All *** </div>
</div>
// Sports Meet
color: white;
font-size: 48px;
font-family: Inter;
font-weight: 400;
word-wrap: break-word
---
// Register
color: black;
font-size: 48px;
font-family: Inter;
font-weight: 400;
word-wrap: break-word
---
// For any Enquiry:<br/>Contact : 949498393<br/>
color: white;
font-size: 20px;
font-family: Inter;
font-weight: 400;
word-wrap: break-word
---
// ***WELCOME YOU All ***
color: white;
font-size: 32px;
font-family: Inter;
font-weight: 400;
word-wrap: break-word
Page 2
<div style="width: 100%; height: 100%; position: relative; background: white">
<img style="width: 525px; height: 1099px; left: -49px; top: -205px; position: absolute" src="https://via.placeholder.com/525x1099" />
<div style="left: 25px; top: 671px; position: absolute; color: white; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">The management <br/>of saveetha inviting <br/>you all to participate <br/>in sports meet </div>
<img style="width: 79px; height: 79px; left: 342px; top: 39px; position: absolute" src="https://via.placeholder.com/79x79" />
<div style="left: 21px; top: 179px; position: absolute; color: black; font-size: 40px; font-family: Inter; font-style: italic; font-weight: 700; word-wrap: break-word">Sports to participate:<br/>*Cricket<br/>*Table Tennis<br/>*Football<br/>*Kabaddi<br/>*Atheletics<br/>*Basket Ball<br/>*Hockey<br/></div>
<div style="left: 30px; top: 39px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-style: italic; font-weight: 700; word-wrap: break-word">Welcomes You!!<br/></div>
</div>
// The management <br/>of saveetha inviting <br/>you all to participate <br/>in sports meet
color: white;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// Sports to participate:<br/>*Cricket<br/>*Table Tennis<br/>*Football<br/>*Kabaddi<br/>*Atheletics<br/>*Basket Ball<br/>*Hockey<br/>
color: black;
font-size: 40px;
font-family: Inter;
font-style: italic;
font-weight: 700;
word-wrap: break-word
---
// Welcomes You!!<br/>
color: white;
font-size: 16px;
font-family: Inter;
font-style: italic;
font-weight: 700;
word-wrap: break-word
Page 3
<div style="width: 100%; height: 100%; position: relative; background: #0B0000">
<img style="width: 1200px; height: 1761px; left: -552px; top: -809px; position: absolute" src="https://via.placeholder.com/1200x1761" />
<div style="left: 50px; top: 89px; position: absolute; color: black; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">Registration Form</div>
<div style="left: 30px; top: 171px; position: absolute; color: black; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">Name</div>
<div style="width: 197px; height: 48px; left: 205px; top: 171px; position: absolute; background: black"></div>
<div style="width: 171px; height: 212px; left: 30px; top: 259px; position: absolute; color: black; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">Age<br/><br/>Year<br/><br/>Sports<br/></div>
<div style="width: 197px; height: 42px; left: 205px; top: 271px; position: absolute; background: black"></div>
<div style="width: 197px; height: 50px; left: 205px; top: 347px; position: absolute; background: black"></div>
<div style="width: 197px; height: 39px; left: 205px; top: 457px; position: absolute; background: black"></div>
<img style="width: 90px; height: 89px; left: 336px; top: 0px; position: absolute" src="https://via.placeholder.com/90x89" />
<div style="width: 450px; height: 298px; left: 48px; top: 707px; position: absolute"><span style="color: #00FFFF; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">“</span><span style="color: black; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">Champions keep<br/>playing untill they got <br/>they get it right. </span><span style="color: #00FFF0; font-size: 40px; font-family: Inter; font-weight: 800; word-wrap: break-word">“</span></div>
<div style="width: 295px; height: 56px; left: 58px; top: 557px; position: absolute; background: #09C4FF"></div>
<div style="left: 144px; top: 565px; position: absolute; color: white; font-size: 32px; font-family: Inter; font-weight: 400; word-wrap: break-word">SUBMIT</div>
</div>
// Registration Form
color: black;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// Name
color: black;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// Age<br/><br/>Year<br/><br/>Sports<br/>
color: black;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// “
color: #00FFFF;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// Champions keep<br/>playing untill they got <br/>they get it right.
color: black;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// “
color: #00FFF0;
font-size: 40px;
font-family: Inter;
font-weight: 800;
word-wrap: break-word
---
// SUBMIT
color: white;
font-size: 32px;
font-family: Inter;
font-weight: 400;
word-wrap: break-word
The program to design, develop and deploy a web application for event registration is completed successfully.