gramps/namaste
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Archive: Namaste PHP AMQP framework v1.0 (2017-2020)

Browse Source 
952 days continuous production uptime, 40k+ tp/s single node.
Original corpo Bitbucket history not included — clean archive commit.
This commit is contained in:
Llama Chile Shop
2026-04-05 09:49:30 -07:00
commit 373ebc8c93
1284 changed files with 409372 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

537
html/templates/about-us.html Executable file
View File

@@ -0,0 +1,537 @@
<!DOCTYPE html>
<html lang="en">
<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">
<!-- Custom styles -->
<style>
html,
body,
header,
.jarallax {
height: 700px;
}
@media (max-width: 740px) {
html,
body,
header,
.jarallax {
height: 100vh;
}
}
@media (min-width: 800px) and (max-width: 850px) {
html,
body,
header,
.jarallax {
height: 100vh;
}
}
@media (min-width: 560px) and (max-width: 650px) {
header .jarallax h1 {
margin-bottom: 1.5rem !important;
}
header .jarallax h5 {
margin-bottom: 1.5rem !important;
}
}
.top-nav-collapse {
background-color: #3f51b5!important;
}
.navbar:not(.top-nav-collapse) {
background: transparent!important;
}
@media (max-width: 768px) {
.navbar:not(.top-nav-collapse) {
background: #3f51b5!important;
}
}
@media (min-width: 800px) and (max-width: 850px) {
.navbar:not(.top-nav-collapse) {
background: #3f51b5!important;
}
}
h5 {
letter-spacing: 3px;
}
</style>
</head>
<body>
<!-- Main Navigation -->
<header>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
<div class="container smooth-scroll">
<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">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team" data-offset="60">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#products" data-offset="60">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery" data-offset="60">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-offset="60">Contact</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>
<!-- Intro Section -->
<div id="home" class="view jarallax" data-jarallax='{"speed": 0.2}' style="background-image: url(https://mdbootstrap.com/img/Photos/Others/img%20%2853%29.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;">
<div class="mask rgba-stylish-light">
<div class="container h-100 d-flex justify-content-center align-items-center">
<div class="row pt-5 mt-3">
<div class="col-md-12 mb-3">
<div class="intro-info-content text-center">
<h1 class="display-3 white-text mb-5 wow fadeInDown" data-wow-delay="0.3s">ABOUT <a class="white-text font-weight-bold">US</a></h1>
<h5 class="text-uppercase white-text mb-5 mt-1 font-weight-bold wow fadeInDown" data-wow-delay="0.3s">Lorem ipsum dolor sit amet consectetur. </h5>
<a class="btn btn-light-blue btn-lg wow fadeInDown" data-wow-delay="0.3s">portfolio</a>
<a class="btn btn-indigo btn-lg wow fadeInDown" data-wow-delay="0.3s">About</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Main Navigation -->
<!-- Main Layout -->
<main>
<div class="container">
<!-- Section: Team v.3 -->
<section id="team" class="section team-section pb-4 wow fadeIn" data-wow-delay="0.3s">
<!-- Section heading -->
<h2 class="font-weight-bold text-center h1 my-5">Our amazing team</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>
<!-- Grid row -->
<div class="row mb-lg-4 text-center text-md-left">
<!-- Grid column -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="col-md-6 float-left">
<div class="avatar mx-auto mb-md-0 mb-3">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg" class="z-depth-1" alt="First sample avatar image">
</div>
</div>
<div class="col-md-6 float-right">
<h4><strong>John Doe</strong></h4>
<h6 class="font-weight-bold grey-text mb-4">Web Designer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>
<!-- Facebook -->
<a class="p-2 m-2 fa-lg fb-ic"><i class="fa fa-facebook"> </i></a>
<!-- Twitter -->
<a class="p-2 m-2 fa-lg tw-ic"><i class="fa fa-twitter"> </i></a>
<!-- Dribbble -->
<a class="p-2 m-2 fa-lg dribbble-ic"><i class="fa fa-dribbble"> </i></a>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="col-md-6 float-left">
<div class="avatar mx-auto mb-md-0 mb-3">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg" class="z-depth-1" alt="Second sample avatar image">
</div>
</div>
<div class="col-md-6 float-right">
<h4><strong>Maria Kate</strong></h4>
<h6 class="font-weight-bold grey-text mb-4">Photographer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>
<!-- Facebook -->
<a class="p-2 m-2 fa-lg fb-ic"><i class="fa fa-facebook"> </i></a>
<!-- YouTube -->
<a class="p-2 m-2 fa-lg yt-ic"><i class="fa fa-youtube"> </i></a>
<!-- Instagram -->
<a class="p-2 m-2 fa-lg ins-ic"><i class="fa fa-instagram"> </i></a>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
<!-- Grid row -->
<div class="row text-center text-md-left">
<!-- Grid column -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="col-md-6 float-left">
<div class="avatar mx-auto mb-md-0 mb-3">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).jpg" class="z-depth-1" alt="Fourth sample avatar image">
</div>
</div>
<div class="col-md-6 float-right">
<h4><strong>Anna Deynah</strong></h4>
<h6 class="font-weight-bold grey-text mb-4">Web Developer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>
<!-- Facebook -->
<a class="p-2 m-2 fa-lg fb-ic"><i class="fa fa-facebook"> </i></a>
<!-- Twitter -->
<a class="p-2 m-2 fa-lg tw-ic"><i class="fa fa-twitter"> </i></a>
<!-- GitHub -->
<a class="p-2 m-2 fa-lg git-ic"><i class="fa fa-github"> </i></a>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-6 col-md-12 mb-4">
<div class="col-md-6 float-left">
<div class="avatar mx-auto mb-md-0 mb-3">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(29).jpg" class="z-depth-1" alt="Fifth sample avatar image">
</div>
</div>
<div class="col-md-6 float-right">
<h4><strong>Sarah Melyah</strong></h4>
<h6 class="font-weight-bold grey-text mb-4">Front-end Developer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>
<!-- Google + -->
<a class="p-2 m-2 fa-lg gplus-ic"><i class="fa fa-google-plus"> </i></a>
<!-- LinkedIn -->
<a class="p-2 m-2 fa-lg li-ic"><i class="fa fa-linkedin"> </i></a>
<!-- Email -->
<a class="p-2 m-2 fa-lg email-ic"><i class="fa fa-envelope"> </i></a>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</section>
<!-- Section: Team v.3 -->
<hr class="my-5">
<!-- Section: Features v.1 -->
<section id="products" class="text-center wow fadeIn" data-wow-delay="0.3s">
<!-- Section heading -->
<h1 class="font-weight-bold text-center h1 my-5">We create awesome products</h1>
<!-- Section description -->
<p class="text-center grey-text mb-5 mx-auto w-responsive lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-4 mb-4">
<i class="fa fa-4x fa-area-chart pink-text"></i>
<h4 class="font-weight-bold my-4">Analytics</h4>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 mb-4">
<i class="fa fa-4x fa-pencil cyan-text"></i>
<h4 class="font-weight-bold my-4">Design</h4>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 mb-4">
<i class="fa fa-4x fa-laptop indigo-text"></i>
<h4 class="font-weight-bold my-4">Development</h4>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</section>
<!-- Section: Features v.1 -->
<hr class="my-5">
<!-- Section: Gallery -->
<section id="gallery" class="section wow fadeIn" data-wow-delay="0.3s">
<!-- Section heading -->
<h1 class="font-weight-bold text-center h1 my-5">Our work</h1>
<!-- Section description -->
<p class="text-center grey-text mb-5 mx-auto w-responsive">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<div class="row pb-4">
<div class="col-md-12">
<div id="mdb-lightbox-ui"></div>
<div class="mdb-lightbox">
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(43).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(43).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(41).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/6-col/img%20(41).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(40).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/6-col/img%20(40).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(14).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(14).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/Work/12-col/img%20(42).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Work/6-col/img%20(42).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
<figure class="col-md-4">
<a href="https://mdbootstrap.com/img/Photos/Horizontal/People/12-col/img%20(132).jpg" data-size="1600x1067">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/People/12-col/img%20(132).jpg" class="img-fluid z-depth-1" />
</a>
</figure>
</div>
</div>
</div>
</section>
<!-- /Section: Gallery -->
<hr class="my-5">
<!-- Section: Contact v.2 -->
<section id="contact" class="section pb-5 wow fadeIn" data-wow-delay="0.3s">
<!-- 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">
<!-- 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 mb-4">
<!-- 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 mb-4">
<a class="btn btn-light-blue">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"></i>
<p>San Francisco, CA 94126, USA</p>
</li>
<li><i class="fa fa-phone fa-2x"></i>
<p>+ 01 234 567 89</p>
</li>
<li><i class="fa fa-envelope fa-2x"></i>
<p>contact@mdbootstrap.com</p>
</li>
</ul>
</div>
<!-- Grid column -->
</div>
</section>
<!-- Section: Contact v.2 -->
</div>
</main>
<!-- Main Layout -->
<!-- Footer -->
<footer class="page-footer pt-4 mt-4 indigo text-center text-md-left">
<!-- Footer Links -->
<div class="container">
<div class="row">
<!-- First column -->
<div class="col-md-6">
<h6 class="text-uppercase font-weight-bold">Footer Content</h6>
<p>Here you can use rows and columns here to organize your footer content.</p>
</div>
<!-- First column -->
<!-- Second column -->
<div class="col-md-3">
<h6 class="text-uppercase font-weight-bold">Links</h6>
<ul class="list-unstyled">
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
</ul>
</div>
<!-- Second column -->
<!-- Third column -->
<div class="col-md-3">
<h6 class="text-uppercase font-weight-bold">Links</h6>
<ul class="list-unstyled">
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
</ul>
</div>
<!-- Third column -->
</div>
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright py-3 text-center">
<div class="container-fluid">
&copy; 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();
// MDB Lightbox Init
$(function () {
$("#mdb-lightbox-ui").load("../mdb-addons/mdb-lightbox-ui.html");
});
</script>
</body>
</html>