sachin.ganesh
/
anwi_website
Observar 1
Favorito 0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Nenhuma descrição
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
48 Commits
1 Branch
Tag: 5e690bc062
Branches Tags
${ item.name }
Criar branch ${ searchTerm }
de 5e690bc062
${ noResults }
anwi_website/orderdetails.html

orderdetails.html 14KB
Histórico Original

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

  51.                     

  52.                     </div>

  53.                 </div>

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

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

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

  57.                                

  58.                                 </div>

  59.                         </div>

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

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

  62.                                     <div class="payement details">

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

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

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

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

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

  68.                                                 </div>

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

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

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

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

  73.                                                 </div>

  74.                                             </div>

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

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

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

  78.                                                 </div>

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

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

  81.                                                 </div>

  82.                                             </div>

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

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

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

  86.                                                 </div>

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

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

  89.                                                 </div>

  90.                                             </div>

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

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

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

  94.                                                 </div>

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

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

  97.                                                         <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>

  98.                                                     </svg>

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

  100.                                                 </div>

  101.                                             </div>

  102.     

  103.                                         </div>

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

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

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

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

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

  109.                                                 </div>

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

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

  112.                                                 </div>

  113.                                             </div>

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

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

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

  117.                                                 </div>

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

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

  120.                                                 </div>

  121.                                             </div>

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

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

  124.                                                 </div>

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

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

  127.                                                 </div>

  128.                                             </div>

  129.                                         </div>

  130.                                     </div>

  131.                                 </div>

  132.                         </div>

  133.                     </div>

  134.                     <div class="Order_delivered_address">

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

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

  137.                                 <div class="address_head">

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

  139.                                 </div>

  140.                                 <div class="address_body">

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

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

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

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

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

  146.                                 </div>

  147.                             </div>

  148.                         </div>

  149.                     </div>

  150.                 </div>

  151.             </div>

  152.         </div>

  153.        </section>

  154.     </main>

  155.     <!-- footer -->

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

  157.     <!-- end-footer -->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  181.     <!-- Main JS -->

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

  183. 

  184. 

  185.     <script>

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

  187.             loop: true,

  188.             nav: false,

  189.             dots: true,

  190.             responsive: {

  191.                 0: {

  192.                     items: 1

  193.                 },

  194.                 600: {

  195.                     items: 1

  196.                 },

  197.                 1000: {

  198.                     items: 1

  199.                 }

  200.             }

  201.         });

  202. 

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

  204.         //     // loop: true,

  205.         //     margin: 10,

  206.         //     rtl: false,

  207.         //     nav: true,

  208.         //     navText: [

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

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

  211.         //     ],

  212.         //     responsive: {

  213.         //         0: {

  214.         //             items: 1

  215.         //         },

  216.         //         600: {

  217.         //             items: 3

  218.         //         },

  219.         //         1000: {

  220.         //             items: 5

  221.         //         }

  222.         //     }

  223.         // });

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

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

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

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

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

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

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

  231.             if (toggleTab) {

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

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

  234.                     width: "toggle"

  235.                 }, 500);

  236.             } else {

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

  238. 

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

  240. 

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

  242. 

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

  244. 

  245.                 debugger;

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

  247. 

  248.                 if (window.width > 768) {

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

  250.                         width: "50rem"

  251.                     }, 500);

  252.                 } else {

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

  254.                         width: "auto"

  255.                     }, 500);

  256. 

  257.                 }

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

  259.             }

  260.         });

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

  262.         if (width <= 1198) {

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

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

  265.         }

  266.     </script>

  267. </body>

  268. 

  269. </html>