90 lines
3.3 KiB
HTML
90 lines
3.3 KiB
HTML
<section class="contact-form-3 py-5" aria-label="contact-form-3">
|
|
<div class="row no-gutters">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card-shadow">
|
|
<img alt="image" src="demo/img/illustrations.co/day68-happy-cat.svg" alt="happy cat" loading="lazy" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="contact-box ms-3">
|
|
<h1 class=" mt-2">Quick Contact</h1>
|
|
<form class="mt-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="form-group mt-2">
|
|
<input class="form-control" type="text" placeholder="name">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="form-group mt-2">
|
|
<input class="form-control" type="email" placeholder="email address">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="form-group mt-2">
|
|
<input class="form-control" type="text" placeholder="phone">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="form-group mt-2">
|
|
<textarea class="form-control" rows="3" placeholder="message"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<button type="submit" class="btn btn-success mt-3 text-white border-0 px-3 py-2">
|
|
<span> Submit</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="card mt-4 border-0 mb-4">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="card-body d-flex align-items-center c-detail pl-0">
|
|
<div class="me-3 align-self-center">
|
|
<i class="la la-map la-lg"></i>
|
|
</div>
|
|
<div>
|
|
<h6>Address</h6>
|
|
<p>708 Picadilly Ave.
|
|
<br> New York
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="card-body d-flex align-items-center c-detail">
|
|
<div class="me-3 align-self-center">
|
|
<i class="la la-phone la-lg"></i>
|
|
</div>
|
|
<div>
|
|
<h6>Phone</h6>
|
|
<p>555 111 333</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<div class="card-body d-flex align-items-center c-detail">
|
|
<div class="me-3 align-self-center">
|
|
<i class="la la-email la-lg"></i>
|
|
</div>
|
|
<div>
|
|
<h6>Email</h6>
|
|
<p>
|
|
hello@vvveb.com
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |