Return to Template
<link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.css">
Copy
<!-- Contact Form 3 (Gmap) -->
<div class="admin-form theme-info" id="contact3">
<div class="panel panel-info heading-border">
<div class="panel-heading">
<span class="panel-title"><i class="fa fa-comments"></i>Get in touch</span>
</div>
<!-- end .form-header section -->
<form method="post" action="/" id="form-contact3">
<div class="panel-body p25">
<div class="row">
<div class="col-md-6">
<div class="section">
<label for="names" class="field prepend-icon">
<input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
<label for="names" class="field-icon"><i class="fa fa-user"></i>
</label>
</label>
</div>
<!-- end section -->
<div class="section">
<label for="email" class="field prepend-icon">
<input type="email" name="email" id="email" class="gui-input" placeholder="example@domain.com...">
<label for="email" class="field-icon"><i class="fa fa-envelope"></i>
</label>
</label>
</div>
<!-- end section -->
<div class="section">
<label for="telephone" class="field prepend-icon">
<input type="tel" name="telephone" id="telephone" class="gui-input" placeholder="Enter telephone or mobile...">
<label for="telephone" class="field-icon"><i class="fa fa-phone-square"></i>
</label>
</label>
</div>
<!-- end section -->
<div class="section">
<label for="comment" class="field prepend-icon">
<textarea class="gui-textarea" id="comment" name="comment"></textarea>
<label for="comment" class="field-icon"><i class="fa fa-comments"></i>
</label>
<span class="input-footer">
<strong>Hint:</strong>Please enter between 80 - 300 characters.</span>
</label>
</div>
<!-- end section -->
</div>
<!-- end .colm6 section -->
<div class="col-md-6">
<div class="map-container">
<!-- <div id="map_canvas"></div> -->
<iframe width="100%" height="307" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=Disneyland%20Park%2C%20Disneyland%20Drive%2C%20Anaheim%2C%20CA%2C%20United%20States&key=AIzaSyBqf9cjsPAh3rGJPKLCsYL2IeAveGhGJTw&zoom=14"></iframe>
</div>
</div>
<!-- end .colm6 section -->
</div>
<!-- end .section row section -->
</div>
<!-- end .form-body section -->
<div class="panel-footer">
<button type="submit" class="button btn-primary">Submit</button>
</div>
<!-- end .form-footer section -->
</form>
</div>
<!-- end .panel -->
</div>
<!-- end: .admin-form -->