Commit 8da4363b by Rizal Hermawan

develop help page

parents
<!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.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="icon" href="public/img/icon_geotency_purple.png" />
<link rel="stylesheet" href="public/css/bootstrap.min.css">
<link rel="stylesheet" href="public/css/icons.css">
<link rel="stylesheet" href="public/css/style.css">
<title>Help | Locator Logic </title>
</head>
<body>
<div class="container mt-4">
<div class="row d-flex justify-content-center">
<div class="col-md-9">
<div class="card p-4 mt-3">
<h3 class="heading mt-5 text-center">Hi! How can we help You?</h3>
<div class="d-flex justify-content-center px-5">
<div class="search"> <input type="text" class="search-input" placeholder="Search..." name=""> <a
href="#" class="search-icon"> <i class="fa fa-search"></i> </a> </div>
</div>
<div class="row mt-4 g-1 px-4 mb-5">
<div class="col-md-3">
<div class="card-inner p-3 d-flex flex-column align-items-center"> <img
src="public/img/account.png" width="50">
<div class="text-center mg-text"> <span class="mg-text">Account</span> </div>
</div>
</div>
<div class="col-md-3">
<div class="card-inner p-3 d-flex flex-column align-items-center"> <img
src="public/img/payment.png" width="50">
<div class="text-center mg-text"> <span class="mg-text">Payments</span> </div>
</div>
</div>
<div class="col-md-3">
<div class="card-inner p-3 d-flex flex-column align-items-center"> <img
src="public/img/product.png" width="50">
<div class="text-center mg-text"> <span class="mg-text">Product</span> </div>
</div>
</div>
<div class="col-md-3">
<div class="card-inner p-3 d-flex flex-column align-items-center"> <img
src="public/img/return.png" width="50">
<div class="text-center mg-text"> <span class="mg-text">Return</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="public/js/bootstrap.bundle.min.js"></script>
<script src="public/js/jquery.min.js"></script>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
/*
Template Name: Unikit - Admin & Dashboard Template
Author: Mannatthemes
File: Topbar
*/
*, html, body {
font-family: "Nunito", "Roboto", sans-serif;
}
body {
background-color: #834c94!important;
}
.btn-primary {
background-color: #834c94!important;
border-color: #834c94!important;;
}
.card{
border: none;
background: #eee;
}
.search {
width: 100%;
margin-bottom: auto;
margin-top: 20px;
height: 50px;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
.search-input {
color: white;
border: 0;
outline: 0;
background: none;
width: 0;
margin-top: 4px;
caret-color: transparent;
line-height: 20px;
transition: width 0.4s linear
}
.search .search-input {
padding: 0 10px;
width: 100%;
caret-color: #834c94!important;
font-size: 19px;
font-weight: 300;
color: black;
transition: width 0.4s linear;
}
.search-icon {
height: 34px;
width: 34px;
float: right;
display: flex;
justify-content: center;
align-items: center;
color: white;
background-color: #834c94!important;
font-size: 10px;
bottom: 30px;
position: relative;
border-radius: 5px;
}
.search-icon:hover{
color: #fff !important;
}
a:link {
text-decoration: none
}
.card-inner {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
border:none;
cursor: pointer;
transition: all 2s;
}
.card-inner:hover{
transform: scale(1.1);
}
.mg-text span{
font-size: 12px;
}
.mg-text{
line-height: 14px;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment