573 lines
27 KiB
HTML
573 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
|
<meta name="description" content="POS - Bootstrap Admin Template">
|
|
<meta name="keywords" content="admin, estimates, bootstrap, business, corporate, creative, management, minimal, modern, html5, responsive">
|
|
<meta name="author" content="Dreamguys - Bootstrap Admin Template">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<title>Dreams Pos admin template</title>
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.jpg">
|
|
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="assets/plugins/scrollbar/scroll.min.css">
|
|
|
|
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
|
|
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="global-loader">
|
|
<div class="whirly-loader"> </div>
|
|
</div>
|
|
|
|
<div class="main-wrapper">
|
|
|
|
<div class="header">
|
|
|
|
<div class="header-left active">
|
|
<a href="index.html" class="logo">
|
|
<img src="assets/img/logo.png" alt="">
|
|
</a>
|
|
<a href="index.html" class="logo-small">
|
|
<img src="assets/img/logo-small.png" alt="">
|
|
</a>
|
|
<a id="toggle_btn" href="javascript:void(0);">
|
|
</a>
|
|
</div>
|
|
|
|
<a id="mobile_btn" class="mobile_btn" href="#sidebar">
|
|
<span class="bar-icon">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</span>
|
|
</a>
|
|
|
|
<ul class="nav user-menu">
|
|
|
|
<li class="nav-item">
|
|
<div class="top-nav-search">
|
|
<a href="javascript:void(0);" class="responsive-search">
|
|
<i class="fa fa-search"></i>
|
|
</a>
|
|
<form action="#">
|
|
<div class="searchinputs">
|
|
<input type="text" placeholder="Search Here ...">
|
|
<div class="search-addon">
|
|
<span><img src="assets/img/icons/closes.svg" alt="img"></span>
|
|
</div>
|
|
</div>
|
|
<a class="btn" id="searchdiv"><img src="assets/img/icons/search.svg" alt="img"></a>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item dropdown has-arrow flag-nav">
|
|
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="javascript:void(0);" role="button">
|
|
<img src="assets/img/flags/us1.png" alt="" height="20">
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="assets/img/flags/us.png" alt="" height="16"> English
|
|
</a>
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="assets/img/flags/fr.png" alt="" height="16"> French
|
|
</a>
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="assets/img/flags/es.png" alt="" height="16"> Spanish
|
|
</a>
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<img src="assets/img/flags/de.png" alt="" height="16"> German
|
|
</a>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item dropdown">
|
|
<a href="javascript:void(0);" class="dropdown-toggle nav-link" data-bs-toggle="dropdown">
|
|
<img src="assets/img/icons/notification-bing.svg" alt="img"> <span class="badge rounded-pill">4</span>
|
|
</a>
|
|
<div class="dropdown-menu notifications">
|
|
<div class="topnav-dropdown-header">
|
|
<span class="notification-title">Notifications</span>
|
|
<a href="javascript:void(0)" class="clear-noti"> Clear All </a>
|
|
</div>
|
|
<div class="noti-content">
|
|
<ul class="notification-list">
|
|
<li class="notification-message">
|
|
<a href="activities.html">
|
|
<div class="media d-flex">
|
|
<span class="avatar flex-shrink-0">
|
|
<img alt="" src="assets/img/profiles/avatar-02.jpg">
|
|
</span>
|
|
<div class="media-body flex-grow-1">
|
|
<p class="noti-details"><span class="noti-title">John Doe</span> added new task <span class="noti-title">Patient appointment booking</span></p>
|
|
<p class="noti-time"><span class="notification-time">4 mins ago</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="notification-message">
|
|
<a href="activities.html">
|
|
<div class="media d-flex">
|
|
<span class="avatar flex-shrink-0">
|
|
<img alt="" src="assets/img/profiles/avatar-03.jpg">
|
|
</span>
|
|
<div class="media-body flex-grow-1">
|
|
<p class="noti-details"><span class="noti-title">Tarah Shropshire</span> changed the task name <span class="noti-title">Appointment booking with payment gateway</span></p>
|
|
<p class="noti-time"><span class="notification-time">6 mins ago</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="notification-message">
|
|
<a href="activities.html">
|
|
<div class="media d-flex">
|
|
<span class="avatar flex-shrink-0">
|
|
<img alt="" src="assets/img/profiles/avatar-06.jpg">
|
|
</span>
|
|
<div class="media-body flex-grow-1">
|
|
<p class="noti-details"><span class="noti-title">Misty Tison</span> added <span class="noti-title">Domenic Houston</span> and <span class="noti-title">Claire Mapes</span> to project <span class="noti-title">Doctor available module</span></p>
|
|
<p class="noti-time"><span class="notification-time">8 mins ago</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="notification-message">
|
|
<a href="activities.html">
|
|
<div class="media d-flex">
|
|
<span class="avatar flex-shrink-0">
|
|
<img alt="" src="assets/img/profiles/avatar-17.jpg">
|
|
</span>
|
|
<div class="media-body flex-grow-1">
|
|
<p class="noti-details"><span class="noti-title">Rolland Webber</span> completed task <span class="noti-title">Patient and Doctor video conferencing</span></p>
|
|
<p class="noti-time"><span class="notification-time">12 mins ago</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="notification-message">
|
|
<a href="activities.html">
|
|
<div class="media d-flex">
|
|
<span class="avatar flex-shrink-0">
|
|
<img alt="" src="assets/img/profiles/avatar-13.jpg">
|
|
</span>
|
|
<div class="media-body flex-grow-1">
|
|
<p class="noti-details"><span class="noti-title">Bernardo Galaviz</span> added new task <span class="noti-title">Private chat module</span></p>
|
|
<p class="noti-time"><span class="notification-time">2 days ago</span></p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="topnav-dropdown-footer">
|
|
<a href="activities.html">View all Notifications</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown has-arrow main-drop">
|
|
<a href="javascript:void(0);" class="dropdown-toggle nav-link userset" data-bs-toggle="dropdown">
|
|
<span class="user-img"><img src="assets/img/profiles/avator1.jpg" alt="">
|
|
<span class="status online"></span></span>
|
|
</a>
|
|
<div class="dropdown-menu menu-drop-user">
|
|
<div class="profilename">
|
|
<div class="profileset">
|
|
<span class="user-img"><img src="assets/img/profiles/avator1.jpg" alt="">
|
|
<span class="status online"></span></span>
|
|
<div class="profilesets">
|
|
<h6>John Doe</h6>
|
|
<h5>Admin</h5>
|
|
</div>
|
|
</div>
|
|
<hr class="m-0">
|
|
<a class="dropdown-item" href="profile.html"> <i class="me-2" data-feather="user"></i> My Profile</a>
|
|
<a class="dropdown-item" href="generalsettings.html"><i class="me-2" data-feather="settings"></i>Settings</a>
|
|
<hr class="m-0">
|
|
<a class="dropdown-item logout pb-0" href="signin.html"><img src="assets/img/icons/log-out.svg" class="me-2" alt="img">Logout</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<div class="dropdown mobile-user-menu">
|
|
<a href="javascript:void(0);" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="profile.html">My Profile</a>
|
|
<a class="dropdown-item" href="generalsettings.html">Settings</a>
|
|
<a class="dropdown-item" href="signin.html">Logout</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="sidebar" id="sidebar">
|
|
<div class="sidebar-inner slimscroll">
|
|
<div id="sidebar-menu" class="sidebar-menu">
|
|
<ul>
|
|
<li>
|
|
<a href="index.html"><img src="assets/img/icons/dashboard.svg" alt="img"><span> Dashboard</span> </a>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/product.svg" alt="img"><span> Product</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="productlist.html">Product List</a></li>
|
|
<li><a href="addproduct.html">Add Product</a></li>
|
|
<li><a href="categorylist.html">Category List</a></li>
|
|
<li><a href="addcategory.html">Add Category</a></li>
|
|
<li><a href="subcategorylist.html">Sub Category List</a></li>
|
|
<li><a href="subaddcategory.html">Add Sub Category</a></li>
|
|
<li><a href="brandlist.html">Brand List</a></li>
|
|
<li><a href="addbrand.html">Add Brand</a></li>
|
|
<li><a href="importproduct.html">Import Products</a></li>
|
|
<li><a href="barcode.html">Print Barcode</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/sales1.svg" alt="img"><span> Sales</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="saleslist.html">Sales List</a></li>
|
|
<li><a href="pos.html">POS</a></li>
|
|
<li><a href="pos.html">New Sales</a></li>
|
|
<li><a href="salesreturnlists.html">Sales Return List</a></li>
|
|
<li><a href="createsalesreturns.html">New Sales Return</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/purchase1.svg" alt="img"><span> Purchase</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="purchaselist.html">Purchase List</a></li>
|
|
<li><a href="addpurchase.html">Add Purchase</a></li>
|
|
<li><a href="importpurchase.html">Import Purchase</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/expense1.svg" alt="img"><span> Expense</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="expenselist.html">Expense List</a></li>
|
|
<li><a href="createexpense.html">Add Expense</a></li>
|
|
<li><a href="expensecategory.html">Expense Category</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/quotation1.svg" alt="img"><span> Quotation</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="quotationList.html">Quotation List</a></li>
|
|
<li><a href="addquotation.html">Add Quotation</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/transfer1.svg" alt="img"><span> Transfer</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="transferlist.html">Transfer List</a></li>
|
|
<li><a href="addtransfer.html">Add Transfer </a></li>
|
|
<li><a href="importtransfer.html">Import Transfer </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/return1.svg" alt="img"><span> Return</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="salesreturnlist.html">Sales Return List</a></li>
|
|
<li><a href="createsalesreturn.html">Add Sales Return </a></li>
|
|
<li><a href="purchasereturnlist.html">Purchase Return List</a></li>
|
|
<li><a href="createpurchasereturn.html">Add Purchase Return </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/users1.svg" alt="img"><span> People</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="customerlist.html">Customer List</a></li>
|
|
<li><a href="addcustomer.html">Add Customer </a></li>
|
|
<li><a href="supplierlist.html">Supplier List</a></li>
|
|
<li><a href="addsupplier.html">Add Supplier </a></li>
|
|
<li><a href="userlist.html">User List</a></li>
|
|
<li><a href="adduser.html">Add User</a></li>
|
|
<li><a href="storelist.html">Store List</a></li>
|
|
<li><a href="addstore.html">Add Store</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/places.svg" alt="img"><span> Places</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="newcountry.html">New Country</a></li>
|
|
<li><a href="countrieslist.html">Countries list</a></li>
|
|
<li><a href="newstate.html">New State </a></li>
|
|
<li><a href="statelist.html">State list</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="components.html"><i data-feather="layers"></i><span> Components</span> </a>
|
|
</li>
|
|
<li>
|
|
<a href="blankpage.html"><i data-feather="file"></i><span> Blank Page</span> </a>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="alert-octagon"></i> <span> Error Pages </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="error-404.html">404 Error </a></li>
|
|
<li><a href="error-500.html">500 Error </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="box"></i> <span>Elements </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="sweetalerts.html">Sweet Alerts</a></li>
|
|
<li><a href="tooltip.html">Tooltip</a></li>
|
|
<li><a href="popover.html">Popover</a></li>
|
|
<li><a href="ribbon.html">Ribbon</a></li>
|
|
<li><a href="clipboard.html">Clipboard</a></li>
|
|
<li><a href="drag-drop.html">Drag & Drop</a></li>
|
|
<li><a href="rangeslider.html">Range Slider</a></li>
|
|
<li><a href="rating.html">Rating</a></li>
|
|
<li><a href="toastr.html">Toastr</a></li>
|
|
<li><a href="text-editor.html">Text Editor</a></li>
|
|
<li><a href="counter.html">Counter</a></li>
|
|
<li><a href="scrollbar.html" class="active">Scrollbar</a></li>
|
|
<li><a href="spinner.html">Spinner</a></li>
|
|
<li><a href="notification.html">Notification</a></li>
|
|
<li><a href="lightbox.html">Lightbox</a></li>
|
|
<li><a href="stickynote.html">Sticky Note</a></li>
|
|
<li><a href="timeline.html">Timeline</a></li>
|
|
<li><a href="form-wizard.html">Form Wizard</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="bar-chart-2"></i> <span> Charts </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="chart-apex.html">Apex Charts</a></li>
|
|
<li><a href="chart-js.html">Chart Js</a></li>
|
|
<li><a href="chart-morris.html">Morris Charts</a></li>
|
|
<li><a href="chart-flot.html">Flot Charts</a></li>
|
|
<li><a href="chart-peity.html">Peity Charts</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="award"></i><span> Icons </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="icon-fontawesome.html">Fontawesome Icons</a></li>
|
|
<li><a href="icon-feather.html">Feather Icons</a></li>
|
|
<li><a href="icon-ionic.html">Ionic Icons</a></li>
|
|
<li><a href="icon-material.html">Material Icons</a></li>
|
|
<li><a href="icon-pe7.html">Pe7 Icons</a></li>
|
|
<li><a href="icon-simpleline.html">Simpleline Icons</a></li>
|
|
<li><a href="icon-themify.html">Themify Icons</a></li>
|
|
<li><a href="icon-weather.html">Weather Icons</a></li>
|
|
<li><a href="icon-typicon.html">Typicon Icons</a></li>
|
|
<li><a href="icon-flag.html">Flag Icons</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="columns"></i> <span> Forms </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="form-basic-inputs.html">Basic Inputs </a></li>
|
|
<li><a href="form-input-groups.html">Input Groups </a></li>
|
|
<li><a href="form-horizontal.html">Horizontal Form </a></li>
|
|
<li><a href="form-vertical.html"> Vertical Form </a></li>
|
|
<li><a href="form-mask.html">Form Mask </a></li>
|
|
<li><a href="form-validation.html">Form Validation </a></li>
|
|
<li><a href="form-select2.html">Form Select2 </a></li>
|
|
<li><a href="form-fileupload.html">File Upload </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><i data-feather="layout"></i> <span> Table </span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="tables-basic.html">Basic Tables </a></li>
|
|
<li><a href="data-tables.html">Data Table </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/product.svg" alt="img"><span> Application</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="chat.html">Chat</a></li>
|
|
<li><a href="calendar.html">Calendar</a></li>
|
|
<li><a href="email.html">Email</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/time.svg" alt="img"><span> Report</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="purchaseorderreport.html">Purchase order report</a></li>
|
|
<li><a href="inventoryreport.html">Inventory Report</a></li>
|
|
<li><a href="salesreport.html">Sales Report</a></li>
|
|
<li><a href="invoicereport.html">Invoice Report</a></li>
|
|
<li><a href="purchasereport.html">Purchase Report</a></li>
|
|
<li><a href="supplierreport.html">Supplier Report</a></li>
|
|
<li><a href="customerreport.html">Customer Report</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/users1.svg" alt="img"><span> Users</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="newuser.html">New User </a></li>
|
|
<li><a href="userlists.html">Users List</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="submenu">
|
|
<a href="javascript:void(0);"><img src="assets/img/icons/settings.svg" alt="img"><span> Settings</span> <span class="menu-arrow"></span></a>
|
|
<ul>
|
|
<li><a href="generalsettings.html">General Settings</a></li>
|
|
<li><a href="emailsettings.html">Email Settings</a></li>
|
|
<li><a href="paymentsettings.html">Payment Settings</a></li>
|
|
<li><a href="currencysettings.html">Currency Settings</a></li>
|
|
<li><a href="grouppermissions.html">Group Permissions</a></li>
|
|
<li><a href="taxrates.html">Tax Rates</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-wrapper cardhead">
|
|
<div class="content ">
|
|
|
|
<div class="page-header">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h3 class="page-title">Scroll Bar</h3>
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="index.html">Dashboard</a></li>
|
|
<li class="breadcrumb-item active">Scroll Bar</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title">Horizontal Scroll</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="scroll-bar-wrap">
|
|
<div class="horizontal-scroll scroll-demo">
|
|
<div class="horz-scroll-content">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title">Vertical Scroll</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="vertical-scroll scroll-demo">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
|
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.</p>
|
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title">Small Size Scroll</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="scrollbar-margins large-margin scroll-demo">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
|
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.</p>
|
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title">Visible Scroll</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="scroll-bar-wrap">
|
|
<div class="visible-scroll always-visible scroll-demo">
|
|
<div class="horz-scroll-content">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
|
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.</p>
|
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
|
<p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words</p>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors.</p>
|
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script src="assets/js/jquery-3.6.0.min.js"></script>
|
|
|
|
<script src="assets/js/feather.min.js"></script>
|
|
|
|
<script src="assets/js/jquery.slimscroll.min.js"></script>
|
|
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script src="assets/plugins/scrollbar/scrollbar.min.js"></script>
|
|
<script src="assets/plugins/scrollbar/custom-scroll.js"></script>
|
|
|
|
<script src="assets/js/script.js"></script>
|
|
</body>
|
|
</html> |