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
page 1
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link rel="stylesheet" href="globals.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="android-medium">
<div class="div">
<img class="logo" src="img/logo-1.png" />
<div class="text-wrapper">CULTURAL EVENTS</div>
</div>
</div>
</body>
</html>
page 2
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link rel="stylesheet" href="globals.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="iphone-SE">
<div class="div">
<img class="logo" src="img/logo-2.png" />
<div class="text-wrapper">cultural events</div>
<div class="dancing-singing">dancing<br />singing<br />photography<br />cooking without fire<br />rangoli</div>
</div>
</div>
</body>
</html>
page 3
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link rel="stylesheet" href="globals.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="iphone-SE">
<div class="div">
<div class="text-wrapper">Event Registration Form</div>
<div class="overlap-group">
<p class="NAME-REG-NO-DEPT">
<span class="span"> </span>
<span class="text-wrapper-2"
>NAME:<br /><br />REG NO:<br /><br />DEPT:<br /><br />MAIL ID:<br /><br />PHN NO:<br /><br />EVENTS TO
REGISTER:</span
>
</p>
<div class="rectangle"></div>
<div class="rectangle-2"></div>
<div class="rectangle-3"></div>
<div class="rectangle-4"></div>
<img class="img" src="img/rectangle-7.svg" />
<div class="rectangle-5"></div>
<div class="rectangle-6"></div>
</div>
</div>
</div>
</body>
</html>
page 4
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<link rel="stylesheet" href="globals.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="iphone-SE">
<div class="div">
<img class="logo" src="img/logo-3.png" />
<div class="overlap-group">
<div class="text-wrapper">THANK YOU</div>
<div class="contact-us-team-head">Contact us<br />Team Head:Beryl<br />Mobile No:9597215048</div>
</div>
</div>
</div>
</body>
</html>
The program to design, develop and deploy a web application for event registration is completed successfully.