Archive: Namaste PHP AMQP framework v1.0 (2017-2020)
952 days continuous production uptime, 40k+ tp/s single node. Original corpo Bitbucket history not included — clean archive commit.
This commit is contained in:
281
html/templates/contact-us.html
Executable file
281
html/templates/contact-us.html
Executable file
@@ -0,0 +1,281 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" class="">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags always come first -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Material Design Bootstrap Template</title>
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="../css/mdb.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
|
||||
.btn .fa {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
footer.page-footer {
|
||||
margin-top: 0px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.btn.peach-gradient {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!--Main Navigation-->
|
||||
<header>
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar peach-gradient">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">
|
||||
<strong>MDB</strong>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-7" aria-controls="navbarSupportedContent-7"
|
||||
aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent-7">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home
|
||||
<span class="sr-only">(current)</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Link</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline">
|
||||
<div class="md-form my-0">
|
||||
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section>
|
||||
<div class="mdb-map">
|
||||
<div id="map-container" class="z-depth-1-half map-container" style="height: 500px;"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</header>
|
||||
<!--Main Navigation-->
|
||||
|
||||
<!--Main Layout-->
|
||||
<main>
|
||||
|
||||
<div class="container-fluid mb-5">
|
||||
|
||||
<!--Grid row-->
|
||||
<div class="row" style="margin-top: -100px;">
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="card pb-5">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!--Section: Contact v.2-->
|
||||
<section class="section">
|
||||
|
||||
<!--Section heading-->
|
||||
<h2 class="font-weight-bold text-center h1 my-5">Contact us</h2>
|
||||
<!--Section description-->
|
||||
<p class="text-center grey-text mb-5 mx-auto w-responsive">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.</p>
|
||||
|
||||
<div class="row pt-5">
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-8 col-xl-9">
|
||||
<form>
|
||||
|
||||
<!--Grid row-->
|
||||
<div class="row">
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-6">
|
||||
<div class="md-form">
|
||||
<input type="text" id="contact-name" class="form-control">
|
||||
<label for="contact-name" class="">Your name</label>
|
||||
</div>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-6">
|
||||
<div class="md-form">
|
||||
<input type="text" id="contact-email" class="form-control">
|
||||
<label for="contact-email" class="">Your email</label>
|
||||
</div>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
</div>
|
||||
<!--Grid row-->
|
||||
|
||||
<!--Grid row-->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="md-form">
|
||||
<input type="text" id="contact-Subject" class="form-control">
|
||||
<label for="contact-Subject" class="">Subject</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Grid row-->
|
||||
|
||||
<!--Grid row-->
|
||||
<div class="row">
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="md-form">
|
||||
<textarea type="text" id="contact-message" class="md-textarea form-control" rows="3"></textarea>
|
||||
<label for="contact-message">Your message</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--Grid row-->
|
||||
|
||||
</form>
|
||||
|
||||
<div class="text-center text-md-left my-4">
|
||||
<a class="btn peach-gradient">Send</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-md-4 col-xl-3">
|
||||
<ul class="contact-icons text-center list-unstyled">
|
||||
<li>
|
||||
<i class="fa fa-map-marker fa-2x orange-text"></i>
|
||||
<p>San Francisco, CA 94126, USA</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa fa-phone fa-2x orange-text"></i>
|
||||
<p>+ 01 234 567 89</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa fa-envelope fa-2x orange-text"></i>
|
||||
<p>contact@mdbootstrap.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!--Section: Contact v.2-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
</div>
|
||||
<!--Grid row-->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<!--Main Layout-->
|
||||
|
||||
<!--Footer-->
|
||||
<footer class="page-footer pt-4 mt-4 grey lighten-3 text-center text-md-left">
|
||||
|
||||
<!--Copyright-->
|
||||
<div class="footer-copyright text-center py-3 wow fadeIn" data-wow-delay="0.3s">
|
||||
<div class="container-fluid">
|
||||
© 2018 Copyright:
|
||||
<a href="https://mdbootstrap.com/material-design-for-bootstrap/"> MDBootstrap.com </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--/Copyright-->
|
||||
|
||||
</footer>
|
||||
<!--/Footer-->
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
<!-- JQuery -->
|
||||
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
|
||||
<!-- Bootstrap tooltips -->
|
||||
<script type="text/javascript" src="../js/popper.min.js"></script>
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
|
||||
<!-- MDB core JavaScript -->
|
||||
<script type="text/javascript" src="../js/mdb.min.js"></script>
|
||||
<script>
|
||||
new WOW().init();
|
||||
</script>
|
||||
|
||||
<script src="https://maps.google.com/maps/api/js"></script>
|
||||
<script>
|
||||
function init_map() {
|
||||
|
||||
var var_location = new google.maps.LatLng(40.725118, -73.997699);
|
||||
|
||||
var var_mapoptions = {
|
||||
center: var_location,
|
||||
|
||||
zoom: 14
|
||||
};
|
||||
|
||||
var var_marker = new google.maps.Marker({
|
||||
position: var_location,
|
||||
map: var_map,
|
||||
title: "New York"
|
||||
});
|
||||
|
||||
var var_map = new google.maps.Map(document.getElementById("map-container"),
|
||||
var_mapoptions);
|
||||
|
||||
var_marker.setMap(var_map);
|
||||
|
||||
}
|
||||
|
||||
google.maps.event.addDomListener(window, 'load', init_map);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user