|
|
@ -2,15 +2,15 @@ |
|
|
<html lang="en"> |
|
|
<html lang="en"> |
|
|
|
|
|
|
|
|
<head> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta charset="UTF-8"/> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
|
|
<title>app index</title> |
|
|
<title>app index</title> |
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
|
|
rel="stylesheet"> |
|
|
rel="stylesheet"> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/> |
|
|
<style> |
|
|
<style> |
|
|
:root { |
|
|
:root { |
|
|
--primary-color: #F5C000; |
|
|
--primary-color: #F5C000; |
|
|
@ -26,8 +26,8 @@ |
|
|
</head> |
|
|
</head> |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
<!-- overview --> |
|
|
<!-- overview --> |
|
|
<div class="container"> |
|
|
<div class="container"> |
|
|
|
|
|
|
|
|
<!-- support-header --> |
|
|
<!-- support-header --> |
|
|
|
|
|
|
|
|
@ -80,7 +80,7 @@ |
|
|
<!-- banner-section --> |
|
|
<!-- banner-section --> |
|
|
<div class="my-5"> |
|
|
<div class="my-5"> |
|
|
<div class="justify-content-center"> |
|
|
<div class="justify-content-center"> |
|
|
<img src="./img/banner.jpg" class="img-fluid" style="border-radius: 16px;"> |
|
|
<img src="./img/banner.jpg" class="img-fluid w-100" style="border-radius: 16px;"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -251,7 +251,8 @@ |
|
|
<section class="container my-5"> |
|
|
<section class="container my-5"> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-12"> |
|
|
<div class="col-md-12"> |
|
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
|
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" |
|
|
|
|
|
data-tabs="tabs" |
|
|
style="border:none; background-color:unset; margin:0 auto"> |
|
|
style="border:none; background-color:unset; margin:0 auto"> |
|
|
</ul> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
@ -259,210 +260,444 @@ |
|
|
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
|
|
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
|
|
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
|
|
<section class=""> |
|
|
<section class=""> |
|
|
<section class="mt-5"> |
|
|
<section class="mt-5"> |
|
|
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
|
|
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
|
|
<div class="row" style="margin-bottom: 24px;"> |
|
|
|
|
|
<div class="col-md-8"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: #303030; |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Mobile Responsive Design</h3> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Main |
|
|
|
|
|
page</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center" style="margin-left:14px;"><img |
|
|
|
|
|
class="w-100" src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<ul class="pl-0"> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Home</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Shop</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Blog</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">About us</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Contact us</li> |
|
|
|
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
|
|
|
<img src="./img/About-us-mobile-temp.png" alt="Grid item" class="img-fluid"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
|
|
|
aria-label="Url link label"><span></span></a> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- --> |
|
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: #303030; |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Shop</h3> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--- closed white-theme ---> |
|
|
|
|
|
<div class=" pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-8"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile |
|
|
|
|
|
Responsive Design</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
|
|
|
<img src="./img/shop.png" alt="Grid item" class="img-fluid"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
<div class="col-lg-4"> |
|
|
aria-label="Url link label"><span></span></a> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- --> |
|
|
|
|
|
|
|
|
|
|
|
<!--row-2 --> |
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="margin-bottom: 24px;"> |
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: rgba(48, 48, 48, 1); |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Mobile Responsive Design</h3> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
<div class="mt-5 float-left w-100"> |
|
|
<img src="./img/Shop-responsive.png" alt="Grid item" class="img-fluid"> |
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" src="images/home-mobile.png"/> |
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
|
|
|
aria-label="Url link label"><span></span></a> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- --> |
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: rgba(48, 48, 48, 1); |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Blog Page</h3> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
|
|
|
<img src="./img/blog.png" alt="Grid item" class="img-fluid"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
<div class="pt-5 mt-5 float-left w-100"> |
|
|
aria-label="Url link label"><span></span></a> |
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:32px; font-size:24px;">About us |
|
|
|
|
|
page</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- --> |
|
|
|
|
|
|
|
|
|
|
|
<!--row-3 --> |
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="margin-bottom: 20px;"> |
|
|
|
|
|
<div class="col-md-4"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: rgba(48, 48, 48, 1); |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Mobile Responsive Design</h3> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-5"> |
|
|
|
|
|
<img src="./img/blog-responsive-design.png" alt="Grid item" class="img-fluid"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
<div class=" w-100 pt-5 mt-5 float-left"> |
|
|
aria-label="Url link label"><span></span></a> |
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" src="images/about_us_1.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center pt-5 mt-5"> |
|
|
|
|
|
<img class="w-100" src="images/about_us_2.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-8"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:47px; font-size:24px;">Mobile |
|
|
|
|
|
Responsive Design</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-4"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" w-100 float-left pt-5 mt-5" style="background-color:#0d5272;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" src="images/About-us-mobile-temp.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Shop</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center pt-5 mt-5"> |
|
|
|
|
|
<img class="w-100" src="images/shop.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-8"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile |
|
|
|
|
|
Responsive Design</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img |
|
|
|
|
|
class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-4"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" w-100 float-left" style="background-color:#0d5272;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center mt-5"> |
|
|
|
|
|
<img class="w-100" src="images/Shop-responsive.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Blog |
|
|
|
|
|
Page</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img |
|
|
|
|
|
class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="mt-5 w-100 float-left"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center mt-5"> |
|
|
|
|
|
<img class="w-100" src="images/blog.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-8"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:44px; font-size:24px;">Mobile |
|
|
|
|
|
Responsive Design</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:14px;"><img |
|
|
|
|
|
class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-4"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" w-100 float-left" style="background-color:#0d5272;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center mt-3 pt-5"> |
|
|
|
|
|
<img class="w-100" src="images/blog-responsive-design.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" pt-5 mt-5 float-left w-100"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; line-height:32px; font-size:24px;">Contact us |
|
|
|
|
|
Page</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center arrow-black" |
|
|
|
|
|
style="margin-left:18px;"><img |
|
|
|
|
|
class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="mt-5 w-100 float-left"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center mt-5"> |
|
|
|
|
|
<img class="w-100" src="images/contact_us.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style=""> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Structural Snippets</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<ul class="pl-0"> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Collections</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Customer Response |
|
|
|
|
|
</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Frequently Asked |
|
|
|
|
|
Questions |
|
|
|
|
|
</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;"> |
|
|
|
|
|
Banner |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Collections</h2> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/collections.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- --> |
|
|
|
|
|
<div class="col-md-8"> |
|
|
|
|
|
<div style="border-radius: 10px; padding: 32px; |
|
|
|
|
|
background-color: rgba(48, 48, 48, 1); |
|
|
|
|
|
-webkit-backdrop-filter: blur(5px); |
|
|
|
|
|
backdrop-filter: blur(5px); height: 100%;"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<span class="label" style="font-size: 12px; |
|
|
|
|
|
font-style: normal; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #f14848; |
|
|
|
|
|
margin-bottom: 13px; |
|
|
|
|
|
text-transform: uppercase;">HIGHLIGHT</span> |
|
|
|
|
|
<h3 class="text-white" style=" color: #fff; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
margin-bottom: 9px;">Contact us Page</h3> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Customer Response</h2> |
|
|
</div> |
|
|
</div> |
|
|
<div class=" mt-5" style="--aspect-ratioapt: 872/443;"> |
|
|
|
|
|
<img src="./img/contact_us.png" alt="Grid item" class="img-fluid"> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|
|
</div> |
|
|
aria-label="Url link label"><span></span></a> |
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/customer_response.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Frequently Asked |
|
|
|
|
|
Questions</h2> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/FAQ.png"/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Dynamic Content Snippets</h3> |
|
|
|
|
|
<div class="w-50 float-left text-center" |
|
|
|
|
|
style="margin-left:14px;"><img class="w-100" |
|
|
|
|
|
src="images/arrow-black.png"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<ul class="pl-0"> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Best Seller |
|
|
|
|
|
</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">Top Rated Products</li> |
|
|
|
|
|
<li style="list-style:none; font-size:24px;">New Arrivals</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Best Seller </h2> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/best_seller.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">Top Rated Products</h2> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/Top_rated_products.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fff;"> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-6"> |
|
|
|
|
|
<h2 class="text-uppercase float-left font-weight-bold" |
|
|
|
|
|
style="color:#004f73; font-size:24px;">New Arrivals</h2> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
<div class="text-center"> |
|
|
|
|
|
<img class="w-100" |
|
|
|
|
|
src="images/new_arrival.png"/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<!-- --> |
|
|
<!-- --> |
|
|
|
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
</section> |
|
|
</section> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</section> |
|
|
</section> |
|
|
|
|
|
|
|
|
<!--sections --> |
|
|
<!--sections --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="my-5"> |
|
|
<div class="my-5"> |
|
|
<!-- banner card --> |
|
|
<!-- banner card --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- service-section --> |
|
|
<!-- service-section --> |
|
|
|
|
|
|
|
|
<section id="services" class="mt-5" style="border-radius: 16px; |
|
|
<section id="services" class="mt-5" style="border-radius: 16px; |
|
|
@ -549,7 +784,8 @@ |
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-center align-items-center" |
|
|
<div class="d-flex justify-content-center align-items-center" |
|
|
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
|
|
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
|
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
|
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" |
|
|
|
|
|
width="28px"> |
|
|
</div> |
|
|
</div> |
|
|
<span class="mt-3" style="font-size: 18px; |
|
|
<span class="mt-3" style="font-size: 18px; |
|
|
color: #121212; |
|
|
color: #121212; |
|
|
@ -607,7 +843,7 @@ |
|
|
</section> |
|
|
</section> |
|
|
<!-- --> |
|
|
<!-- --> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</body> |
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|
|
|
|
|
|
|
|
|
Risvana Cybro
2 weeks ago
