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
/* Frame 1 */
position: relative;
width: 253px;
height: 611px;
background: #F4EB1B;
/* SAVEETHA ENGINEERING COLLEGE */
position: absolute;
width: 204px;
height: 15.64px;
left: 24px;
top: 20.72px;
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #000000;
transform: matrix(1, 0, 0, 1, 0, 0);
/* Text */
position: absolute;
width: 0px;
height: 140px;
left: 164px;
top: 53px;
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
/* Vector 1 */
position: absolute;
width: 251px;
height: 0px;
left: 1px;
top: 100px;
border: 1px solid #000000;
/* image 1 */
position: absolute;
width: 125px;
height: 123px;
left: 57px;
top: 131px;
background: url(image.png);
/* AFFILATED TO ANNA UNIVERSITY */
position: absolute;
width: 217px;
height: 16px;
left: 18px;
top: 297px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 13px;
line-height: 16px;
/* identical to box height */
color: #D00E1A;
/* NIRF RANKED */
position: absolute;
width: 87px;
height: 16px;
left: 83px;
top: 346px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 13px;
line-height: 16px;
/* identical to box height */
color: #DA1C1C;
/* AUTONOMOUS INSTITUTION */
position: absolute;
width: 185px;
height: 16px;
left: 43px;
top: 379px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 13px;
line-height: 16px;
/* identical to box height */
color: #F70D0D;
/* Rectangle 1 */
position: absolute;
width: 164px;
height: 43px;
left: 45px;
top: 434px;
background: #1713BD;
/* LOGIN */
position: absolute;
width: 64px;
height: 24px;
left: 94px;
top: 444px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #000000;
/* Frame 2 */
position: relative;
width: 278px;
height: 610px;
background: #EB32E3;
/* SAVEETHA ENGINEERING COLLEGE */
position: absolute;
width: 202px;
height: 72px;
left: 22px;
top: 15px;
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #000000;
/* image 2 */
position: absolute;
width: 126px;
height: 129px;
left: 77px;
top: 128px;
background: url(image.png);
/* USERNAME */
position: absolute;
width: 114px;
height: 24px;
left: 15px;
top: 305px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #000000;
/* Rectangle 2 */
position: absolute;
width: 193px;
height: 39px;
left: 15px;
top: 338px;
background: #2BD5C0;
/* PASSWORD */
position: absolute;
width: 116px;
height: 24px;
left: 15px;
top: 396px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #000000;
/* Rectangle 3 */
position: absolute;
width: 199px;
height: 42px;
left: 16px;
top: 424px;
background: #63CCD3;
/* Rectangle 4 */
position: absolute;
width: 167px;
height: 49px;
left: 48px;
top: 506px;
background: #530DE7;
/* LOGIN */
position: absolute;
width: 62px;
height: 24px;
left: 98px;
top: 519px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #000000;
/* Frame 3 */
position: relative;
width: 292px;
height: 610px;
background: #2908F2;
/* SAVEETHA ENGINEERING COLLEGE */
position: absolute;
width: 202px;
height: 72px;
left: 26px;
top: 21px;
font-family: 'Inter';
font-style: italic;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #000000;
/* Vector 3 */
position: absolute;
width: 290px;
height: 0.88px;
left: 3px;
top: 95.12px;
border: 1px solid #000000;
/* image 6 */
position: absolute;
width: 137px;
height: 118px;
left: calc(50% - 137px/2 + 1.5px);
top: 141px;
background: url(image.png);
/* DEPARTMENTS */
position: absolute;
width: 152px;
height: 24px;
left: 64px;
top: 286px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #63CCD3;
/* IT */
position: absolute;
width: 19px;
height: 24px;
left: 117px;
top: 337px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #63CCD3;
/* CSE */
position: absolute;
width: 41px;
height: 24px;
left: 108px;
top: 381px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #63CCD3;
/* AIDS */
position: absolute;
width: 49px;
height: 24px;
left: 108px;
top: 432px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #63CCD3;
/* CYBER */
position: absolute;
width: 69px;
height: 24px;
left: 98px;
top: 483px;
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #63CCD3;
The program to design, develop and deploy a web application for event registration is completed successfully.