File size: 3.67Kb
<!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 py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="mainHeadingArea animateTop">
<h1 class="heading1">christmas</h1>
<h2 class="heading2">
<img src="assets/images/stars.png" alt="Star" />
party
<img src="assets/images/stars.png" alt="Star" />
</h2>
<h3 class="heading3">
<div class="line"></div>
<span>JOIN US FOR A</span> JOLLY GOOD TIME!
<div class="line"></div>
</h3>
</div>
<div class="row align-items-center mt-4">
<div class="col-md-8">
<div class="date">
<div class="inner animateleft">
monday
<h5>dec 25<sup>th</sup></h5>
<div class="address">YOUR COZY HOUSE ADDRESS - SPAIN</div>
</div>
</div>
</div>
<div class="col-md-4">
<ul class="item-list">
<li><span></span>food</li>
<li><span></span>beer</li>
<li><span></span>art</li>
<li><span></span>music</li>
<li><span></span>gifts</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<form novalidate onsubmit="return false">
<article>
<h2>Reserve a ticket</h2>
<p>
Every pleasure is to be weltcomed and every pain avoided.
circumstances
</p>
</article>
<fieldset>
<div class="inputField">
<input type="text" name="name" />
<label>Full Name</label>
</div>
<div class="inputField">
<input type="text" name="phone" />
<label>Cell Number</label>
</div>
<div class="inputField">
<input type="text" name="email" />
<label>Email</label>
</div>
<div class="inputField">
<input type="text" name="members" />
<label>Members</label>
</div>
<button id="sub">
explore more<i class="fa-solid fa-right-long"></i>
</button>
</fieldset>
</form>
</div>
</div>
</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>