Topic: grid instructions MDB 4.0.2 PRO
rick.rapidlift
priority
asked 6 years ago
`
<!--Section: Contact v.1-->
<section class="section mb-4">
<!--Section heading-->
<h1 class="section-heading">Contact v.1</h1>
<!--Section sescription-->
<p class="section-description mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur accusamus veniam. Quia, minima?</p>
<div class="row">
<!--First column-->
<div class="col-md-5">
<!--Form with header-->
<div class="card">
<div class="card-block">
<!--Header-->
<div class="form-header mdb-color">
<h3><i class="fa fa-envelope"></i> Write to us:</h3>
</div>
<p>We'll write rarely, but only the best content.</p>
<br>
<!--Body-->
<div class="md-form">
<i class="fa fa-user prefix"></i>
<input type="text" id="form3" class="form-control">
<label for="form3">Your name</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix"></i>
<input type="text" id="form2" class="form-control">
<label for="form2">Your email</label>
</div>
<div class="md-form">
<i class="fa fa-tag prefix"></i>
<input type="text" id="form32" class="form-control">
<label for="form32">Subject</label>
</div>
<div class="md-form">
<i class="fa fa-pencil prefix"></i>
<textarea type="text" id="form8" class="md-textarea"></textarea>
<label for="form8">Icon Prefix</label>
</div>
<div class="text-xs-center">
<button class="btn btn-ins">Submit</button>
</div>
</div>
</div>
<!--/Form with header-->
</div>
<!--/First column-->
<!--Second column-->
<div class="col-md-7">
<!--Google map-->
<div id="map-container" class="z-depth-1-half map-container" style="height: 400px"></div>
<br>
<!--Buttons-->
<div class="row text-xs-center">
<div class="col-md-4">
<a class="btn-floating btn-small mdb-color"><i class="fa fa-map-marker"></i></a>
<p>New York, NY 10012</p>
<p>United States</p>
</div>
<div class="col-md-4">
<a class="btn-floating btn-small mdb-color"><i class="fa fa-phone"></i></a>
<p>+ 01 234 567 89</p>
<p>Mon - Fri, 8:00-22:00</p>
</div>
<div class="col-md-4">
<a class="btn-floating btn-small mdb-color"><i class="fa fa-envelope"></i></a>
<p>info@gmail.com</p>
<p>sale@gmail.com</p>
</div>
</div>
</div>
<!--/Second column-->
</div>
</section>
<!--/Section: Contact v.1-->
Add comment
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Priority
- Premium support: Yes
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags