55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<section class="contact-form-2 container-fluid px-5 my-5" aria-label="contact-form-2">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-10">
|
|
<div class="card border-0 rounded-3 shadow-lg ">
|
|
<div class="card-body p-0">
|
|
<div class="row g-0">
|
|
<div class="col-sm-6 d-none d-sm-block bg-image">
|
|
|
|
<img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
|
|
|
|
</div>
|
|
<div class="col-sm-6 p-4">
|
|
<div class="text-center">
|
|
<div class="h3 fw-light">Contact Form</div>
|
|
<p class="mb-4 text-muted">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
|
|
</div>
|
|
|
|
|
|
<form id="contactForm">
|
|
|
|
|
|
<div class=" mb-3">
|
|
<input class="form-control" id="name" type="text" placeholder="Name" required />
|
|
<label for="name">Name</label>
|
|
</div>
|
|
|
|
|
|
<div class=" mb-3">
|
|
<input class="form-control" id="emailAddress" type="email" placeholder="Email Address" required />
|
|
<label for="emailAddress">Email Address</label>
|
|
</div>
|
|
|
|
|
|
<div class=" mb-3">
|
|
<textarea class="form-control" id="message" type="text" placeholder="Message" style="height: 10rem;" required></textarea>
|
|
<label for="message">Message</label>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-grid">
|
|
<button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |