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:
474
html/templates/advanced/Admin/home-page.html
Normal file
474
html/templates/advanced/Admin/home-page.html
Normal file
@@ -0,0 +1,474 @@
|
||||
<!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.6.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>
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="fixed-sn mdb-skin">
|
||||
|
||||
<!--Double navigation-->
|
||||
<header>
|
||||
<!-- Sidebar navigation -->
|
||||
<ul id="slide-out" class="side-nav fixed sn-bg-1 custom-scrollbar">
|
||||
|
||||
<!-- Logo -->
|
||||
<li>
|
||||
<div class="logo-wrapper sn-ad-avatar-wrapper">
|
||||
<img src="https://mdbootstrap.com/images/avatars/img%20(9)" class="img-fluid rounded-circle">
|
||||
<div class="rgba-stylish-strong">
|
||||
<p class="user white-text">Admin<br>admin@gmail.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!--/. Logo -->
|
||||
|
||||
<!-- Side navigation links -->
|
||||
<li>
|
||||
<ul class="collapsible collapsible-accordion">
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-heart"></i> New Arrivals<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Handbags</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Shoes</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Dresses</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Skirts</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Jeans</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Outerwear</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-diamond"></i> Accessories<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Jewelry</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Wallets & Purses</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-gitlab"></i> For kids<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Girls</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Boys</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-sun-o"></i> Summer<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Swimsuits</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Sandals</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-briefcase"></i> Fall / Winter<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Coats</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Boots</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="collapsible-header waves-effect arrow-r"><i class="fa fa-coffee "></i> Spring<i class="fa fa-angle-down rotate-icon"></i></a>
|
||||
<div class="collapsible-body">
|
||||
<ul>
|
||||
<li><a href="#" class="waves-effect">Denim jackets</a>
|
||||
</li>
|
||||
<li><a href="#" class="waves-effect">Sneakers</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!--/. Side navigation links -->
|
||||
<div class="sidenav-bg mask-strong"></div>
|
||||
</ul>
|
||||
<!--/. Sidebar navigation -->
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar double-nav">
|
||||
|
||||
<!-- SideNav slide-out button -->
|
||||
<div class="float-left">
|
||||
<a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
|
||||
</div>
|
||||
|
||||
<!-- Breadcrumb-->
|
||||
<div class="breadcrumb-dn mr-auto">
|
||||
<p>BrandFlow Home Page</p>
|
||||
</div>
|
||||
|
||||
<ul class="nav navbar-nav nav-flex-icons ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"> <span class="badge red z-depth-1">2</span> <i class="fa fa-shopping-cart"></i> <span class="hidden-sm-down">Cart</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Contact</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"><i class="fa fa-comments-o"></i> <span class="hidden-sm-down">Support</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"><i class="fa fa-sign-in"></i> <span class="hidden-sm-down">Register</span></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="fa fa-user"></i> <span class="hidden-sm-down">Profile</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
||||
<a class="dropdown-item" href="#">Logout</a>
|
||||
<a class="dropdown-item" href="#">My account</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!--/.Navbar-->
|
||||
</header>
|
||||
<!--/Double navigation-->
|
||||
|
||||
<!--Main layout-->
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
|
||||
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs tabs-3 red" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#panel1" role="tab"> Day</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#panel2" role="tab"> Week</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#panel3" role="tab"> Month</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panels -->
|
||||
<div class="tab-content card">
|
||||
|
||||
<!--Panel 1-->
|
||||
<div class="tab-pane animated fadeIn active" id="panel1" role="tabpanel">
|
||||
|
||||
<!--First row-->
|
||||
<div class="row mt-2">
|
||||
|
||||
<!--First column-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
|
||||
<!--Card-->
|
||||
<div class="card">
|
||||
|
||||
<!--Header-->
|
||||
<div class="card-header danger-color-dark white-text text-center">
|
||||
Featured
|
||||
</div>
|
||||
<!--/Header-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="card-block">
|
||||
|
||||
<table class="table table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<!--/Content-->
|
||||
</div>
|
||||
<!--/Card-->
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<!--Chart-->
|
||||
<canvas id="myChart-1"></canvas>
|
||||
<!--/Chart-->
|
||||
|
||||
</div>
|
||||
<!--/First column-->
|
||||
|
||||
<!--Second column-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
|
||||
<!--Card-->
|
||||
<div class="card">
|
||||
|
||||
<!--Header-->
|
||||
<div class="card-header danger-color-dark white-text text-center">
|
||||
Featured
|
||||
</div>
|
||||
<!--/Header-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="card-block">
|
||||
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<!--/Content-->
|
||||
</div>
|
||||
<!--/Card-->
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<!--Chart-->
|
||||
<canvas id="myChart-2"></canvas>
|
||||
<!--/Chart-->
|
||||
|
||||
</div>
|
||||
<!--/Second column-->
|
||||
|
||||
<!--Third column-->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
|
||||
<!--Card-->
|
||||
<div class="card">
|
||||
|
||||
<!--Header-->
|
||||
<div class="card-header danger-color-dark white-text text-center">
|
||||
Featured
|
||||
</div>
|
||||
<!--/Header-->
|
||||
|
||||
<!--Content-->
|
||||
<div class="card-block">
|
||||
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td>@mdo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>@fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">3</th>
|
||||
<td>Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>@twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<!--/Content-->
|
||||
|
||||
</div>
|
||||
<!--/Card-->
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<!--Chart-->
|
||||
<canvas id="myChart-3"></canvas>
|
||||
<!--/Chart-->
|
||||
|
||||
</div>
|
||||
<!--/Third column-->
|
||||
|
||||
</div>
|
||||
<!--/First row-->
|
||||
|
||||
</div>
|
||||
<!--/.Panel 1-->
|
||||
|
||||
<!--Panel 2-->
|
||||
<div class="tab-pane animated fadeIn" id="panel2" role="tabpanel">
|
||||
<br>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil odit magnam minima, soluta doloribus reiciendis molestiae placeat unde eos molestias. Quisquam aperiam, pariatur. Tempora, placeat ratione porro voluptate odit minima.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil odit magnam minima, soluta doloribus reiciendis molestiae placeat unde eos molestias. Quisquam aperiam, pariatur. Tempora, placeat ratione porro voluptate odit minima.</p>
|
||||
|
||||
</div>
|
||||
<!--/.Panel 2-->
|
||||
|
||||
<!--Panel 3-->
|
||||
<div class="tab-pane animated fadeIn" id="panel3" role="tabpanel">
|
||||
<br>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil odit magnam minima, soluta doloribus reiciendis molestiae placeat unde eos molestias. Quisquam aperiam, pariatur. Tempora, placeat ratione porro voluptate odit minima.</p>
|
||||
|
||||
</div>
|
||||
<!--/.Panel 3-->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<!--/Main layout-->
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
|
||||
<!-- JQuery -->
|
||||
<script type="text/javascript" src="../../../js/jquery-3.1.1.min.js"></script>
|
||||
|
||||
<!-- Tooltips -->
|
||||
<script type="text/javascript" src="../../../js/tether.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>
|
||||
// SideNav init
|
||||
$(".button-collapse").sideNav();
|
||||
var el = document.querySelector('.custom-scrollbar');
|
||||
Ps.initialize(el);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
new WOW().init();
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
var data = {
|
||||
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
||||
datasets: [{
|
||||
label: "My First dataset",
|
||||
fillColor: "rgba(220,220,220,0.2)",
|
||||
strokeColor: "rgba(220,220,220,1)",
|
||||
pointColor: "rgba(220,220,220,1)",
|
||||
pointStrokeColor: "#fff",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(220,220,220,1)",
|
||||
data: [65, 59, 80, 81, 56, 55, 40]
|
||||
}, {
|
||||
label: "My Second dataset",
|
||||
fillColor: "rgba(151,187,205,0.2)",
|
||||
strokeColor: "rgba(151,187,205,1)",
|
||||
pointColor: "rgba(151,187,205,1)",
|
||||
pointStrokeColor: "#fff",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(151,187,205,1)",
|
||||
data: [28, 48, 40, 19, 86, 27, 90]
|
||||
}]
|
||||
};
|
||||
|
||||
var option = {
|
||||
responsive: true,
|
||||
};
|
||||
|
||||
// Chart-1
|
||||
var ctx = document.getElementById("myChart-1").getContext('2d');
|
||||
var myLineChart = new Chart(ctx).Line(data, option);
|
||||
|
||||
// Chart-2
|
||||
var ctx = document.getElementById("myChart-2").getContext('2d');
|
||||
var myLineChart = new Chart(ctx).Line(data, option);
|
||||
|
||||
// Chart-3
|
||||
var ctx = document.getElementById("myChart-3").getContext('2d');
|
||||
var myLineChart = new Chart(ctx).Line(data, option);
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
315
html/templates/advanced/Admin/landing-page.html
Normal file
315
html/templates/advanced/Admin/landing-page.html
Normal file
@@ -0,0 +1,315 @@
|
||||
<!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.6.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>
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="mdb-skin">
|
||||
|
||||
|
||||
<!--Navigation-->
|
||||
<header>
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar navbar-toggleable-md navbar-dark">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">
|
||||
<img src="https://mdbootstrap.com/img/logo/mdb-transparent-sm-shadows.png" class="d-inline-block align-top z-depth-0" alt="MDBootstrap">
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarNav2">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link">Features</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item btn-group">
|
||||
<a class="nav-link dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
||||
<a class="dropdown-item">Action</a>
|
||||
<a class="dropdown-item">Another action</a>
|
||||
<a class="dropdown-item">Something else here</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav ml-auto nav-flex-icons">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link waves-effect waves-light"><i class="fa fa-twitter"></i></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link waves-effect waves-light"><i class="fa fa-google-plus"></i></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle waves-effect waves-light" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user"></i></a>
|
||||
<div class="dropdown-menu dropdown-secondary dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
||||
<a class="dropdown-item waves-effect waves-light" href="#">Action</a>
|
||||
<a class="dropdown-item waves-effect waves-light" href="#">Another action</a>
|
||||
<a class="dropdown-item waves-effect waves-light" href="#">Something else here</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--/.Navbar-->
|
||||
|
||||
</header>
|
||||
<!--/Navigation-->
|
||||
|
||||
<!--Main layout-->
|
||||
<main class="pt-6">
|
||||
<div class="container">
|
||||
|
||||
<!--Section: Product intro-->
|
||||
<section class="section section-blog-fw">
|
||||
|
||||
<!--First row-->
|
||||
<div class="row">
|
||||
<div class="col-md-12 wow fadeIn" data-wow-delay="0.2s">
|
||||
<!--Featured image-->
|
||||
<img src="https://mdbootstrap.com/wp-content/uploads/2016/05/updatepro-min-1.jpg">
|
||||
|
||||
<!--Post data-->
|
||||
<div class="jumbotron wow fadeIn" data-wow-delay="0.4s">
|
||||
<h1 class="h1-responsive">BrandFlow software</h1>
|
||||
<hr class="mb-1">
|
||||
<p>Short description</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat maiores dicta, illo ullam reiciendis sed, ab recusandae et perferendis in, distinctio, harum molestias eum quasi totam enim! Quibusdam, iure ipsa.</p>
|
||||
<a href="" class="btn btn-primary"><i class="fa fa-user left"></i> <span class="hidden-sm-down">Sign up for free</span></a>
|
||||
|
||||
</div>
|
||||
<!--/Post data-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--/First row-->
|
||||
|
||||
</section>
|
||||
<!--/Section: Product intro-->
|
||||
|
||||
<hr class="between-sections wow fadeIn" data-wow-delay="0.4s">
|
||||
|
||||
<!--Section: Features v.3-->
|
||||
<section class="section feature-box">
|
||||
|
||||
<!--Section heading-->
|
||||
<h1 class="section-heading wow fadeIn" data-wow-delay="0.2s">Why is it so great?</h1>
|
||||
<!--Section sescription-->
|
||||
<p class="section-description lead wow fadeIn" data-wow-delay="0.2s">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. Quia, minima?</p>
|
||||
|
||||
<!--First row-->
|
||||
<div class="row features-small wow fadeIn" data-wow-delay="0.4s">
|
||||
|
||||
<!--First column-->
|
||||
<div class="col-md-5 mb-r center-on-small-only">
|
||||
<img src="https://mdbootstrap.com/wp-content/uploads/2016/07/img-2-min.jpg" alt="" class="z-depth-0">
|
||||
</div>
|
||||
<!--/First column-->
|
||||
|
||||
<!--Second column-->
|
||||
<div class="col-md-7 center-on-small-only">
|
||||
<!--First row-->
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<i class="fa fa-bank indigo-text"></i>
|
||||
</div>
|
||||
<div class="col-10">
|
||||
<h4 class="feature-title">Safety</h4>
|
||||
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/First row-->
|
||||
|
||||
<div style="height:50px"></div>
|
||||
|
||||
<!--Second row-->
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<i class="fa fa-code indigo-text"></i>
|
||||
</div>
|
||||
<div class="col-10">
|
||||
<h4 class="feature-title">Technology</h4>
|
||||
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/Second row-->
|
||||
|
||||
<div style="height:50px"></div>
|
||||
|
||||
<!--Third row-->
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<i class="fa fa-money indigo-text"></i>
|
||||
</div>
|
||||
<div class="col-10">
|
||||
<h4 class="feature-title">Finance</h4>
|
||||
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores nam, aperiam minima assumenda deleniti hic.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/Third row-->
|
||||
</div>
|
||||
<!--/Second column-->
|
||||
</div>
|
||||
<!--/First row-->
|
||||
|
||||
</section>
|
||||
<!--/Section: Features v.3-->
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<!--/Main layout-->
|
||||
|
||||
<!--Footer-->
|
||||
<footer class="page-footer center-on-small-only">
|
||||
|
||||
<!--Footer Links-->
|
||||
<div class="container-fluid">
|
||||
<div class="row wow fadeIn" data-wow-delay="0.3s">
|
||||
|
||||
<!--First column-->
|
||||
<div class="col-md-3 offset-md-1">
|
||||
<h5 class="title">ABOUT MATERIAL DESIGN</h5>
|
||||
<br>
|
||||
<p>Material Design (codenamed Quantum Paper) is a design language developed by Google. </p>
|
||||
|
||||
<p>Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.</p>
|
||||
</div>
|
||||
<!--/.First column-->
|
||||
|
||||
<hr class="hidden-md-up">
|
||||
|
||||
<!--Second column-->
|
||||
<div class="col-md-2 offset-md-1">
|
||||
<h5 class="title">Links</h5>
|
||||
<ul>
|
||||
<li><a href="#!">Link 1</a></li>
|
||||
<li><a href="#!">Link 2</a></li>
|
||||
<li><a href="#!">Link 3</a></li>
|
||||
<li><a href="#!">Link 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.Second column-->
|
||||
|
||||
<hr class="hidden-md-up">
|
||||
|
||||
<!--Third column-->
|
||||
<div class="col-md-2">
|
||||
<h5 class="title">Links</h5>
|
||||
<ul>
|
||||
<li><a href="#!">Link 1</a></li>
|
||||
<li><a href="#!">Link 2</a></li>
|
||||
<li><a href="#!">Link 3</a></li>
|
||||
<li><a href="#!">Link 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.Third column-->
|
||||
|
||||
<hr class="hidden-md-up">
|
||||
|
||||
<!--Fourth column-->
|
||||
<div class="col-md-2">
|
||||
<h5 class="title">Links</h5>
|
||||
<ul>
|
||||
<li><a href="#!">Link 1</a></li>
|
||||
<li><a href="#!">Link 2</a></li>
|
||||
<li><a href="#!">Link 3</a></li>
|
||||
<li><a href="#!">Link 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.Fourth column-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--/.Footer Links-->
|
||||
|
||||
<hr>
|
||||
|
||||
<!--Call to action-->
|
||||
<div class="call-to-action wow fadeIn" data-wow-delay="0.3s">
|
||||
<ul>
|
||||
<li>
|
||||
<h5>Register for free</h5></li>
|
||||
<li><a href="" class="btn btn-danger">Sign up!</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.Call to action-->
|
||||
|
||||
<hr>
|
||||
|
||||
<!--Social buttons-->
|
||||
<div class="social-section wow fadeIn" data-wow-delay="0.2s">
|
||||
<ul>
|
||||
<li><a href="https://www.facebook.com/mdbootstrap" target="_blank" class="btn-floating btn-small btn-fb"><i class="fa fa-facebook"> </i></a></li>
|
||||
<li><a href="https://twitter.com/MDBootstrap" target="_blank" class="btn-floating btn-small btn-tw"><i class="fa fa-twitter"> </i></a></li>
|
||||
<li><a href="https://plus.google.com/u/0/+Mdbootstrap" target="_blank" class="btn-floating btn-small btn-gplus"><i class="fa fa-google-plus"> </i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/michal-szymanski-9228918a" target="_blank" class="btn-floating btn-small btn-li"><i class="fa fa-linkedin"> </i></a></li>
|
||||
<li><a class="btn-floating btn-small btn-git"><i class="fa fa-github"> </i></a></li>
|
||||
<li><a href="https://pl.pinterest.com/materialdesignf/" target="_blank" class="btn-floating btn-small btn-pin"><i class="fa fa-pinterest"> </i></a></li>
|
||||
<li><a href="https://www.instagram.com/mdbootstrap/" target="_blank" class="btn-floating btn-small btn-ins"><i class="fa fa-instagram"> </i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.Social buttons-->
|
||||
|
||||
<!--Copyright-->
|
||||
<div class="footer-copyright">
|
||||
<div class="container-fluid">
|
||||
© 2017 Copyright: <a href="http://www.MDBootstrap.com"> MDBootstrap.com </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--/.Copyright-->
|
||||
|
||||
</footer>
|
||||
<!--/.Footer-->
|
||||
|
||||
<!-- SCRIPTS -->
|
||||
|
||||
<!-- JQuery -->
|
||||
<script type="text/javascript" src="../../../js/jquery-3.1.1.min.js"></script>
|
||||
|
||||
<!-- Tooltips -->
|
||||
<script type="text/javascript" src="../../../js/tether.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>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user