sachin.ganesh
/
anwi_website
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 Commits
1 Branch
Tree: c014fd0b61
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c014fd0b61'
${ noResults }
anwi_website/orderdetails.html

orderdetails.html 20KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8.     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./style.css">

  12.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">

  14.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  15.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  16.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  17.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  18.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  19.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  20.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  21.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  22.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  23.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  24.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  25.     <link rel="stylesheet" href="./dist/css/style.css">

  26.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  27.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  28. 

  29.     <title>Orders | Anwi</title>

  30. </head>

  31. 

  32. <body class="order_details_page">

  33.     <!-- navbar -->

  34.     <div id="navbar-head"></div>

  35.     <!-- end-navbar -->

  36.     <!-- main-body -->

  37.     <main class="main-body home-main-container pt-5">

  38.        <section class="bg-gray-7 pt-md-5 pt-5">

  39.         <div class="container pb-5">

  40.             <div class="row pb-4">

  41.                 <div class="col-6">

  42.                     <a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>

  43.                 </div>

  44.                 <div class="col-6 text-end">

  45.                     <a href="#" class="fw-600 text-a-color">Need Help ?</a>

  46.                 </div>

  47.             </div>

  48.             <div class="row">

  49.                 <div class="col-md-8">

  50.                     <div class="card rounded-0 border-0 bg-white mb-3">

  51.                         <div class="card-body">

  52.                            <div class="row align-items-center mb-md-4">

  53.                                 <div class="col-md-6">

  54.                                     <div class="d-flex">

  55.                                         <img src="" class="img-fluid"/>

  56.                                         <div>

  57.                                             <span class="fs-5">Delivered</span>

  58.                                             <span class="text-secondary fs-9">Shipment 1 / 5-1 item (1 Delivered)</span>

  59.                                         </div>

  60.                                     </div>

  61.                                     <div> <span class="text-secondary fs-9">Delivered on Sunday, 9 March <span class="text-a-color">Invoice</span></span></div>

  62.                                 </div>

  63.                                 <div class="col-md-6 text-end">

  64.                                     <button class="btn btn-order-text bg-return">SUPPPORT</button>

  65.                                 </div>

  66.                            </div>

  67.                            <div>

  68.                                 <span class="text-secondary fs-9 d-none">Shipping to</span>

  69.                                 <p class="fs-5 fw-600 user_name">Ashok Kumar</p>

  70.                            </div>

  71.                            <div class="row pb-md-0 pb-4">

  72.                                 <div class="col-md-4 text-center">

  73.                                     <img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" class="img-fluid order_img"/>

  74.                                 </div>

  75.                                 <div class="col-md-8 position-relative">

  76.                                     <p class="mb-0 fs-6 order_itemname"></p>

  77.                                     <p class="mb-3 fs-6 fw-600 d-flex align-items-center">

  78.                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  79.                                             <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>

  80.                                         </svg><span class="order_price">32,000</span>

  81.                                     </p>

  82.                                     <p class="mb-0 fs-6 position-absolute close_exchange">Return/Exchange window closed on Friday,24 March <a href="#" class="text-primary">Why?</a></p>

  83.                                 </div>

  84.                            </div>

  85.                         </div>

  86.                     </div>

  87.                     <div class="card rounded-0 border-0 bg-white mb-3">

  88.                         <div class="card-body">

  89.                            <div class="row align-items-center mb-md-4">

  90.                                 <div class="col-md-6">

  91.                                     <div class="d-flex">

  92.                                         <img src="" class="img-fluid"/>

  93.                                         <div>

  94.                                             <span class="fs-5">Delivered</span>

  95.                                             <span class="text-secondary fs-9">Shipment 2 / 5-2 item (2 Delivered)</span>

  96.                                         </div>

  97.                                     </div>

  98.                                     <div> <span class="text-secondary fs-9">Delivered on Sunday, 9 March <span class="cursor-pointer text-a-color">Invoice</span></span></div>

  99.                                 </div>

  100.                                 <div class="col-md-6 text-end">

  101.                                     <button class="btn btn-order-text bg-return">SUPPPORT</button>

  102.                                 </div>

  103.                            </div>

  104.                            <div>

  105.                                 <span class="text-secondary fs-9  d-none">Shipping to</span>

  106.                                 <p class="fs-5 fw-600 user_name">Ashok Kumar</p>

  107.                            </div>

  108.                            <div class="row pb-md-0 pb-4">

  109.                                 <div class="col-md-4 text-center">

  110.                                     <img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" class="img-fluid order_img"/>

  111.                                 </div>

  112.                                 <div class="col-md-8 position-relative">

  113.                                     <p class="mb-0 fs-6 order_itemname"></p>

  114.                                     <p class="mb-3 fs-6 fw-600 d-flex align-items-center">

  115.                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  116.                                             <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>

  117.                                         </svg><span class="order_price">32,000</span>

  118.                                     </p>

  119.                                     <p class="mb-0 fs-6 position-absolute close_exchange">Return/Exchange window closed on Friday,24 March <a href="#" class="text-primary">Why?</a></p>

  120.                                 </div>

  121.                            </div>

  122.                         </div>

  123.                     </div>

  124.                 </div>

  125.                 <div class="col-md-4">

  126.                     <div class="Order_details_section mb-2">

  127.                         <div class="card rounded-0 border-0 order-summary">

  128.                                

  129.                                 </div>

  130.                         </div>

  131.                         <div class="card rounded-0 border-top-0">

  132.                                 <div class="card-body">

  133.                                     <div class="payement details">

  134.                                         <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>

  135.                                         <div class="border-bottom py-1">

  136.                                             <div class="row align-items-center">

  137.                                                 <div class="col-6">

  138.                                                     <p class="fs-9 mb-0">Order Amount</p> 

  139.                                                 </div>

  140.                                                 <div class="col-6 text-end">

  141.                                                <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  142.                                             <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>

  143.                                         </svg><span class="order_price fs-7">32,000</span>

  144.                                                 </div>

  145.                                             </div>

  146.                                             <div class="row align-items-center">

  147.                                                 <div class="col-6">

  148.                                                     <p class="fs-9 mb-0">Tax</p>

  149.                                                 </div>

  150.                                                 <div class="col-6 text-end">

  151.                                                     <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p>

  152.                                                 </div>

  153.                                             </div>

  154.                                             <div class="row align-items-center">

  155.                                                 <div class="col-6">

  156.                                                     <p class="fs-9 mb-0">Convenience Fee</p>

  157.                                                 </div>

  158.                                                 <div class="col-6 text-end">

  159.                                                     <p class="fs-7 mb-0 text-order-brown">Free</p>

  160.                                                 </div>

  161.                                             </div>

  162.                                             <div class="row align-items-center">

  163.                                                 <div class="col-6">

  164.                                                     <p class="fs-9 mb-1 fw-500">Order Total</p>

  165.                                                 </div>

  166.                                                 <div class="col-6 text-end">

  167.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  168.                                                         <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>

  169.                                                     </svg>

  170.                                                     <span class="fs-7 mb-1 fw-500 Order_total"></span>

  171.                                                 </div>

  172.                                             </div>

  173.     

  174.                                         </div>

  175.                                         <div class="py-1">

  176.                                             <p class="fs-9 mb-1 fw-600">Payment Method</p>

  177.                                             <div class="row align-items-center">

  178.                                                 <div class="col-6">

  179.                                                     <p class="fs-7 fw-500 mb-0">Coupons</p> 

  180.                                                 </div>

  181.                                                 <div class="col-6 text-end">

  182.                                                     <p class="fs-7 mb-0">₹100</p>

  183.                                                 </div>

  184.                                             </div>

  185.                                             <div class="row align-items-center">

  186.                                                 <div class="col-6">

  187.                                                     <p class="fs-7 fw-500 mb-0">Pre Paid</p>

  188.                                                 </div>

  189.                                                 <div class="col-6 text-end">

  190.                                                     <p class="fs-7 mb-0">₹ 31,900.00</p>

  191.                                                 </div>

  192.                                             </div>

  193.                                             <div class="row align-items-center">

  194.                                                 <div class="col-6">

  195.                                                 </div>

  196.                                                 <div class="col-6 text-end">

  197.                                                     <a href="#" class="fs-7 text-a-color">Return Information</a>

  198.                                                 </div>

  199.                                             </div>

  200.                                         </div>

  201.                                     </div>

  202.                                 </div>

  203.                         </div>

  204.                     </div>

  205.                     <div class="Order_delivered_address">

  206.                         <div class="card  rounded-0">

  207.                             <div class="card-body">

  208.                                 <div class="address_head">

  209.                                     <p class="fs-9 mb-2 fw-500">Deliver To</p>

  210.                                 </div>

  211.                                 <div class="address_body">

  212.                                     <p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p>

  213.                                     <p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri colony,Miyapur,</p>

  214.                                     <p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p>

  215.                                     <p class="mb-0 fs-7 fw-500 user_name">India - 500101</p>

  216.                                     <p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p>

  217.                                 </div>

  218.                             </div>

  219.                         </div>

  220.                     </div>

  221.                 </div>

  222.             </div>

  223.         </div>

  224.        </section>

  225.     </main>

  226.     <!-- footer -->

  227.     <div id="footer-head" class=""></div>

  228.     <!-- end-footer -->

  229.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  230.     <script src="./dist/js/jquery.min.js"></script>

  231.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  232.     <script src="./dist/js/navbar.js"></script>

  233.     <script src="./dist/js/axios.min.js"></script>

  234.     <script src="./dist/js/footer.js"></script>

  235.     <script src="./dist/js/cookies.min.js"></script>

  236.     <script src="./dist/js/fontawesome.all.js"></script>

  237.     <script src="./dist/js/fontawesome.min.js"></script>

  238.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  239.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  240.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  241.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  242.     <script src="./dist/js/plugins/slick.js"></script>

  243.     <script src="./dist/js/plugins/wow.js"></script>

  244.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  245.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  246.     <script src="./dist/js/plugins/mouse-parallax.js"></script>

  247.     <script src="./dist/js/plugins/images-loaded.js"></script>

  248.     <script src="./dist/js/plugins/isotope.js"></script>

  249.     <script src="./dist/js/plugins/jquery-ui.js"></script>

  250.     <script src="./dist/js/plugins/magnific-popup.js"></script>

  251.     <script src="./dist/js/orderDetails/order_summary.js"></script>

  252.     <!-- Main JS -->

  253.     <script src="./dist/js/main.js"></script>

  254. 

  255. 

  256.     <script>

  257.         $('.owl-carousel.hero_carousel_main').owlCarousel({

  258.             loop: true,

  259.             nav: false,

  260.             dots: true,

  261.             responsive: {

  262.                 0: {

  263.                     items: 1

  264.                 },

  265.                 600: {

  266.                     items: 1

  267.                 },

  268.                 1000: {

  269.                     items: 1

  270.                 }

  271.             }

  272.         });

  273. 

  274.         // $('.owl-carousel.star-products-img-sec').owlCarousel({

  275.         //     // loop: true,

  276.         //     margin: 10,

  277.         //     rtl: false,

  278.         //     nav: true,

  279.         //     navText: [

  280.         //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-left-short' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>",

  281.         //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-right-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/> </svg>"

  282.         //     ],

  283.         //     responsive: {

  284.         //         0: {

  285.         //             items: 1

  286.         //         },

  287.         //         600: {

  288.         //             items: 3

  289.         //         },

  290.         //         1000: {

  291.         //             items: 5

  292.         //         }

  293.         //     }

  294.         // });

  295.         // $('.owl-nav,.owl-dots').wrapAll('<div class="d-flex flex-row-reverse justify-content-between align-items-center"></div>')

  296.         $(".aw-main-features-toggle").click(function () {

  297.             $('.feature-bg-image').addClass('d-none');

  298.             $(".aw-main-features-toggle").addClass('p-4 bg-light')

  299.             $('.aw-main-features-toggler-tab').removeClass('d-none');

  300.             //   $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');

  301.             let toggleTab = $(this).find('.feature-bg-image:visible').length

  302.             if (toggleTab) {

  303.                 //  $(this).find('.feature-bg-image').addClass('d-none');

  304.                 $(this).find('.feature-bg-image').animate({

  305.                     width: "toggle"

  306.                 }, 500);

  307.             } else {

  308.                 // $(this).find('.aw-main-features-toggler-tab').addClass('d-none');

  309. 

  310.                 $('.aw-main-features-toggle.d-flex').removeClass('p-4')

  311. 

  312.                 $(this).addClass('d-flex');

  313. 

  314.                 $(this).find('.aw-main-features-toggler-tab').addClass('p-4');

  315. 

  316.                 debugger;

  317.                 $(this).find('.feature-bg-image').removeClass('d-none').addClass('animated-feature-img');

  318. 

  319.                 if (window.width > 768) {

  320.                     $(this).find('.feature-bg-image').animate({

  321.                         width: "50rem"

  322.                     }, 500);

  323.                 } else {

  324.                     $(this).find('.feature-bg-image').animate({

  325.                         width: "auto"

  326.                     }, 500);

  327. 

  328.                 }

  329.                 $(this).removeClass('p-4 bg-light')

  330.             }

  331.         });

  332.         let width = $(window).width();

  333.         if (width <= 1198) {

  334.             $(".text_fyro").addClass("d-none");

  335.             $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")

  336.         }

  337.     </script>

  338. </body>

  339. 

  340. </html>