sachin.ganesh
/
anwi_website
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
Няма описание
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.
84 Ревизии
1 Клон
ИН на ревизия: bf783a338b
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'bf783a338b'
${ noResults }
anwi_website/productdetails.html

productdetails.html 24KB
История Директен файл

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

  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="./styles/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/pages/productdetails.css">

  15. 

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

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

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

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

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

  21.     <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->

  22. 

  23.     <link rel="stylesheet" href="./libs/toaster/toastr.css" />

  24. 

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

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

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

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

  29.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

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

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

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

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

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

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

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

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

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

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

  40.     <link rel="stylesheet" href="./dist/toaster/toastr.css" />

  41. 

  42.     <title>Anwi</title>

  43. 

  44. </head>

  45. 

  46. <body>

  47.     <!-- navbar -->

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

  49.     <!-- end-navbar -->

  50.     <!-- main-body -->

  51.     <main class="main-body home-main-container">

  52.         <section class="services h-100 pt-3  bg-gradient-anwi">

  53.             <div class="container pt-5 ">

  54.                 <div class="text-center text-white ">

  55.                 </div>

  56.             </div>

  57.         </section>

  58.         <div class="loadingCall">

  59.             <div class="spinner-border" role="status">

  60.                 <span class="visually-hidden">Loading...</span>

  61.             </div>

  62.         </div>

  63.         <div class="container mainContanierProduct d-none">

  64.             <div class="row">

  65.                 <div class="col-xl-7 ">

  66.                     <div class=" bgproductDGen  border-0 ">

  67.                         <div class="row">

  68.                             <div class="d-none">

  69.                                 <!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->

  70.                                 <div class=" d-flex flex-column gap-2 p-2 d-none">

  71.                                     <input type="hidden" id="productidtag">

  72.                                     <input type="hidden" id="itemidtag">

  73.                                     <!--  <div class="product-item-gallery active-gallery-img">

  74.                                         <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""

  75.                                             class="w-100 h-100">

  76.                                     </div>

  77.                                     <div class="product-item-gallery ">

  78.                                         <img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""

  79.                                             class="w-100 h-100">

  80.                                     </div>

  81.                                     <div class="product-item-gallery ">

  82.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""

  83.                                             class="w-100 h-100">

  84.                                     </div>

  85.                                     <div class="product-item-gallery ">

  86.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"

  87.                                             alt="" class="w-100 h-100">

  88.                                     </div>

  89.                                     <div class="product-item-gallery ">

  90.                                         <img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""

  91.                                             class="w-100 h-100">

  92.                                     </div> -->

  93.                                 </div>

  94.                             </div>

  95.                             <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">

  96.                                 <div

  97.                                     class=" productDetailsShadow productDetailsMain  card border-0 box-shodow d-flex justify-content-center align-items-center">

  98.                                     <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid">

  99.                                 </div>

  100.                             </div>

  101. 

  102.                         </div>

  103.                     </div>

  104.                 </div>

  105.                 <div class="col-xl-5 p-5 pt-0 productDetailsShadow">

  106.                     <div class="card border-0">

  107.                         <div>

  108.                             <div>

  109.                                 <input type="hidden" name="" id="skudetailitem">

  110.                                 <h5 class="productname">ORA3, M.2 NVMe SSD </h5>

  111.                             </div>

  112.                             <div class="small-font des_productdes"></div>

  113.                             <div>₹<span class="price"></span></div>

  114.                             <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>

  115.                         </div>

  116. 

  117.                         <hr>

  118. 

  119.                         <!-- <div class="d-none">

  120.                             <h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics

  121.                             </h5>

  122.                             <div class="d-flex gap-2">

  123.                                 <div class="specsmallcard  borderselector card small-font  p-3">

  124.                                     Intel® Core i5-9400F

  125.                                 </div>

  126.                                 <div class="specsmallcard card small-font  p-3">

  127.                                     Intel® Core i5-9400F

  128.                                 </div>

  129.                             </div>

  130.                         </div> -->

  131.                         <div class="pb-2 d-none">

  132.                             <h5 class="pt-2 smallHeadingProductDetails">Colors</h5>

  133.                             <!-- <div class="d-flex gap-2 colors-display-container">

  134.                             

  135.                            </div> -->

  136.                             <div class="d-flex gap-2 ">

  137.                                 <div class="color-display-img color-display-img-active">

  138.                                     <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">

  139.                                 </div>

  140.                                 <div class="color-display-img ">

  141.                                     <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">

  142.                                 </div>

  143.                                 <div class="color-display-img ">

  144.                                     <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" class="w-100 h-100">

  145.                                 </div>

  146.                             </div>

  147.                         </div>

  148.                         <div id="spec-container-details">

  149. 

  150.                         </div>

  151. 

  152. 

  153.                         <!-- <div class="pb-2 memory-parent d-none">

  154.                             <h5 class="py-2 smallHeadingProductDetails">Memory</h5>

  155.                             <div class="d-flex gap-2 memorycontainer">

  156.                                 <div data-type="memory-desktop"

  157.                                     class="specsmallcard borderselector card small-font  p-3">

  158.                                     Desktop

  159.                                 </div>

  160.                                 <div data-type="memory-laptop" class="specsmallcard card small-font   p-3">

  161.                                     Laptop

  162.                                 </div>

  163.                             </div>

  164.                         </div>

  165. 

  166.                         <div class="memory-details d-none">

  167.                             <h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>

  168.                             <div class="d-flex gap-2 pb-2 ramtech">

  169.                                 <div type="button" onclick="onClickHandler(this)"

  170.                                     class="specsmallcard-mini borderselector card small-font  p-3">

  171.                                     DDR4

  172.                                 </div>

  173.                                 <div type="button" onclick="onClickHandler(this)"

  174.                                     class="specsmallcard-mini card small-font   p-3">

  175.                                     DDR5

  176.                                 </div>

  177.                             </div>

  178. 

  179.                             <div>

  180.                                 <h5 class="py-2 smallHeadingProductDetails">Computer Memory Size</h5>

  181.                                 <div class="d-flex gap-2 computersize">

  182. 

  183.                                     <div type="button" onclick="onClickHandler(this)"

  184.                                         class="specsmallcard-mini borderselector card small-font  p-3">

  185.                                         8 GB

  186.                                     </div>

  187.                                     <div type="button" onclick="onClickHandler(this)"

  188.                                         class="specsmallcard-mini card small-font   p-3">

  189.                                         16 GB

  190.                                     </div>

  191.                                     <div type="button" onclick="onClickHandler(this)"

  192.                                         class="specsmallcard-mini card small-font   p-3">

  193.                                         32 GB

  194.                                     </div>

  195.                                 </div>

  196.                             </div>

  197.                         </div> -->

  198. 

  199. 

  200. 

  201. 

  202.                         <!-- <div class="pb-2 d-none">

  203.                             <h5 class="py-2 smallHeadingProductDetails">Storage</h5>

  204.                             <div class="d-flex gap-2">

  205.                                 <div class="specsmallcard borderselector card small-font  p-3">

  206. 

  207.                                     256 GB SSD Capacity

  208. 

  209.                                 </div>

  210.                                 <div class="specsmallcard card small-font   p-3">

  211.                                     1 TB SSD Capacity

  212.                                 </div>

  213.                             </div>

  214.                         </div> -->

  215. 

  216. 

  217.                         <div class="d-none">

  218.                             <div class="d-flex justify-content-between align-items-center py-3">

  219.                                 <h5 class="my-3 smallHeadingProductDetails">Quantity</h5>

  220.                                 <a href="shopping-cart.html">

  221.                                     <!-- <div class="btn btn-sm btn-success ">Add To Cart</div> -->

  222.                                     <a class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>

  223.                                 </a>

  224.                             </div>

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

  226.                                 <span class="qtybtn qtybtleft bgGreyLight">-</span>

  227.                                 <span class=" border-top border-bottom">

  228.                                     <span class="px-2">1</span>

  229.                                 </span>

  230.                                 <span class="qtybtn qtybtright bgGreyLight">+</span>

  231.                             </div>

  232.                         </div>

  233.                         <!-- <div class="card border-0 p-4 bgGreyLight my-3 d-none">

  234.                             <div class="row">

  235.                                 <div class="col-sm-8 small-font ">

  236.                                     Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe

  237.                                     SSD. * 1

  238. 

  239.                                 </div>

  240.                                 <div class="col-sm-4">

  241.                                     ₹59,999

  242. 

  243.                                 </div>

  244.                             </div>

  245.                             <div class="row">

  246.                                 <div class="col-sm-8 small-font">

  247. 

  248.                                     Total:

  249. 

  250.                                 </div>

  251.                                 <div class="col-sm-4">

  252.                                     ₹59,999

  253.                                 </div>

  254.                             </div>

  255.                         </div> -->

  256. 

  257.                         <!--  -->

  258.                         <!-- <hr> -->

  259.                         <div class="d-none">

  260.                             <div class="small-font">Check if stock is available at your pincode

  261.                             </div>

  262.                             <div>

  263.                                 <div class="mb-3 d-flex border">

  264.                                     <input class="form-control small-font border-0"

  265.                                         placeholder="input your pincode to check" type="text" id="formFile">

  266.                                     <button class="border-0 small-font px-2">Check</button>

  267. 

  268.                                 </div>

  269.                             </div>

  270.                         </div>

  271.                         <hr class="d-none">

  272.                         <div>

  273.                             <ul class="d-none">

  274.                                 <li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn

  275.                                         More</a></li>

  276.                                 <li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"

  277.                                         href="">Learn More</a></li>

  278.                                 <li class="small-font">Avail No Cost EMI offer with BFL EMI Network Card<a

  279.                                         class="learnMoreA" href="">Learn More</a></li>

  280.                                 <li class="small-font">

  281.                                     Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>

  282.                                 </li>

  283.                             </ul>

  284.                         </div>

  285.                         <hr>

  286.                         <div class="pb-2 quantityHTML">

  287.                             <span>Quantity :</span>

  288.                             <select name="quantity" id="quantity">

  289.                                 <option value="1">1</option>

  290.                                 <option value="2">2</option>

  291.                                 <option value="3">3</option>

  292.                                 <option value="4">4</option>

  293.                                 <option value="5">5</option>

  294.                                 <option value="6">6</option>

  295.                                 <option value="7">7</option>

  296.                                 <option value="8">8</option>

  297.                                 <option value="9">9</option>

  298.                                 <option value="10">10</option>

  299. 

  300. 

  301.                             </select>

  302.                         </div>

  303.                         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>

  304.                         <div class=" d-flex  gap-2 mt-2">

  305.                             <button id="addtocart" class="w-100 bg-gradient-anwi  btn bg-black text-white" style="border-radius: 5px;">

  306.                                 Add to cart

  307.                             </button>

  308.                             <button class="w-100 btn bg-gradient-anwi buynow bg-black text-white" style="border-radius: 5px;">

  309.                                 Buy Now

  310.                             </button>

  311.                         </div>

  312. 

  313. 

  314.                     </div>

  315. 

  316.                 </div>

  317.             </div>

  318. 

  319.             <!-- tabs -->

  320.             <div class="row tabsContainer">

  321. 

  322.                 <div class="col-lg-12 ">

  323.                     <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4"

  324.                         role="tablist">

  325.                         <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1"  aria-selected="true" role="tab">Description</a> -->

  326. 

  327.                         <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab"

  328.                             class="active font-1-5 no-transition" tabindex="-1">Specification</a>

  329. 

  330.                     </div>

  331.                     <div class="tab-content dec-review-bottom">

  332.                         <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">

  333.                             <div class="description-wrap wrap-content-product-tabs">

  334.                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p>

  335.                             </div>

  336.                         </div> -->

  337.                         <div id="des-details2" class="tab-pane active show" role="tabpanel">

  338.                             <!-- <div class="specification-wrap table-responsive">

  339.                                 <table class="table table-bordered wrap-content-product-tabs">

  340.                                     <tbody class="append-specs">

  341.                                         <tr>

  342.                                             <td class="width1">Data Transfer Rate</td>

  343.                                             <td>Anwi Ram</td>

  344.                                         </tr>

  345.                                         <tr>

  346.                                             <td>Memory Speed</td>

  347.                                             <td>3200</td>

  348.                                         </tr>

  349.                                        

  350.                                     </tbody>

  351.                                 </table>

  352.                             </div> -->

  353.                             <div class="d-flex gap-5 specContainer mt-3">

  354.                                 <div class="specContainerleft">

  355.                                     <div class="">

  356.                                         <div class="row  border-bottom">

  357.                                             <div class="col-sm-6 bg-gray-3">

  358.                                                 Manufacturer

  359.                                             </div>

  360.                                             <div class="col-sm-6">

  361.                                                 26/F TOWER ONE TIME SQUARE 1 MATHESON STREET CAUSEWAY BAY HK

  362.                                             </div>

  363.                                         </div>

  364.                                     </div>

  365.                                     <div class="">

  366.                                         <div class="row  border-bottom">

  367.                                             <div class="col-sm-6 bg-gray-3">

  368.                                                 Model Name

  369.                                             </div>

  370.                                             <div class="col-sm-6">

  371.                                                 ‎ORA 16 GB RAM DDR5 SDRAM 4800 MHz

  372.                                             </div>

  373.                                         </div>

  374.                                     </div>

  375.                                     <div class="">

  376.                                         <div class="row  border-bottom">

  377.                                             <div class="col-sm-6 bg-gray-3">

  378.                                                 Product Dimensions

  379.                                             </div>

  380.                                             <div class="col-sm-6">

  381.                                                 8 x 3.1 x 0.3 cm; 10 Grams

  382.                                             </div>

  383.                                         </div>

  384.                                     </div>

  385. 

  386.                                 </div>

  387.                                 <div class="specContainerRight">

  388. 

  389.                                     <div class="">

  390.                                         <div class="row  border-bottom">

  391.                                             <div class="col-sm-6 bg-gray-3">

  392.                                                 Item part number

  393.                                             </div>

  394.                                             <div class="col-sm-6">

  395.                                                 AWLD54816M

  396.                                             </div>

  397.                                         </div>

  398.                                     </div>

  399.                                     <div class="">

  400.                                         <div class="row  border-bottom">

  401.                                             <div class="col-sm-6 bg-gray-3">

  402.                                                 RAM Size

  403.                                             </div>

  404.                                             <div class="col-sm-6">

  405.                                                 16 GB

  406.                                             </div>

  407.                                         </div>

  408.                                     </div>

  409.                                     <div class="">

  410.                                         <div class="row  border-bottom">

  411.                                             <div class="col-sm-6 bg-gray-3">

  412.                                                 Ram Memory Technology

  413.                                             </div>

  414.                                             <div class="col-sm-6">

  415.                                                 DDR5, SO-DIMM

  416. 

  417.                                             </div>

  418.                                         </div>

  419.                                     </div>

  420.                                 </div>

  421.                             </div>

  422.                         </div>

  423. 

  424.                     </div>

  425.                 </div>

  426. 

  427.             </div>

  428.         </div>

  429. 

  430.     </main>

  431.     <!-- footer -->

  432.     <div id="footer-head" class="sec-space-1"></div>

  433.     <!-- end-footer -->

  434. 

  435. 

  436. 

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

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

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

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

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

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

  443. 

  444. 

  445.     <!--  -->

  446.     <!-- <script src="./libs/toaster/toastr.js"></script> -->

  447.     <script src="./dist/toaster/toastr.js"></script>

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

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

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

  451. 

  452. 

  453. 

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

  455. 

  456. 

  457. 

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

  459.     <script src="./dist/js/utils/helpers.js"></script>

  460.     <script src="./dist/js/auth/apiservice.js"></script>

  461.     <script src="./dist/js/shoppingcart/addtocart.js"></script>

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

  463.     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>

  464.     <script src="./dist/js/productdetails/productdetails.js"></script>

  465. 

  466. 

  467. 

  468. 

  469. </body>

  470. 

  471. </html>