@ -1,19 +1,22 @@
< div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
< div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
<!-- TITLE BAR -->
<!-- TITLE BAR -->
< div
< 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;">
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;" / >
< img src = "assets/misc/cybrosys-logo.png" width = "42" height = "42" style = "width: 42px; height: 42px;" / >
< div >
< 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;"
< div
class="mr-2">
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
< i class = "fa fa-check mr-1" > < / i > Community
< / div >
< / 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;"
< div
class="mr-2">
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
< i class = "fa fa-check mr-1" > < / i > Enterprise
< / div >
< / 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;"
< div
class="mr-2">
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
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div >
< / div >
< / div >
< / div >
@ -26,7 +29,7 @@
displayed in login page, and we can click on it, and it automatically
displayed in login page, and we can click on it, and it automatically
fills our username.< / p >
fills our username.< / p >
<!-- END OF APP HERO -->
<!-- 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;" />
style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;" />
< / div >
< / div >
@ -34,8 +37,8 @@
<!-- NAVIGATION SECTION -->
<!-- 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 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"
< 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/compass.png" / >
< img src = "assets/misc/compass.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
Module< / h2 >
Module< / h2 >
@ -44,45 +47,42 @@
< div class = "col-sm-12 col-md-6 my-3" >
< div class = "col-sm-12 col-md-6 my-3" >
< a href = "#overview" >
< a href = "#overview" >
< div class = "d-flex justify-content-between align-items-center"
< 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 >
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Overview< / span >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Overview< / span >
< span
< span style = "color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;" > Learn
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
more about this
more about this
module< / span >
module< / span >
< / div >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
< div class = "col-sm-12 col-md-6 my-3" >
< div class = "col-sm-12 col-md-6 my-3" >
< a href = "#features" >
< a href = "#features" >
< div class = "d-flex justify-content-between align-items-center"
< 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 >
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Features< / span >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Features< / span >
< span
< span style = "color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;" > View
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
features of this
features of this
module< / span >
module< / span >
< / div >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
< div class = "col-sm-12 col-md-6 my-3" >
< div class = "col-sm-12 col-md-6 my-3" >
< a href = "#screenshots" >
< a href = "#screenshots" >
< div class = "d-flex justify-content-between align-items-center"
< 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 >
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Screenshots< / span >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Screenshots< / span >
< span
< span style = "color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;" > View
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
screenshots for this
screenshots for this
module< / span >
module< / span >
< / div >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -92,23 +92,23 @@
<!-- OVERVIEW 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 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"
< 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/pie-chart.png" / >
< img src = "assets/misc/pie-chart.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< 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
< div class = "col-sm-12 py-4" >
displayed in login page, we can click on it, and it automatically
This app allows you to create and manage courier requests for the courier management.
fills our username < / div >
< / div >
< / div >
< / div >
<!-- END OF OVERVIEW SECTION -->
<!-- END OF OVERVIEW SECTION -->
<!-- FEATURES 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 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"
< 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" / >
< img src = "assets/misc/features.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
@ -116,8 +116,8 @@
< / div >
< / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< 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 = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-start" style = "margin-top: 40px; margin-bottom: 4 0px" >
< 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" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< div >
< span
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Prevents accidental logout< / 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 >
< / div >
< div class = "d-flex align-items-start " style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "d-flex align-items-center " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< div >
< span
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">We can save our login details< / 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 >
< div class = "col-sm-12 col-md-6" >
< div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-start " style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "d-flex align-items-center " style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< div >
< div >
< span
< span
style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">We can remove this saved login details< / 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 -->
<!-- SCREENSHOTS SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "screenshots" >
< 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"
< 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/pictures.png" / >
< img src = "assets/misc/pictures.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< / h2 >
< / h2 >
@ -163,34 +163,19 @@
< div style = "display: block; margin: 30px auto;" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Prevents accidental logout< / h3 >
< 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 >
< 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 >
< 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;" >
< 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 >
< 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 >
< 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" >
< img src = "assets/screenshots/login2.png" class = "img-thumbnail" >
< / div >
< img src = "assets/screenshots/login3.png" class = "img-thumbnail" >
< 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" >
< / div >
< / div >
< div style = "display: block; margin: 30px auto;" >
< 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 >
< 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 >
< 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" >
< img src = "assets/screenshots/login4.png" class = "img-thumbnail" >
< / div >
< img src = "assets/screenshots/login5.png" class = "img-thumbnail" >
< 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" >
< / div >
< / div >
< / 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 align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex justify-content-center align-items-center mr-2"
< 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/star.png" / >
< img src = "/ assets/misc/star.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services
< / h2 >
< / 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 align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex justify-content-center align-items-center mr-2"
< 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/corporate.png" / >
< img src = "/ assets/misc/corporate.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our
Industries
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 align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex justify-content-center align-items-center mr-2"
< 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/customer-support.png" / >
< img src = "/ assets/misc/customer-support.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support
< / h2 >
< / h2 >
@ -520,7 +505,7 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
< div class = "mr-4"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: 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;" / >
< img src = "/ assets/misc/support.png" height = "48" width = "48" style = "width: 42px; height: 42px;" / >
< / div >
< / div >
< div >
< div >
< h4 > Need Help?< / h4 >
< h4 > Need Help?< / h4 >
@ -536,7 +521,7 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
< div class = "mr-4"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: 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;" / >
< img src = "/ assets/misc/whatsapp.png" height = "52" width = "52" style = "width: 52px; height: 52px;" / >
< / div >
< / div >
< div >
< div >
< h4 > WhatsApp< / h4 >
< h4 > WhatsApp< / h4 >
@ -551,7 +536,7 @@
< / div >
< / div >
< div class = "row" >
< div class = "row" >
< div class = "col-sm-12 my-5 d-flex justify-content-center align-items-center" >
< 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;" />
style="width:144px; height: 31px; margin-top: 40px;" />
< / div >
< / div >
< / div >
< / div >