NextERP/design-themes
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
49226d0343ab10082f2dda43109eddf03c6e6118
design-themes/theme_alan/static/description/index.html
T

441 lines
32 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Theme Alan New</title>
<link type="text/css" rel="stylesheet" href="https://apps.odoo.com/web/assets/15380454-60c4580/1/web.assets_common.min.css" data-asset-bundle="web.assets_common" data-asset-version="60c4580"/>
<link type="text/css" rel="stylesheet" href="https://apps.odoo.com/web/assets/15380466-e7e0d1a/1/web.assets_frontend.min.css" data-asset-bundle="web.assets_frontend" data-asset-version="e7e0d1a"/>
<style>
html, body {
overflow: inherit;
}
</style>
</head>
<body>
<div class="container position-relative py-3">
<div class="position-absolute d-none d-lg-block" style="background-color:#F7FFDF; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px">
<img src="home-effect-1.svg" title="" alt="">
</div>
<!-- 1st panel start -->
<div class="my-5 position-relative">
<div>
<img class="w-100" src="section-1-header.png" title="" alt="">
</div>
<div style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<div class="text-center p-4">
<img class="w-100" src="preview.png">
</div>
<div class="text-center py-4">
<h1 class="text-white fw-bold m-0 p-0">Why Choose Alan</h1>
<img src="heading-bg.svg">
</div>
<div class="text-center p-3">
<img src="why-choose.png">
</div>
<div style="padding: 40px 5% 0;">
<div class="p-3" style="background-color: #D5FE5F;border-radius: 15px;">
<h3 class="m-0 text-center" style="color: #000;">Time to unleash <b>Theme ALAN's</b> design powers!</h3>
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">The Most Powerful Features</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">You don't require the technical knowledge as you can create your web pages in a few clicks only.</p>
<img src="section-2.png">
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Powerful Alan Frame Builder</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Let's bring the next level of creativity to your e-Commerce using Alan frame builder. Frame builder gives you the ability to create a customized grid view in which you can put all your dynamic and static snippets. Frame builder is activated by default in all Mega-menu, Dynamic and static snippets. Store your frame creativity so you can use it later on.</p>
<img class="w-100" src="section-2-flow.png">
<div class="my-4 overflow-hidden" style="border-radius: 20px;">
<img class="w-100" src="frm.png">
</div>
<img class="w-100" src="section-3-flow.png">
<div class="pt-4">
<img class="w-100" src="section-4-flow.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Powerful Mega Menu</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Alan comes with the most advanced mega menu integrated with a frame builder by which creativity never ends.</p>
<div class="pt-4">
<img class="w-100" src="mega-menu.png">
</div>
<div class="pt-4">
<img class="w-100" src="mega-menu-featurs.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Powerful Product Card</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Alan comes with a stunning product card in which users can see features like Product Labels, Images Swatches, Stock Availability, Quick View, Offer Timers, Product Discounts and Product Ratings with different awesome styles.</p>
<div class="pt-4">
<img class="w-100" src="product-card.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">B2B Mode</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">B2B mode gives you the ability to hide product price and add to cart from the guest user in just one click.</p>
<div class="pt-4">
<img class="w-100" src="b2b.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Dynamic Hotspot</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Dynamic Image Hotspot allows you to show the hotspot on the images shown on your Odoo Website. These hotspots can be linked with the URL hence it offers an interactive way of marketing.</p>
<div class="pt-4">
<img class="w-100" src="hotspot.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Advance Shop Filter</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<div class="pt-4">
<img class="w-100" src="shop-filter.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Advance Clear Filter</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">The Clear Advanced Filter gives you super customer experience for filtering products quickly and efficiently.</p>
<div class="pt-4">
<img class="w-100" src="clear-filter.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Advance Shop Page Design</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Alan comes with 6 stunning shop design which gives different look and feel to your website.</p>
<div class="pt-4">
<img class="w-100" src="shop-pages.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 py-3">
<img class="w-100" src="tabs.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="sticky-card.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="offer-timer.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="product-info.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="user-guides.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="brand.png">
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Alternative / Accessory Products</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Show the attractive alternative and accessory products slider on product page.</p>
<div class="pt-4">
<img class="w-100" src="alt-acc.png">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 py-3">
<img class="w-100" src="login.png">
</div>
<div class="col-md-6 py-3">
<img class="w-100" src="snippet.png">
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">11 Header Options</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Alan comes with 11 different types of header which make different looks and feels to your website.</p>
<div class="pt-4">
<img class="w-100" src="header-op.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">13 Footer Options</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Alan comes with 13 different types of footer which make different looks and feels to your website.</p>
<div class="pt-4">
<img class="w-100" src="footer-op.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Multi website Compatible</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Allow to create mutliple websites.</p>
<div class="pt-4">
<img class="w-100" src="websites.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Fully Mobile Responsive</h1>
</div>
<div class="p-5" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<div class="pt-4">
<img class="w-100" src="responsive.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Product Sales Count</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">show how many units of a product were sold last month with our 'Last Month Sale Count' feature</p>
<div class="pt-4">
<img class="w-100" src="sales-count.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Buy more Save more</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Show the amazing discounts on buying bulk quantity of product to the end users</p>
<div class="pt-4">
<img class="w-100" src="save-more.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Frequently Asked Questions</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Display quick answers to commonly asked questions in FAQs tab</p>
<div class="pt-4">
<img class="w-100" src="faq.png">
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Colour Variant Popup</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<p class="text-white lead fw-normal">Display our color variant popup for color comparison, allowing you to view all color options instantly for quick and easy decision-making</p>
<div class="pt-4">
<img class="w-100" src="variant-popup.png">
</div>
</div>
</div>
<div class="my-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -210px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Why Choose Theme Alan?</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<div class="nav bg-transparent flex-row nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a style="border-radius:0; padding-bottom:2px !important" class="nav-link p-0 border-bottom col active" id="v-al-why-01" data-toggle="pill" href="#v-al-why-01in" role="tab" aria-controls="v-al-why-01in" aria-selected="true">
<div class="align-items-center px-2 py-3 justify-content-center" style="background-color: #000;">
<div class="pl-2 pr-3 position-relative">
<h5 class="h6 d-flex align-items-center m-0 text-center justify-content-center" style="color:#fff">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#fff" class="bi bi-question-circle-fill mr-2" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z" />
</svg>
Why Choose us?</h5>
</div>
</div>
</a>
<a style="border-radius:0; padding-bottom:2px !important" class="nav-link p-0 border-bottom col" id="v-al-why-03" data-toggle="pill" href="#v-al-why-03in" role="tab" aria-controls="v-al-why-03in" aria-selected="false">
<div class="align-items-center px-2 py-3 justify-content-center" style="background-color: #000;">
<div class="pl-2 pr-3 position-relative">
<h5 class="h6 d-flex align-items-center m-0 text-center justify-content-center" style="color:#fff">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="1=20" fill="#fff" class="bi bi-ui-checks-grid mr-2" viewBox="0 0 16 16">
<path d="M2 10h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1zm9-9h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm0 9a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3zm0-10a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3zM2 9a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H2zm7 2a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-3zM0 2a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.354.854a.5.5 0 1 0-.708-.708L3 3.793l-.646-.647a.5.5 0 1 0-.708.708l1 1a.5.5 0 0 0 .708 0l2-2z" />
</svg>
FAQs</h5>
</div>
</div>
</a>
</div>
<div class="tab-content p-md-4 p-2" style="" id="v-pills-tabContent" style="background-color: #000;">
<div class="tab-pane fade active show" id="v-al-why-01in" role="tabpanel" aria-labelledby="v-al-why-01">
<div class="row">
<div class="col-lg-6">
<h3 class="font-weight-bold h4 mb-4 text-white">Why Choose Theme Alan?</h3>
<p class="text-white">Alan is one of the most powerful, amazing, and flexible theme in Odoo store. Alan is the professional and multipurpose bootstrap base theme for any business and website. The code is very well organized and modular so you can build any layout with your imagination.</p>
<p class="text-white">Some salient features of Alan are flexible design, advanced mega menu, drag and drop snippets, HTML builder block, amazing header footer options, beautiful shop details page, shop full-width options with the list and grid view, optimized responsive behavior, infinite product loader, Product Quick Overview.</p>
</div>
<div class="col-lg-6">
<img src="faq-pre.png" class="img-fluid" />
</div>
</div>
</div>
<div class="tab-pane fade" id="v-al-why-03in" role="tabpanel" aria-labelledby="v-al-why-03">
<div class="accordion s_faq bg-transparent" id="as_al_faq">
<div class="card shadow-light mb-2 bg-transparent">
<div class="card-header p-3" id="as_faq_1" style="border-radius: 6px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;">
<span data-toggle="collapse" data-target="#as_faq__1" aria-expanded="false" aria-controls="as_faq__1" style="position: relative;display: inline-block;width: 100%;" class="font-weight-bold text-white collapsed text-decoration-none">
<img src="ellipse-icon.svg" width="12px;" height="12px;" class="mr-2"> Is this theme compatible with Odoo Enterprise as well as Community and odoo.sh?
</span>
</div>
<div id="as_faq__1" class="collapse show" aria-labelledby="as_faq_1" data-parent="#as_al_faq" style="border-top: 0px solid #dee2e640!important;">
<div class="card-body text-white" style="background-color:transparent !important;">
Yes! The theme perfectly works fine with Odoo Enterprise and odoo.sh version.
</div>
</div>
</div>
<div class="card shadow-light mb-2 bg-transparent">
<div class="card-header p-3" id="as_faq_2" style="border-radius: 6px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;">
<span data-toggle="collapse" data-target="#as_faq__2" aria-expanded="false" aria-controls="as_faq__2" style="position: relative;display: inline-block;width: 100%;" class="font-weight-bold text-white collapsed text-decoration-none">
<img src="ellipse-icon.svg" width="12px;" height="12px;" class="mr-2"> Is this theme One-click installable?
</span>
</div>
<div id="as_faq__2" class="collapse" aria-labelledby="as_faq_2" data-parent="#as_al_faq" style="border-top: 0px solid #dee2e640!important;">
<div class="card-body text-white" style="background-color:transparent !important;">
<p>Yes! You can install this theme in just one-click. Theme installation is very simple.</p>
<p>Login into your website and just install the Atharva Theme General module and Go to Website --&gt; Configuration --&gt; Settings. Select the Website and then click on the "Choose a Theme" button. You will be redirected to the available themes. and from there you can use "Theme Alan".</p>
</div>
</div>
</div>
<div class="card shadow-light mb-2 bg-transparent">
<div class="card-header p-3" id="as_faq_3" style="border-radius: 6px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;">
<span data-toggle="collapse" data-target="#as_faq__3" aria-expanded="false" aria-controls="as_faq__3" style="position: relative;display: inline-block;width: 100%;" class="font-weight-bold text-white collapsed text-decoration-none">
<img src="ellipse-icon.svg" width="12px;" height="12px;" class="mr-2"> Do I resell or distribute the theme?
</span>
</div>
<div id="as_faq__3" class="collapse" aria-labelledby="as_faq_3" data-parent="#as_al_faq" style="border-top: 0px solid #dee2e640!important;">
<div class="card-body text-white" style="background-color:transparent !important;">
No! You can not resell or distribute this theme. You can use this theme only for your website.
</div>
</div>
</div>
<div class="card shadow-light mb-2 bg-transparent">
<div class="card-header p-3" id="as_faq_4" style="border-radius: 6px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;">
<span data-toggle="collapse" data-target="#as_faq__4" aria-expanded="false" aria-controls="as_faq__4" style="position: relative;display: inline-block;width: 100%;" class="font-weight-bold text-white collapsed text-decoration-none">
<img src="ellipse-icon.svg" width="12px;" height="12px;" class="mr-2"> Do I request for extra customization in theme after purchase?
</span>
</div>
<div id="as_faq__4" class="collapse" aria-labelledby="as_faq_4" data-parent="#as_al_faq" style="border-top: 0px solid #dee2e640!important;">
<div class="card-body text-white" style="background-color:transparent !important;">
Yes! We would love to provide you the best services possible. You can provide all customization requests on <a href="mailto:support@atharvasystem.com"></a> email and our technical team will get back to.
</div>
</div>
</div>
<div class="card shadow-light mb-2 bg-transparent">
<div class="card-header p-3" id="as_faq_5" style="border-radius: 6px;margin-bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;">
<span data-toggle="collapse" data-target="#as_faq__5" aria-expanded="false" aria-controls="as_faq__5" style="position: relative;display: inline-block;width: 100%;" class="font-weight-bold text-white collapsed text-decoration-none">
<img src="ellipse-icon.svg" width="12px;" height="12px;" class="mr-2"> Do I get free updates and upgrades?
</span>
</div>
<div id="as_faq__5" class="collapse" aria-labelledby="as_faq_5" data-parent="#as_al_faq" style="border-top: 0px solid #dee2e640!important;">
<div class="card-body text-white" style="background-color:transparent !important;">
Yes, we provide free upgrades to our theme for the same Odoo Version. You can always download the latest version of the theme, replace your old theme module with the latest theme module and update the Theme. <u>Starting version 13, every version of Theme Alan will be sold separately</u>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-4">
<img src="header-bg.png">
<div class="position-relative p-4" style="margin-top: -194px;color: #fff;max-width: 670px;">
<h1 class="text-white display-2 fw-bold m-0" style="font-weight: 600;">Release Note</h1>
</div>
<div class="p-4" style="background-color: #000;padding-bottom: 50px;border-radius: 0 0 30px 30px;">
<h4 class="pb-2 text-white">
<span class="pr-2">Version 1.0</span>-<span class="pl-2 small font-weight-normal">01 JAN 2024</span>
</h4>
<ul class="list-unstyled">
<li class="d-flex align-items-start mb-2 text-white">V17 Initial Release</li>
</ul>
</div>
</div>
<div class="py-4 px-md-5 p-3 my-4" style="background-color: #000;border-radius: 20px;">
<div class="row">
<div class="col-12 p-4 deep-2 text-center overflow-hidden" style="border-radius:10px">
<h2 class="text-white h1">Technical Help, Queries & Support</h2>
<p class="text-white">Please feel free to contact for any suggestion, issue & queries</p>
<div class="d-flex mt-4 justify-content-center">
<a href="mailto:support@atharvasystem.com?subject=Free Demo of Theme Alan 17" class="mr-4" style="background-color: #000;color: #fff;border: 1px solid #fff;border-radius: 10px;padding: 10px 25px;text-transform: uppercase;font-size: 15px;font-weight: 500;text-decoration: none;">
<img src="mail-icon.svg" class="mr-2" /> Support
</a>
<a href="skype:live:support_53719?chat" style="background-color: #000;color: #fff;border: 1px solid #fff;border-radius: 10px;padding: 10px 25px;text-transform: uppercase;font-size: 15px;font-weight: 500;text-decoration: none;">
<img src="skype-logo.svg" class="mr-2" /> Skype
</a>
</div>
</div>
</div>
</div>
</div>
<!-- 1st panel end -->
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink