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.
61 Commits
1 Branch
Tree: 9aed733cc5
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9aed733cc5'
${ noResults }
anwi_website/orderdetails.html

orderdetails.html 16KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285 
  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 deliverd-card">

  50. 

  51.                     </div>

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

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

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

  55. 

  56.                             </div>

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

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

  59.                                     <div class="payement details">

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

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

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

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

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

  65.                                                 </div>

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

  67.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  68.                                                         fill="currentColor" class="bi bi-currency-rupee"

  69.                                                         viewBox="0 0 16 16">

  70.                                                         <path

  71.                                                             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">

  72.                                                         </path>

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

  74.                                                 </div>

  75.                                             </div>

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

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

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

  79.                                                 </div>

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

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

  82.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  83.                                                         fill="currentColor" class="bi bi-currency-rupee text-order-brown"

  84.                                                         viewBox="0 0 16 16">

  85.                                                         <path

  86.                                                             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">

  87.                                                         </path>

  88.                                                     </svg>

  89.                                                     <span class="fs-7 mb-0 text-order-brown order_tax"></span>

  90.                                                 </div>

  91.                                             </div>

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

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

  94.                                                     <p class="fs-9 mb-0">Shipping Fee</p>

  95.                                                 </div>

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

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

  98.                                                 </div>

  99.                                             </div>

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

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

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

  103.                                                 </div>

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

  105.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"

  106.                                                         fill="currentColor" class="bi bi-currency-rupee"

  107.                                                         viewBox="0 0 16 16">

  108.                                                         <path

  109.                                                             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">

  110.                                                         </path>

  111.                                                     </svg>

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

  113.                                                 </div>

  114.                                             </div>

  115.     

  116.                                         </div>

  117.                                         <div class="py-1 d-none">

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

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

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

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

  122.                                                 </div>

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

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

  125.                                                 </div>

  126.                                             </div>

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

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

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

  130.                                                 </div>

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

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

  133.                                                 </div>

  134.                                             </div>

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

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

  137.                                                 </div>

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

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

  140.                                                 </div>

  141.                                             </div>

  142.                                         </div>

  143.                                     </div>

  144.                                 </div>

  145.                             </div>

  146.                         </div>

  147.                        

  148.                     </div>

  149.                     <div class="Order_delivered_address">

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

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

  152.                                 <div class="address_head">

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

  154.                                 </div>

  155.                                 <div class="address_body">

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

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

  158.                                         colony,Miyapur,</p>

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

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

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

  162.                                 </div>

  163.                             </div>

  164.                         </div>

  165.                     </div>

  166.                 </div>

  167.             </div>

  168.             </div>

  169.         </section>

  170.     </main>

  171.     <!-- footer -->

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

  173.     <!-- end-footer -->

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

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

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

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

  178.     <script src="./libs/axios.min.js"></script>

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

  180.     <script src="./libs/cookies.min.js"></script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  197.     <!-- Main JS -->

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

  199. 

  200. 

  201.     <script>

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

  203.             loop: true,

  204.             nav: false,

  205.             dots: true,

  206.             responsive: {

  207.                 0: {

  208.                     items: 1

  209.                 },

  210.                 600: {

  211.                     items: 1

  212.                 },

  213.                 1000: {

  214.                     items: 1

  215.                 }

  216.             }

  217.         });

  218. 

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

  220.         //     // loop: true,

  221.         //     margin: 10,

  222.         //     rtl: false,

  223.         //     nav: true,

  224.         //     navText: [

  225.         //         "<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>",

  226.         //         "<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>"

  227.         //     ],

  228.         //     responsive: {

  229.         //         0: {

  230.         //             items: 1

  231.         //         },

  232.         //         600: {

  233.         //             items: 3

  234.         //         },

  235.         //         1000: {

  236.         //             items: 5

  237.         //         }

  238.         //     }

  239.         // });

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

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

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

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

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

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

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

  247.             if (toggleTab) {

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

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

  250.                     width: "toggle"

  251.                 }, 500);

  252.             } else {

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

  254. 

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

  256. 

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

  258. 

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

  260. 

  261.                 debugger;

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

  263. 

  264.                 if (window.width > 768) {

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

  266.                         width: "50rem"

  267.                     }, 500);

  268.                 } else {

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

  270.                         width: "auto"

  271.                     }, 500);

  272. 

  273.                 }

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

  275.             }

  276.         });

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

  278.         if (width <= 1198) {

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

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

  281.         }

  282.     </script>

  283. </body>

  284. 

  285. </html>