# NEW Series 6 - Page Builder Macro

Canonical: https://wiki.soft1.eu/space/HF/

.le\_entity\_content { margin: 0!important; width: unset!important; } .le\_module\_contents { padding: 0!important; } .le\_module .le\_entity\_content { padding: .1rem .5rem !important; } .le\_element\_html\_content { display: flex; } .rw\_category\_items { list-style: none; padding: 0px 90px !important; height: 50px; width: 534px !important; } .container-fluid { min-height: 90vh; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 0!important; padding-left: 0!important; } .cloud-erp-link { flex: 2; } .atlantis-link { flex: 1; } .web-edition-link { flex: 1 1 0; } .impact-link { flex: 1 1 0; } .go-link { flex: 1 1 0; } .web-erp-blog-link { flex: 3; } .unisoft-link { flex: 2; } .fnb-go-estiasis-link { flex: 2; } .shopranos-link { flex: 2; } .card { border: none; } .card.content\_container { background-color: unset; } .card:not(.content\_container) { margin: 2.5px; padding: 10px; align-items: center; justify-content: space-evenly; border-radius: .5rem; transition: transform 0.3s, box-shadow 0.3s; transform-style: preserve-3d; will-change: transform, box-shadow; perspective: 1000px; } .card:not(.content\_container):hover { transform: rotateY(10deg) rotateX(10deg) scale(1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); } .card:not(.content\_container) .glow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: background-image 0.3s; pointer-events: none; } .card:not(.content\_container) > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .cloud-erp-card { flex: 1; background-color: #4078B9; justify-content: center !important; } .web-erp-blog-card { flex: 1; background-color: #50cd89; display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; padding-bottom: 30px !important; } .web-edition-card { flex: 1; background-color: #3A567A; } .impact-card { flex: 1; background-color: #5EBBD3; } .go-card { flex: 1; background-color: #649AD3; } .atlantis-card { flex: 1; background-color: #58B3A9; } .unisoft-card { flex: 1; background-color: #758392; padding-bottom: 30px !important; display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; } .fnb-go-estiasis-card { flex: 1; background-color: #7C82A9; padding-bottom: 10px !important; display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; } .shopranos-card { flex: 1; background-color: #48A0F8; padding-bottom: 20px !important; display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; } .cloud-erp-card:hover { background-color: #3557a4; } .web-erp-blog-card:hover { background-color: #3c9a66; } .web-edition-card:hover { background-color: #38485C; } .impact-card:hover { background-color: #37ADCB; } .go-card:hover { background-color: #4289D6; } .atlantis-card:hover { background-color: #00B9A4; } .unisoft-card:hover { background-color: #606C78; } .fnb-go-estiasis-card:hover { background-color: #4D5589; } .shopranos-card:hover { background-color: #2E93F8; } .table-responsive { width: fit-content!important; } .table { margin-top: .5rem !important; margin-bottom: .5rem !important; font: menu; text-transform: uppercase; } .table td { border-top: 0!important; padding: .5rem!important; } .table th { padding: .5rem!important; color: #fff; border-bottom: .1rem solid white!important; border-top: 0!important; max-width: fit-content; } .table ul { list-style: none; padding: 0!important; margin-bottom: 0!important; } .table li { display: flex; align-items: center; margin-bottom: .4rem; } .table li:hover { text-decoration: underline; text-decoration-color: white; } .table li div { width: .6rem; height: .6rem; background-color: #fff; border-radius: 50%; margin-right: 1rem; } .table li a { color: #fff; text-decoration: none; } .img-fluid { margin-top: .5rem !important; margin-bottom: .5rem !important; } .cloud-erp-icon { width: 75%; height: auto; aspect-ratio: 575 / 265; } .web-erp-blog-icon { max-width: 25%; align-self: start; margin-right: 1rem !important; } .web-edition-icon { max-width: 20%; align-self: end; margin-right: 1rem !important; } .impact-icon { max-width: 20%; align-self: end; margin-right: 1rem !important; } .go-icon { max-width: 15%; align-self: end; margin-right: 1rem !important; } .atlantis-icon { align-self: start; max-width: 40%; } .unisoft-icon { max-width: 15%; align-self: start; margin-right: 1rem !important; } .fnb-go-estiasis-icon { max-width: 15%; align-self: start; margin-right: 1rem !important; } .shopranos-icon { max-width: 15%; align-self: start; margin-right: 1rem !important; } .web-erp-blog-logo { align-self: end; max-width: 60%; } .web-edition-logo { align-self: start; margin-bottom: 1.5rem !important; margin-left: 1rem !important; width: 55% !important; } .impact-logo { align-self: start; margin-left: .5rem !important; max-width: 40%; } .go-logo { align-self: start; margin-left: .5rem !important; } .atlantis-logo { align-self: center; margin-left: 1rem !important; max-width: 65%; } .unisoft-logo { align-self: end; max-width: 60%; margin-left: 1rem !important; } .fnb-go-estiasis-logo { align-self: end; max-width: 60%; margin-left: 1rem !important; } .shopranos-logo { align-self: end; max-width: 60%; margin-left: 1rem !important; } @media (max-width: 575.98px) { .link { min-height: 18vh!important; } .atlantis-card .d-flex { flex-direction: column-reverse; } .atlantis-card .table-responsive { align-self: center; } .atlantis-icon { align-self: end; } } @media (max-width: 991.98px) { .link { flex: 1 1 auto; min-height: 25vh; } .atlantis-link { min-height: 35vh; } .cloud-erp-card { padding-top: 4rem; padding-bottom: 4rem; } .web-erp-blog-card { margin-bottom: 0 !important; } .web-edition-card { display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; padding-bottom: 30px; } .impact-card { display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; padding-bottom: 30px; } .go-card { display: inline-flex; flex-direction: row-reverse; justify-content: space-between !important; padding-bottom: 30px; } .web-edition-logo { align-self: end; max-width: 40%; margin-left: 2rem !important; } .impact-logo { align-self: end; max-width: 35%; margin-left: 1.8rem !important; } .go-logo { align-self: end; max-width: 60%; margin-left: 1.8rem !important; } .atlantis-logo { margin-left: 1.8rem !important; } .unisoft-logo { margin-left: 1.8rem !important; } .fnb-go-estiasis-logo { margin-left: 1.8rem !important; } .shopranos-logo { margin-left: 1.8rem !important; } .unisoft-icon, .fnb-go-estiasis-icon, .shopranos-icon { max-width: 15%; } .web-edition-icon, .impact-icon { align-self: start; max-width: 20%; } .go-icon { align-self: start; max-width: 12%; margin-right: 2rem!important; } } @media (max-width: 1199.98px) { .container-fluid { min-height: 95vh; } } @media (min-width: 1921px) { .card:not(.content\_container) .table { font-size: large; } }

 [![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/CLOUD-ERP-SERIES-6-WHITE.png) ![](https://s1marketing.blob.core.windows.net/newsletter/wiki-series6_image.png)

Quick Links

-   [Get Started](/space/SS5EL/189727309)
-   [Tips & Tricks](/space/SS5EL/316047361)
-   [Knowledge Base](/space/SKEL)
-   [myDATA](/space/SS5EL/189728887)](/space/SS5EL)[

![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/atlantis_logo_rebranding.png)

Quick Links

-   [Atlantis myDATA](/space/ATEL/182092707)
-   [Atlantis Entry myDATA](/space/ATEL/182092711)
-   [Atlantis Knowledge Base](/space/ASKB)

![](https://s1marketing.blob.core.windows.net/resources/wiki-assets/atlantis-02.png)



](/space/ATEL)

 [![](https://s1marketing.blob.core.windows.net/resources/wiki-assets/web-and-mobile.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/ENTERPRISE-MOBILITY-WHITE.png)](/space/EMG)[

![](https://s1marketing.blob.core.windows.net/resources/wiki-assets/ecos.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/impact_logo_rebranding.png)

](/space/EG)[

![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/GO_Retail_on_Cloud_icon.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/go-retail_logo_rebranding.png)

](https://softone-go-retail-tameiaki.gitbook.io/odigoi-xrisis-go-tameiaki-go-retail/)

 [![](https://s1product.blob.core.windows.net/wiki/20%20WEB%20ERP/UI-UX/Suggest%20a%20friend%20Icon_White.png) ![](https://s1product.blob.core.windows.net/wiki/20%20WEB%20ERP/UI-UX/WEB-ERP-WHITE.png)](/space/WEBERP/blog)[

![](https://s1marketing.blob.core.windows.net/resources/wiki-assets/classic-edition.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/capital_logo_rebranding.png)

](https://www.unisoft.gr/blog/)[

![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/restaurant.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/GO-ESTIASIS-WHITE%201.png)

](https://softonefnb.gitbook.io/goestiasis/)[

![](https://s1marketing.blob.core.windows.net/resources/wiki-assets/ecommerce-white.png) ![](https://s1product.blob.core.windows.net/wiki/PRODUCT%20LOGOS/shopranos_logo_rebranding.png)

](https://wiki.shopranos.gr)

document.querySelectorAll('.card:not(.content\_container)').forEach(card => { card.addEventListener('mousemove', function(e) { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const centerX = rect.width / 2; const centerY = rect.height / 2; const deltaX = (x - centerX) / centerX; const deltaY = (y - centerY) / centerY; const rotateX = deltaY \* 15; const rotateY = deltaX \* -15; card.style.transform = \`rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1)\`; card.querySelector('.glow').style.backgroundImage = \`radial-gradient(circle at ${x}px ${y}px, #ffffff11, #00000005)\`; }); card.addEventListener('mouseleave', function() { card.style.transform = 'rotateX(0) rotateY(0) scale(1)'; card.querySelector('.glow').style.backgroundImage = 'radial-gradient(circle at 50% -20%, #ffffff11, #00000005)'; }); });

(No pages or blog posts in this space.)

---
Generated: 2026-09-13T02:13:53.907Z