2023-01-19 17:43:20 +05:30
<!DOCTYPE html>
< html lang = "en" >
2023-01-19 20:15:23 +05:30
2023-01-25 19:01:39 +05:30
< head >
2023-01-19 17:43:20 +05:30
< meta charset = "UTF-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" />
2023-01-19 20:15:23 +05:30
2023-01-25 19:01:39 +05:30
< link rel = "stylesheet" href = "../../../libs/bootstrap/css/bootstrap.min.css" />
2023-01-19 17:43:20 +05:30
< link rel = "stylesheet" href = "./../../css/main.css" />
2023-01-25 19:01:39 +05:30
< link rel = "stylesheet" href = "../../../styles/style.css" >
< link rel = "stylesheet" href = "../../../libs/Owlcarousel/Css/owl.carousel.min.css" >
< link rel = "stylesheet" href = "../../../libs/Owlcarousel/Css/owl.theme.default.min.css" >
2023-01-19 20:15:23 +05:30
< title > Anwi</ title >
2023-01-25 19:01:39 +05:30
</ head >
< body >
< main class = "home-main-container" >
< section class = "hero-banner" >
< header >
<!-- navbar -->
< div id = "navbar-head" ></ div >
<!-- end-navbar -->
</ header >
< hr class = "mx-5" >
<!-- banner-start -->
< div class = "container" >
< section class = "banner-wrapper " >
< div class = "banner-main-container" >
< div class = "col-md-6 mt-7" >
< h5 class = "mb-4" > AIO24 - 1700N</ h5 >
< h1 class = "banner_heading_4 mb-4" > All-in-One</ h1 >
< h6 class = "subtitle_1 mb-4" > Extraordinary Performance and Unparalleled Flexibility</ h6 >
< a class = "btn btn-dark button_dark" href = "#" > Learn
More</ a >
</ div >
</ div >
</ section >
< section class = "offer-main-sec py-2 mb-3" >
< div class = "offer-sec bg-white shadow rounded ms-auto
col-md-4" >
< p class = "py-3 text-center satoshi_font" > Flat < span class = "fw-bold" > 4,500</ span > Instant Discount with HDFC credit card</ p >
</ div >
</ section >
</ div >
</ section >
<!-- end-banner -->
<!-- partners -->
< section class = "aw-partners sec-space-1" >
< div class = "container d-none d-sm-block" >
< div class = "row g-0 justify-content-center
align-items-center px-4 text-center" >
< div class = "col-md-3 sec-space-3" >< img src = "../../assets/imgs/Home/aw-partner-1.png" class = "
img-fluid" alt = "partners-img" ></ div >
< div class = "col-md-3 sec-space-3" >< img src = "../../assets/imgs/Home/aw-partner-2.png" class = "
img-fluid" alt = "partners-img" ></ div >
< div class = "col-md-3 sec-space-3" >< img src = "../../assets/imgs/Home/aw-partner-3.png" class = "
img-fluid" alt = "partners-img" ></ div >
< div class = "col-md-3 sec-space-3" >< img src = "../../assets/imgs/Home/aw-partner-4.png" class = "
img-fluid" alt = "partners-img" ></ div >
</ div >
</ div >
< div class = "d-block d-sm-none" >
< div class = "d-flex g-0 justify-content-center
align-items-center text-center" >
< div class = "col-md-6 sec-space-3" >< img src = "../../assets/imgs/Home/moobile-partner-img-1.png" class = "
img-fluid" alt = "partners-img" ></ div >
< div class = "col-md-6 ms-5 sec-space-3" >< img src = "../../assets/imgs/Home/moobile-partner-img-2.png" class = "
img-fluid" alt = "partners-img" ></ div >
</ div >
< div class = "d-flex g-0 justify-content-center
align-items-center text-center" >
< div class = "col-md-6 sec-space-3 windows-icon-mb" >< img src = "../../assets/imgs/Home/moobile-partner-img-3.png" class = "
img-fluid" alt = "partners-img" ></ div >
< div class = "col-md-6 ms-5 sec-space-3" >< img src = "../../assets/imgs/Home/moobile-partner-img-4.png" class = "
img-fluid" alt = "partners-img" ></ div >
</ div >
</ div >
</ section >
< section class = "products-container sec-space-1" >
< div class = "products-main-container" >
< div class = "row g-0" >
< div class = "col-md-6 consumer-prd position-relative" >< img class = "img-fluid" src = "../../assets/imgs/Home/consumer-product.png" alt = "consumer-product" >
< div class = "product-heading position-absolute top-0
w-100" >
< div class = "d-flex align-items-center m-4" >
< span class = "text-start" >
< h4 class = "text-white fw-bold" > Consumer
Product</ h4 >
</ span >
< span class = "text-end ms-auto" >
< h5 class = "text-white fw-bold" >< svg
xmlns = "http://www.w3.org/2000/svg"
width = "45"
height = "45"
fill = "#fff" class = "bi
bi-arrow-right-circle"
viewBox = "0
0 16 16" >
< path fill-rule = "evenodd" d = "M1
8a7 7 0 1 0 14 0A7 7 0 0
0 1 8zm15 0A8 8 0 1 1 0 8a8
8 0 0 1 16 0zM4.5 7.5a.5.5
0 0 0 0 1h5.793l-2.147
2.146a.5.5 0 0 0
.708.708l3-3a.5.5 0 0 0
0-.708l-3-3a.5.5 0 1
0-.708.708L10.293 7.5H4.5z"
/>
</ svg ></ h5 >
</ span >
</ div >
</ div >
</ div >
< div class = "col-md-6 enterprise-prd
position-relative" >< img src = "../../assets/imgs/Home/enterprise-product.png" alt = "enterprise-product" class = "img-fluid" >
< div class = "product-heading position-absolute
bottom-0 w-100" >
< div class = "d-flex align-items-center m-4" >
< span class = "text-start" >
< h4 class = "text-white fw-bold" > Enterprise
Product</ h4 >
</ span >
< span class = "text-end ms-auto" >
< h5 class = "text-white
fw-bold" >< svg
xmlns = "http://www.w3.org/2000/svg"
width = "45" height = "45"
fill = "#fff" class = "bi
bi-arrow-right-circle"
viewBox = "0 0 16 16" >
< path fill-rule = "evenodd"
d = "M1 8a7 7 0 1 0 14 0A7
7 0
0
0 1 8zm15 0A8 8 0 1 1 0
8a8 8 0 0 1 16 0zM4.5
7.5a.5.5
0 0 0 0 1h5.793l-2.147
2.146a.5.5 0 0 0
.708.708l3-3a.5.5 0 0 0
0-.708l-3-3a.5.5 0 1
0-.708.708L10.293
7.5H4.5z" />
</ svg ></ h5 >
</ span >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- end-partners -->
<!-- features -->
< section class = "main-features-container sec-space-1" >
< div class = "main-features-heading" >
< div class = "container " >
< div class = "justify-content-between
align-items-center d-block d-sm-flex" >
< div class = "col-md-6 mobile-text-center" >
< h1 > Now</ h1 >
< h1 > < span class = "fw-bold" > Presenting</ span ></ h1 >
</ div >
< div class = "col-md-6" >
< h5 class = "satoshi_font fw-normal" > Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis repudiandae eos inventore necessitatibus rem nostrum placeat fugit repellat. Similique provident reprehenderit quas cupiditate.</ h5 >
</ div >
</ div >
< div class = "aw-main-features sec-space-1" >
< div class = " d-block d-sm-flex
justify-content-around" >
< div class = "aw-main-features-toggle" >
< div class = "aw-main-features-toggler-tab
d-none" >
< div class = "feature-sno" >
< h3 class = "border-bottom
border-dark
satoshi_font" >
01
</ h3 >
</ div >
< div class = "aw-feature-name
satoshi_font" >
< h5 class = "satoshi_font" > Advanced Cooling
</ h5 >
</ div >
</ div >
< div class = "feature-bg-image
position-relative me-3" style = "max-width: 30rem;" >
< img src = "https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class = "w-100" />
< div class = "position-absolute
bottom-0 text-light w-100" >
< p class = "p-2 m-0" > 01.</ p >
< div class = "d-flex
justify-content-between" style = "background-color:
rgba(0,
0, 0, 0.5)" >
< p class = "p-2 m-0" > Advanced Cooling
</ p >
< button type = "button" class = "btn
btn-primary
rounded-0 satoshi_font" > Learn
More</ button >
</ div >
</ div >
</ div >
</ div >
< div class = "bg-light p-3
aw-main-features-toggle" >
< div class = "aw-main-features-toggler-tab" >
< div class = "feature-sno" >
< h3 class = "border-bottom
border-dark
satoshi_font" >
02
</ h3 >
</ div >
< div class = "aw-feature-name
satoshi_font" >
< h5 class = "satoshi_font" > The Neverless
</ h5 >
</ div >
</ div >
< div class = "feature-bg-image
position-relative me-3 d-none" style = "max-width: 30rem;" >
< img src = "https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class = "w-100" />
< div class = "position-absolute
bottom-0 text-light w-100" >
< p class = "p-2 m-0" > 02.</ p >
< div class = "d-flex
justify-content-between" style = "background-color:
rgba(0,
0, 0, 0.5)" >
< p class = "p-2 m-0" > The Neverless
</ p >
< button type = "button" class = "btn
btn-primary
rounded-0 satoshi_font" > Learn
More</ button >
</ div >
</ div >
</ div >
</ div >
< div class = "bg-light p-3
aw-main-features-toggle" >
< div class = "aw-main-features-toggler-tab" >
< div class = "feature-sno" >
< h3 class = "border-bottom
border-dark
satoshi_font" >
03
</ h3 >
</ div >
< div class = "aw-feature-name
satoshi_font" >
< h5 class = "satoshi_font" > Graphene Colling
</ h5 >
</ div >
</ div >
< div class = "feature-bg-image
position-relative me-3 d-none" style = "max-width: 30rem;" >
< img src = "https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class = "w-100" />
< div class = "position-absolute
bottom-0 text-light w-100" >
< p class = "p-2 m-0" > 03.</ p >
< div class = "d-flex
justify-content-between" style = "background-color:
rgba(0,
0, 0, 0.5)" >
< p class = "p-2 m-0" > Graphene Colling
</ p >
< button type = "button" class = "btn
btn-primary
rounded-0 satoshi_font" > Learn
More</ button >
</ div >
</ div >
</ div >
</ div >
< div class = "bg-light p-3
aw-main-features-toggle" >
< div class = "aw-main-features-toggler-tab" >
< div class = "feature-sno" >
< h3 class = "border-bottom
border-dark
satoshi_font" >
04
</ h3 >
</ div >
< div class = "aw-feature-name
satoshi_font" >
< h5 class = "satoshi_font" > Price that pays off
</ h5 >
</ div >
</ div >
< div class = "feature-bg-image
position-relative me-3 d-none" style = "max-width: 30rem;" >
< img src = "https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class = "w-100" />
< div class = "position-absolute
bottom-0 text-light w-100" >
< p class = "p-2 m-0" > 04.</ p >
< div class = "d-flex
justify-content-between" style = "background-color:
rgba(0,
0, 0, 0.5)" >
< p class = "p-2 m-0" > Price that pays off
</ p >
< button type = "button" class = "btn
btn-primary
rounded-0 satoshi_font" > Learn
More</ button >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- end-features -->
< section class = "star-products sec-space-1" >
< div class = "container" >
< div class = "what-make-us-diff-heading " >
< h1 class = "text-center" > Our Star Products</ h1 >
</ div >
< div class = "owl-carousel owl-theme sec-space-1
star-products-img-sec" >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-1.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-2.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-3.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-1.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-2.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-3.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-1.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-2.png" alt = "anwi-star-product" >
</ div >
< div class = "item" >
< img src = "../../assets/imgs/Home/product-3.png" alt = "anwi-star-product" >
</ div >
</ div >
</ div >
</ section >
<!-- star-products-end -->
<!-- what make us different -->
< section class = "what-make-us-diff-sec sec-space-1" >
< div class = "container" >
< div class = "what-make-us-diff-heading " >
< h1 class = "text-center" > What Make us Different</ h1 >
</ div >
< div class = "row row-cols-1 row-cols-md-3 g-4
sec-space-2" >
< div class = "col" >
< div class = "card h-100 border-0" >
< img src = "../../assets/imgs/Home/dark-circle.png" class = "img-fluid mx-auto w-25" alt = "different-img-1" >
< div class = "card-body" >
< h5 class = "card-title text-center" > Solution Focus
</ h5 >
< p class = "card-text text-center
satoshi_font" > This card has supporting text below as a natural lead-in to additional content.
</ p >
</ div >
</ div >
</ div >
< div class = "col" >
< div class = "card h-100 border-0" >
< img src = "../../assets/imgs/Home/dark-circle.png" class = "img-fluid mx-auto w-25" alt = "different-img-2" >
< div class = "card-body" >
< h5 class = "card-title text-center" > Our People & Culture</ h5 >
< p class = "card-text text-center
satoshi_font" > This card has supporting text below as a natural lead-in to additional content.
</ p >
</ div >
</ div >
</ div >
< div class = "col" >
< div class = "card h-100 border-0" >
< img src = "../../assets/imgs/Home/dark-circle.png" class = "img-fluid mx-auto w-25" alt = "different-img-3" >
< div class = "card-body" >
< h5 class = "card-title text-center" > Design Lead Approch</ h5 >
< p class = "card-text text-center
satoshi_font" > This card has supporting text below as a natural lead-in to additional content.
</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- end-what make us different -->
<!-- out-of-world -->
< section class = "out-of-world sec-space-1 " >
< div class = "container" >
< div class = "card rounded-0" >
< div class = "row g-0 align-items-center pt-4
mobile-text-center" >
< div class = "col-md-4 ms-auto" >
< div class = "card-body text-white mb-5" >
< h1 class = "card-title fw-700 " > Out of World
</ h1 >
< p class = "card-text satoshi_font" > Anwi Systems excels the performance with open hardware enabling customers to use memory and storage of their choices.
</ p >
< a class = "btn btn-light button_dark
satoshi_font fw-600" href = "#" > Learn
More</ a >
</ div >
</ div >
< div class = "col-md-6 ms-auto" >
< img src = "../../assets/imgs/Home/out-of-world.png" class = "img-fluid rounded-start" alt = "..." >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- end-out-of-world -->
<!-- support-sec -->
< section class = "aw-support-sec" >
< div class = "container" >
< div class = "aw-support-sec-main-container pb-5
position-relative" >
< div class = "row g-0 mx-5" >
< div class = "col-md-4 my-4 border-dark
border-end
" >
< div class = "support-sec-heading px-5" >
< p class = "fw-bold" > Hassel-free Replacement
</ p >
< small class = "satoshi_font" > 10-day
easy
replacement policy
on
anwisystems.com</ small >
</ div >
</ div >
< div class = "col-md-4 my-4 border-dark
border-end
" >
< div class = "support-sec-heading px-5" >
< p class = "fw-bold" > Hassel-free Replacement
</ p >
< small class = "satoshi_font" > 10-day
easy
replacement policy
on
anwisystems.com</ small >
</ div >
</ div >
< div class = "col-md-4 my-4" >
< div class = "support-sec-heading px-5" >
< p class = "fw-bold" > 100 % Secure Payments
</ p >
< small class = "satoshi_font" > we
support
cards, Wallets, EMI
and Cash on Deliver</ small >
</ div >
</ div >
</ div >
<!-- news-letter -->
< div class = "news-letter-sec position-absolute
w-100" >
< div class = "row" >
< div class = "card col-md-8 mx-auto py-2
rounded-0 shadow" >
< div class = "card-body px-5" >
< div class = "align-items-center
d-block d-sm-flex
justify-content-center" >
< div >
< h6 class = "fw-bold" > Sign Up to Our Newsletter</ h2 >
</ div >
< div class = "ms-auto" >
< a class = "btn btn-dark
button_dark
satoshi_font d-flex
align-items-center
fw-600" >< input type = "text" class = "bg-transparent
news-letter-email
text-white
border-0" placeholder = "Email
Address" /> < svg xmlns = "http://www.w3.org/2000/svg" width = "25" height = "25" fill = "#fff" class = "bi
bi-arrow-right
me-3" viewBox = "0
0 16 16" >
< path
fill-rule = "evenodd"
d = "M1 8a.5.5
0 0
1
.5-.5h11.793l-3.147-3.146a.5.5
0 0 1
.708-.708l4
4a.5.5 0 0 1
0
.708l-4
4a.5.5 0
0
1-.708-.708L13.293
8.5H1.5A.5.5
0 0
1 1 8z" />
</ svg ></ a >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- end-news-letter -->
</ div >
</ div >
</ section >
<!-- end-support-sec -->
2023-01-19 20:15:23 +05:30
</ main >
<!-- footer -->
2023-01-25 19:01:39 +05:30
< div id = "footer-head" class = "sec-space-1" ></ div >
2023-01-19 20:15:23 +05:30
<!-- end-footer -->
< script src = "../../../libs/bootstrap/js/bootstrap.bundle.min.js" ></ script >
2023-01-20 10:58:18 +05:30
< script src = "../../js/jquery.min.js" ></ script >
2023-01-25 19:01:39 +05:30
< script src = "../../../libs/Owlcarousel/Js/owl.carousel.min.js" ></ script >
2023-01-20 10:58:18 +05:30
< script src = "../../js/navbar.js" ></ script >
< script src = "../../js/footer.js" ></ script >
2023-01-25 19:01:39 +05:30
< script >
$ ( '.owl-carousel.star-products-img-sec' ). owlCarousel ({
loop : true ,
margin : 10 ,
nav : true ,
navText : [ "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-left-short' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>" , "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-right-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/> </svg>" ],
responsive : {
0 : {
items : 1
},
600 : {
items : 3
},
1000 : {
items : 5
}
}
})
$ ( ".aw-main-features-toggle" ). click ( function () {
$ ( '.feature-bg-image' ). addClass ( 'd-none' );
$ ( ".aw-main-features-toggle" ). addClass ( 'p-3 bg-light' )
$ ( '.aw-main-features-toggler-tab' ). removeClass ( 'd-none' );
let toggleTab = $ ( this ). find ( '.feature-bg-image:visible' ). length
if ( toggleTab ) {
$ ( this ). find ( '.feature-bg-image' ). addClass ( 'd-none' );
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "toggle"
}, 500 );
} else {
$ ( this ). find ( '.aw-main-features-toggler-tab' ). addClass ( 'd-none' );
$ ( this ). find ( '.feature-bg-image' ). removeClass ( 'd-none' )
$ ( this ). find ( '.feature-bg-image' ). show ();
if ( window . width > 768 ) {
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "30rem"
}, 500 );
} else {
$ ( this ). find ( '.feature-bg-image' ). animate ({
width : "auto"
}, 500 );
}
$ ( this ). removeClass ( 'p-3 bg-light' )
}
});
</ script >
</ body >
2023-01-19 20:15:23 +05:30
</ html >
