myarkqub

ejal1

Sep 9th, 2020
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.   <meta charset="utf-8">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.   <meta name="description" content="">
  9.   <meta name="author" content="">
  10.   <title>POS System - Multi-Functional point of sale</title>
  11.   <!-- Bootstrap core CSS -->
  12.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  13.   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
  14.    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  15.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
  16.    integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
  17.   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  18.   <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  19.   <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  20.   <style>
  21.     p {
  22.       text-align: center;
  23.     }
  24.  
  25.     a {
  26.       color: black;
  27.     }
  28.  
  29.     a:hover {
  30.       color: white;
  31.       text-decoration: underline;
  32.     }
  33.  
  34.     .btn-outline-warning {
  35.       color: #ff3f00;
  36.       border-color: transparent;
  37.     }
  38.  
  39.     .left {
  40.       text-align: center;
  41.     }
  42.  
  43.     .wide {
  44.       width: 160px;
  45.     }
  46.  
  47.     @media (min-width: 1025px) {
  48.       .left {
  49.         text-align: left !important;
  50.         padding-left: 30% !important;
  51.       }
  52.  
  53.       .wide {
  54.         width: auto;
  55.       }
  56.     }
  57.   </style>
  58. </head>
  59.  
  60. <body>
  61.  
  62.   <!-- Navigation -->
  63.   <nav class="navbar navbar-expand-md navbar-light bg-white fixed-top">
  64.     <div class="container">
  65.       <a class="navbar-brand" href="#">
  66.         <img src="https://mybizpos.com.my/wp-content/uploads/2017/07/logo.png" alt="Logo" class="wide">
  67.       </a>
  68.       <button class="navbar-toggler navbartoggler " type="button" data-target="#collapsibleNavbar">
  69.         <span class="navbar-toggler-icon"></span>
  70.       </button>
  71.       <div class="collapse navbar-collapse" id="collapsibleNavbar">
  72.         <ul class="navbar-nav ml-auto">
  73.           <li class="nav-item">
  74.             <a href="https://mybizpos.com.my/" target="_blank" style="padding-right: 0px;"
  75.              class="btn btn-default btn-block"><i class="fa fa-globe"></i><br><span
  76.                class="label">www.mybizpos.com.my</span></a>
  77.           </li>
  78.           <li class="nav-item">
  79.             <a href="https://firstonline.net.my/support/login.php" target="_blank" class="btn btn-default btn-block"><i
  80.                class="fa fa-wrench"></i><br><span class="label">HelpDesk</span></a>
  81.           </li>
  82.           <li class="nav-item">
  83.             <a href="https://www.firstonline.com.my/eweb/enquiry_form/view/MyBizPOS" target="_blank"
  84.              class="btn btn-default btn-block"><i class="fa fa-question"></i><br><span class="label">Enquiry</span></a>
  85.           </li>
  86.           <li class="nav-item">
  87.             <a href="https://cp.sellonline.my/admin/login" target="_blank" class="btn btn-danger w3 btn-block"><i
  88.                class="fa fa-lock"></i><br>
  89.               <span class="label">CashierLogin</span></a>
  90.           </li>
  91.         </ul>
  92.       </div>
  93.     </div>
  94.   </nav>
  95.  
  96.   <section class="features" id="features">
  97.     <div class="container" style="margin-top: 100px">
  98.       <div class="row">
  99.         <div class="col-md-12 my-auto">
  100.           <div class="section-heading text-center">
  101.             <h2 style="font-weight: 900;">Point Of Sales</h2>
  102.             <hr>
  103.           </div>
  104.         </div>
  105.         <div class="row">
  106.           <div class="col-lg-3 col-xs-4  my-auto">
  107.             <img src="img/pos.png" class="img-fluid" alt="">
  108.           </div>
  109.           <div class="col-lg-9 col-xs-6 my-auto">
  110.             <div class="container">
  111.  
  112.               <div class="row">
  113.                 <div class="col-sm-3 col-xs-6 my-auto">
  114.                   <div class="feature-item">
  115.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/collect-valuable-data_icon.png"
  116.                      class="img-fluid" alt="" style="display: block; margin-left: auto; margin-right: auto;">
  117.                     <p><b>Retail And F&B Version</b></p>
  118.                  </div>
  119.                </div>
  120.                <div class="col-sm-3 col-xs-6 my-auto">
  121.                  <div class="feature-item">
  122.                    <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/real-time-data_icon.png"
  123.                      class="img-fluid" alt="" style="display: block; margin-left: auto; margin-right: auto;">
  124.                     <p><b>Online Cloud Base</b></p>
  125.                   </div>
  126.                 </div>
  127.                 <div class="col-sm-3 col-xs-6 my-auto">
  128.                   <div class="feature-item">
  129.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/user-friendly_icon1.png"
  130.                      class="img-fluid" alt="" style="display: block; margin-left: auto; margin-right: auto;">
  131.                     <p><b>Easy To Operate</b></p>
  132.                   </div>
  133.                 </div>
  134.                 <div class="col-sm-3 col-xs-6 my-auto">
  135.                   <div class="feature-item">
  136.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/repeat-sale_icon.png" class="img-fluid"
  137.                      alt="" style="display: block; margin-left: auto; margin-right: auto;">
  138.                     <p><b>Reduce The Cost</b></p>
  139.                   </div>
  140.                 </div>
  141.               </div>
  142.  
  143.               <div class="row">
  144.                 <div class="col-sm-4">
  145.                   <div class="feature-item">
  146.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/security1.png" class="img-fluid" alt=""
  147.                      style="display: block; margin-left: auto; margin-right: auto;">
  148.                     <p><b>Safe And Secure</b></p>
  149.                   </div>
  150.                 </div>
  151.                 <div class="col-sm-4">
  152.                   <div class="feature-item">
  153.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/hazzel_free.png" class="img-fluid"
  154.                      alt="" style="display: block; margin-left: auto; margin-right: auto;">
  155.                     <p><b>Multiple Payment Types</b></p>
  156.                   </div>
  157.                 </div>
  158.                 <div class="col-sm-4">
  159.                   <div class="feature-item">
  160.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/web-based_icon1.png" class="img-fluid"
  161.                      alt="" style="display: block; margin-left: auto; margin-right: auto;">
  162.                     <p><b>Multitasking Interface</b></p>
  163.                   </div>
  164.                 </div>
  165.               </div>
  166.  
  167.               <div class="row">
  168.                 <div class="col-sm-4">
  169.                   <div class="feature-item">
  170.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/inventory-control_icon1.png"
  171.                      class="img-fluid" alt="" style="display: block; margin-left: auto; margin-right: auto;">
  172.                     <p><b>Member System (Optional)</b></p>
  173.                   </div>
  174.                 </div>
  175.                 <div class="col-sm-4">
  176.                   <div class="feature-item">
  177.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/user-friendly_icon.png"
  178.                      class="img-fluid" alt="" style="display: block; margin-left: auto; margin-right: auto;">
  179.                     <p><b>Environment Friendly</b></p>
  180.                   </div>
  181.                 </div>
  182.                 <div class="col-sm-4">
  183.                   <div class="feature-item">
  184.                     <img src="https://mybizpos.com.my/wp-content/uploads/2015/07/monitoring_icon.png" class="img-fluid"
  185.                      alt="" style="display: block; margin-left: auto; margin-right: auto;">
  186.                     <p><b>Read Report Anywhere</b></p>
  187.                   </div>
  188.                 </div>
  189.               </div>
  190.             </div>
  191.           </div>
  192.         </div>
  193.         <div class="section-heading text-center" style="margin-top: 40px; margin-bottom: 0px">
  194.         </div>
  195.       </div>
  196.     </div>
  197.   </section>
  198.   <!-- Bootstrap core JavaScript -->
  199.   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  200.    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  201.    crossorigin="anonymous"></script>
  202.   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
  203.    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
  204.    crossorigin="anonymous"></script>
  205.   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
  206.    integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
  207.    crossorigin="anonymous"></script>
  208.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  209.   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  210.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
  211.   <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
  212.   <script>
  213.     $(document).ready(function () {
  214.       $(".navbartoggler").click(function () {
  215.         $($(this).data("target")).toggle("slow");
  216.         console.log($(this).data("target"));
  217.       })
  218.     })
  219.   </script>>
  220. </body>
  221.  
  222. </html>
Add Comment
Please, Sign In to add comment