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
import './Iphone1415ProMax1.css'
export default function Iphone1415ProMax1() {
return (
<div className="iphone-1415-pro-max-1">
<div className="download-2">
</div>
<div className="download-1">
</div>
<div className="images-1">
</div>
<div className="yoga-day-event">
YOGA DAY EVENT
</div>
<div className="container-2">
<div className="container">
<span className="login">
Login
</span>
</div>
<div className="container-1">
<span className="register">
Register
</span>
</div>
</div>
</div>
)
}
import './Iphone1415ProMax3.css'
export default function Iphone1415ProMax3() {
return (
<div className="iphone-1415-pro-max-3">
<div className="download-2">
</div>
<div className="yoga-day-event">
YOGA DAY EVENT
</div>
<div className="container-2">
<span className="meditation">
MEDITATION
</span>
</div>
<div className="container-4">
<span className="breathing">
BREATHING
</span>
</div>
<div className="container">
<span className="asanas">
ASANAS
</span>
</div>
<div className="container-1">
<span className="yogging-jogging">
YOGGING JOGGING
</span>
</div>
<div className="container-3">
<span className="yoga-dance">
YOGA DANCE
</span>
</div>
</div>
)
}
import './Iphone1415ProMax4.css'
export default function Iphone1415ProMax4() {
return (
<div className="iphone-1415-pro-max-4">
<div className="download-2">
</div>
<div className="registrttion-form">
REGISTRTTION FORM
</div>
<div className="container-1">
<div className="name">
NAME
</div>
<div className="age">
AGE
</div>
<div className="department">
DEPARTMENT
</div>
<div className="email-id">
E-MAIL ID
</div>
<div className="gender">
GENDER
</div>
<div className="register-number">
REGISTER NUMBER
</div>
<span className="mobile-number">
MOBILE NUMBER
</span>
</div>
<div className="container">
<span className="register">
Register
</span>
</div>
</div>
)
}
import './Iphone1415ProMax5.css'
export default function Iphone1415ProMax5() {
return (
<div className="iphone-1415-pro-max-5">
<div className="download-2">
</div>
<div className="container-1">
<div className="container-2">
<div className="thank-you">
THANK YOU
</div>
<span className="we-are-all-eagerly-waiting-for-your-participation-in-the-sports-event">
WE ARE ALL EAGERLY WAITING FOR YOUR PARTICIPATION IN THE SPORTS EVENT
</span>
</div>
<div className="contact-us">
CONTACT US
</div>
<div className="saveethaengineringcollege-gmail-com">
[email protected]
</div>
<div className="phone">
PHONE
</div>
<span className="container">
9234765458
</span>
</div>
<div className="container">
<span className="container-1">
8762344567
</span>
</div>
</div>
)
}
The program to design, develop and deploy a web application for event registration is completed successfully.