File size: 3.26Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quiz</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/Bootstrap/bootstrap.min.css" />
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
/>
<!-- Custom Style -->
<link rel="stylesheet" href="assets/css/style.css" />
<!-- animation -->
<link rel="stylesheet" href="assets/css/animation.css" />
<!-- Responsive -->
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<main class="overflow-hidden">
<div class="container">
<div class="row">
<h5 class="text">
<img src="assets/images/text.png" alt="Text" />sponsored by robertt
</h5>
<h2 class="main-heading">
Join The Christmas
<img src="assets/images/stars.png" alt="star" />Party 2023<img
src="assets/images/stars.png"
alt="star"
/>
</h2>
<form novalidate onsubmit="return false" id="stepForm">
<div class="inputField">
<input type="text" name="name" placeholder="name" />
<div class="black"></div>
</div>
<div class="inputField">
<input type="email" name="email" placeholder="email" />
<div class="black"></div>
</div>
<div class="submitButton">
<button type="button">Register your tickets</button>
<div class="black"></div>
</div>
</form>
<div class="desc">
<div class="date">
monday
<br />
<span>dec 25<sup>th</sup></span>
</div>
<p>
Lorem ipsum dolor sit amet, consecttetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis
ipsum suspendtisse
</p>
</div>
<div class="location">
<div class="line"></div>
<h1>party location</h1>
<p>123 Street Name, City Name, State, Country, 12345</p>
<div class="socialIcons">
<a href="#"
><i class="fa-brands fa-linkedin-in"></i>
<div class="black"></div
></a>
<a href="#"
><i class="fa-brands fa-youtube"></i>
<div class="black"></div
></a>
<a href="#"
><i class="fa-brands fa-facebook"></i>
<div class="black"></div
></a>
</div>
</div>
</div>
</div>
<div class="firework"></div>
<div class="firework"></div>
<div class="firework"></div>
</main>
<!-- Bootstrap JS -->
<script src="assets/js/Bootstrap/bootstrap.min.js"></script>
<!-- jQuery -->
<script src="assets/js/jQuery/jquery-3.7.1.min.js"></script>
<!-- Custom JS -->
<script src="assets/js/custom.js"></script>
</body>
</html>