-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
52 lines (52 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html><html lang="en"><head><link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"><link rel="apple-touch-icon" href="images/apple-touch-icon.png"><!-- Bootstrap CSS--><link rel="stylesheet" href="css/bootstrap.min.css"><!-- Site CSS--><link rel="stylesheet" href="css/style.css"><!-- Responsive CSS--><link rel="stylesheet" href="css/responsive.css"><!-- Custom CSS--><link rel="stylesheet" href="css/custom.css"></head><body><!-- Start Main Top--><div class="main-top"><div class="container-fluid"><div class="row"><div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"><div class="text-slid-box"><div class="carouselTicker" id="offer-box"><ul class="offer-box"><li><i class="fab fa-opencart"></i> Off 10%! Shop Now Man</li><li><i class="fab fa-opencart"></i> 50% - 80% off on Fashion</li><li><i class="fab fa-opencart"></i> 20% off Entire Purchase Promo
code: offT20</li><li><i class="fab fa-opencart"></i> Off 50%! Shop Now</li><li><i class="fab fa-opencart"></i> Off 10%! Shop Now Man</li><li><i class="fab fa-opencart"></i> 50% - 80% off on Fashion</li><li><i class="fab fa-opencart"></i> 20% off Entire Purchase Promo
code: offT20</li><li><i class="fab fa-opencart"></i> Off 50%! Shop Now</li></ul></div></div></div><div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"><div class="custom-select-box"><select class="selectpicker show-tick form-control" id="basic" data-placeholder="$ USD"><option>¥ JPY</option><option>$ USD</option><option>€ EUR</option></select></div><div class="right-phone-box"><p>Call US :- <a href="#"> +11 900 800 100</a></p></div><div class="our-link"><ul><li><a href="#">My Account</a></li><li><a href="#">Our location</a></li><li><a href="#">Contact Us</a></li></ul></div></div></div></div></div><!-- End Main Top--><!-- Start Main Top--><header class="main-header"><!-- Start Navigation--><nav class="navbar navbar-expand-lg navbar-light bg-light navbar-default bootsnav"><div class="container"><!-- Start Header Navigation--><div class="navbar-header"><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-menu" aria-controls="navbars-rs-food" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button><a class="navbar-brand" href="index.html"><img class="logo" src="images/logo.png" alt=""></a></div><!-- End Header Navigation--><!-- Collect the nav links, forms, and other content for toggling--><div class="collapse navbar-collapse" id="navbar-menu"><ul class="nav navbar-nav ml-auto" data-in="fadeInDown" data-out="fadeOutUp"><li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li><li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li><li class="dropdown megamenu-fw"><a class="nav-link dropdown-toggle arrow" href="#" data-toggle="dropdown">Product</a><ul class="dropdown-menu megamenu-content" role="menu"><li><div class="row"><div class="col-menu col-md-3"><h6 class="title">Top</h6><div class="content"><ul class="menu-col"><li><a href="shop.html">Jackets</a></li><li><a href="shop.html">Shirts</a></li><li><a href="shop.html">Sweaters & Cardigans</a></li><li><a href="shop.html">T-shirts</a></li></ul></div></div><!-- end col-3--><div class="col-menu col-md-3"><h6 class="title">Bottom</h6><div class="content"><ul class="menu-col"><li><a href="shop.html">Swimwear</a></li><li><a href="shop.html">Skirts</a></li><li><a href="shop.html">Jeans</a></li><li><a href="shop.html">Trousers</a></li></ul></div></div><!-- end col-3--><div class="col-menu col-md-3"><h6 class="title">Clothing</h6><div class="content"><ul class="menu-col"><li><a href="shop.html">Top Wear</a></li><li><a href="shop.html">Party wear</a></li><li><a href="shop.html">Bottom Wear</a></li><li><a href="shop.html">Indian Wear</a></li></ul></div></div><div class="col-menu col-md-3"><h6 class="title">Accessories</h6><div class="content"><ul class="menu-col"><li><a href="shop.html">Bags</a></li><li><a href="shop.html">Sunglasses</a></li><li><a href="shop.html">Fragrances</a></li><li><a href="shop.html">Wallets</a></li></ul></div></div><!-- end col-3--></div><!-- end row--></li></ul></li><li class="dropdown"><a class="nav-link dropdown-toggle arrow" href="#" data-toggle="dropdown">SHOP</a><ul class="dropdown-menu"><li><a href="cart.html">Cart</a></li><li><a href="checkout.html">Checkout</a></li><li><a href="my-account.html">My Account</a></li><li><a href="wishlist.html">Wishlist</a></li><li><a href="shop-detail.html">Shop Detail</a></li></ul></li><li class="nav-item"><a class="nav-link" href="service.html">Our Service</a></li><li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li></ul></div><!-- /.navbar-collapse--><!-- Start Atribute Navigation--><div class="attr-nav"><ul><li class="search"><a href="#"><i class="fa fa-search"></i></a></li><li class="side-menu"><a href="#"><i class="fa fa-shopping-bag"></i><span class="badge">3</span></a></li></ul></div><!-- End Atribute Navigation--></div><!-- Start Side Menu--><div class="side"><a class="close-side" href="#"><i class="fa fa-times"></i></a><li class="cart-box"><ul class="cart-list"><li><a class="photo" href="#"><img class="cart-thumb" src="images/img-pro-01.jpg" alt=""></a><h6><a href="#">Delica omtantur </a></h6><p>1x - <span class="price">$80.00</span></p></li><li><a class="photo" href="#"><img class="cart-thumb" src="images/img-pro-02.jpg" alt=""></a><h6><a href="#">Omnes ocurreret</a></h6><p>1x - <span class="price">$60.00</span></p></li><li><a class="photo" href="#"><img class="cart-thumb" src="images/img-pro-03.jpg" alt=""></a><h6><a href="#">Agam facilisis</a></h6><p>1x - <span class="price">$40.00</span></p></li><li class="total"><a class="btn btn-default hvr-hover btn-cart" href="#">VIEW CART</a><span class="float-right"><strong>Total</strong>: $180.00</span></li></ul></li></div><!-- End Side Menu--></nav><!-- End Navigation--></header><!-- End Main Top--><!-- Start Top Search--><div class="top-search"><div class="container"><div class="input-group"><span class="input-group-addon"><i class="fa fa-search"></i></span><input class="form-control" type="text" placeholder="Search"><span class="input-group-addon close-search"><i class="fa fa-times"></i></span></div></div></div><!-- End Top Search--><div class="container"><!-- get data api--><div id="emp_body"></div><!-- pagination click--><div id="pager"><div class="pagination-sm" id="pagination"></div></div></div><footer><div class="footer-main"><div class="container"><div class="row"><div class="col-lg-4 col-md-12 col-sm-12"><div class="footer-widget"><h4>About ThewayShop</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.</p><ul><li><a href="#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li><li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li><li><a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li><li><a href="#"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li><li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li><li><a href="#"><i class="fab fa-pinterest-p" aria-hidden="true"></i></a></li><li><a href="#"><i class="fab fa-whatsapp" aria-hidden="true"></i></a></li></ul></div></div><div class="col-lg-4 col-md-12 col-sm-12"><div class="footer-link"><h4>Information</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Customer Service</a></li><li><a href="#">Our Sitemap</a></li><li><a href="#">Terms & Conditions</a></li><li><a href="#">Privacy Policy</a></li><li><a href="#">Delivery Information</a></li></ul></div></div><div class="col-lg-4 col-md-12 col-sm-12"><div class="footer-link-contact"><h4>Contact Us</h4><ul><li><p><i class="fas fa-map-marker-alt"></i>Address: Michael I. Days
3756 <br>Preston Street Wichita,<br> KS 67213</p></li><li><p><i class="fas fa-phone-square"></i>Phone:<a href="tel:+1-888705770">+1-888 705 770</a></p></li><li><p><i class="fas fa-envelope"></i>Email:<a href="mailto:contactinfo@gmail.com">contactinfo@gmail.com</a></p></li></ul></div></div></div></div></div></footer><div class="footer-copyright"><p class="footer-company">All Rights Reserved. © 2018 <a href="#">ThewayShop</a> Design By :<a href="https://html.design/">html design</a></p></div><!-- End copyright--><a id="back-to-top" href="#" title="Back to top" style="display: none;">↑</a><script src="https://code.jquery.com/jquery-3.4.1.js"></script><script src="js/bootstrap.min.js"></script><script src="js/popper.min.js"></script><script src="js/jquery.superslides.min.js"></script><script src="js/bootstrap-select.js"></script><script src="js/inewsticker.js"></script><script src="js/bootsnav.js."></script><script src="js/images-loded.min.js"></script><script src="js/isotope.min.js"></script><script src="js/owl.carousel.min.js"></script><script src="js/baguetteBox.min.js"></script><script src="js/form-validator.min.js"></script><script src="js/contact-form-script.js"></script><script src="js/custom.js"></script><script src="./jquery.twbsPagination.js"></script><script type="text/javascript">$(document).ready(function() {
var $pagination = $("#pagination"),
totalRecords = 0,
records = [],
displayRecords = [],
recPerPage = 10,
page = 1,
totalPages = 0;
$.ajax({
url: "https://data-aq-mobile.herokuapp.com/products",
async: true,
dataType: "json",
success: function(data) {
records = data;
console.log(records);
totalRecords = records.length;
totalPages = Math.ceil(totalRecords / recPerPage);
apply_pagination();
}
});
function generate_table() {
var sendData;
$("#emp_body").html("");
for (var i = 0; i < displayRecords.length; i++) {
sendData = $("<div/>");
sendData.append("<div>" + displayRecords[i].id + "</div>");
sendData.append("<div>" + displayRecords[i].name + "</div>");
sendData.append("<div>" + displayRecords[i].vitri + "</div>");
$("#emp_body").append(sendData);
}
}
function apply_pagination() {
$pagination.twbsPagination({
totalPages: totalPages,
visiblePages: 6,
onPageClick: function(event, page) {
displayRecordsIndex = Math.max(page - 1, 0) * recPerPage;
endRec = displayRecordsIndex + recPerPage;
console.log(displayRecordsIndex + "ssssssssss" + endRec);
displayRecords = records.slice(displayRecordsIndex, endRec);
generate_table();
}
});
}
});
</script></body></html>