HTML About Info
HTML About Info
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head
content must come *after* these tags -->
<title>Day - HTML Bootstrap Template</title>
<div class="menu">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a
href="index.html">Home</a></li>
<li role="presentation"><a
href="about.html">About Us</a></li>
<li role="presentation"><a
href="services.html">Services</a></li>
<li role="presentation"><a
href="gallery.html">Gallery</a></li>
<li role="presentation"><a
href="contact.html" class="active">Contact</a></li>
</ul>
</div>
</div>
</div><!--/.container-->
</nav><!--/nav-->
</header><!--/header-->
<div class="map">
<iframe src="https://maps.google.com/maps?
f=q&source=s_q&hl=en&geocode=&q=Kuningan,+Jakarta+Capital+Region,
+Indonesia&aq=3&oq=kuningan+&sll=37.0625,-
95.677068&sspn=37.410045,86.572266&ie=UTF8&hq=&hnear=Kuningan&t
=m&z=14&ll=-6.238824,106.830177&output=embed">
</iframe>
</div>
<section class="contact-page">
<div class="container">
<div class="text-center">
<h2>Drop Your Message</h2>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.</p>
</div>
<div class="row contact-wrap">
<div class="status alert alert-success" style="display:
none"></div>
<form id="main-contact-form" class="contact-form" name="contact-
form" method="post" action="sendemail.php">
<div class="col-sm-5 col-sm-offset-1">
<div class="form-group">
<label>Name *</label>
<input type="text" name="name" class="form-control"
required="required">
</div>
<div class="form-group">
<label>Email *</label>
<input type="email" name="email" class="form-control"
required="required">
</div>
<div class="form-group">
<label>Phone</label>
<input type="number" class="form-control">
</div>
<div class="form-group">
<label>Company Name</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label>Subject *</label>
<input type="text" name="subject" class="form-control"
required="required">
</div>
<div class="form-group">
<label>Message *</label>
<textarea name="message" id="message"
required="required" class="form-control" rows="8"></textarea>
</div>
<div class="form-group">
<button type="submit" name="submit" class="btn btn-
primary btn-lg" required="required">Submit message</button>
</div>
</div>
</form>
</div><!--/.row-->
</div><!--/.container-->
</section><!--/#contact-page-->
<footer>
<div class="container">
<div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms"
data-wow-delay="300ms">
<h4>About Us</h4>
<p>Day is tellus ac cursus commodo, mauesris condime ntum
nibh, ut fermentum mas justo sitters.</p>
<div class="contact-info">
<ul>
<li><i class="fa fa-home fa"></i>Suite 54
Elizebth Street, Victoria State Newyork, USA </li>
<li><i class="fa fa-phone fa"></i> +38 000
129900</li>
<li><i class="fa fa-envelope fa"></i>
[email protected]</li>
</ul>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="social-icon">
<div class="col-md-4">
<ul class="social-network">
<li><a href="#" class="fb tool-tip"
title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="twitter tool-tip"
title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="gplus tool-tip"
title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="linkedin tool-tip"
title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="ytube tool-tip"
title="You Tube"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
</div>
} )
.init();
</script>
</body>
</html>