Framework
Theme
All
683
Forms
16
Charts
21
Navbars
45
Sidebars
27
Typography
42
Components
62
Tables
34
Cards
70
Contact Us
9
Testimonials
19
Features
25
Cards Section
38
Teams Section
11
Faq
9
Headers
47
Blogs
15
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
18
Logo Areas
12
Projects Section
14
Stats
13
Authentication
15
Call To Actions
21
Http Codes
6
Teams
16
Pricing
13
![](https://www.loopple.com/img/gradient.png)
![](https://www.loopple.com/img/gradient-blue.png)
Contacts Section - All Examples
Discover 9 Contacts Section examples available in Loopple
Section Contact Simple
Component from
Asteria Dashboard
Builder
<div class="row removable">
<div class="col-lg-4 mb-4 text-center">
<div class="card draggable" draggable="true">
<div class="card-body">
<i class="fa fa-map-marker-alt text-lg mb-3"></i>
<p class="mb-0 text-sm">Street no. 2, Center Avenue</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4 text-center">
<div class="card draggable" draggable="true">
<div class="card-body">
<i class="fa fa-phone text-lg mb-3"></i>
<p class="mb-0 text-sm">+ 123 456 789 000</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4 text-center">
<div class="card draggable" draggable="true">
<div class="card-body">
<i class="fa fa-envelope text-lg mb-3"></i>
<p class="mb-0 text-sm">[email protected]</p>
</div>
</div>
</div>
<div class="col-12">
<div class="card mb-4 draggable" draggable="true">
<div class="card-body">
<div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label class="form-control-label" for="input-username">Your Name</label>
<input type="text" id="input-username" class="form-control" placeholder="Username" value="lucky.jesse">
</div>
<div class="form-group">
<label class="form-control-label" for="input-username">Mail</label>
<input type="email" id="input-username" class="form-control" placeholder="Username" value="[email protected]">
</div>
<div class="form-group">
<label class="form-control-label" for="input-username">Phone</label>
<input type="number" id="input-username" class="form-control" placeholder="+54 ..." value="lucky.jesse">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label class="form-control-label">About Me</label>
<textarea rows="4" class="form-control" placeholder="A few words about you ...">A beautiful Dashboard for Bootstrap 5.</textarea>
</div>
</div>
<div class="col-12 text-center mt-3">
<button class="btn btn-lg bg-gradient-primary mb-0">Send Message</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>