@ -1,43 +1,35 @@
< div style = "background-color: #714B67; height: 81 0px; width: 100%; padding: 15px; position: relative;" >
< div style = "background-color: #714B67; min-height: 60 0px; 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;">
< 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 >
< 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: #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">
< 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 >
< / 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;" >
Website Product Visibility< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" >
Website Product Visibility For Logged in, Logged out Users/Visitors and Portal Users< / 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 >
<!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
Website Product Visibility< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" >
Website Product Visibility for Logged in and Logged out
Users/Portal Users/Visitors< / p >
<!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif"
style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
< / div >
@ -60,9 +52,10 @@
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" / >
< / div >
@ -74,9 +67,10 @@
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" / >
< / div >
@ -88,9 +82,10 @@
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;">See
key screenshots of this module
< / span >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
@ -101,8 +96,7 @@
<!-- OVERVIEW SECTION -->
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="overview">
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" / >
@ -116,7 +110,8 @@
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
< div class = "col-sm-12 py-4" >
This module helps you to make visible only the filtered products and
product categories for a logged in logged out users/visitors and Portal Users.
product categories for a logged in and logged out users/portal
users/visitors.
Also, it enables the user to search products and product categories only
from those available products and categories.
< / div >
@ -138,36 +133,31 @@
< 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 "
< div class = "d-flex align-items-center "
style="margin-top: 40px; margin-bottom: 40px">
< 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;" > Filter according to the logged users< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
Filter product and product categories according to the logged user.< / p >
< span style = "display: block; font-family: 'Montserrat', sans-serif; font-size: 12px;" > < / span >
< / div >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Filter according to the logged users< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
Filter product and product categories according to the logged
user.< / p >
< / div >
< div class = "d-flex align-items-start "
< 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;" > Filter according to the public users/visitors and portal users< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" > Filter product and product categories according to the public users/visitors and portal users.< / p >
< span style = "display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;" > < / span >
< / div >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Filter according to the public users/portal users/visitors< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
Filter product and product categories according to the public
users/portal users/visitors.< / p >
< / div >
< div class = "d-flex align-items-start "
< 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;" > Restrict user searches to available product/category only< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" > User can only search product and category among from the available product/category.< / p >
< span style = "display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;" > < / span >
< / div >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Restrict user searches to available product/category only< / span >
< p style = "font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;" >
User can only search product and category among from the
available product/category.< / p >
< / div >
< / div >
< / div >
<!-- END OF FEATURES SECTION -->
@ -206,107 +196,122 @@
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Product wise visibility for website shop (Product wise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Product wise) for the logged user in website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Product wise) for the logged user in website
shop.< / p >
< img src = "assets/screenshots/3.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;" >
Category wise filtering for website shop (Logged in Users)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Category wise filtering mode for logged user in website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Category wise filtering mode for logged user in website
shop.< / p >
< img src = "assets/screenshots/4.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;" >
Product visibility for website shop (Category wise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Category wise) for the logged user in website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Category wise) for the logged user in
website shop.< / p >
< img src = "assets/screenshots/5.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;" >
Product wise filtering for website shop (Portal Users)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product wise filtering mode for the portal users in the website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product wise filtering mode for the portal users in the website
shop.< / p >
< img src = "assets/screenshots/6.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;" >
Set filter for a portal user< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Setting the filtering mode for a portal user as No Filter.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Setting the filtering mode for a portal user as No Filter.< / p >
< img src = "assets/screenshots/7.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;" >
Product wise visibility for website shop (Portal Users)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Product wise) for the portal users in
Product wise visibility for website shop (Portal Users)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Product wise) for the portal users in
website shop when no filter is set for them.< / p >
< img src = "assets/screenshots/8.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;" >
Category wise filtering for website shop (Portal Users)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Category wise filtering mode for the portal users in the website
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Category wise filtering mode for the portal users in the website
shop.< / p >
< img src = "assets/screenshots/9.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;" >
Product visibility for website shop portal users (Categorywise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Category wise) for the portal users in
Product visibility for website shop portal users (Category
wise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Category wise) for the portal users in
website shop when no filter is set for them.< / p >
< img src = "assets/screenshots/10.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;" >
Product wise filtering for website shop (Visitors)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product wise filtering mode for the visitors in the website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product wise filtering mode for the visitors in the website
shop.< / p >
< img src = "assets/screenshots/11.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;" >
Product wise visibility for website shop (Visitors)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Product wise) for the visitors in website shop.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Product wise) for the visitors in website
shop.< / p >
< img src = "assets/screenshots/12.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;" >
Category wise filtering for website shop (Visitors)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Category wise filtering mode for the visitors in the website shop< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Category wise filtering mode for the visitors in the website
shop.< / p >
< img src = "assets/screenshots/13.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;" >
Product visibility for website shop visitors (Category wise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Product visibility (Category wise) for the visitors in website shop.< / p >
Product visibility for website shop visitors (Category
wise)< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Product visibility (Category wise) for the visitors in website
shop.< / p >
< img src = "assets/screenshots/14.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;" >
Search available product from the list< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Search product from the available product list.< / p >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Search product from the available product list.< / p >
< img src = "assets/screenshots/15.png" class = "img-thumbnail" >
< / 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 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" / >
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
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Related
Products
< / h2 >
< / div >
@ -316,65 +321,89 @@
<!-- 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/odoo_website_helpdesk/#" target = "_blank" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/1.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/1.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/animated_snippet/#" target = "_blank" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/2.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/2.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 class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/3.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/3.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/insta_feed_snippet/#" target = "_blank" >
< 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/15.0/account_reports_xlsx/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/4.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/4.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_signup_approval/#" target = "_blank" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/5.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/5.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/refer_friend_and_earn/#" target = "_blank" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/"
target="_blank">
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/6.png">
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/6.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"
< 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 >
< / a >
< / div >
< / div >
< / div >