rahul.katari
/
new.anwisystems.com


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355
							<!DOCTYPE html>
<html lang="zxx">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="description" content="" />
    <title>Anwi Systems</title>
    <!-- Favicon -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="./assets/img/favicon.gif"
    />

    <!--********************************** 
        all css files 
    *************************************-->

    <!--*************************************************** 
       fontawesome,bootstrap,plugins and main style css
     ***************************************************-->
    <!-- cdn links -->

    <link rel="stylesheet" href="assets/css/fontawesome.min.css" />
    <link rel="stylesheet" href="assets/css/ionicons.min.css" />
    <link rel="stylesheet" href="assets/css/simple-line-icons.css" />
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/plugins/plugins.css" />
    <link rel="stylesheet" href="assets/css/style.min.css" />
    <link rel="stylesheet" href="assets/css/main-style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <link
      rel="stylesheet"
      href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
    />
    <link rel="stylesheet" href="assets/css/products.css" />

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
  </head>

  <body data-page="product">
    <div class="waves">
      <!-- navbar -->
      <div id="navbar-head"></div>
      <!-- end-of-navbar -->
    </div>
    <!-- banner start -->
    <section>
      <div class="products-banner">
        <div class="container">
          <div>
            <h1>Products</h1>
          </div>
          <div class="w-md-50 w-75">
            <p>
              Our networking solutions not only continue to transform telecom
              services by enabling breakthroughs in 5G applications with larger
              capacity pipelines, but also support cloud operators with the best
              computing infrastructure.
            </p>
          </div>
        </div>
      </div>
    </section>
    <!-- banner end -->

    <!-- product tab start -->
    <section>
      <div class="products-container">
        <div class="prod-tabs-nav">
          <div class="container">
            <ul
              class="nav nav-pills justify-content-between"
              id="pills-tab"
              role="tablist"
            >
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link active"
                  id="pills-servers-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-servers"
                  type="button"
                  role="tab"
                  aria-controls="pills-servers"
                  aria-selected="true"
                >
                  <div>
                    <img src="./assets/img/icon/Servers.svg" alt="" />
                  </div>
                  <div>Servers</div>
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link"
                  id="pills-network-switches-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-network-switches"
                  type="button"
                  role="tab"
                  aria-controls="pills-network-switches"
                  aria-selected="false"
                >
                  <div>
                    <img
                      src="./assets/img/icon/Network_switches.svg"
                      alt=""
                      class="network-switches-icon"
                    />
                  </div>
                  <div class="net-switches-nav">Network Switches</div>
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link"
                  id="pills-network-cards-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-network-cards"
                  type="button"
                  role="tab"
                  aria-controls="pills-network-cards"
                  aria-selected="false"
                >
                  <div>
                    <img
                      src="./assets/img/icon/Network_cards.svg"
                      alt=""
                      class="network-cards-icon"
                    />
                  </div>
                  <div class="net-cards-nav">Network Cards</div>
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link"
                  id="pills-storage-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-storage"
                  type="button"
                  role="tab"
                  aria-controls="pills-storage"
                  aria-selected="true"
                >
                  <div>
                    <img src="./assets/img/icon/Storage.svg" alt="" />
                  </div>
                  <div>Storage</div>
                </button>
              </li>
              <li class="nav-item d-none" role="presentation">
                <button
                  class="nav-link"
                  id="pills-routers-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-routers"
                  type="button"
                  role="tab"
                  aria-controls="pills-routers"
                  aria-selected="false"
                >
                  <div>
                    <img src="./assets/img/icon/Router.svg" alt="" />
                  </div>
                  <div>Routers</div>
                </button>
              </li>
              <li class="nav-item d-none" role="presentation">
                <button
                  class="nav-link"
                  id="pills-firewalls-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-firewalls"
                  type="button"
                  role="tab"
                  aria-controls="pills-firewalls"
                  aria-selected="false"
                >
                  <div>
                    <img src="./assets/img/icon/Firewall.svg" alt="" />
                  </div>
                  <div>Firewalls</div>
                </button>
              </li>
              <li class="nav-item d-none" role="presentation">
                <button
                  class="nav-link"
                  id="pills-smart-racks-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-smart-racks"
                  type="button"
                  role="tab"
                  aria-controls="pills-smart-racks"
                  aria-selected="true"
                >
                  <div>
                    <img src="./assets/img/icon/Smart Racks.svg" alt="" />
                  </div>
                  <div>Smart Racks</div>
                </button>
              </li>
              <li class="nav-item d-none" role="presentation">
                <button
                  class="nav-link"
                  id="pills-management-units-tab"
                  data-bs-toggle="pill"
                  data-bs-target="#pills-management-units"
                  type="button"
                  role="tab"
                  aria-controls="pills-management-units"
                  aria-selected="false"
                >
                  <div>
                    <img src="./assets/img/icon/Power Management.svg" alt="" />
                  </div>
                  <div>Management Units</div>
                </button>
              </li>
            </ul>
          </div>
        </div>
        <div class="product-cards">
          <div class="tab-content container" id="pills-tabContent">
            <!----------------------------- servers--------------------------->
            <div
              class="tab-pane fade show active"
              id="pills-servers"
              role="tabpanel"
              aria-labelledby="pills-servers-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <a href="servers.html">
                      <h2>Servers</h2>
                    </a>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills d-flex align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-servers-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-servers-card"
                                role="tab"
                                aria-controls="pills-servers-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-servers-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-servers-list"
                                role="tab"
                                aria-controls="pills-servers-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-servers-card"
                    role="tabpanel"
                    aria-labelledby="pills-home-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="surpass3u.html">
                            <img
                              src="./assets/img/400!280/server3U.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="surpass3u.html">
                              <h5 class="card-title">SurPASS-3U-4N-6SFF</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                Scalable processors up to 205W (air-cooled
                                only)</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >DDR4 16x DIMMs & 8x Optane™ Persistent Memory
                                (BPS) DIMMs per module
                              </span>
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="surpass3u.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="col">
                        <div class="card h-100">
                          <a href="surpass2u.html">
                            <img
                              src="./assets/img/400!280/server2U.png"
                              class="card-img-top h-100"
                              alt=" ..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="surpass2u.html">
                              <h5 class="card-title">SurPASS-2U-24SFF</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                Scalable processors
                              </span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >High performance SATA/SAS/NVMe storage, up to
                                (24) 2.5” SSD’s or (12) 3.5” HDD
                              </span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Air-cooled support for all 3rd Gen Intel<sup
                                  >®</sup
                                >
                                Xeon<sup>®</sup> Scalable processor offerings
                                (up to 270W TDP)</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="surpass2u.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="col">
                        <div class="card h-100">
                          <a href="surpass1u.html">
                            <img
                              src="./assets/img/400!280/server1U.png"
                              class="card-img-top h-100"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="surpass1u.html">
                              <h5 class="card-title">SurPass-1U-4SFF</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Entry 2-socket server featuring 3rd Gen intel
                                xeon<sup>®</sup> Scalable “Ice Lake” Silver or
                                Gold processors</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Priced to compete with targeted
                                configurations</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Orderable as board, L6 base platform or L9
                                Configure-to-Order</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="surpass1u.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-servers-list"
                    role="tabpanel"
                    aria-labelledby="pills-profile-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="surpass3u.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/slider/slider-img1.svg"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="surpass3u.html"
                                      >SurPASS-3U-4N-6SFF</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >New</span
                                >
                                <a href="surpass2u.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/400!280/server2U.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="surpass2u.html"
                                      >SurPASS-2U-24SFF</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>

                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="surpass1u.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/400!280/server1U.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="surpass1u.html">SurPass-1U-4SFF</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!----------------------------- Network Switches--------------------------------->
            <div
              class="tab-pane fade"
              id="pills-network-switches"
              role="tabpanel"
              aria-labelledby="pills-network-switches-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <a href="network-switches.html">
                      <h2>Network Switches</h2>
                    </a>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-switches-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-switches-card"
                                role="tab"
                                aria-controls="pills-switches-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-switches-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-switches-list"
                                role="tab"
                                aria-controls="pills-switches-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-switches-card"
                    role="tabpanel"
                    aria-labelledby="pills-home-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <!-- 400g-data -->
                      <div class="col">
                        <div class="card h-100">
                          <a href="400g-data.html">
                            <img
                              src="./assets/img/650!450/400g1.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="400g-data.html">
                              <h5 class="card-title">S9300-32D</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span>1 RU, Data Center Spine Switch</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>12.8Tbps switching capacity</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>32 x 400GE QSFP-DD ports</span>
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="400g-data.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <!------------ 100g-port3------- -->
                      <div class="col">
                        <div class="card h-100">
                          <a href="100g-port3.html">
                            <img
                              src="./assets/img/650!450/100g3.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="100g-port3.html">
                              <h5 class="card-title">S9180-32X</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Compact full featured modular 10/100GE data
                                center switch</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >console/management port with RS232
                                signaling</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>
                                Base-T Ethernet for Out-of-Band management</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="100g-port3.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <!-- 40g-data -->
                      <div class="col">
                        <div class="card h-100">
                          <a href="40g-data.html">
                            <img
                              src="./assets/img/650!450/40g.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="40g-data.html">
                              <h5 class="card-title">S8810-32Q</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >The latest processor innovation with 3rd Gen
                                Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                processors</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                Scalable processors</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="100g-port2.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <!-- 25g-data -->
                      <div class="col">
                        <div class="card h-100">
                          <a href="25g-data.html">
                            <img
                              src="./assets/img/650!450/25g.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="25g-data.html">
                              <h5 class="card-title">S8900-54XC</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Compact full featured modular 10/25/40/50/100GE
                                data center switch</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >1 x Mini USB serial console port with mini-USB
                                to RJ45 converter cable</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >1 x 10/100/1000 Base-T Ethernet for Out-of-Band
                                management</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="25g-data.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <!-- 10g-data -->
                      <div class="col">
                        <div class="card h-100">
                          <a href="10g-data.html">
                            <img
                              src="./assets/img/650!450/10g-img1.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="10g-data.html">
                              <h5 class="card-title">7810-54QS</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Compact full featured modular 10GE/40GE data
                                center switch</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >1 x Mini USB serial console port with mini-USB
                                to RJ45 converter cable</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>1 x USB 2.0 Type-A port</span>
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="10g-data.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-switches-list"
                    role="tabpanel"
                    aria-labelledby="pills-profile-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <!-- 400g-data -->
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative m-auto col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="400g-data.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/400g1.png"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="400g-data.html">S9300-32D</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>1 RU, Data Center Spine Switch</li>
                                  <li>12.8Tbps switching capacity</li>
                                  <li>32 x 400GE QSFP-DD ports</li>
                                  <li>2 x 10GE SFP+ management ports</li>
                                  <li>2 x10GE SFP+ OOB management ports</li>
                                  <li>
                                    1 x 10/100/1000 RJ-45 OOB management port
                                  </li>
                                  <li>1 x RJ45 serial console port</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- 40g-data -->
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative m-auto col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="40g-data.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/100g2.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="40g-data.html">S8810-32Q</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Compact full featured modular
                                    10/25/40/50/100GE data center switch
                                  </li>
                                  <li>
                                    1 x RJ45 console/management port with RS232
                                    signaling
                                  </li>
                                  <li>
                                    1 x 10/100/1000 Base-T Ethernet for
                                    Out-of-Band management
                                  </li>
                                  <li>1 x USB 2.0 Type-A port</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!------------ 100g-port3------- -->
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative m-auto col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="100g-port3.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/100g3.png"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="100g-port3.html">S9180-32X</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Compact full featured modular 10/100GE data
                                    center switch
                                  </li>
                                  <li>
                                    1 x RJ45 console/management port with RS232
                                    signaling
                                  </li>
                                  <li>
                                    1 x 10/100/1000 Base-T Ethernet for
                                    Out-of-Band management
                                  </li>
                                  <li>1 x USB 2.0 Type-A port</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- 25g-data -->
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative m-auto col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >New</span
                                >
                                <a href="25g-data.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/25g.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="25g-data.html">S8900-54XC</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>

                                <ul class="product-list-des">
                                  <li>
                                    Compact full featured modular
                                    10/25/40/50/100GE data center switch
                                  </li>
                                  <li>
                                    1 x Mini USB serial console port with
                                    mini-USB to RJ45 converter cable
                                  </li>
                                  <li>
                                    1 x 10/100/1000 Base-T Ethernet for
                                    Out-of-Band management
                                  </li>
                                  <li>1 x USB 2.0 Type-A port</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- 10g-data -->
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative m-auto col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="10g-data.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/10g-img1.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="10g-data.html">7810-54QS</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Compact full featured modular 10GE/40GE data
                                    center switch
                                  </li>
                                  <li>
                                    1 x Mini USB serial console port with
                                    mini-USB to RJ45 converter cable
                                  </li>
                                  <li>
                                    1 x 10/100/1000 Base-T Ethernet for
                                    Out-of-Band management
                                  </li>
                                  <li>1 x USB 2.0 Type-A port</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!------------------------------ network cards-------------------------->
            <div
              class="tab-pane fade"
              id="pills-network-cards"
              role="tabpanel"
              aria-labelledby="pills-network-cards-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <a href="network-cards.html">
                      <h2>Network Cards</h2>
                    </a>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-network-cards-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-network-cards-card"
                                role="tab"
                                aria-controls="pills-network-cards-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-network-cards-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-network-cards-list"
                                role="tab"
                                aria-controls="pills-network-cards-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-network-cards-card"
                    role="tabpanel"
                    aria-labelledby="pills-network-cards-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="network-card-700series.html">
                            <img
                              src="./assets/img/650!450/700-series.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="network-card-700series.html">
                              <h5 class="card-title">
                                Anwi Ethernet Network Adapter XXV710
                              </h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Greater intelligence and Performance for NFV
                                and Cloud deployments</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Flexible and Scalable I/O for Virtualized
                                Infrastructures</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Enhanced Network Virtualization Overlays
                                (NVO)</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="network-card-700series.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div class="col">
                        <div class="card h-100">
                          <a href="network-card-800series.html">
                            <img
                              src="./assets/img/650!450/800-series.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="network-card-800series.html">
                              <h5 class="card-title">
                                Anwi Ethernet 800 Series Network Adapters
                              </h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >Cost-effective, flexible and scalable fabric
                                switch for carrier core router
                                applications</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >PAM4/50GE and NRZ/25GE configurations, allowing
                                interconnections to J+/J2C devices</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Supports fabric multicast and multicast load
                                balancing</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="network-card-800series.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-network-cards-list"
                    role="tabpanel"
                    aria-labelledby="pills-network-cards-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a
                                  href="network-card-700series.html"
                                  class="zoom-in"
                                >
                                  <img
                                    class="first-img"
                                    src="./assets/img/network-cards/networkcard700.png"
                                    alt="thumbnail"
                                  />
                                </a>
                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="network-card-700series.html"
                                      >Anwi Ethernet Network Adapter XXV710</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Greater intelligence and Performance for NFV
                                    and Cloud deployments
                                  </li>
                                  <li>
                                    Flexible and Scalable I/O for Virtualized
                                    Infrastructures
                                  </li>
                                  <li>
                                    Supports fabric multicast and multicast load
                                    balancing
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >New</span
                                >
                                <a
                                  href="network-card-800series.html"
                                  class="zoom-in"
                                >
                                  <img
                                    class="first-img"
                                    src="./assets/img/network-cards/networkcard800.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="network-card-800series.html"
                                      >Anwi Ethernet 800 Series Network
                                      Adapters</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>

                                <ul class="product-list-des">
                                  <li>
                                    Cost-effective, flexible and scalable fabric
                                    switch for carrier core router applications
                                  </li>
                                  <li>
                                    PAM4/50GE and NRZ/25GE configurations,
                                    allowing interconnections to J+/J2C devices
                                  </li>
                                  <li>
                                    Supports fabric multicast and multicast load
                                    balancing
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30 d-none">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="#" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/servergreekpass.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="servers.html">Creek Pass</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!--------------------------- storage----------------------------->
            <div
              class="tab-pane fade show"
              id="pills-storage"
              role="tabpanel"
              aria-labelledby="pills-storage-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <a href="24-bay-storage.html">
                      <h2>Storage</h2>
                    </a>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-storage-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-storage-card"
                                role="tab"
                                aria-controls="pills-storage-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-storage-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-storage-list"
                                role="tab"
                                aria-controls="pills-storage-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-storage-card"
                    role="tabpanel"
                    aria-labelledby="pills-storage-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="24-bay-storage.html">
                            <img
                              src="./assets/img/storage/24-bay-storage.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="24-bay-storage.html">
                              <h5 class="card-title">24 BAY STORAGE</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span>24 Bay Supermicro Server</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>Best Servers For Storage</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span>Innovative 3U design</span>
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="24-bay-storage.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-storage-list"
                    role="tabpanel"
                    aria-labelledby="pills-storage-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="24-bay-storage.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/storage/24-bay-storage.png"
                                    alt="thumbnail"
                                  />
                                </a>
                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="24-bay-storage.html"
                                      >24 BAY STORAGE</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>24 Bay Supermicro Server</li>
                                  <li>Best Servers For Storage</li>
                                  <li>Innovative 3U design</li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!--------------------------- routers--------------------------->
            <div
              class="tab-pane fade"
              id="pills-routers"
              role="tabpanel"
              aria-labelledby="pills-routers-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <h2>Routers</h2>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-routers-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-routers-card"
                                role="tab"
                                aria-controls="pills-routers-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-routers-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-routers-list"
                                role="tab"
                                aria-controls="pills-routers-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-routers-card"
                    role="tabpanel"
                    aria-labelledby="pills-routers-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="routers.html">
                            <img
                              src="./assets/img/650!450/router1.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="routers.html">
                              <h5 class="card-title">COR580</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span>24 x QSFP-DD cell-based fabric ports</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Self-routing with dynamic load balancing</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Support for single-stage and three-stage fabric
                                configurations</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="routers.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-routers-list"
                    role="tabpanel"
                    aria-labelledby="pills-routers-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="routers.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/650!450/router1.png"
                                    alt="thumbnail"
                                  />
                                </a>
                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="routers.html">COR580</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>24 x QSFP-DD cell-based fabric ports</li>
                                  <li>
                                    Self-routing with dynamic load balancing
                                  </li>
                                  <li>
                                    Support for single-stage and three-stage
                                    fabric configurations
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-------------------------- Firewalls-------------------------->
            <div
              class="tab-pane fade"
              id="pills-firewalls"
              role="tabpanel"
              aria-labelledby="pills-firewalls-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <h2>Firewalls</h2>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-firewalls-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-firewalls-card"
                                role="tab"
                                aria-controls="pills-firewalls-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-firewalls-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-firewalls-list"
                                role="tab"
                                aria-controls="pills-firewalls-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-firewalls-card"
                    role="tabpanel"
                    aria-labelledby="pills-firewalls-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="firewall.html">
                            <img
                              src="./assets/img/firewall/firewall3.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="firewall.html">
                              <h5 class="card-title">Netgate 7100 1U</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span>LOW TOTAL COST OF OWNERSHIP</span>
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >No artificial limits or add-ons required to
                                make your system fully functional.</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >Low power requirements to help save you
                                money.</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="firewall.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-firewalls-list"
                    role="tabpanel"
                    aria-labelledby="pills-firewalls-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="firewall.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/firewall/firewall3.png"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="firewall.html">Netgate 7100 1U</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>LOW TOTAL COST OF OWNERSHIP</li>
                                  <li>
                                    No artificial limits or add-ons required to
                                    make your system fully functional.
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    Low power requirements to help save you
                                    money.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!----------------------------- Smart Racks-------------------------->
            <div
              class="tab-pane fade"
              id="pills-smart-racks"
              role="tabpanel"
              aria-labelledby="pills-smart-racks-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <h2>Smart Racks</h2>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-racks-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-racks-card"
                                role="tab"
                                aria-controls="pills-racks-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-racks-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-racks-list"
                                role="tab"
                                aria-controls="pills-racks-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-racks-card"
                    role="tabpanel"
                    aria-labelledby="pills-racks-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="racks.html">
                            <img
                              src="./assets/img/racks/server-rack.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="racks.html">
                              <h5 class="card-title">SMART RACKS XXV710</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="racks.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-racks-list"
                    role="tabpanel"
                    aria-labelledby="pills-racks-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="racks.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/racks/server-rack.png"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="racks.html">SMART RACKS XXV710</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30 d-none">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >New</span
                                >
                                <a href="#" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/serverflintpass.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="servers.html">Flint Pass</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>

                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30 d-none">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="#" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/servergreekpass.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="servers.html">Creek Pass</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!------------------------ Management Units------------------------------------>
            <div
              class="tab-pane fade"
              id="pills-management-units"
              role="tabpanel"
              aria-labelledby="pills-management-units-tab"
            >
              <div>
                <div class="d-flex">
                  <div class="w-25">
                    <h2>Mangement Units</h2>
                  </div>
                  <div class="grid-nav-wraper w-75">
                    <div class="row align-items-center justify-content-end">
                      <div class="col-12 col-md-6 position-relative d-none">
                        <div class="shop-grid-button d-flex align-items-center">
                          <span class="sort-by">Sort by:</span>
                          <select
                            class="form-select custom-select"
                            aria-label="Default select example"
                          >
                            <option selected>Open this select menu</option>
                            <option value="1">One</option>
                            <option value="2">Two</option>
                            <option value="3">Three</option>
                          </select>
                        </div>
                      </div>
                      <div
                        class="col-12 col-md-6 mb-3 mb-md-0 d-flex justify-content-end"
                      >
                        <nav class="shop-grid-nav">
                          <ul
                            class="nav nav-pills align-items-center"
                            id="pills-tab"
                            role="tablist"
                          >
                            <li class="nav-item">
                              <a
                                class="nav-link active"
                                id="pills-management-card-tab"
                                data-bs-toggle="pill"
                                href="#pills-management-card"
                                role="tab"
                                aria-controls="pills-management-card"
                                aria-selected="true"
                              >
                                <i class="fa fa-th"></i>
                              </a>
                            </li>
                            <li class="nav-item mr-0">
                              <a
                                class="nav-link"
                                id="pills-management-list-tab"
                                data-bs-toggle="pill"
                                href="#pills-management-list"
                                role="tab"
                                aria-controls="pills-management-list"
                                aria-selected="false"
                                ><i class="fa fa-list"></i
                              ></a>
                            </li>
                            <li>
                              <span
                                class="total-products text-capitalize d-none"
                                >There are 13 products.</span
                              >
                            </li>
                          </ul>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                  <!-- first tab-pane -->
                  <div
                    class="tab-pane fade show active"
                    id="pills-management-card"
                    role="tabpanel"
                    aria-labelledby="pills-management-card-tab"
                  >
                    <div class="row row-cols-1 row-cols-md-3 g-4">
                      <div class="col">
                        <div class="card h-100">
                          <a href="management-units.html">
                            <img
                              src="./assets/img/no-image.png"
                              class="card-img-top"
                              alt="..."
                            />
                          </a>
                          <div class="card-body">
                            <a href="management-units.html">
                              <h5 class="card-title">PMU Adapter XXV710</h5>
                            </a>
                          </div>
                          <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex">
                              <i class="fa fa-table mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                            <li class="list-group-item d-flex">
                              <i class="fa fa-circle-notch mt-1 mr-10"></i>
                              <span
                                >3U Rack-Mount enclosure, up to 4 independent
                                warm-swap compute nodes</span
                              >
                            </li>
                          </ul>
                          <div class="card-body d-none">
                            <button class="btn--md btn-primary w-100 card-link">
                              <span class="cost currency-symbol">₹</span
                              ><span class="cost product-price">999</span>
                            </button>
                          </div>
                          <div class="card-body text-center">
                            <a
                              href="management-units.html"
                              class="btn btn-primary card-link py-15 w-100"
                              >Details <i class="fa fa-external-link-alt"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- second tab-pane -->
                  <div
                    class="tab-pane fade container"
                    id="pills-management-list"
                    role="tabpanel"
                    aria-labelledby="pills-management-list-tab"
                  >
                    <div class="row grid-view-list theme1">
                      <div class="col-12 mb-30">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div
                                class="product-thumbnail position-relative col-md-4"
                              >
                                <span class="badge badge-danger top-right"
                                  >sale</span
                                >
                                <a href="management-units.html" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/no-image.png"
                                    alt="thumbnail"
                                  />
                                </a>

                                <ul
                                  class="actions d-flex justify-content-center"
                                ></ul>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="management-units.html"
                                      >PMU Adapter XXV710</a
                                    >
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30 d-none">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >New</span
                                >
                                <a href="#" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/serverflintpass.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="servers.html">Flint Pass</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>

                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-12 mb-30 d-none">
                        <div class="card product-card">
                          <div class="card-body">
                            <div class="media flex-column flex-md-row">
                              <div class="product-thumbnail position-relative">
                                <span class="badge badge-danger top-right"
                                  >new</span
                                >
                                <a href="#" class="zoom-in">
                                  <img
                                    class="first-img"
                                    src="./assets/img/servers/servergreekpass.png"
                                    alt="thumbnail"
                                  />
                                </a>
                              </div>
                              <div class="media-body ps-md-4">
                                <div class="product-desc py-0 px-0">
                                  <h3 class="title">
                                    <a href="servers.html">Creek Pass</a>
                                  </h3>
                                  <div class="star-rating mb-10 d-none">
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span class="ion-ios-star"></span>
                                    <span
                                      class="ion-ios-star de-selected"
                                    ></span>
                                  </div>
                                  <span class="product-price d-none"
                                    >$11.90</span
                                  >
                                </div>
                                <ul class="product-list-des">
                                  <li>
                                    Outstanding storage scalability without
                                    performance degradation.
                                  </li>
                                  <li>
                                    The latest processor innovation with 3rd Gen
                                    Intel<sup>®</sup> Xeon<sup>®</sup> Scalable
                                    processors
                                  </li>
                                  <li>Innovative 3U design</li>
                                  <li>
                                    3rd Gen Intel<sup>®</sup> Xeon<sup>®</sup>
                                    Scalable processors
                                  </li>
                                  <li>
                                    Advanced, hardware-enhanced security
                                    features
                                  </li>
                                  <li>
                                    Intel<sup>®</sup> Optane™ persistent memory
                                    200 series
                                  </li>
                                  <li>
                                    Support for up to 200Gb network cards.
                                  </li>
                                </ul>
                                <div class="availability-list mb-20 d-none">
                                  <p>
                                    Availability: <span>1200 In Stock</span>
                                  </p>
                                </div>
                                <button
                                  class="btn single-btn btn--xl"
                                  data-bs-toggle="modal"
                                  data-bs-target="#add-to-cart"
                                >
                                  Add to cart
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- product tab end -->

    <!-- footer strat -->
    <div id="footer-head"></div>
    <!-- footer end -->

    <!--*********************** 
        all js files
     ***********************-->

    <!--****************************************************** 
        jquery,modernizr ,poppe,bootstrap,plugins and main js
     ******************************************************-->

    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/plugins/plugins.js"></script>
    <script src="assets/js/plugins/ajax-contact.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/scroll.js"></script>
    <script src="assets/js/cart.js"></script>

    <!-- navbar-js -->
    <script src="assets/js/navbar.js"></script>

    <!-- configuration-js -->
    <script src="assets/js/config_new_1.js"></script>

    <!-- footer-js -->
    <script src="assets/js/footer.js"></script>

    <script>
      $(document).ready(function () {
        if (window.location.href.indexOf("products.html") > -1) {
          $(".nav-products").addClass("active");
        }
      });
    </script>

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
  </body>
</html>