@ -1,19 +1,22 @@
< div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
<!-- TITLE BAR -->
< div
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 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">
< 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: #875A7B; 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">
< 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 style = "color: #017E84; 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">
< div
style="color: #017E84; 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 > Odoo.sh
< / div >
< / div >
@ -26,7 +29,7 @@
displayed in login page, and we can click on it, and it automatically
fills our username.< / p >
<!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif"
< img src = "assets/screenshots/hero1 .gif"
style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;" />
< / div >
@ -34,8 +37,8 @@
<!-- 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" / >
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 >
@ -44,45 +47,42 @@
< 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%;">
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 >
< 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" / >
< 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%;">
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 >
< 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" / >
< 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%;">
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 >
< 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" / >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
@ -92,23 +92,23 @@
<!-- 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" / >
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" > This app allows us to save our login info , our name will be
displayed in login page, we can click on it, and it automatically
fills our username < / div >
< div class = "col-sm-12 py-4" >
This app allows you to create and manage courier requests for the courier management.
< / 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;">
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
@ -116,8 +116,8 @@
< / 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-start" style = "margin-top: 40px; margin-bottom: 4 0px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 3 0px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Prevents accidental logout< / span >
@ -125,8 +125,8 @@
< / div >
< / div >
< div class = "d-flex align-items-start " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div class = "d-flex align-items-center " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">We can save our login details< / span >
@ -136,8 +136,8 @@
< / div >
< div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-start " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div class = "d-flex align-items-center " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">We can remove this saved login details< / span >
@ -151,8 +151,8 @@
<!-- 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" / >
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 >
@ -163,34 +163,19 @@
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Prevents accidental logout< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > In this app the logout button doesn't log you out instantly, instead it asks for logout confirmation< / p >
< img src = "assets/screenshots/screenshot7 .png" class = "img-thumbnail" >
< img src = "assets/screenshots/login1 .png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > < / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > < / p >
< img src = "assets/screenshots/screenshot8.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > We can save our login details< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > With the help of this app we can save our login details using the prompt that appears when we click logout, we can enable the 'save login details' checkbox to save our details and we can click save & logout to logout< / p >
< img src = "assets/screenshots/screenshot8.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > < / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > < / p >
< img src = "assets/screenshots/screenshot1.png" class = "img-thumbnail" >
< img src = "assets/screenshots/login2.png" class = "img-thumbnail" >
< img src = "assets/screenshots/login3.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > We can also delete our saved login details< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > We can delete our saved login details by unchecking the 'save login details' checkbox.< / p >
< img src = "assets/screenshots/screenshot9.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > < / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > < / p >
< img src = "assets/screenshots/screenshot10.png" class = "img-thumbnail" >
< img src = "assets/screenshots/login4.png" class = "img-thumbnail" >
< img src = "assets/screenshots/login5.png" class = "img-thumbnail" >
< / div >
< / div >
@ -272,7 +257,7 @@
< 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" / >
< 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 >
@ -383,7 +368,7 @@
< 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" / >
< 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
@ -509,7 +494,7 @@
< 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" / >
< 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 >
@ -520,7 +505,7 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
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;" / >
< img src = "/ assets/misc/support.png" height = "48" width = "48" style = "width: 42px; height: 42px;" / >
< / div >
< div >
< h4 > Need Help?< / h4 >
@ -536,7 +521,7 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
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;" / >
< img src = "/ assets/misc/whatsapp.png" height = "52" width = "52" style = "width: 52px; height: 52px;" / >
< / div >
< div >
< h4 > WhatsApp< / h4 >
@ -551,7 +536,7 @@
< / 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"
< img src = "/ assets/misc/logo.png" width = "144" height = "31"
style="width:144px; height: 31px; margin-top: 40px;" />
< / div >
< / div >