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.
1078 lines
61 KiB
1078 lines
61 KiB
<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
|
|
<!-- TITLE BAR -->
|
|
<div class="d-flex align-items-center justify-content-between"
|
|
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
|
|
<img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
|
|
<div>
|
|
<div
|
|
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
|
|
class="mr-2">
|
|
<i class="fa fa-check mr-1"></i>Community
|
|
</div>
|
|
|
|
<div
|
|
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
|
|
class="mr-2">
|
|
<i class="fa fa-check mr-1"></i>Enterprise
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF TITLE BAR -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<!-- APP HERO -->
|
|
<h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
|
|
All In One Website Kit</h1>
|
|
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">Multiple Website Features With One Module</p>
|
|
<!-- END OF APP HERO -->
|
|
<img src="assets/screenshots/hero.gif" class="img-responsive"
|
|
style="width: 100%; margin-left: auto; margin-right: auto;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NAVIGATION SECTION -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/compass.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
|
|
Module</h2>
|
|
</div>
|
|
<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
|
|
<div class="col-sm-12 col-md-6 my-3">
|
|
<a href="#overview">
|
|
<div class="d-flex justify-content-between align-items-center"
|
|
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
|
|
<div>
|
|
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
|
|
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
|
|
more about this
|
|
module</span>
|
|
</div>
|
|
<img src="assets/misc/right-arrow.png" width="36" height="36" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6 my-3">
|
|
<a href="#features">
|
|
<div class="d-flex justify-content-between align-items-center"
|
|
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
|
|
<div>
|
|
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
|
|
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
|
|
features of this
|
|
module</span>
|
|
</div>
|
|
<img src="assets/misc/right-arrow.png" width="36" height="36" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6 my-3">
|
|
<a href="#screenshots">
|
|
<div class="d-flex justify-content-between align-items-center"
|
|
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
|
|
<div>
|
|
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
|
|
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
|
|
screenshots for this
|
|
module</span>
|
|
</div>
|
|
<img src="assets/misc/right-arrow.png" width="36" height="36" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- END OF NAVIGATION SECTION -->
|
|
|
|
<!-- OVERVIEW SECTION -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/pie-chart.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
|
|
</h2>
|
|
</div>
|
|
<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
|
|
<div class="col-sm-12 py-4">
|
|
You will get features of the following modules, Call for price, customer geolocation, customer order comment, barcode product search, instagram post snippet, portal dashboard, cart clear button, custom contact us form, hide variants, product attachment, sale return management and whatsapp floating icon.
|
|
</div>
|
|
</div>
|
|
<!-- END OF OVERVIEW SECTION -->
|
|
|
|
<!-- FEATURES SECTION -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/features.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
|
|
</h2>
|
|
</div>
|
|
<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
|
|
<div class="col-sm-12 col-md-6">
|
|
<div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module Call for price.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module customer geolocation.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module customer order comment.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module barcode product search.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module instagram post snippet.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module portal dashboard.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module custom contact us form.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module hide variants.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module product attachment.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module sale return management.</span>
|
|
</div>
|
|
<div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
|
|
<img src="assets/misc/check-box.png" class="mr-2" />
|
|
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">You will get the features of the module whatsapp floating icon.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURES SECTION -->
|
|
|
|
<!-- SCREENSHOTS SECTION -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/pictures.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
|
|
</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">1. Product Attachments on Website
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls1" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Attach your documents like, product specification on product master.<p>
|
|
<img src="assets/screenshots/attachment1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Visitors of your e-commerce portal can download these attachments.</p>
|
|
<img src="assets/screenshots/attachment2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Visitors of your e-commerce portal can download these attachments.
|
|
</p>
|
|
<img src="assets/screenshots/attachment3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">2. Ecommerce Barcode Search
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls2" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Products -> PRINT LABELS. Give Barcode for the product in the barcode field and print the barcode using the print labels option.
|
|
</p>
|
|
<img src="assets/screenshots/barcode1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Description goes here, if any.</p> -->
|
|
<img src="assets/screenshots/barcode2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to website -> shop -> barcode Click the barcode button and a camera will be open , scan the barcode there.
|
|
</p>
|
|
<img src="assets/screenshots/barcode3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"></p> -->
|
|
<img src="assets/screenshots/barcode4.jpg" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product will be showing after scanning the barcode.
|
|
</p>
|
|
<img src="assets/screenshots/barcode5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Website Call For Price
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls3" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Products -> Sales -> Enable Call for Price. After enabling this, the price and add to cart button will hide from the website.</p>
|
|
<img src="assets/screenshots/call_for_price1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">User need to click the Call for Price button.<p>
|
|
<img src="assets/screenshots/call_for_price2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">User need to enter these details inorder to get the price of the product. The request will send to merchant by clicking send button.
|
|
</p>
|
|
<img src="assets/screenshots/call_for_price3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">After sending the request a success message will show there, and merchant can access the request from backend.
|
|
</p>
|
|
<img src="assets/screenshots/call_for_price4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Initially, a draft request is created; after merchant verification, the sales team contacts the customer.
|
|
</p>
|
|
<img src="assets/screenshots/call_for_price5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Website Clear Cart
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls4" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Add the product into cart.</p>
|
|
<img src="assets/screenshots/clear_cart1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Remove the items from the cart using the clear cart button in website.
|
|
</p>
|
|
<img src="assets/screenshots/clear_cart2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Empty cart
|
|
</p>
|
|
<img src="assets/screenshots/clear_cart3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Website Custom Contact Us
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls5" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Set the visibility of company details based on activated the boolean fields on the website. Go to Website -> Configuration -> Websites -> Contact Us
|
|
</p>
|
|
<img src="assets/screenshots/custom_contact1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;"></p> -->
|
|
<img src="assets/screenshots/custom_contact12png.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Websites -> Home Page -> Contact Us Here you can see the customized contact us form
|
|
</p>
|
|
<img src="assets/screenshots/custom_contact3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Portal Dashboard
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls6" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see these fields in the settings to set the table view
|
|
</p>
|
|
<img src="assets/screenshots/dashboard1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">We can see all the tiles.
|
|
</p>
|
|
<img src="assets/screenshots/dashboard2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see the all table, Also there are analysis pie chart for sales, purchase and accounting
|
|
</p>
|
|
<img src="assets/screenshots/dashboard3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see these fields in the settings to set the table view
|
|
</p> -->
|
|
<img src="assets/screenshots/dashboard4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see these fields in the settings to set the table view -->
|
|
<!-- </p> -->
|
|
<img src="assets/screenshots/dashboard5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see these fields in the settings to set the table view -->
|
|
<!-- </p> -->
|
|
<img src="assets/screenshots/dashboard6.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Customer Geolocation In Website
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls7" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Open Website -> My account -> My profile
|
|
.</p>
|
|
<img src="assets/screenshots/geolocation1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">When we change the city in field, map and other fields like country and zip will change automatically If user change location through map the address will automatically change in their fields, it helps the users
|
|
.</p>
|
|
<img src="assets/screenshots/geolocation2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Hide Variants
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls8" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">We can click on the checkbox to hide the product variants from the website
|
|
</p>
|
|
<img src="assets/screenshots/varient_hide1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The selected product will be shown in the tree view of the product variants
|
|
</p>
|
|
<img src="assets/screenshots/varient_hide2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<!-- <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Description goes here, if any.</p> -->
|
|
<img src="assets/screenshots/hide_varient3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The product is hidden and cannot be selected in the website
|
|
</p>
|
|
<img src="assets/screenshots/hide_varient4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Instagram Feed Snippet
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls10" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Once the installation is completed, visit the Odoo website app from the backend. Here, click on Configuration>>Instagram.You can set up your instagram profile by adding access key and click fetch account button.Once the profile is generated click the fetch post button to fetch instagram post into odoo</p>
|
|
<img src="assets/screenshots/insta1.jpg" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Goto the Site menu of website to see the instagram posts.</p>
|
|
<img src="assets/screenshots/insta2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can see the instagram post here.</p>
|
|
<img src="assets/screenshots/insta3.jpg" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Visit the Odoo websitefrontend and click on the Edit option.After that, select the Instagram widget and drag it to the place where you want to showcase it on your Odoo website frontend, and click on the Save button.
|
|
</p>
|
|
<img src="assets/screenshots/insta4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">After that, once you save it, the Instagram widget will let you show your Instagram feed on your Odoo website as shown below.
|
|
</p>
|
|
<img src="assets/screenshots/insta5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Customer Order Comment
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls9" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">You can enable/ disable customer order comment feature from backend. Navigate to Website/ Configuration/ Settings/ Customer Order Comment and use the enable or disable the feature using the setting Comment Configuration.
|
|
</p>
|
|
<img src="assets/screenshots/order_comment1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Add your product to cart
|
|
</p>
|
|
<img src="assets/screenshots/order_comment2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Do payment.
|
|
</p>
|
|
<img src="assets/screenshots/order_comment3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Customer can add comment in the order confirmation page.
|
|
</p>
|
|
<img src="assets/screenshots/order_comment4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The comment and rating will get displayed in "Customer Order Comment" tab in the Form View of the corresponding Sale Order.</p>
|
|
<img src="assets/screenshots/order_comment5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Website Return Order Management
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls11" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Goto Portal/ My Account -> Sale order , from the sale order click Return button.
|
|
</p>
|
|
<img src="assets/screenshots/return1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">From the product screen you can select the product , quantity and return reason, after that you can submit the return using Submit button.
|
|
</p>
|
|
<img src="assets/screenshots/return2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Customer can see list of RMA orders in Portal / My Account.
|
|
</p>
|
|
<img src="assets/screenshots/return3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The customer can see the basic details and status of the return order.
|
|
</p>
|
|
<img src="assets/screenshots/return4.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">The customer can see the detailed information of the return order in portal.
|
|
</p>
|
|
<img src="assets/screenshots/return5.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Return order tree view, Goto Sales -> Return Orders
|
|
</p>
|
|
<img src="assets/screenshots/return6.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Backend form view of return order.
|
|
</p>
|
|
<img src="assets/screenshots/return7.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Shows all the delivery order's related with Sales order.
|
|
</p>
|
|
<img src="assets/screenshots/return8.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Return picking creation from return order using confirm button.
|
|
</p>
|
|
<img src="assets/screenshots/return9.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Return picking creation from return button in delivery (Odoo Standard process).
|
|
</p>
|
|
<img src="assets/screenshots/return10.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Shows all the return picking order's related with Return Order.
|
|
</p>
|
|
<img src="assets/screenshots/return11.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">On Sale Order form smart button showing all return order related to that sale order.
|
|
</p>
|
|
<img src="assets/screenshots/return12.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Print RMA PDF Report - Print Return Report.
|
|
</p>
|
|
<img src="assets/screenshots/return13.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
<div style="display: block; margin: 30px auto;">
|
|
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Whatsapp Floating Icon in Website
|
|
</h3>
|
|
|
|
<!-- Image Slider -->
|
|
<div id="sliderOneControls" class="carousel slide" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">In the website form view we can define the number along with country code required for communicating with the website responsible.
|
|
</p>
|
|
<img src="assets/screenshots/whatsapp1.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">If the salesperson's signature is missing from the other info tab when establishing a new sale order, order confirmation will not be possible.
|
|
</p>
|
|
<img src="assets/screenshots/whatsapp2.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
<div class="carousel-item">
|
|
<p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">There will be a whatsapp icon in the website.
|
|
</p>
|
|
<img src="assets/screenshots/whatsapp3.png" class="d-block w-100 img-thumbnail w-100" alt="Screenshot">
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-target="#sliderOneControls" data-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-target="#sliderOneControls" data-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</button>
|
|
</div>
|
|
<!-- End of Image Slider -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF SCREENSHOTS SECTION -->
|
|
|
|
<!-- RELATED PRODUCTS -->
|
|
<div class="d-flex align-items-center"
|
|
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/categories.png"/>
|
|
</div>
|
|
<h2 class="mt-2"
|
|
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
|
|
Related
|
|
Products
|
|
</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div id="demo1" class="row carousel slide" data-ride="carousel">
|
|
<!-- The slideshow -->
|
|
<div class="carousel-inner" style="padding: 30px;">
|
|
<div class="carousel-item" style="min-height: 198.656px;">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/call_for_price_website/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l1.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/customer_geolocation/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l2.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/ecommerce_barcode_search/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l3.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item active"
|
|
style="min-height: 198.656px;">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/website_cart_clear/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l4.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/website_product_attachments/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l5.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/website_return_management/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius: 0px;"
|
|
src="assets/modules/l6.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Left and right controls -->
|
|
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
|
|
style="width:35px; color:#000"> <span
|
|
class="carousel-control-prev-icon"><i
|
|
class="fa fa-chevron-left"
|
|
style="font-size:24px"></i></span>
|
|
</a> <a class="carousel-control-next" href="#demo1"
|
|
data-slide="next" style="width:35px; color:#000">
|
|
<span class="carousel-control-next-icon"><i
|
|
class="fa fa-chevron-right"
|
|
style="font-size:24px"></i></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- END OF RELATED PRODUCTS -->
|
|
|
|
<!-- OUR SERVICES -->
|
|
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/star.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="container my-5">
|
|
<div class="row">
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Customization</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Support</h6>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Hire
|
|
Odoo
|
|
Developer</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Integration</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Migration</h6>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Consultancy</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
|
|
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
|
|
Odoo
|
|
Licensing Consultancy</h6>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- END OF OUR SERVICES -->
|
|
|
|
<!-- OUR INDUSTRIES -->
|
|
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/corporate.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
|
|
Industries
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="container my-5">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Trading
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Easily procure
|
|
and
|
|
sell your products</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
POS
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Easy
|
|
configuration
|
|
and convivial experience</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Education
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
A platform for
|
|
educational management</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Manufacturing
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Plan, track and
|
|
schedule your operations</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
E-commerce & Website
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Mobile
|
|
friendly,
|
|
awe-inspiring product pages</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Service Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Keep track of
|
|
services and invoice</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Restaurant
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
Run your bar or
|
|
restaurant methodically</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
|
|
<img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Hotel Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
|
|
An
|
|
all-inclusive
|
|
hotel management application</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- END OF OUR INDUSTRIES -->
|
|
|
|
<!-- SUPPORT -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/customer-support.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
|
|
</h2>
|
|
</div>
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-6">
|
|
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
|
|
<div class="mr-4 d-flex justify-content-center align-items-center"
|
|
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
|
|
<img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
|
|
</div>
|
|
<div>
|
|
<h4>Need Help?</h4>
|
|
<p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
|
|
<a href="mailto:odoo@cybrosys.com">
|
|
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
|
|
odoo@cybrosys.com</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-6">
|
|
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
|
|
<div class="mr-4 d-flex justify-content-center align-items-center"
|
|
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
|
|
<img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
|
|
</div>
|
|
<div>
|
|
<h4>WhatsApp</h4>
|
|
<p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
|
|
<a href="https://api.whatsapp.com/send?phone=918606827707">
|
|
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
|
|
27707</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
|
|
<img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF SUPPORT -->
|
|
|