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.
59 Commits
1 Branch
Tree: 32bb01f2e1
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '32bb01f2e1'
${ noResults }
anwi_website/storageproducts.html

storageproducts.html 25KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353 
  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="./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="./style.css">

  15.     

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  31.     <title>Storage | Anwi</title>

  32.     <style>

  33.         .card:hover{

  34.             box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

  35.         }

  36.         .card:hover img{

  37.             transform: scale(1.1);

  38.             /* rotate: 10deg; */

  39.         }

  40.         .card:hover .btn{

  41.             background-color: #000 !important;

  42.             color:#ffff !important;

  43.         }

  44.         .card-title{

  45.             font-size: 1.4rem;

  46.         }

  47.     </style>

  48. </head>

  49. 

  50. <body class="product_pg">

  51.     <!-- navbar -->

  52.     <div id="navbar-head" class="shadow"></div>

  53.     <!-- end-navbar -->

  54.     <!-- main-body -->

  55.     <main class="main-body home-main-container pt-md-0 pt-5">

  56.         <section class="position-relative bg-black">

  57.             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->

  58.             <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

  59.         <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">

  60.             <p class="mb-0 d-none bg-blue p-2 px-3 rounded-circle shadow" id="mute"><i class="fa-solid fa-volume-low"></i></p>

  61.             <p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>

  62.         </div> -->

  63.         </section>

  64.         <section class="pt-2" id="ora_products">

  65.             <div class="products-container">

  66.                 <div class="product-cards">

  67.                     <div class="tab-content container" id="pills-tabContent1">

  68.                         <!------------------------------ RAM-------------------------->

  69.                         <div class="tab-pane fade show active" id="pills-network-cards" role="tabpanel" aria-labelledby="pills-network-cards-tab">

  70.                             <div class="py-md-5">

  71.                                 <div class="text-center">

  72.                                     <h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of ORA</h1>

  73.                                     <p class="fs-6 satoshi_font fw-500 pb-md-4">

  74.                                         ORA Memory Series, harnessing cutting-edge</br>

  75.                                         Graphene technology for blazing-fast heat absorption in NVMe SSDs.</br>

  76.                                         Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.

  77.                                     </p>

  78.                                 </div>

  79.                                 <div class="tab-content rounded-4" id="pills-tabContent">

  80.                                     <div class="text-center py-md-5 py-4">

  81.                                         <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi Systems</span>

  82.                                     </div>

  83.                                     <!-- first tab-pane -->

  84.                                     <div class="tab-pane fade show active" id="pills-network-cards-card" role="tabpanel" aria-labelledby="pills-network-cards-card-tab">

  85.                                         <div class="row g-4 pb-5 px-md-4 storage_card">

  86.                                             <div class="col-lg-4 col-md-6 col-md-6">

  87.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  88.                                                     <a href="#">

  89.                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">

  90.                                                     </a>

  91.                                                     <div class="card-body pt-0">

  92.                                                         <a href="#" class="text-decoration-none text-dark">

  93.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  94.                                                                 ORA3 512GB Solid State Drive with NMVe PCIe Gen 3

  95.                                                             </h5>

  96.                                                         </a>

  97.                                                     </div>

  98.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  99.                                                         <li class="list-group-item border-0 py-0">

  100.                                                             <p class="mb-0 fs-9">Modal</p>

  101.                                                             <p class="satoshi_font fs-9 mb-0">AWPC33K512GS</p>

  102.                                                         </li>

  103.                                                         <li class="list-group-item border-0 py-0">

  104.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  105.                                                             <p class="satoshi_font fs-9 mb-0">3500 MHz</p>

  106.                                                         </li>

  107.                                                     </ul>

  108.                                                     <div class="card-body text-center">

  109.                                                         <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  110.                                                         data_des="High-speed PCIe Gen 3x4

  111.                                                         interface with read speeds

  112.                                                         up to 3500 MB/s and write

  113.                                                         speeds up to 3000MB/s."

  114.                                                         data_name="ORA3 M.2 NVMe 512GB Internal Solid State Drive with NMVe PCIe Gen 3">Details

  115.                                                            

  116.                                                         </a>

  117.                                                     </div>

  118.                                                 </div>

  119.                                             </div>

  120.                                             <div class="col-lg-4 col-md-6 col-md-6">

  121.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  122.                                                     <a href="#">

  123.                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">

  124.                                                     </a>

  125.                                                     <div class="card-body pt-0">

  126.                                                         <a href="#"

  127.                                                             class="text-decoration-none text-dark">

  128.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  129.                                                                 ORA3 1TB Solid State Drive with NMVe PCIe Gen 3

  130.                                                             </h5>

  131.                                                         </a>

  132.                                                     </div>

  133.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  134.                                                         <li class="list-group-item border-0 py-0">

  135.                                                             <p class="mb-0 fs-9">Modal</p>

  136.                                                             <p class="satoshi_font fs-9 mb-0">AWLD43232M</p>

  137.                                                         </li>

  138.                                                         <li class="list-group-item border-0 py-0">

  139.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  140.                                                             <p class="satoshi_font fs-9 mb-0">3500 MHz</p>

  141.                                                         </li>

  142.                                                     </ul>

  143.                                                     <div class="card-body text-center">

  144.                                                         <a href="#"

  145.                                                             class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  146.                                                             data_des="High-speed PCIe Gen 3x4

  147.                                                         interface with read speeds

  148.                                                         up to 3500 MB/s and write

  149.                                                         speeds up to 3000MB/s."

  150.                                                         data_name="ORA3 M.2 NVMe 1TB Internal Solid State Drive with NMVe PCIe Gen 3">Details

  151.                                                         </a>

  152.                                                     </div>

  153.                                                 </div>

  154.                                             </div>

  155.                                             <div class="col-lg-4 col-md-6 col-md-6">

  156.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  157.                                                     <a href="#">

  158.                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">

  159.                                                     </a>

  160.                                                     <div class="card-body pt-0">

  161.                                                         <a href="#" class="text-decoration-none text-dark">

  162.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  163.                                                                 ORA3 2TB Solid State Drive with NMVe PCIe Gen 3

  164.                                                             </h5>

  165.                                                         </a>

  166.                                                     </div>

  167.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  168.                                                         <li class="list-group-item border-0 py-0">

  169.                                                             <p class="mb-0 fs-9">Modal</p>

  170.                                                             <p class="satoshi_font fs-9 mb-0">AWPC33K002TS</p>

  171.                                                         </li>

  172.                                                         <li class="list-group-item border-0 py-0">

  173.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  174.                                                             <p class="satoshi_font fs-9 mb-0">3500 MHz</p>

  175.                                                         </li>

  176.                                                     </ul>

  177.                                                     <div class="card-body text-center">

  178.                                                         <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  179.                                                         data_des="High-speed PCIe Gen 3x4

  180.                                                         interface with read speeds

  181.                                                         up to 3500 MB/s and write

  182.                                                         speeds up to 3000MB/s."

  183.                                                         data_name="ORA3 M.2 NVMe 2TB Internal Solid State Drive with NMVe PCIe Gen 3">Details

  184.                                                             

  185.                                                         </a>

  186.                                                     </div>

  187.                                                 </div>

  188.                                             </div>

  189.                                             <div class="col-lg-4 col-md-6 col-md-6">

  190.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  191.                                                     <a href="#">

  192.                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">

  193.                                                     </a>

  194.                                                     <div class="card-body pt-0">

  195.                                                         <a href="#"

  196.                                                             class="text-decoration-none text-dark">

  197.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  198.                                                                 ORA4 512GB Solid State Drive with NMVe PCIe Gen 4

  199.                                                             </h5>

  200.                                                         </a>

  201.                                                     </div>

  202.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  203.                                                         <li class="list-group-item border-0 py-0">

  204.                                                             <p class="mb-0 fs-9">Modal</p>

  205.                                                             <p class="satoshi_font fs-9 mb-0">AWPC45K512GS</p>

  206.                                                         </li>

  207.                                                         <li class="list-group-item border-0 py-0">

  208.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  209.                                                             <p class="satoshi_font fs-9 mb-0">4900 MHz</p>

  210.                                                         </li>

  211.                                                     </ul>

  212.                                                     <div class="card-body text-center">

  213.                                                         <a href="#"

  214.                                                             class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  215.                                                             data_des="High-speed PCIe Gen 4x4

  216.                                                             interface with read speeds

  217.                                                             up to 4900 MB/s and write

  218.                                                             speeds up to 4400MB/s."

  219.                                                             data_name="ORA4 M.2 NVMe 1TB Internal Solid State Drive with NMVe PCIe Gen 4">Details 

  220.                                                         </a>

  221.                                                     </div>

  222.                                                 </div>

  223.                                             </div>

  224.                                             <div class="col-lg-4 col-md-6 col-md-6">

  225.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  226.                                                     <a href="#">

  227.                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">

  228.                                                     </a>

  229.                                                     <div class="card-body pt-0">

  230.                                                         <a href="#"

  231.                                                             class="text-decoration-none text-dark">

  232.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  233.                                                                 ORA4 1TB Solid State Drive with NMVe PCIe Gen 4

  234.                                                             </h5>

  235.                                                         </a>

  236.                                                     </div>

  237.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  238.                                                         <li class="list-group-item border-0 py-0">

  239.                                                             <p class="mb-0 fs-9">Modal</p>

  240.                                                             <p class="satoshi_font fs-9 mb-0">AWPC45K001TS</p>

  241.                                                         </li>

  242.                                                         <li class="list-group-item border-0 py-0">

  243.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  244.                                                             <p class="satoshi_font fs-9 mb-0">4900 MHz</p>

  245.                                                         </li>

  246.                                                     </ul>

  247.                                                     <div class="card-body text-center">

  248.                                                         <a href="#"

  249.                                                             class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  250.                                                             data_des="High-speed PCIe Gen 4x4

  251.                                                             interface with read speeds

  252.                                                             up to 4900 MB/s and write

  253.                                                             speeds up to 4400MB/s."

  254.                                                             data_name="ORA4 M.2 NVMe 1TB Internal Solid State Drive with NMVe PCIe Gen 4">Details 

  255.                                                         </a>

  256.                                                     </div>

  257.                                                 </div>

  258.                                             </div>

  259.                                             <div class="col-lg-4 col-md-6 col-md-6">

  260.                                                 <div class="card border bg-gray-3 rounded-3 p-1 h-100">

  261.                                                     <a href="#">

  262.                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">

  263.                                                     </a>

  264.                                                     <div class="card-body pt-0">

  265.                                                         <a href="#"

  266.                                                             class="text-decoration-none text-dark">

  267.                                                             <h5 class="card-title text-center fw-600 satoshi_font mb-0">

  268.                                                                 ORA4 2TB Solid State Drive with NMVe PCIe Gen 4

  269.                                                             </h5>

  270.                                                         </a>

  271.                                                     </div>

  272.                                                     <ul class="bg-gray-3 border-0 mb-0 list-group-flush px-3 d-flex justify-content-between">

  273.                                                         <li class="list-group-item border-0 py-0">

  274.                                                             <p class="mb-0 fs-9">Modal</p>

  275.                                                             <p class="satoshi_font fs-9 mb-0">AWPC45K002TS</p>

  276.                                                         </li>

  277.                                                         <li class="list-group-item border-0 py-0">

  278.                                                             <p class="mb-0 fs-9">Memory Speed</p>

  279.                                                             <p class="satoshi_font fs-9 mb-0">4900 MHz</p>

  280.                                                         </li>

  281.                                                     </ul>

  282.                                                     <div class="card-body text-center">

  283.                                                         <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"

  284.                                                         data_des="High-speed PCIe Gen 4x4

  285.                                                         interface with read speeds

  286.                                                         up to 4900 MB/s and write

  287.                                                         speeds up to 4400MB/s."

  288.                                                         data_name="ORA4 M.2 NVMe 2TB Internal Solid State Drive with NMVe PCIe Gen 4">

  289.                                                         Details

  290.                                                         </a>

  291.                                                     </div>

  292.                                                 </div>

  293.                                             </div>

  294.                                         </div>

  295.                                     </div>

  296.                                 </div>

  297.                             </div>

  298.                         </div>

  299.                     </div>

  300.                 </div>

  301.             </div>

  302.         </section>

  303.     </main>

  304.     <div id="enquire"></div>

  305.     <!-- footer -->

  306.     <div id="footer-head"></div>

  307.     <!-- end-footer -->

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

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

  310.     <!-- <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script> -->

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

  312.     <!-- <script src="./dist/js/axios.min.js"></script> -->

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

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

  315.     <script src="./dist/js/form.js"></script>

  316. 

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

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

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

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

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

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

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

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

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

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

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

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

  329.     <!-- <script src="./dist/js/plugins/isotope.js"></script> -->

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

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

  332. <!-- Main JS -->

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

  334.     <script>

  335.         $("#pills-tabContent").find(".storage_card").each(function(){

  336.             // $(this).click(function(){

  337.             //     let product_name = $(this).find(".card-body").find("a.btn").attr("data_name");

  338.             //     let product_desc = $(this).find(".card-body").find("a.btn").attr("data_des");

  339.             //     let product_img = $(this).find("img").attr("src");

  340.                 

  341.             //     let product_obj = {

  342.             //         name:product_name,

  343.             //         description:product_desc,

  344.             //          image:product_img,

  345.             //     }

  346.             //     localStorage.setItem("product_data",JSON.stringify(product_obj));

  347.             //     window.location.href="/productdetails.html";

  348.             // })

  349.         })

  350.     </script>

  351. </body>

  352. 

  353. </html>