설명 없음
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index-backup.html 91KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <meta name="description" content="" />
  8. <title>Anwi Systems</title>
  9. <!-- Favicon -->
  10. <link
  11. rel="shortcut icon"
  12. type="image/x-icon"
  13. href="./assets/img/favicon.gif"
  14. />
  15. <!-------------------------------- all css files --------------------------->
  16. <!--***************************************************
  17. fontawesome,bootstrap,plugins and main style css
  18. ***************************************************-->
  19. <!-- cdn links -->
  20. <link rel="stylesheet" href="assets/css/fontawesome.min.css" />
  21. <link rel="stylesheet" href="assets/css/ionicons.min.css" />
  22. <link rel="stylesheet" href="assets/css/simple-line-icons.css" />
  23. <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
  24. <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  25. <!-- <link rel="stylesheet" href="assets/css/bootstrap4.min.css" /> -->
  26. <link rel="stylesheet" href="assets/css/plugins/plugins.css" />
  27. <link rel="stylesheet" href="assets/css/style.min.css" />
  28. <link rel="stylesheet" href="assets/css/main-style.css" />
  29. <link rel="stylesheet" href="assets/css/responsive.css" />
  30. <link
  31. rel="stylesheet"
  32. href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
  33. />
  34. </head>
  35. <body>
  36. <section class="waves">
  37. <!-- navbar -->
  38. <div id="navbar-head"></div>
  39. </section>
  40. <!-- end-of-navbar -->
  41. <!-- main slider start -->
  42. <section>
  43. <div class="banner-wave-bg"></div>
  44. <div class="main-slider theme1 bg-light1">
  45. <div class="slider-item bg-img">
  46. <div class="container-fluid main-banner">
  47. <div class="row align-items-center">
  48. <div class="col-12">
  49. <div
  50. class="slider-content content-slider d-flex align-items-center row mt-100 mb-md-5 mb-0"
  51. >
  52. <div
  53. class="col-md-6 col-lg-7 col-sm-12 m-auto d-md-none d-sm-block"
  54. >
  55. <img
  56. src="./assets/img/slider/slider-img1.svg"
  57. class="img-fluid"
  58. alt="slider-img-1"
  59. />
  60. </div>
  61. <div
  62. class="col-md-6 col-lg-5 col-sm-12 banner-head-margin mb-5"
  63. >
  64. <div class="welcome">
  65. <p
  66. class="title animated"
  67. data-animation-in="fadeInLeft"
  68. data-delay-in="0.3"
  69. >
  70. Welcome to Anwi Systems
  71. </p>
  72. </div>
  73. <div>
  74. <div
  75. class="animated d-block featuring"
  76. data-animation-in="fadeInRight"
  77. data-delay-in="0.8"
  78. >
  79. <p>Featuring</p>
  80. </div>
  81. <div
  82. class="animated d-block bold-text"
  83. data-animation-in="fadeInRight"
  84. data-delay-in="0.8"
  85. >
  86. <p>
  87. The Latest Computing Solutions, Extraordinary
  88. Performance and Unparalleled Flexibility
  89. </p>
  90. </div>
  91. <div class="my-4">
  92. <p>
  93. Lorem ipsum dolor sit amet, consectetur adipiscing
  94. elit. Malesuada volutpat arcu egestas dictum euismod
  95. donec pellentesque et, viverra.
  96. </p>
  97. </div>
  98. <div
  99. class="animated font-weight-bold"
  100. data-animation-in="fadeInUp"
  101. data-delay-in="0.5"
  102. >
  103. <a
  104. href="products.html"
  105. class="py-3 px-5 bg-white border mr-10 view-prod"
  106. >
  107. View Products</a
  108. >
  109. <a
  110. href="contact-us.html"
  111. class="py-3 px-5 border text-white cont-us"
  112. >
  113. Contact Us</a
  114. >
  115. </div>
  116. </div>
  117. </div>
  118. <div
  119. class="col-md-6 col-lg-7 col-sm-12 m-auto justify-content-end d-md-block d-none"
  120. >
  121. <img
  122. src="./assets/img/slider/slider-img1.svg"
  123. class="img-fluid ms-auto"
  124. alt="slider-img-1"
  125. />
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- slider-item end -->
  133. <div class="slider-item bg-img">
  134. <div class="container-fluid main-banner">
  135. <div class="row align-items-center">
  136. <div class="col-12">
  137. <div
  138. class="slider-content content-slider d-flex align-items-center row mt-100 mb-md-5 mb-0"
  139. >
  140. <div
  141. class="col-md-6 col-lg-7 col-sm-12 m-auto d-md-none d-sm-block"
  142. >
  143. <img
  144. src="./assets/img/slider/slider-img1.svg"
  145. class="img-fluid"
  146. alt="slider-img-1"
  147. />
  148. </div>
  149. <div
  150. class="col-md-6 col-lg-5 col-sm-12 banner-head-margin mb-5"
  151. >
  152. <div class="welcome">
  153. <p
  154. class="title animated"
  155. data-animation-in="fadeInLeft"
  156. data-delay-in="0.3"
  157. >
  158. Welcome to Anwi Systems
  159. </p>
  160. </div>
  161. <div>
  162. <div
  163. class="animated d-block featuring"
  164. data-animation-in="fadeInRight"
  165. data-delay-in="0.8"
  166. >
  167. <p>Featuring</p>
  168. </div>
  169. <div
  170. class="animated d-block bold-text"
  171. data-animation-in="fadeInRight"
  172. data-delay-in="0.8"
  173. >
  174. <p>
  175. The Latest Computing Solutions, Extraordinary
  176. Performance and Unparalleled Flexibility
  177. </p>
  178. </div>
  179. <div class="my-4">
  180. <p>
  181. Lorem ipsum dolor sit amet, consectetur adipiscing
  182. elit. Malesuada volutpat arcu egestas dictum euismod
  183. donec pellentesque et, viverra.
  184. </p>
  185. </div>
  186. <div
  187. class="animated font-weight-bold"
  188. data-animation-in="fadeInUp"
  189. data-delay-in="0.5"
  190. >
  191. <a
  192. href="products.html"
  193. class="py-3 px-5 bg-white border mr-10 view-prod"
  194. >
  195. View Products</a
  196. >
  197. <a
  198. href="contact-us.html"
  199. class="py-3 px-5 border text-white cont-us"
  200. >
  201. Contact Us</a
  202. >
  203. </div>
  204. </div>
  205. </div>
  206. <div
  207. class="col-md-6 col-lg-7 col-sm-12 m-auto justify-content-end d-md-block d-none"
  208. >
  209. <img
  210. src="./assets/img/slider/slider-img1.svg"
  211. class="img-fluid ms-auto"
  212. alt="slider-img-1"
  213. />
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <!-- slider-item end -->
  221. </div>
  222. <div class="overlay-header d-none"></div>
  223. </section>
  224. <!-- main slider end -->
  225. <!-- secondary slider start -->
  226. <section class="d-none d-md-block">
  227. <div class="carousel-container">
  228. <div class="d-flex justify-content-between mt-5 container">
  229. <div class="d-flex">
  230. <div>
  231. <img src="./assets/img/slider/featured-img.svg" alt="" />
  232. </div>
  233. <div class="form-check-label pl-30 py-1">FEATURED</div>
  234. </div>
  235. <a href="products.html" class="text-decoration-underline"
  236. >View all Products</a
  237. >
  238. </div>
  239. <div
  240. id="carouselExampleIndicators"
  241. class="carousel slide container p-0"
  242. data-ride="carousel"
  243. >
  244. <ol class="carousel-indicators d-none d-md-flex">
  245. <li
  246. data-target="#carouselExampleIndicators"
  247. data-slide-to="0"
  248. class="active"
  249. >
  250. <div class="card border-0" style="width: 8rem">
  251. <img
  252. class="card-img-top"
  253. src="./assets/img/servers/Server 2 Edited .png"
  254. alt="Card image cap"
  255. />
  256. <div class="card-body">
  257. <p class="card-text">American Pass</p>
  258. </div>
  259. </div>
  260. </li>
  261. <li data-target="#carouselExampleIndicators" data-slide-to="1">
  262. <div class="card bg-none border-0" style="width: 8rem">
  263. <img
  264. class="card-img-top"
  265. src="./assets/img/servers/Server 3 Edited.png"
  266. alt="Card image cap"
  267. />
  268. <div class="card-body">
  269. <p class="card-text">Coyote Pass</p>
  270. </div>
  271. </div>
  272. </li>
  273. <li data-target="#carouselExampleIndicators" data-slide-to="2">
  274. <div class="card border-0" style="width: 8rem">
  275. <img
  276. class="card-img-top"
  277. src="./assets/img/servers/Server 4 Edited.png"
  278. alt="Card image cap"
  279. />
  280. <div class="card-body">
  281. <p class="card-text">North Pass</p>
  282. </div>
  283. </div>
  284. </li>
  285. </ol>
  286. <div class="carousel-inner">
  287. <div class="carousel-item active">
  288. <!-- <img class="d-block w-100" src="./assets/img/banner/Content-bg-withoutdots.svg" alt="First slide"> -->
  289. <div class="d-block w-100">
  290. <div class="carousel-img">
  291. <img
  292. src="./assets/img/slider/slider-img1.svg"
  293. alt=""
  294. class="w-50"
  295. />
  296. </div>
  297. </div>
  298. <div class="carousel-caption d-none d-md-block">
  299. <div class="card border-0" style="width: 18rem">
  300. <div class="card-body text-start">
  301. <p class="card-title">SERVERS</p>
  302. <h5 class="card-subtitle mb-2">American Pass</h5>
  303. <p class="card-text">
  304. Some quick example text to build on the card title and
  305. make up the bulk of the card's content.
  306. </p>
  307. <a href="surpass3u.html" class="card-link"
  308. >Learn More<i class="fa fa-arrow-right"></i>
  309. </a>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="carousel-item">
  315. <!-- <img class="d-block w-100" src="./assets/img/banner/Content-bg.svg" alt="Second slide"> -->
  316. <div class="d-block w-100">
  317. <div class="carousel-img">
  318. <img
  319. src="./assets/img/slider/slider-img1.svg"
  320. alt=""
  321. class="w-50"
  322. />
  323. </div>
  324. </div>
  325. <div class="carousel-caption d-none d-md-block">
  326. <div class="card border-0" style="width: 18rem">
  327. <div class="card-body text-start">
  328. <p class="card-title">Servers</p>
  329. <h5 class="card-subtitle mb-2">Coyote Pass</h5>
  330. <p class="card-text">
  331. Some quick example text to build on the card title and
  332. make up the bulk of the card's content.
  333. </p>
  334. <a href="surpass2u.html" class="card-link"
  335. >Learn More <i class="fa fa-arrow-right"></i
  336. ></a>
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="carousel-item">
  342. <!-- <img class="d-block w-100" src="./assets/img/banner/1.jpg" alt="Third slide"> -->
  343. <div class="d-block w-100">
  344. <div class="carousel-img">
  345. <img
  346. src="./assets/img/slider/slider-img1.svg"
  347. alt=""
  348. class="w-50"
  349. />
  350. </div>
  351. </div>
  352. <div class="carousel-caption d-none d-md-block">
  353. <div class="card border-0" style="width: 18rem">
  354. <div class="card-body text-start">
  355. <p class="card-title">Servers</p>
  356. <h5 class="card-subtitle mb-2">North Pass</h5>
  357. <p class="card-text">
  358. Some quick example text to build on the card title and
  359. make up the bulk of the card's content.
  360. </p>
  361. <a href="surpass1u.html" class="card-link"
  362. >Learn More <i class="fa fa-arrow-right"></i
  363. ></a>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369. <a
  370. class="d-block text-start carousel-control-prev"
  371. href="#carouselExampleIndicators"
  372. role="button"
  373. data-slide="prev"
  374. >
  375. <!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  376. <span class="sr-only">Previous</span> -->
  377. <div class="d-flex">
  378. <i class="fa fa-angle-left p-3"></i>
  379. </div>
  380. </a>
  381. <a
  382. class="d-block text-right carousel-control-next"
  383. href="#carouselExampleIndicators"
  384. role="button"
  385. data-slide="next"
  386. >
  387. <!-- <span class="carousel-control-next-icon" aria-hidden="true"></span>
  388. <span class="sr-only">Next</span> -->
  389. <div class="d-flex justify-content-end">
  390. <i class="fa fa-angle-right p-3"></i>
  391. </div>
  392. </a>
  393. </div>
  394. </div>
  395. </section>
  396. <!-- secondary slider start -->
  397. <!-- product tab start -->
  398. <section>
  399. <div class="main-product-tab theme1 content-block pt-5 pt-md-0">
  400. <div class="container">
  401. <div class="products-head">
  402. <h3>
  403. Explore our wide range <br />
  404. of High Performance products.
  405. </h3>
  406. </div>
  407. <div class="row">
  408. <div class="product-tab-nav tabs col-lg-3 col- 12 border-right">
  409. <nav class="product-tab-menu single-product tabs">
  410. <h4 class="mb-4">Categories</h4>
  411. <ul
  412. class="nav flex-md-row flex-lg-column flex-sm-row"
  413. id="pills-tab scroll"
  414. role="tablist"
  415. >
  416. <li class="nav-items active border mb-25">
  417. <a
  418. class="nav-link active d-flex w-100 h-100"
  419. id="server-home-tab"
  420. data-bs-toggle="pill"
  421. href="#server-home"
  422. role="tab"
  423. aria-controls="server-home"
  424. aria-selected="true"
  425. >
  426. <img src="./assets/img/icon/main-servers.svg" alt="" />
  427. <p class="d-none d-md-block">Servers</p>
  428. </a>
  429. </li>
  430. <li class="nav-items border mb-25">
  431. <a
  432. class="nav-link d-flex w-100 h-100"
  433. id="pills-switches-tab"
  434. data-bs-toggle="pill"
  435. href="#pills-switches"
  436. role="tab"
  437. aria-controls="pills-switches"
  438. aria-selected="false"
  439. >
  440. <img
  441. src="./assets/img/icon/main-network-switches.svg"
  442. alt=""
  443. />
  444. <p class="d-none d-md-block">
  445. Network <br class="mobile--text-break" />
  446. Switches
  447. </p>
  448. </a>
  449. </li>
  450. <li class="nav-items border mb-25">
  451. <a
  452. class="nav-link spec d-flex w-100 h-100"
  453. id="pills-network-tab"
  454. data-bs-toggle="pill"
  455. href="#pills-network"
  456. role="tab"
  457. aria-controls="pills-network"
  458. aria-selected="false"
  459. >
  460. <img
  461. src="./assets/img/icon/main-network-cards.svg"
  462. alt=""
  463. />
  464. <p class="d-none d-md-block">
  465. Network <br class="mobile--text-break" />
  466. Cards / Cables
  467. </p>
  468. </a>
  469. </li>
  470. <li class="nav-items border mb-25">
  471. <a
  472. class="nav-link d-flex w-100 h-100"
  473. id="pills-storage-tab"
  474. data-bs-toggle="pill"
  475. href="#pills-storage"
  476. role="tab"
  477. aria-controls="pills-storage"
  478. aria-selected="false"
  479. >
  480. <img src="./assets/img/icon/main-storage.svg" alt="" />
  481. <p class="d-none d-md-block">Storage</p>
  482. </a>
  483. </li>
  484. <li class="nav-items border mb-25">
  485. <a
  486. class="nav-link spec d-flex w-100 h-100"
  487. id="pills-router-tab"
  488. data-bs-toggle="pill"
  489. href="#pills-router"
  490. role="tab"
  491. aria-controls="pills-router"
  492. aria-selected="false"
  493. >
  494. <img src="./assets/img/icon/main-router.svg" alt="" />
  495. <p class="d-none d-md-block">Routers</p>
  496. </a>
  497. </li>
  498. <li class="nav-items border mb-25">
  499. <a
  500. class="nav-link spec d-flex w-100 h-100"
  501. id="pills-firewalls-tab"
  502. data-bs-toggle="pill"
  503. href="#pills-firewalls"
  504. role="tab"
  505. aria-controls="pills-firewalls"
  506. aria-selected="false"
  507. >
  508. <img src="./assets/img/icon/security.svg" alt="" />
  509. <p class="d-none d-md-block">Firewalls</p>
  510. </a>
  511. </li>
  512. <li class="nav-items border mb-25">
  513. <a
  514. class="nav-link spec d-flex w-100 h-100"
  515. id="pills-smart-rack-tab"
  516. data-bs-toggle="pill"
  517. href="#pills-smart-rack"
  518. role="tab"
  519. aria-controls="pills-smart-rack"
  520. aria-selected="false"
  521. >
  522. <img
  523. src="./assets/img/icon/main-smart-racks.svg"
  524. alt=""
  525. />
  526. <p class="d-none d-md-block">
  527. Smart <br class="mobile--text-break" />
  528. Racks
  529. </p>
  530. </a>
  531. </li>
  532. <li class="nav-items border mb-25">
  533. <a
  534. class="nav-link spec d-flex w-100 h-100"
  535. id="pills-management-units-tab"
  536. data-bs-toggle="pill"
  537. href="#pills-management-units"
  538. role="tab"
  539. aria-controls="pills-management-units"
  540. aria-selected="false"
  541. >
  542. <img
  543. src="./assets/img/icon/main-power-mangement.svg"
  544. alt=""
  545. />
  546. <p class="d-none d-md-block">
  547. Management <br class="mobile--text-break" />
  548. Units
  549. </p>
  550. </a>
  551. </li>
  552. </ul>
  553. </nav>
  554. </div>
  555. <!-- product-tab-nav end -->
  556. <div class="col-lg-9 tab-content container" id="anwi-products">
  557. <!-- first tab-pane -->
  558. <div
  559. class="tab-pane fade show active"
  560. id="server-home"
  561. role="tabpanel"
  562. aria-labelledby="server-home-tab"
  563. >
  564. <div class="d-flex mb-4 ps-md-4">
  565. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  566. <p>Servers</p>
  567. </div>
  568. <div class="cards py-80 d-none">
  569. <div class="design-editor1">
  570. <div class="product-slider-init theme1 slick-nav">
  571. <!-- slider-item start -->
  572. <div class="slider-item" id="singlecart">
  573. <div class="card shadow-none product-card">
  574. <div class="card-body">
  575. <div
  576. class="media flex-column flex-md-row align-items-center"
  577. >
  578. <div class="product-thumbnail position-relative">
  579. <span class="badge badge-danger top-right"
  580. >featured</span
  581. >
  582. <a href="surpass3u.html">
  583. <img
  584. class="first-img"
  585. src="./assets/img/servers/american-pass-fv.png"
  586. alt="thumbnail"
  587. />
  588. </a>
  589. </div>
  590. <div class="media-body ps-md-4 product-desc">
  591. <div class="py-0 px-0">
  592. <h3 class="title">
  593. <a href="surpass3u.html"
  594. >ANWI-SurPASS-1U-2S-4SFF</a
  595. >
  596. </h3>
  597. </div>
  598. <ul class="product-list-des">
  599. <li>
  600. Outstanding storage scalability without
  601. performance degradation.
  602. </li>
  603. <li>
  604. The latest processor innovation with 3rd Gen
  605. Intel® Xeon® Scalable processors Innovative
  606. 3U design.
  607. </li>
  608. <li>
  609. 3rd Gen Intel® Xeon® Scalable processors.
  610. </li>
  611. <li>
  612. Advanced, hardware-enhanced security
  613. features.
  614. </li>
  615. </ul>
  616. <a
  617. href="surpass3u.html"
  618. class="btn btn--lg bg-light"
  619. >
  620. <i class="fa fa-plus-circle"></i> View All
  621. </a>
  622. </div>
  623. </div>
  624. </div>
  625. </div>
  626. </div>
  627. <!-- slider-item end -->
  628. <div class="slider-item">
  629. <div class="card shadow-none product-card">
  630. <div class="card-body">
  631. <div
  632. class="media flex-column flex-md-row align-items-center"
  633. >
  634. <div class="product-thumbnail position-relative">
  635. <span class="badge badge-danger top-right"
  636. >featured</span
  637. >
  638. <a href="flint-pass-2u-node.html">
  639. <!-- <img class="first-img" src="./assets/img/servers/flint-pass-fv-re.png" alt="thumbnail" /> -->
  640. <img
  641. class="first-img"
  642. src="./assets/img/servers/flint-pass-fv.png"
  643. alt=" thumbnail"
  644. />
  645. </a>
  646. </div>
  647. <div class="media-body ps-md-4 product-desc">
  648. <div class="py-0 px-0">
  649. <h3 class="title">
  650. <a href="flint-pass-2u-node.html"
  651. >ANWI-SurPASS-3U-8S-24SFF</a
  652. >
  653. </h3>
  654. </div>
  655. <ul class="product-list-des">
  656. <li>
  657. Outstanding storage scalability without
  658. performance degradation
  659. </li>
  660. <li>
  661. 3rd Gen Intel® Xeon® Scalable processors
  662. </li>
  663. <li>
  664. Advanced, hardware-enhanced security
  665. features
  666. </li>
  667. <li>
  668. Intel® Optane™ persistent memory 200 series
  669. </li>
  670. <li>
  671. Support for up to 200Gb network cards.
  672. </li>
  673. </ul>
  674. <a
  675. href="flint-pass-2u-node.html"
  676. class="btn btn--xl btn-primary rounded-pill"
  677. >
  678. Know More
  679. </a>
  680. </div>
  681. </div>
  682. </div>
  683. </div>
  684. </div>
  685. <!-- slider-item end -->
  686. </div>
  687. </div>
  688. </div>
  689. <div
  690. class="g-4 row row-cols-1 row-cols-md-3 px-md-4 d-none d-md-flex"
  691. >
  692. <div class="card border-0 product-cards col-md-4">
  693. <img
  694. class="card-img-top w-75"
  695. src="./assets/img/servers/american-pass-small.svg"
  696. alt="Card image cap"
  697. />
  698. <div class="card-body text-center">
  699. <h5 class="card-title text-start">American Pass</h5>
  700. <p class="d-none d-md-flex card-text text-start">
  701. <i class="fa fa-plus mr-5 mt-1"></i>
  702. <span
  703. >Outstanding storage scalability without performance
  704. degradation.</span
  705. >
  706. </p>
  707. <p class="d-none d-md-flex card-text text-start">
  708. <i class="fa fa-plus mr-5 mt-1"></i>
  709. <span
  710. >The latest processor innovation with 3rd Gen intel
  711. Xeon® Scalable processors</span
  712. >
  713. </p>
  714. <p class="d-none d-md-flex card-text text-start">
  715. <i class="fa fa-plus mr-5 mt-1"></i>
  716. <span>Innovative 3U design</span>
  717. </p>
  718. <a
  719. href="surpass3u.html"
  720. class="bg-light btn mt-4 px-5 py-3 w-100"
  721. >Learn More</a
  722. >
  723. </div>
  724. </div>
  725. <div class="card border-0 product-cards col-md-4">
  726. <img
  727. class="card-img-top h-100 w-75"
  728. src="./assets/img/servers/creek-pass.svg"
  729. alt="Card image cap "
  730. />
  731. <div class="card-body text-center">
  732. <h5 class="card-title text-start">Coyote Pass</h5>
  733. <p class="d-none d-md-flex card-text text-start">
  734. <i class="fa fa-plus mr-5 mt-1"></i>
  735. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  736. </p>
  737. <p class="d-none d-md-flex card-text text-start">
  738. <i class="fa fa-plus mr-5 mt-1"></i>
  739. <span>Higher memory bandwidth and capacity</span>
  740. </p>
  741. <p class="d-none d-md-flex card-text text-start">
  742. <i class="fa fa-plus mr-5 mt-1"></i>
  743. <span>Improved I/O balance and performance</span>
  744. </p>
  745. <a
  746. href="surpass2u.html"
  747. class="bg-light btn mt-4 px-5 py-3 w-100"
  748. >Learn More</a
  749. >
  750. </div>
  751. </div>
  752. <div class="card border-0 product-cards col-md-4">
  753. <img
  754. class="card-img-top h-100 w-75"
  755. src="./assets/img/servers/flink-pass.svg"
  756. alt="Card image cap "
  757. />
  758. <div class="card-body text-center">
  759. <h5 class="card-title text-start">North Pass</h5>
  760. <p class="d-none d-md-flex card-text text-start">
  761. <i class="fa fa-plus mr-5 mt-1"></i>
  762. <span>Outstanding Anwi Quality & Reliability</span>
  763. </p>
  764. <p class="d-none d-md-flex card-text text-start">
  765. <i class="fa fa-plus mr-5 mt-1"></i>
  766. <span
  767. >Integrated dual 1GbE Ethernet + Type 1 OCPv2 slot for
  768. 10, 25, 40GbE option</span
  769. >
  770. </p>
  771. <p class="d-none d-md-flex card-text text-start">
  772. <i class="fa fa-plus mr-5 mt-1"></i>
  773. <span
  774. >M.2 SATA/PCIe slot, Dedicated Mgmt 1GbE RJ45
  775. port</span
  776. >
  777. </p>
  778. <a
  779. href="surpass1u.html"
  780. class="bg-light btn mt-4 px-5 py-3 w-100"
  781. >Learn More</a
  782. >
  783. </div>
  784. </div>
  785. </div>
  786. <div class="d-md-none">
  787. <div class="card border-0 product-cards col-md-4">
  788. <a href="servers.html">
  789. <img
  790. class="card-img-top w-75"
  791. src="./assets/img/servers/american-pass-small.svg"
  792. alt="Card image cap"
  793. />
  794. </a>
  795. </div>
  796. </div>
  797. <div class="text-center mt-5">
  798. <a href="servers.html" class="view-products bg-light">
  799. <i class="fa fa-plus-circle mr-10"></i>
  800. VIEW ALL
  801. </a>
  802. </div>
  803. </div>
  804. <!-- second tab-pane -->
  805. <div
  806. class="tab-pane fade"
  807. id="pills-switches"
  808. role="tabpanel"
  809. aria-labelledby="pills-switches-tab"
  810. >
  811. <div class="d-flex mb-4 ps-md-4">
  812. <i class="fa fa-compass mr-10 my-auto fa-2x"></i>
  813. <p>Network Switches</p>
  814. </div>
  815. <div
  816. id="carouselExampleControls"
  817. class="carousel slide px-40 d-none d-md-flex"
  818. data-bs-ride="carousel"
  819. >
  820. <div class="carousel-inner">
  821. <div class="carousel-item active">
  822. <div class="row">
  823. <div class="card border-0 product-cards col-lg-4">
  824. <img
  825. class="card-img-top w-75"
  826. src="./assets/img/650!450/10g.png"
  827. alt="Card image cap"
  828. />
  829. <div class="card-body text-center">
  830. <h5 class="card-title text-start">10G-Switch</h5>
  831. <p class="d-flex card-text text-start">
  832. <i class="fa fa-plus mr-5 mt-1"></i>
  833. <span
  834. >Compact full featured modular 10GE/40GE data
  835. center switch</span
  836. >
  837. </p>
  838. <p class="d-flex card-text text-start">
  839. <i class="fa fa-plus mr-5 mt-1"></i>
  840. <span
  841. >1 x Mini USB serial console port with mini-USB
  842. to RJ45 converter cable</span
  843. >
  844. </p>
  845. <p class="d-flex card-text text-start">
  846. <i class="fa fa-plus mr-5 mt-1"></i>
  847. <span>1 x USB 2.0 Type-A port</span>
  848. </p>
  849. <a
  850. href="10g-data.html"
  851. class="bg-light btn mt-4 px-5 py-3 w-100"
  852. >Learn More</a
  853. >
  854. </div>
  855. </div>
  856. <div class="card border-0 product-cards col-lg-4">
  857. <img
  858. class="card-img-top w-75"
  859. src="./assets/img/650!450/25g.png"
  860. alt="Card image cap"
  861. />
  862. <div class="card-body text-center">
  863. <h5 class="card-title text-start">25G-Switch</h5>
  864. <p class="d-flex card-text text-start">
  865. <i class="fa fa-plus mr-5 mt-1"></i>
  866. <span
  867. >Compact full featured modular 10/25/40/50/100GE
  868. data center switch</span
  869. >
  870. </p>
  871. <p class="d-flex card-text text-start">
  872. <i class="fa fa-plus mr-5 mt-1"></i>
  873. <span
  874. >1 x Mini USB serial console port with mini-USB
  875. to RJ45 converter cable</span
  876. >
  877. </p>
  878. <p class="d-flex card-text text-start">
  879. <i class="fa fa-plus mr-5 mt-1"></i>
  880. <span>1 x USB 2.0 Type-A port</span>
  881. </p>
  882. <a
  883. href="25g-data.html"
  884. class="bg-light btn mt-4 px-5 py-3 w-100"
  885. >Learn More</a
  886. >
  887. </div>
  888. </div>
  889. <div class="card border-0 product-cards col-lg-4">
  890. <img
  891. class="card-img-top w-75"
  892. src="./assets/img/650!450/40g.png"
  893. alt="Card image cap"
  894. />
  895. <div class="card-body text-center">
  896. <h5 class="card-title text-start">40G-Switch</h5>
  897. <p class="d-flex card-text text-start">
  898. <i class="fa fa-plus mr-5 mt-1"></i>
  899. <span
  900. >Outstanding storage scalability without
  901. performance degradation.</span
  902. >
  903. </p>
  904. <p class="d-flex card-text text-start">
  905. <i class="fa fa-plus mr-5 mt-1"></i>
  906. <span
  907. >3rd Gen Intel® Xeon® Scalable processors</span
  908. >
  909. </p>
  910. <p class="d-flex card-text text-start">
  911. <i class="fa fa-plus mr-5 mt-1"></i>
  912. <span>DDR4 16x DIMMs</span>
  913. </p>
  914. <a
  915. href="40g-data.html"
  916. class="bg-light btn mt-4 px-5 py-3 w-100"
  917. >Learn More</a
  918. >
  919. </div>
  920. </div>
  921. </div>
  922. </div>
  923. <div class="carousel-item">
  924. <div class="row">
  925. <div class="card border-0 product-cards col-lg-4">
  926. <img
  927. class="card-img-top w-75"
  928. src="./assets/img/650!450/100g1.png"
  929. alt="Card image cap"
  930. />
  931. <div class="card-body text-center">
  932. <h5 class="card-title text-start">100G-1 Switch</h5>
  933. <p class="d-flex card-text text-start">
  934. <i class="fa fa-plus mr-5 mt-1"></i>
  935. <span>3U Rack-Mount enclosure</span>
  936. </p>
  937. <p class="d-flex card-text text-start">
  938. <i class="fa fa-plus mr-5 mt-1"></i>
  939. <span
  940. >3rd Gen Intel® Xeon® Scalable processors</span
  941. >
  942. </p>
  943. <p class="d-flex card-text text-start">
  944. <i class="fa fa-plus mr-5 mt-1"></i>
  945. <span>DDR4 16x DIMMs</span>
  946. </p>
  947. <a
  948. href="100g-port1.html"
  949. class="bg-light btn mt-4 px-5 py-3 w-100"
  950. >Learn More</a
  951. >
  952. </div>
  953. </div>
  954. <div class="card border-0 product-cards col-lg-4">
  955. <img
  956. class="card-img-top w-75"
  957. src="./assets/img/650!450/100g2.png"
  958. alt="Card image cap"
  959. />
  960. <div class="card-body text-center">
  961. <h5 class="card-title text-start">100G-2 Switch</h5>
  962. <p class="d-flex card-text text-start">
  963. <i class="fa fa-plus mr-5 mt-1"></i>
  964. <span
  965. >Compact full featured modular 10/25/40/50/100GE
  966. data center switch</span
  967. >
  968. </p>
  969. <p class="d-flex card-text text-start">
  970. <i class="fa fa-plus mr-5 mt-1"></i>
  971. <span
  972. >1 x RJ45 console/management port with RS232
  973. signaling</span
  974. >
  975. </p>
  976. <p class="d-flex card-text text-start">
  977. <i class="fa fa-plus mr-5 mt-1"></i>
  978. <span>1 x USB 2.0 Type-A port</span>
  979. </p>
  980. <a
  981. href="100g-port2.html"
  982. class="bg-light btn mt-4 px-5 py-3 w-100"
  983. >Learn More</a
  984. >
  985. </div>
  986. </div>
  987. <div class="card border-0 product-cards col-lg-4">
  988. <img
  989. class="card-img-top w-75"
  990. src="./assets/img/650!450/100g3.png"
  991. alt="Card image cap"
  992. />
  993. <div class="card-body text-center">
  994. <h5 class="card-title text-start">100G-3 Switch</h5>
  995. <p class="d-flex card-text text-start">
  996. <i class="fa fa-plus mr-5 mt-1"></i>
  997. <span
  998. >Compact full featured 10/100GE data center
  999. switch</span
  1000. >
  1001. </p>
  1002. <p class="d-flex card-text text-start">
  1003. <i class="fa fa-plus mr-5 mt-1"></i>
  1004. <span
  1005. >1 x RJ45 console/management port with RS232
  1006. signaling</span
  1007. >
  1008. </p>
  1009. <p class="d-flex card-text text-start">
  1010. <i class="fa fa-plus mr-5 mt-1"></i>
  1011. <span>1 x USB 2.0 Type-A port</span>
  1012. </p>
  1013. <a
  1014. href="100g-port3.html"
  1015. class="bg-light btn mt-4 px-5 py-3 w-100"
  1016. >Learn More</a
  1017. >
  1018. </div>
  1019. </div>
  1020. </div>
  1021. </div>
  1022. <div class="carousel-item">
  1023. <div>
  1024. <div class="card border-0 product-cards w-25">
  1025. <img
  1026. class="card-img-top w-75"
  1027. src="./assets/img/650!450/400g.png"
  1028. alt="Card image cap"
  1029. />
  1030. <div class="card-body text-center">
  1031. <h5 class="card-title text-start">400G Switch</h5>
  1032. <p class="d-flex card-text text-start">
  1033. <i class="fa fa-plus mr-5 mt-1"></i>
  1034. <span>1 RU, Data Center Spine Switch</span>
  1035. </p>
  1036. <p class="d-flex card-text text-start">
  1037. <i class="fa fa-plus mr-5 mt-1"></i>
  1038. <span>12.8Tbps switching capacity</span>
  1039. </p>
  1040. <p class="d-flex card-text text-start">
  1041. <i class="fa fa-plus mr-5 mt-1"></i>
  1042. <span>32 x 400GE QSFP28 ports</span>
  1043. </p>
  1044. <a
  1045. href="400g-data.html"
  1046. class="bg-light btn mt-4 px-5 py-3 w-100"
  1047. >Learn More</a
  1048. >
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. <a
  1055. class="carousel-control-prev d-flex justify-content-start"
  1056. type="button"
  1057. data-bs-target="#carouselExampleControls"
  1058. data-bs-slide="prev"
  1059. >
  1060. <i class="fa fa-2x fa-chevron-double-left"></i>
  1061. </a>
  1062. <a
  1063. class="carousel-control-next d-flex justify-content-end"
  1064. type="button"
  1065. data-bs-target="#carouselExampleControls"
  1066. data-bs-slide="next"
  1067. >
  1068. <i class="fa fa-2x fa-chevron-double-right"></i>
  1069. </a>
  1070. </div>
  1071. <div class="d-md-none">
  1072. <div class="card border-0 product-cards col-md-4">
  1073. <a href="network-switches.html">
  1074. <img
  1075. class="card-img-top w-75"
  1076. src="./assets/img/650!450/10g.png"
  1077. alt="Card image cap"
  1078. />
  1079. </a>
  1080. </div>
  1081. </div>
  1082. <div class="text-center mt-5">
  1083. <a
  1084. href="network-switches.html"
  1085. class="view-products bg-light"
  1086. >
  1087. <i class="fa fa-plus-circle mr-10"></i>
  1088. VIEW ALL
  1089. </a>
  1090. </div>
  1091. </div>
  1092. <!-- third tab-pane -->
  1093. <div
  1094. class="tab-pane fade"
  1095. id="pills-network"
  1096. role="tabpanel"
  1097. aria-labelledby="pills-network-tab"
  1098. >
  1099. <div class="d-flex mb-4 ps-md-4">
  1100. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1101. <p>Network Cards / Cables</p>
  1102. </div>
  1103. <div
  1104. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1105. >
  1106. <div class="card border-0 product-cards">
  1107. <img
  1108. class="card-img-top w-75"
  1109. src="./assets/img/650!450/700-series.png"
  1110. alt="Card image cap"
  1111. />
  1112. <div class="card-body text-center">
  1113. <h5 class="card-title text-start">
  1114. Anwi Ethernet Network Adapter XXV710
  1115. </h5>
  1116. <p class="d-flex card-text text-start">
  1117. <i class="fa fa-plus mr-5 mt-1"></i>
  1118. <span
  1119. >Flexible and Scalable I/O for Virtualized
  1120. Infrastructures</span
  1121. >
  1122. </p>
  1123. <p class="d-flex card-text text-start">
  1124. <i class="fa fa-plus mr-5 mt-1"></i>
  1125. <span
  1126. >Enhanced Network Virtualization Overlays (NVO)</span
  1127. >
  1128. </p>
  1129. <p class="d-flex card-text text-start">
  1130. <i class="fa fa-plus mr-5 mt-1"></i>
  1131. <span
  1132. >Onboard high-precision oscillator for greater phase
  1133. accuracy</span
  1134. >
  1135. </p>
  1136. <a
  1137. href="network-card-700series.html"
  1138. class="bg-light btn mt-4 px-5 py-3 w-100"
  1139. >Learn More</a
  1140. >
  1141. </div>
  1142. </div>
  1143. <div class="card border-0 product-cards">
  1144. <img
  1145. class="card-img-top w-75"
  1146. src="./assets/img/650!450/800-series.png"
  1147. alt="Card image cap"
  1148. />
  1149. <div class="card-body text-center">
  1150. <h5 class="card-title text-start">
  1151. Anwi Ethernet 800 Series Network Adapters
  1152. </h5>
  1153. <p class="d-flex card-text text-start">
  1154. <i class="fa fa-plus mr-5 mt-1"></i>
  1155. <span>Application Device Queues (ADQ)</span>
  1156. </p>
  1157. <p class="d-flex card-text text-start">
  1158. <i class="fa fa-plus mr-5 mt-1"></i>
  1159. <span>Supports both RDMA iWARP and RoCEv2</span>
  1160. </p>
  1161. <p class="d-flex card-text text-start">
  1162. <i class="fa fa-plus mr-5 mt-1"></i>
  1163. <span
  1164. >Connect to a wide range of switch speeds and media
  1165. types</span
  1166. >
  1167. </p>
  1168. <a
  1169. href="network-card-800series.html"
  1170. class="bg-light btn mt-4 px-5 py-3 w-100"
  1171. >Learn More</a
  1172. >
  1173. </div>
  1174. </div>
  1175. <div class="card border-0 product-cards d-none">
  1176. <img
  1177. class="card-img-top w-75"
  1178. src="./assets/img/servers/american-pass-small.svg"
  1179. alt="Card image cap"
  1180. />
  1181. <div class="card-body text-center">
  1182. <h5 class="card-title text-start">American Pass</h5>
  1183. <p class="d-flex card-text text-start">
  1184. <i class="fa fa-plus mr-5 mt-1"></i>
  1185. <span>3U Rack-Mount enclosure</span>
  1186. </p>
  1187. <p class="d-flex card-text text-start">
  1188. <i class="fa fa-plus mr-5 mt-1"></i>
  1189. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1190. </p>
  1191. <p class="card-text text-start">
  1192. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1193. </p>
  1194. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1195. >Learn More</a
  1196. >
  1197. </div>
  1198. </div>
  1199. </div>
  1200. <div class="d-md-none">
  1201. <div class="card border-0 product-cards col-md-4">
  1202. <a href="network-cards.html">
  1203. <img
  1204. class="card-img-top w-75"
  1205. src="./assets/img/650!450/800-series.png"
  1206. alt="Card image cap"
  1207. />
  1208. </a>
  1209. </div>
  1210. </div>
  1211. <div class="text-center mt-5">
  1212. <a href="network-cards.html" class="view-products bg-light">
  1213. <i class="fa fa-plus-circle mr-10"></i>
  1214. VIEW ALL
  1215. </a>
  1216. </div>
  1217. </div>
  1218. <!--fourth tab-pane-->
  1219. <div
  1220. class="tab-pane fade"
  1221. id="pills-storage"
  1222. role="tabpanel"
  1223. aria-labelledby="pills-storage-tab"
  1224. >
  1225. <div class="d-flex mb-4 ps-md-4">
  1226. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1227. <p>Storage</p>
  1228. </div>
  1229. <div
  1230. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1231. >
  1232. <div class="card border-0 product-cards">
  1233. <img
  1234. class="card-img-top w-75"
  1235. src="./assets/img/storage/24-bay-storage.png"
  1236. alt="Card image cap"
  1237. />
  1238. <div class="card-body text-center">
  1239. <h5 class="card-title text-start">24 Bay Storage</h5>
  1240. <p class="d-flex card-text text-start">
  1241. <i class="fa fa-plus mr-5 mt-1"></i>
  1242. <span>24 Bay Supermicro Server</span>
  1243. </p>
  1244. <p class="d-flex card-text text-start">
  1245. <i class="fa fa-plus mr-5 mt-1"></i>
  1246. <span>High-performance Computing Solutions</span>
  1247. </p>
  1248. <p class="d-flex card-text text-start">
  1249. <i class="fa fa-plus mr-5 mt-1"></i>
  1250. <span
  1251. >Advanced, hardware-enhanced security features</span
  1252. >
  1253. </p>
  1254. <a
  1255. href="24-bay-storage.html"
  1256. class="bg-light btn mt-4 px-5 py-3 w-100"
  1257. >Learn More</a
  1258. >
  1259. </div>
  1260. </div>
  1261. <div class="card border-0 product-cards d-none">
  1262. <img
  1263. class="card-img-top w-75"
  1264. src="./assets/img/servers/american-pass-small.svg"
  1265. alt="Card image cap"
  1266. />
  1267. <div class="card-body text-center">
  1268. <h5 class="card-title text-start">American Pass</h5>
  1269. <p class="d-flex card-text text-start">
  1270. <i class="fa fa-plus mr-5 mt-1"></i>
  1271. <span>3U Rack-Mount enclosure</span>
  1272. </p>
  1273. <p class="d-flex card-text text-start">
  1274. <i class="fa fa-plus mr-5 mt-1"></i>
  1275. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1276. </p>
  1277. <p class="d-flex card-text text-start">
  1278. <i class="fa fa-plus mr-5 mt-1"></i>
  1279. <span>DDR4 16x DIMMs</span>
  1280. </p>
  1281. <a href="" class="bg-light btn mt-4 px-5 py-3 w-100"
  1282. >Learn More</a
  1283. >
  1284. </div>
  1285. </div>
  1286. <div class="card border-0 product-cards d-none">
  1287. <img
  1288. class="card-img-top w-75"
  1289. src="./assets/img/servers/american-pass-small.svg"
  1290. alt="Card image cap"
  1291. />
  1292. <div class="card-body text-center">
  1293. <h5 class="card-title text-start">American Pass</h5>
  1294. <p class="d-flex card-text text-start">
  1295. <i class="fa fa-plus mr-5 mt-1"></i>
  1296. <span>3U Rack-Mount enclosure</span>
  1297. </p>
  1298. <p class="d-flex card-text text-start">
  1299. <i class="fa fa-plus mr-5 mt-1"></i>
  1300. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1301. </p>
  1302. <p class="card-text text-start">
  1303. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1304. </p>
  1305. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1306. >Learn More</a
  1307. >
  1308. </div>
  1309. </div>
  1310. </div>
  1311. <div class="d-md-none">
  1312. <div class="card border-0 product-cards col-md-4">
  1313. <a href="24-bay-storage.html">
  1314. <img
  1315. class="card-img-top w-75"
  1316. src="./assets/img/storage/24-bay-storage.png"
  1317. alt="Card image cap"
  1318. />
  1319. </a>
  1320. </div>
  1321. </div>
  1322. <div class="text-center mt-5">
  1323. <a href="24-bay-storage.html" class="view-products bg-light">
  1324. <i class="fa fa-plus-circle mr-10"></i>
  1325. VIEW ALL
  1326. </a>
  1327. </div>
  1328. </div>
  1329. <!-- fifth tab pane -->
  1330. <div
  1331. class="tab-pane fade"
  1332. id="pills-router"
  1333. role="tabpanel"
  1334. aria-labelledby="pills-router-tab"
  1335. >
  1336. <div class="d-flex mb-4 ps-md-4">
  1337. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1338. <p>Routers</p>
  1339. </div>
  1340. <div
  1341. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1342. >
  1343. <div class="card border-0 product-cards">
  1344. <img
  1345. class="card-img-top w-75"
  1346. src="./assets/img/650!450/router1.png"
  1347. alt="Card image cap"
  1348. />
  1349. <div class="card-body text-center">
  1350. <h5 class="card-title text-start">COR580</h5>
  1351. <p class="d-flex card-text text-start">
  1352. <i class="fa fa-plus mr-5 mt-1"></i>
  1353. <span
  1354. >Support for single-stage and three-stage fabric
  1355. configurations</span
  1356. >
  1357. </p>
  1358. <p class="d-flex card-text text-start">
  1359. <i class="fa fa-plus mr-5 mt-1"></i>
  1360. <span>Self-routing with dynamic load balancing</span>
  1361. </p>
  1362. <p class="d-flex card-text text-start">
  1363. <i class="fa fa-plus mr-5 mt-1"></i>
  1364. <span>24 x QSFP-DD cell-based fabric ports</span>
  1365. </p>
  1366. <a
  1367. href="routers.html"
  1368. class="bg-light btn mt-4 px-5 py-3 w-100"
  1369. >Learn More</a
  1370. >
  1371. </div>
  1372. </div>
  1373. <div class="card border-0 product-cards d-none">
  1374. <img
  1375. class="card-img-top w-75"
  1376. src="./assets/img/servers/american-pass-small.svg"
  1377. alt="Card image cap"
  1378. />
  1379. <div class="card-body text-center">
  1380. <h5 class="card-title text-start">American Pass</h5>
  1381. <p class="d-flex card-text text-start">
  1382. <i class="fa fa-plus mr-5 mt-1"></i>
  1383. <span>3U Rack-Mount enclosure</span>
  1384. </p>
  1385. <p class="d-flex card-text text-start">
  1386. <i class="fa fa-plus mr-5 mt-1"></i>
  1387. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1388. </p>
  1389. <p class="card-text text-start">
  1390. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1391. </p>
  1392. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1393. >Learn More</a
  1394. >
  1395. </div>
  1396. </div>
  1397. <div class="card border-0 product-cards d-none">
  1398. <img
  1399. class="card-img-top w-75"
  1400. src="./assets/img/servers/american-pass-small.svg"
  1401. alt="Card image cap"
  1402. />
  1403. <div class="card-body text-center">
  1404. <h5 class="card-title text-start">American Pass</h5>
  1405. <p class="d-flex card-text text-start">
  1406. <i class="fa fa-plus mr-5 mt-1"></i>
  1407. <span>3U Rack-Mount enclosure</span>
  1408. </p>
  1409. <p class="d-flex card-text text-start">
  1410. <i class="fa fa-plus mr-5 mt-1"></i>
  1411. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1412. </p>
  1413. <p class="card-text text-start">
  1414. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1415. </p>
  1416. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1417. >Learn More</a
  1418. >
  1419. </div>
  1420. </div>
  1421. </div>
  1422. <div class="d-md-none">
  1423. <div class="card border-0 product-cards col-md-4">
  1424. <a href="routers.html">
  1425. <img
  1426. class="card-img-top w-75"
  1427. src="./assets/img/650!450/router1.png"
  1428. alt="Card image cap"
  1429. />
  1430. </a>
  1431. </div>
  1432. </div>
  1433. <div class="text-center mt-5">
  1434. <a href="routers.html" class="view-products bg-light">
  1435. <i class="fa fa-plus-circle mr-10"></i>
  1436. VIEW ALL
  1437. </a>
  1438. </div>
  1439. </div>
  1440. <!-- sixth tab pane -->
  1441. <div
  1442. class="tab-pane fade"
  1443. id="pills-firewalls"
  1444. role="tabpanel"
  1445. aria-labelledby="pills-firewalls-tab"
  1446. >
  1447. <div class="d-flex mb-4 ps-md-4">
  1448. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1449. <p>Firewalls</p>
  1450. </div>
  1451. <div
  1452. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1453. >
  1454. <div class="card border-0 product-cards">
  1455. <img
  1456. class="card-img-top w-75"
  1457. src="./assets/img/firewall/firewall1.png"
  1458. alt="Card image cap"
  1459. />
  1460. <div class="card-body text-center">
  1461. <h5 class="card-title text-start">Netgate 7100 1U</h5>
  1462. <p class="d-flex card-text text-start">
  1463. <i class="fa fa-plus mr-5 mt-1"></i>
  1464. <span
  1465. >Standard configuration with 8GB of RAM and 32GB
  1466. storage.</span
  1467. >
  1468. </p>
  1469. <p class="d-flex card-text text-start">
  1470. <i class="fa fa-plus mr-5 mt-1"></i>
  1471. <span
  1472. >This system is designed for a long deployment
  1473. lifetime.</span
  1474. >
  1475. </p>
  1476. <p class="d-flex card-text text-start">
  1477. <i class="fa fa-plus mr-5 mt-1"></i>
  1478. <span
  1479. >Maximum Active Connections: 8,000,000 (more with
  1480. additional RAM)</span
  1481. >
  1482. </p>
  1483. <a
  1484. href="firewall.html"
  1485. class="bg-light btn mt-4 px-5 py-3 w-100"
  1486. >Learn More</a
  1487. >
  1488. </div>
  1489. </div>
  1490. <div class="card border-0 product-cards d-none">
  1491. <img
  1492. class="card-img-top w-75"
  1493. src="./assets/img/servers/american-pass-small.svg"
  1494. alt="Card image cap"
  1495. />
  1496. <div class="card-body text-center">
  1497. <h5 class="card-title text-start">American Pass</h5>
  1498. <p class="d-flex card-text text-start">
  1499. <i class="fa fa-plus mr-5 mt-1"></i>
  1500. <span>3U Rack-Mount enclosure</span>
  1501. </p>
  1502. <p class="d-flex card-text text-start">
  1503. <i class="fa fa-plus mr-5 mt-1"></i>
  1504. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1505. </p>
  1506. <p class="card-text text-start">
  1507. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1508. </p>
  1509. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1510. >Learn More</a
  1511. >
  1512. </div>
  1513. </div>
  1514. <div class="card border-0 product-cards d-none">
  1515. <img
  1516. class="card-img-top w-75"
  1517. src="./assets/img/servers/american-pass-small.svg"
  1518. alt="Card image cap"
  1519. />
  1520. <div class="card-body text-center">
  1521. <h5 class="card-title text-start">American Pass</h5>
  1522. <p class="d-flex card-text text-start">
  1523. <i class="fa fa-plus mr-5 mt-1"></i>
  1524. <span>3U Rack-Mount enclosure</span>
  1525. </p>
  1526. <p class="d-flex card-text text-start">
  1527. <i class="fa fa-plus mr-5 mt-1"></i>
  1528. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1529. </p>
  1530. <p class="card-text text-start">
  1531. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1532. </p>
  1533. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1534. >Learn More</a
  1535. >
  1536. </div>
  1537. </div>
  1538. </div>
  1539. <div class="d-md-none">
  1540. <div class="card border-0 product-cards col-md-4">
  1541. <a href="firewall.html">
  1542. <img
  1543. class="card-img-top w-75"
  1544. src="./assets/img/firewall/firewall1.png"
  1545. alt="Card image cap"
  1546. />
  1547. </a>
  1548. </div>
  1549. </div>
  1550. <div class="text-center mt-5">
  1551. <a href="firewall.html" class="view-products bg-light">
  1552. <i class="fa fa-plus-circle mr-10"></i>
  1553. VIEW ALL
  1554. </a>
  1555. </div>
  1556. </div>
  1557. <!-- seventh tab pane -->
  1558. <div
  1559. class="tab-pane fade"
  1560. id="pills-smart-rack"
  1561. role="tabpanel"
  1562. aria-labelledby="pills-smart-rack-tab"
  1563. >
  1564. <div class="d-flex mb-4 ps-md-4">
  1565. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1566. <p>Smart Racks</p>
  1567. </div>
  1568. <div
  1569. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1570. >
  1571. <div class="card border-0 product-cards">
  1572. <img
  1573. class="card-img-top w-75"
  1574. src="./assets/img/racks/server-rack.png"
  1575. alt="Card image cap"
  1576. />
  1577. <div class="card-body text-center">
  1578. <h5 class="card-title text-start">Smart Racks</h5>
  1579. <p class="d-flex card-text text-start">
  1580. <i class="fa fa-plus mr-5 mt-1"></i>
  1581. <span>3U Rack-Mount enclosure</span>
  1582. </p>
  1583. <p class="d-flex card-text text-start">
  1584. <i class="fa fa-plus mr-5 mt-1"></i>
  1585. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1586. </p>
  1587. <p class="d-flex card-text text-start">
  1588. <i class="fa fa-plus mr-5 mt-1"></i>
  1589. <span>DDR4 16x DIMMs</span>
  1590. </p>
  1591. <a
  1592. href="racks.html"
  1593. class="bg-light btn mt-4 px-5 py-3 w-100"
  1594. >Learn More</a
  1595. >
  1596. </div>
  1597. </div>
  1598. <div class="card border-0 product-cards d-none">
  1599. <img
  1600. class="card-img-top w-75"
  1601. src="./assets/img/servers/american-pass-small.svg"
  1602. alt="Card image cap"
  1603. />
  1604. <div class="card-body text-center">
  1605. <h5 class="card-title text-start">American Pass</h5>
  1606. <p class="d-flex card-text text-start">
  1607. <i class="fa fa-plus mr-5 mt-1"></i>
  1608. <span>3U Rack-Mount enclosure</span>
  1609. </p>
  1610. <p class="d-flex card-text text-start">
  1611. <i class="fa fa-plus mr-5 mt-1"></i>
  1612. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1613. </p>
  1614. <p class="card-text text-start">
  1615. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1616. </p>
  1617. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1618. >Learn More</a
  1619. >
  1620. </div>
  1621. </div>
  1622. <div class="card border-0 product-cards d-none">
  1623. <img
  1624. class="card-img-top w-75"
  1625. src="./assets/img/servers/american-pass-small.svg"
  1626. alt="Card image cap"
  1627. />
  1628. <div class="card-body text-center">
  1629. <h5 class="card-title text-start">American Pass</h5>
  1630. <p class="d-flex card-text text-start">
  1631. <i class="fa fa-plus mr-5 mt-1"></i>
  1632. <span>3U Rack-Mount enclosure</span>
  1633. </p>
  1634. <p class="d-flex card-text text-start">
  1635. <i class="fa fa-plus mr-5 mt-1"></i>
  1636. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1637. </p>
  1638. <p class="card-text text-start">
  1639. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1640. </p>
  1641. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1642. >Learn More</a
  1643. >
  1644. </div>
  1645. </div>
  1646. </div>
  1647. <div class="d-md-none">
  1648. <div class="card border-0 product-cards col-md-4">
  1649. <a href="racks.html">
  1650. <img
  1651. class="card-img-top w-75"
  1652. src="./assets/img/racks/server-rack.png"
  1653. alt="Card image cap"
  1654. />
  1655. </a>
  1656. </div>
  1657. </div>
  1658. <div class="text-center mt-5">
  1659. <a href="racks.html" class="view-products bg-light">
  1660. <i class="fa fa-plus-circle mr-10"></i>
  1661. VIEW ALL
  1662. </a>
  1663. </div>
  1664. </div>
  1665. <!-- eigth tab pane -->
  1666. <div
  1667. class="tab-pane fade"
  1668. id="pills-management-units"
  1669. role="tabpanel"
  1670. aria-labelledby="pills-management-units-tab"
  1671. >
  1672. <div class="d-flex mb-4 ps-md-4">
  1673. <i class="fa fa-2x fa-compass mr-10 my-auto"></i>
  1674. <p>Mangement Units</p>
  1675. </div>
  1676. <div
  1677. class="d-flex g-4 row row-cols-1 row-cols-md-3 ps-md-5 d-none d-md-flex"
  1678. >
  1679. <div class="card border-0 product-cards">
  1680. <img
  1681. class="card-img-top w-75"
  1682. src="./assets/img/no-image.png"
  1683. alt="Card image cap"
  1684. />
  1685. <div class="card-body text-center">
  1686. <h5 class="card-title text-start">IMOU units</h5>
  1687. <p class="d-flex card-text text-start">
  1688. <i class="fa fa-plus mr-5 mt-1"></i>
  1689. <span>3U Rack-Mount enclosure</span>
  1690. </p>
  1691. <p class="d-flex card-text text-start">
  1692. <i class="fa fa-plus mr-5 mt-1"></i>
  1693. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1694. </p>
  1695. <p class="d-flex card-text text-start">
  1696. <i class="fa fa-plus mr-5 mt-1"></i>
  1697. <span>DDR4 16x DIMMs</span>
  1698. </p>
  1699. <a
  1700. href="management-units.html"
  1701. class="bg-light btn mt-4 px-5 py-3 w-100"
  1702. >Learn More</a
  1703. >
  1704. </div>
  1705. </div>
  1706. <div class="card border-0 product-cards d-none">
  1707. <img
  1708. class="card-img-top w-75"
  1709. src="./assets/img/servers/american-pass-small.svg"
  1710. alt="Card image cap"
  1711. />
  1712. <div class="card-body text-center">
  1713. <h5 class="card-title text-start">American Pass</h5>
  1714. <p class="d-flex card-text text-start">
  1715. <i class="fa fa-plus mr-5 mt-1"></i>
  1716. <span>3U Rack-Mount enclosure</span>
  1717. </p>
  1718. <p class="d-flex card-text text-start">
  1719. <i class="fa fa-plus mr-5 mt-1"></i>
  1720. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1721. </p>
  1722. <p class="card-text text-start">
  1723. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1724. </p>
  1725. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1726. >Learn More</a
  1727. >
  1728. </div>
  1729. </div>
  1730. <div class="card border-0 product-cards d-none">
  1731. <img
  1732. class="card-img-top w-75"
  1733. src="./assets/img/servers/american-pass-small.svg"
  1734. alt="Card image cap"
  1735. />
  1736. <div class="card-body text-center">
  1737. <h5 class="card-title text-start">American Pass</h5>
  1738. <p class="d-flex card-text text-start">
  1739. <i class="fa fa-plus mr-5 mt-1"></i>
  1740. <span>3U Rack-Mount enclosure</span>
  1741. </p>
  1742. <p class="d-flex card-text text-start">
  1743. <i class="fa fa-plus mr-5 mt-1"></i>
  1744. <span>3rd Gen Intel® Xeon® Scalable processors</span>
  1745. </p>
  1746. <p class="card-text text-start">
  1747. <i class="fa fa-plus"></i> <span>DDR4 16x DIMMs</span>
  1748. </p>
  1749. <a href="#" class="bg-light btn mt-4 px-5 py-3 w-100"
  1750. >Learn More</a
  1751. >
  1752. </div>
  1753. </div>
  1754. </div>
  1755. <div class="d-md-none">
  1756. <div class="card border-0 product-cards col-md-4">
  1757. <a href="management-units.html">
  1758. <img
  1759. class="card-img-top w-75"
  1760. src="./assets/img/no-image.png"
  1761. alt="Card image cap"
  1762. />
  1763. </a>
  1764. </div>
  1765. </div>
  1766. <div class="text-center mt-5">
  1767. <a
  1768. href="management-units.html"
  1769. class="view-products bg-light"
  1770. >
  1771. <i class="fa fa-plus-circle mr-10"></i>
  1772. VIEW ALL
  1773. </a>
  1774. </div>
  1775. </div>
  1776. </div>
  1777. </div>
  1778. </div>
  1779. <div class="container my-5 our-team">
  1780. <div class="our-team-head">
  1781. <h2>Our Team</h2>
  1782. </div>
  1783. <div class="row our-team-content">
  1784. <div class="col-lg-5">
  1785. <img src="./assets/img/slider/our-team.svg" alt="" />
  1786. </div>
  1787. <div class="col-lg-7">
  1788. <div
  1789. id="carouselExampleIndicators-2"
  1790. class="carousel slide"
  1791. data-ride="carousel"
  1792. >
  1793. <div>
  1794. <a
  1795. class="carousel-control-prev"
  1796. href="#carouselExampleIndicators-2"
  1797. role="button"
  1798. data-slide="prev"
  1799. >
  1800. <i class="fa fa-arrow-left"></i>
  1801. </a>
  1802. <ol class="carousel-indicators">
  1803. <li
  1804. data-target="#carouselExampleIndicators-2"
  1805. data-slide-to="0"
  1806. class="active"
  1807. ></li>
  1808. <li
  1809. data-target="#carouselExampleIndicators-2"
  1810. data-slide-to="1"
  1811. ></li>
  1812. <li
  1813. data-target="#carouselExampleIndicators-2"
  1814. data-slide-to="2"
  1815. ></li>
  1816. </ol>
  1817. <a
  1818. class="carousel-control-next"
  1819. href="#carouselExampleIndicators-2"
  1820. role="button"
  1821. data-slide="next"
  1822. >
  1823. <i class="fa fa-arrow-right"></i>
  1824. </a>
  1825. </div>
  1826. <div class="carousel-inner">
  1827. <div class="carousel-item active">
  1828. <div>
  1829. <p class="pb-3">01</p>
  1830. <h4 class="pb-3 font-weight-bold">Who we are</h4>
  1831. <p>
  1832. Anwi Systems is an innovative 5G networking solution
  1833. provider with an abundance of passion and energy to
  1834. enhance the core values of our company.
  1835. </p>
  1836. </div>
  1837. </div>
  1838. <div class="carousel-item">
  1839. <div>
  1840. <p class="pb-3">02</p>
  1841. <h4 class="pb-3 font-weight-bold">Our Engineering</h4>
  1842. <p>
  1843. Engineering R&D accounts for 66% of our total headcount
  1844. with the majority of engineers having over 10 years of
  1845. related working experience.
  1846. </p>
  1847. </div>
  1848. </div>
  1849. <div class="carousel-item">
  1850. <div>
  1851. <p class="pb-3">03</p>
  1852. <h4 class="pb-3 font-weight-bold">Our Standards</h4>
  1853. <p>
  1854. All of our products go through rigorous third-party
  1855. testing to ensure our system performance meets industry
  1856. quality standards. Before third party testing, Anwi
  1857. Systems has the capability to validate hardware design,
  1858. electrical design, mechanical design and system design
  1859. </p>
  1860. </div>
  1861. </div>
  1862. </div>
  1863. </div>
  1864. </div>
  1865. </div>
  1866. </div>
  1867. <div class="container mt-5 solutions">
  1868. <div class="solutions-head">
  1869. <h2>
  1870. Solutions for every need, no <br />
  1871. matter the size.
  1872. </h2>
  1873. </div>
  1874. <div class="row solutions-content">
  1875. <div class="col-lg-4 col-md-6">
  1876. <div class="card border-0 mx-3">
  1877. <img
  1878. class="card-img-top m-auto py-5 w-50"
  1879. src="./assets/img/slider/Cityscapes Medium Building 1.svg"
  1880. alt="Card image cap"
  1881. />
  1882. <div class="card-body">
  1883. <h5 class="card-title">Team</h5>
  1884. <p class="card-text">
  1885. Some quick example text to build on the card title and make
  1886. up the bulk of the card's content.
  1887. </p>
  1888. <div class="w-100 text-lg-end mt-3">
  1889. <a href="#"
  1890. >Learn More <i class="fa fa-arrow-right pl-30"></i>
  1891. </a>
  1892. </div>
  1893. </div>
  1894. </div>
  1895. </div>
  1896. <div class="col-lg-4 col-md-6">
  1897. <div class="card border-0 mx-3">
  1898. <img
  1899. class="card-img-top m-auto py-3 w-75"
  1900. src="./assets/img/slider/Cityscapes Skyscraper 1.png"
  1901. alt="Card image cap"
  1902. />
  1903. <div class="card-body">
  1904. <h5 class="card-title">Business</h5>
  1905. <p class="card-text">
  1906. Some quick example text to build on the card title and make
  1907. up the bulk of the card's content.
  1908. </p>
  1909. <div class="w-100 text-lg-end mt-3">
  1910. <a href="#"
  1911. >Learn More <i class="fa fa-arrow-right pl-30"></i>
  1912. </a>
  1913. </div>
  1914. </div>
  1915. </div>
  1916. </div>
  1917. <div class="col-lg-4 col-md-6">
  1918. <div class="card border-0 mx-3">
  1919. <img
  1920. class="card-img-top m-auto py-3 w-75"
  1921. src="./assets/img/slider/Cityscapes Downtown.png"
  1922. alt="Card image cap"
  1923. />
  1924. <div class="card-body">
  1925. <h5 class="card-title">Enterprise</h5>
  1926. <p class="card-text">
  1927. Some quick example text to build on the card title and make
  1928. up the bulk of the card's content.
  1929. </p>
  1930. <div class="w-100 text-lg-end mt-3">
  1931. <a href="#"
  1932. >Learn More <i class="fa fa-arrow-right pl-30"></i>
  1933. </a>
  1934. </div>
  1935. </div>
  1936. </div>
  1937. </div>
  1938. </div>
  1939. </div>
  1940. </div>
  1941. </section>
  1942. <!-- product tab end -->
  1943. <!-- About us start -->
  1944. <section class="content-block collbrate-img bg collabrate-section d-none">
  1945. <div class="container">
  1946. <div class="row align-items-center justify-content-between">
  1947. <div class="text-content-block col-lg-8">
  1948. <h6>COLLABRATION WITH US</h6>
  1949. <h2>Dedicated IT Solutions with 25 Years Experience</h2>
  1950. <p>
  1951. Entrepreneurs, artist, athletes and other individuals who have
  1952. excelled in their field share fun and inspiring stories from their
  1953. journey to success.
  1954. </p>
  1955. </div>
  1956. <div class="text-content-block col-lg-4">
  1957. <figure>
  1958. <img src="./assets/img/iconset01.png" alt="Image" />
  1959. </figure>
  1960. <div class="text-center">
  1961. <a href="about-us.html">Know More....</a>
  1962. </div>
  1963. <!-- end text-content-block -->
  1964. </div>
  1965. <!-- end col-6 -->
  1966. <!-- <div class="col-lg-3 col-md-6 wow fadeIn animated scroll_img1" style="visibility: visible;">
  1967. <figure class="image-box" data-stellar-ratio="1.3" style="display: block; top: 87.5156px;"> <img
  1968. id="scroll_img" src="./assets/img/service/intro-image01.jpg" alt="Image"> </figure>
  1969. </div> -->
  1970. <!-- end col-3 -->
  1971. <!-- <div class="col-lg-3 col-md-6 wow fadeIn animated sticky" style="visibility: visible;">
  1972. <figure class="image-box sec-img-box" data-stellar-ratio="1.1" style="display: block; top: 29.1719px;"> <img
  1973. src="./assets/img/service/intro-image02.jpg" alt="Image"> </figure>
  1974. </div> -->
  1975. <!-- end col-3 -->
  1976. </div>
  1977. <!-- end row -->
  1978. </div>
  1979. <!-- end container -->
  1980. </section>
  1981. <!-- about us end -->
  1982. <!-- Promotion Banner -->
  1983. <section class="promotion-section content-block d-none">
  1984. <div class="container promotion-container">
  1985. <div class="banner-img-wrapper">
  1986. <img
  1987. src="./assets/img/promotions-banners/collaborate-with-us.jpg"
  1988. alt="promotion-banner"
  1989. class="img-fluid d-none d-md-block"
  1990. />
  1991. <img
  1992. src="./assets/img/promotions-banners/collaborate-with-us.jpg"
  1993. alt="promotion-banner"
  1994. class="img-fluid d-block d-md-none"
  1995. />
  1996. </div>
  1997. </div>
  1998. </section>
  1999. <!-- End-Promotion Banner -->
  2000. <section class="static-media-section theme-bg py-45 content-block d-none">
  2001. <div class="container">
  2002. <div class="static-media-wrap p-0">
  2003. <div class="row">
  2004. <div class="col-lg-3 col-sm-6 py-3 static-media">
  2005. <div class="d-flex static-media2 flex-column flex-sm-row">
  2006. <img
  2007. class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
  2008. src="./assets/img/icon/2.png"
  2009. alt="icon"
  2010. />
  2011. <div class="media-body shipping1">
  2012. <h4 class="title text-capitalize text-white">
  2013. Free Shipping
  2014. </h4>
  2015. <p class="text text-white">On all orders over $75.00</p>
  2016. </div>
  2017. </div>
  2018. </div>
  2019. <div class="col-lg-3 col-sm-6 py-3 static-media1">
  2020. <div class="d-flex static-media2 flex-column flex-sm-row">
  2021. <img
  2022. class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
  2023. src="./assets/img/icon/3.png"
  2024. alt="icon"
  2025. />
  2026. <div class="media-body shipping2">
  2027. <h4 class="title text-capitalize text-white">Free Returns</h4>
  2028. <p class="text text-white">Returns are free within 9 days</p>
  2029. </div>
  2030. </div>
  2031. </div>
  2032. <div class="col-lg-3 col-sm-6 py-3 static-media">
  2033. <div class="d-flex static-media2 flex-column flex-sm-row">
  2034. <img
  2035. class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
  2036. src="./assets/img/icon/5.png"
  2037. alt="icon"
  2038. />
  2039. <div class="media-body shipping3">
  2040. <h4 class="title text-capitalize text-white">Support 24/7</h4>
  2041. <p class="text text-white">Contact us 24 hours a day</p>
  2042. </div>
  2043. </div>
  2044. </div>
  2045. <div class="col-lg-3 col-sm-6 py-3 static-media1">
  2046. <div class="d-flex static-media2 flex-column flex-sm-row">
  2047. <img
  2048. class="align-self-center mb-2 mb-sm-0 me-auto me-sm-3"
  2049. src="./assets/img/icon/4.png"
  2050. alt="icon"
  2051. />
  2052. <div class="media-body shipping4">
  2053. <h4 class="title text-capitalize text-white">
  2054. 100% Payment Secure
  2055. </h4>
  2056. <p class="text text-white">Your payment are safe with us.</p>
  2057. </div>
  2058. </div>
  2059. </div>
  2060. </div>
  2061. </div>
  2062. </div>
  2063. </section>
  2064. <!-- blog-section end -->
  2065. <!-- footer start -->
  2066. <div id="footer-head"></div>
  2067. <!-- footer end -->
  2068. <!--------------------------- all js files ------------------->
  2069. <!--------------- jquery,modernizr ,poppe,bootstrap,plugins and main js-------------------------------->
  2070. <script
  2071. src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  2072. integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  2073. crossorigin="anonymous"
  2074. ></script>
  2075. <!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
  2076. integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
  2077. </script> -->
  2078. <script
  2079. src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
  2080. integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
  2081. crossorigin="anonymous"
  2082. ></script>
  2083. <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
  2084. <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
  2085. <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
  2086. <script src="assets/js/plugins/jquery-ui.min.js"></script>
  2087. <script src="assets/js/bootstrap.bundle.min.js"></script>
  2088. <script src="assets/js/plugins/plugins.js"></script>
  2089. <script src="assets/js/plugins/ajax-contact.js"></script>
  2090. <script src="assets/js/main.js"></script>
  2091. <script src="assets/js/scroll.js"></script>
  2092. <script src="assets/js/cart.js"></script>
  2093. <!-- Use the minified version files listed below for better performance and remove the files listed above -->
  2094. <script src="assets/js/vendor/vendor.min.js"></script>
  2095. <script src="assets/js/plugins/plugins.min.js"></script>
  2096. <script src="assets/js/main.js"></script>
  2097. <!-- navbar-js -->
  2098. <script src="assets/js/navbar.js"></script>
  2099. <!-- footer-js -->
  2100. <script src="assets/js/footer.js"></script>
  2101. </body>
  2102. </html>