NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_zap: theme improvement

Browse Source 
Revamp of `theme_zap`

task-4178094

closes odoo/design-themes#908

Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
This commit is contained in:
Antoine (anso)
2024-09-13 14:45:07 +02:00
committed by Alice Gaudon
parent 8fda02fca5
commit 0dd9e17b8f
33 changed files with 541 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_zap/__manifest__.py
+12 -7
View File
@@ -13,6 +13,10 @@
'views/snippets/s_cta_box.xml',
'views/snippets/s_banner.xml',
'views/snippets/s_discovery.xml',
'views/snippets/s_comparisons.xml',
'views/snippets/s_showcase.xml',
'views/snippets/s_cta_card.xml',
'views/snippets/s_striped_top.xml',
'views/snippets/s_call_to_action.xml',
'views/snippets/s_sidegrid.xml',
@@ -25,6 +29,7 @@
'views/snippets/s_masonry_block.xml',
'views/snippets/s_media_list.xml',
'views/snippets/s_numbers.xml',
'views/snippets/s_numbers_charts.xml',
'views/snippets/s_references.xml',
'views/snippets/s_references_social.xml',
'views/snippets/s_references_grid.xml',
@@ -40,6 +45,7 @@
'views/snippets/s_key_benefits.xml',
'views/snippets/s_pricelist_boxed.xml',
'views/snippets/s_striped_center_top.xml',
'views/snippets/s_striped.xml',
'views/snippets/s_image_title.xml',
'views/snippets/s_big_number.xml',
'views/snippets/s_images_constellation.xml',
@@ -51,16 +57,15 @@
'static/description/zap_screenshot.jpg',
],
'images_preview_theme': {
'website.s_banner_default_image': '/theme_zap/static/src/img/content/banner.jpg',
'website.s_three_columns_default_image_1': '/theme_zap/static/src/img/content/three_columns_01.jpg',
'website.s_three_columns_default_image_2': '/theme_zap/static/src/img/content/three_columns_02.jpg',
'website.s_image_text_default_image': '/theme_zap/static/src/img/content/s_image_text.jpg',
'website.s_media_list_default_image_1': '/theme_zap/static/src/img/content/media_list_01.jpg',
'website.s_media_list_default_image_2': '/theme_zap/static/src/img/content/media_list_02.jpg',
'website.s_text_cover_default_image': '/theme_zap/static/src/img/snippets/s_cover.jpg',
'website.s_text_image_default_image': '/theme_zap/static/src/img/content/s_text_image.jpg',
'website.s_three_columns_default_image_3': '/theme_zap/static/src/img/content/three_columns_03.jpg',
'website.library_image_08': '/theme_zap/static/src/img/backgrounds/01.jpg',
'website.s_masonry_block_default_image_1': '/theme_zap/static/src/img/backgrounds/16.jpg',
'website.library_image_02': '/theme_zap/static/src/img/content/masonry_block_02.jpg',
},
'configurator_snippets': {
'homepage': ['s_banner', 's_three_columns', 's_color_blocks_2', 's_features', 's_masonry_block', 's_references'],
'homepage': ['s_discovery', 's_key_images', 's_striped', 's_showcase', 's_image_title', 's_numbers_charts', 's_cta_card'],
},
'new_page_templates': {
'about': {
theme_zap/models/theme_zap.py
+1 -3
View File
@@ -5,9 +5,7 @@ class ThemeZap(models.AbstractModel):
_inherit = 'theme.utils'
def _theme_zap_post_copy(self, mod):
self.enable_view('website.template_header_hamburger')
self.enable_view('website.no_autohide_menu')
self.enable_view('website.header_navbar_pills_style')
self.enable_view('website.template_header_sales_four')
self.enable_view('website.template_footer_links')
theme_zap/static/description/theme_zap.svg
+223 -201
View File
@@ -1,228 +1,250 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="1850" viewBox="0 0 700 1850">
<svg width="700" height="2246" viewBox="0 0 700 2246" fill="none" xmlns="http://www.w3.org/2000/svg" data-vsvg="002" class="theme_zap_svg_preview">
<defs>
<!-- Font -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&amp;display=swap');
</style>
<!-- Box-shadow -->
<filter id="theme_zap_preview_shadow" x="0" y="0" filterUnits="userSpaceOnUse">
<feOffset dy="3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur"/>
<feFlood flood-opacity="0.15"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<!-- Images -->
<pattern width="1" height="1" id="theme_zap_s_banner_default_image_id" patternunits="objectBoundingBox">
<image width="700" height="210" preserveAspectRatio="xMidYMid slice" href="#s_banner_default_image_url"/>
<pattern id="theme_zap_s_image_title_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="700" height="266" preserveAspectRatio="xMidYMid slice" href="#s_cover_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_three_columns_default_image_1_id" patternunits="objectBoundingBox">
<image width="175" height="135" preserveAspectRatio="xMidYMid slice" href="#s_three_columns_default_image_1_url"/>
<pattern id="theme_zap_s_showcase_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="211" height="210" preserveAspectRatio="xMidYMid slice" href="#s_image_text_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_three_columns_default_image_2_id" patternunits="objectBoundingBox">
<image width="175" height="135" preserveAspectRatio="xMidYMid slice" href="#s_three_columns_default_image_2_url"/>
<pattern id="theme_zap_s_striped_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="310" height="178" preserveAspectRatio="xMidYMid slice" href="#s_cover_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_three_columns_default_image_3_id" patternunits="objectBoundingBox">
<image width="175" height="135" preserveAspectRatio="xMidYMid slice" href="#s_three_columns_default_image_3_url"/>
<pattern id="theme_zap_s_key_images_default_image_4_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="126" height="106" preserveAspectRatio="xMidYMid slice" href="#s_text_image_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_library_image_02_id" patternunits="objectBoundingBox">
<image width="350" height="280" preserveAspectRatio="xMidYMid slice" href="#library_image_02_url"/>
<pattern id="theme_zap_s_key_images_default_image_3_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="126" height="106" preserveAspectRatio="xMidYMid slice" href="#s_media_list_default_image_2_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_masonry_block_default_image_1_id" patternunits="objectBoundingBox">
<image width="350" height="240" preserveAspectRatio="xMidYMid slice" href="#s_masonry_block_default_image_1_url"/>
<pattern id="theme_zap_s_key_images_default_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="126" height="106" preserveAspectRatio="xMidYMid slice" href="#s_image_text_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_library_image_08_id" patternunits="objectBoundingBox">
<image width="175" height="120" preserveAspectRatio="xMidYMid slice" href="#library_image_08_url"/>
<pattern id="theme_zap_s_key_images_default_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="126" height="106" preserveAspectRatio="xMidYMid slice" href="#s_media_list_default_image_1_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_references_1_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_1"/>
<pattern id="theme_zap_s_kickoff_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image width="700" height="290" preserveAspectRatio="xMidYMid slice" href="#s_cover_default_image_url"></image>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_references_2_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_2"/>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_references_3_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_3"/>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_references_4_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_4"/>
</pattern>
<pattern width="1" height="1" id="theme_zap_s_references_5_id" patternunits="objectBoundingBox">
<image width="120" height="60" preserveAspectRatio="xMidYMid slice" href="/web/image/website.s_reference_demo_image_5"/>
</pattern>
<filter id="filter_readability_zap">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<filter id="filter_readability_theme_zap">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"></feColorMatrix>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
<feFuncR type="table" tableValues="1 0"></feFuncR>
<feFuncG type="table" tableValues="1 0"></feFuncG>
<feFuncB type="table" tableValues="1 0"></feFuncB>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
<feFuncR type="linear" slope="10000" intercept="-4999.5"></feFuncR>
<feFuncG type="linear" slope="10000" intercept="-4999.5"></feFuncG>
<feFuncB type="linear" slope="10000" intercept="-4999.5"></feFuncB>
</feComponentTransfer>
</filter>
</defs>
<!-- Layout -->
<g id="theme_zap_preview">
<g data-name="Header" class="svgc_menu">
<rect width="700" height="50" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<rect width="20" height="2" x="70" y="18" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<rect width="20" height="2" x="70" y="24" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<rect width="20" height="2" x="70" y="30" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="295" y="30" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-size="14" font-family="Lato, sans-serif" font-weight="bold">LOGO</text>
<rect width="30" height="6" rx="2" x="510" y="22" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="560" y="10" fill="#3AADAA"/>
<text x="573" y="29" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="12" font-family="Lato, sans-serif" font-weight="700">Contact</text>
<rect width="700" height="2246" fill="#ACACAC"></rect>
<g clip-path="url(#clip0_378_9)" class="theme_zap">
<rect width="700" height="2246" fill="#FFFFFF"></rect>
<g class="svgc_footer">
<path d="M700 2131H0V2246H700V2131Z" fill="#FOOTER_COLOR" class="svgc_footer_bg"></path>
<rect x="5" y="2230" width="702" height="16" fill="#383E45"></rect>
<path d="M115 2184H70V2186H115V2184Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M108 2178H70V2180H108V2178Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M525 2154H456V2158H525V2154Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M377 2166H223V2168H377V2166Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M356 2172H223V2174H356V2172Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M377 2190H223V2192H377V2190Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M356 2196H223V2198H356V2196Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M592 2166H456V2168H592V2166Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M573 2172H456V2174H573V2172Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M108 2166H70V2168H108V2166Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M115 2172H70V2174H115V2172Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M500 2198C503.866 2198 507 2194.87 507 2191C507 2187.13 503.866 2184 500 2184C496.134 2184 493 2187.13 493 2191C493 2194.87 496.134 2198 500 2198Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M481 2198C484.866 2198 488 2194.87 488 2191C488 2187.13 484.866 2184 481 2184C477.134 2184 474 2187.13 474 2191C474 2194.87 477.134 2198 481 2198Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M462 2198C465.866 2198 469 2194.87 469 2191C469 2187.13 465.866 2184 462 2184C458.134 2184 455 2187.13 455 2191C455 2194.87 458.134 2198 462 2198Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M139 2154H70V2158H139V2154Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M292 2154H223V2158H292V2154Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
</g>
<g class="s_cta_card">
<path d="M700 1956L0 1908V2131H700V1956Z" fill="#3AADAA"></path>
<text fill="#3AADAA" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="34" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="2034.29">Section Title</tspan>
</text>
<rect x="70" y="2058" width="168" height="5" fill="#3AADAA" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<g>
<rect x="476" y="1976" width="154" height="133" fill="#FFFFFF"></rect>
<path d="M581 1996H490V2000H581V1996Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<rect x="506" y="2024" width="108" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="490" y="2022" width="6" height="6" rx="3" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="506" y="2036" width="53" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="490" y="2034" width="6" height="6" rx="3" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="506" y="2049" width="71" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="490" y="2047" width="6" height="6" rx="3" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="490" y="2070" width="124" height="23" rx="2" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
</g>
</g>
<g data-name="Banner">
<rect width="700" height="210" x="0" y="50" fill="url(#theme_zap_s_banner_default_image_id)" class="img_reference_s_banner_default_image"/>
<rect width="700" height="110" x="0" y="260" fill="#3AADAA"/>
<rect width="380" height="180" rx="4" x="70" y="170" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<text x="105" y="230" fill="#383E45" font-size="32" font-family="Lato, sans-serif" font-weight="400">Welcome Message</text>
<rect width="120" height="8" rx="2" x="105" y="250" fill="#888"/>
<rect width="200" height="8" rx="2" x="105" y="265" fill="#888"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="105" y="295" fill="#3AADAA"/>
<text x="116" y="315" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="12" font-family="Lato, sans-serif" font-weight="700">Discover</text>
<g class="s_numbers_charts">
<rect y="1588" width="700" height="261" fill="#FFFFFF"></rect>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="30" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="71" y="1629.4">Section title</tspan>
</text>
<rect x="70" y="1644" width="274" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="70" y="1655" width="248" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<g>
<rect x="70" y="1747" width="100" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="70" y="1761" width="216" height="5" rx="2.5" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="70" y="1761" width="174.528" height="5" rx="2.5" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="20" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="1734.43">$ 2.4B</tspan>
</text>
</g>
<g>
<rect x="71" y="1821" width="99" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="71" y="1835" width="216" height="5" rx="2.5" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="71" y="1835" width="174.528" height="5" rx="2.5" fill="#FFFFFF" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="20" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="71" y="1808.43">+300,000</tspan>
</text>
</g>
<g>
<rect x="433" y="1602" width="197" height="238" fill="#F6F6F6"></rect>
<rect x="463" y="1791" width="138" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="482" y="1802" width="98" height="2" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="30" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="501.456" y="1763.4">75%</tspan>
</text>
<g>
<path d="M531.5 1631C523.688 1631 516.051 1633.32 509.555 1637.66C503.059 1642 497.996 1648.17 495.007 1655.38C492.017 1662.6 491.235 1670.54 492.759 1678.21C494.283 1685.87 498.045 1692.91 503.569 1698.43C509.093 1703.95 516.132 1707.72 523.794 1709.24C531.456 1710.77 539.398 1709.98 546.616 1706.99C553.834 1704 560.003 1698.94 564.343 1692.45C568.683 1685.95 571 1678.31 571 1670.5L531.5 1670.5L531.5 1631Z" fill="#7C6576"></path>
<path d="M558.102 1670.5C558.102 1685.19 546.192 1697.1 531.5 1697.1C516.808 1697.1 504.898 1685.19 504.898 1670.5C504.898 1655.81 516.808 1643.9 531.5 1643.9C546.192 1643.9 558.102 1655.81 558.102 1670.5Z" fill="#F6F6F6"></path>
</g>
</g>
</g>
<g data-name="Columns">
<rect width="700" height="340" x="0" y="370" fill="#E9ECEF"/>
<g data-name="Column_1">
<rect width="175" height="250" rx="4" x="70" y="415" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<rect width="175" height="135" x="70" y="415" fill="url(#theme_zap_s_three_columns_default_image_1_id)" class="img_reference_s_three_columns_default_image_1"/>
<text x="86" y="585" font-size="18" font-family="Lato, sans-serif" font-weight="400">Entry Title</text>
<rect width="110" height="6" x="85" y="600" fill="#888"/>
<rect width="130" height="6" x="85" y="612" fill="#888"/>
<rect width="90" height="6" x="85" y="624" fill="#888"/>
<g class="s_image_title">
<path d="M0 1326L700 1302V1568L0 1536V1326Z" fill="url(#theme_zap_s_image_title_default_image_id)" class="img_reference_s_image_title_default_image"></path>
<path d="M0 1326L700 1302V1568L0 1536V1326Z" fill="black" fill-opacity="0.25"></path>
<path d="M630 1470.93H412V1474.93H630V1470.93Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M630 1460H397V1464H630V1460Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="34" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="1418.29">Section Title</tspan>
</text>
</g>
<g class="s_showcase">
<rect y="1040" width="700" height="210" fill="#FFFFFF"></rect>
<path d="M288 1094.93H70V1096.93H288V1094.93Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M303 1090H70V1092H303V1090Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="30" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="1074.4">Section Title</tspan>
</text>
<g>
<path d="M285 1135H98V1137H285V1135Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M207 1125H98V1129H207V1125Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M305 1140H98V1142H305V1140Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<rect x="70" y="1124" width="20" height="20" rx="4" fill="#F6F6F6"></rect>
</g>
<g data-name="Column_2">
<rect width="175" height="250" rx="4" x="263" y="415" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<rect width="175" height="135" x="263" y="415" fill="url(#theme_zap_s_three_columns_default_image_2_id)" class="img_reference_s_three_columns_default_image_2"/>
<text x="279" y="585" font-size="18" font-family="Lato, sans-serif" font-weight="400">Entry Title</text>
<rect width="110" height="6" x="280" y="600" fill="#888"/>
<rect width="130" height="6" x="280" y="612" fill="#888"/>
<rect width="90" height="6" x="280" y="624" fill="#888"/>
<g>
<path d="M285 1172H98V1174H285V1172Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M207 1162H98V1166H207V1162Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M305 1177H98V1179H305V1177Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<rect x="70" y="1160" width="20" height="20" rx="4" fill="#F6F6F6"></rect>
</g>
<g data-name="Column_3">
<rect width="175" height="250" rx="4" x="455" y="415" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<rect width="175" height="135" x="455" y="415" fill="url(#theme_zap_s_three_columns_default_image_3_id)" class="img_reference_s_three_columns_default_image_3"/>
<text x="471" y="585" font-size="18" font-family="Font Awesome, sans-serif">Entry Title</text>
<rect width="110" height="6" x="470" y="600" fill="#888"/>
<rect width="130" height="6" x="470" y="612" fill="#888"/>
<rect width="90" height="6" x="470" y="623" fill="#888"/>
<g>
<path d="M285 1207H98V1209H285V1207Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M207 1197H98V1201H207V1197Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M305 1212H98V1214H305V1212Z" fill="#FFFFFF" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<rect x="70" y="1196" width="20" height="20" rx="4" fill="#F6F6F6"></rect>
</g>
<rect x="419" y="1040" width="211" height="210" rx="4" fill="url(#theme_zap_s_showcase_default_image_id)" class="img_reference_s_showcase_default_image"></rect>
</g>
<g class="s_striped">
<path d="M0 679H700V1003H0V679Z" fill="#F6F6F6"></path>
<rect y="864" width="700" height="152" fill="#FFFFFF"></rect>
<path d="M195 777H505V931L195 955V777Z" fill="url(#theme_zap_s_striped_default_image_id)" class="img_reference_s_striped_default_image"></path>
<path d="M459 747H241V749H459V747Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M467 742H234V744H467V742Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="285.074" y="728.32">Section Title</tspan>
</text>
</g>
<g class="s_key_images">
<path d="M0 345H700V693H0V345Z" fill="#F6F6F6"></path>
<g>
<path d="M592.75 622.002H505.005V624.002H592.75V622.002Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M617.005 627.002H505.005V629.002H617.005V627.002Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="505.005" y="498.32">04</tspan>
</text>
<rect x="505" y="508" width="126" height="106" rx="4" fill="url(#theme_zap_s_key_images_default_image_4_id)" class="img_reference_s_key_images_default_image_4"></rect>
</g>
<g>
<path d="M447.747 622.003H360.001V624.003H447.747V622.003Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M472.001 627.003H360.001V629.003H472.001V627.003Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="360.001" y="498.32">03</tspan>
</text>
<rect x="360" y="508" width="126" height="106" rx="4" fill="url(#theme_zap_s_key_images_default_image_3_id)" class="img_reference_s_key_images_default_image_3"></rect>
</g>
<g>
<path d="M302.745 621H215V623H302.745V621Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M327 626H215V628H327V626Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="215" y="498.32">02</tspan>
</text>
<rect x="215" y="508" width="126" height="106" rx="4" fill="url(#theme_zap_s_key_images_default_image_2_id)" class="img_reference_s_key_images_default_image_2"></rect>
</g>
<g>
<path d="M157.745 621H70V623H157.745V621Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M182 626H70V628H182V626Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="498.32">01</tspan>
</text>
<rect x="70" y="508" width="126" height="106" rx="4" fill="url(#theme_zap_s_key_images_default_image_1_id)" class="img_reference_s_key_images_default_image_1"></rect>
</g>
<path d="M288 450H70V452H288V450Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M303 445H70V447H303V445Z" fill="#F6F6F6" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<text fill="#F6F6F6" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="24" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="70" y="431.32">Section Title</tspan>
</text>
</g>
<g class="s_discovery">
<path d="M0 59C0 56.7909 1.79086 55 4 55H696C698.209 55 700 56.7909 700 59V341C700 343.209 698.209 345 696 345H4.00001C1.79087 345 0 343.209 0 341V59Z" fill="#F6F6F6"></path>
<path d="M0 56H700V317.18L0 346V56Z" fill="url(#theme_zap_s_kickoff_default_image_id)" class="img_reference_s_kickoff_default_image"></path>
<path d="M0 56H700V317.18L0 346V56Z" fill="black" fill-opacity="0.5"></path>
<rect x="263" y="185" width="173" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="301" y="195" width="97" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></rect>
<rect x="252" y="217" width="96" height="30" rx="4" fill="#3AADAA"></rect>
<rect x="352" y="217" width="96" height="30" rx="4" fill="#FFFFFF"></rect>
<text fill="#3AADAA" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="11" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="276" y="235.694">Discover</tspan>
</text>
<text fill="#FFFFFF" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="11" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="376" y="235.694">Discover</tspan>
</text>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="34" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_zap)">
<tspan x="205.683" y="165.287">Welcome Message</tspan>
</text>
<g>
<rect x="316" y="114" width="68" height="12" rx="6" fill="#FFFFFF"></rect>
<rect x="330" y="119" width="49" height="2" fill="black" fill-opacity="0.4"></rect>
<circle cx="322" cy="120" r="3" fill="black" fill-opacity="0.4"></circle>
</g>
</g>
<g data-name="Color Blocks">
<rect width="350" height="280" x="0" y="710" fill="#3AADAA"/>
<circle cx="90" cy="770" r="20" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="70" y="830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="24" font-family="Lato, sans-serif" font-weight="400">Section Title</text>
<rect width="100" height="6" rx="2" x="70" y="852" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="210" height="6" rx="2" x="70" y="864" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="140" height="6" rx="2" x="70" y="876" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="70" height="30" rx="3" x="70" y="910" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="85" y="930" fill="#000000" opacity="0.5" font-size="12" font-family="Lato, sans-serif" font-weight="700">Details</text>
<g class="svgc_menu">
<g class="svgc_menu_bg" fill="#MENU_COLOR">
<mask fill="#FFFFFF">
<path d="M0 18H700V55H0V18Z"></path>
</mask>
<path d="M0 18H700V55H0V18Z" fill="#FFFFFF"></path>
<path d="M0 19H700V17H0V19ZM700 54H0V56H700V54Z" fill="black" fill-opacity="0.1" mask="url(#path-109-inside-1_378_9)"></path>
</g>
<rect width="350" height="280" x="350" y="710" fill="url(#theme_zap_library_image_02_id)" class="img_reference_library_image_02"/>
<path d="M339.485 39.8929V38.536H335.812V32.1072H334V39.8929H339.485ZM344.081 40C344.837 40 345.517 39.843 346.123 39.5298C346.731 39.2176 347.21 38.7626 347.564 38.1666C347.917 37.5716 348.093 36.849 348.093 35.9996C348.093 35.1512 347.916 34.4286 347.563 33.8326C347.21 33.2376 346.731 32.7835 346.124 32.4703C345.517 32.1572 344.836 32.0002 344.08 32.0002C343.319 32.0002 342.635 32.1572 342.029 32.4703C341.425 32.7826 340.945 33.2376 340.595 33.8326C340.243 34.4286 340.068 35.1512 340.068 36.0005C340.068 36.8463 340.243 37.5671 340.595 38.1631C340.919 38.7336 341.417 39.2075 342.029 39.5281C342.635 39.8421 343.319 39.9991 344.08 39.9991L344.081 40ZM344.081 38.5431C343.675 38.5513 343.276 38.4494 342.934 38.2505C342.607 38.0551 342.354 37.7687 342.174 37.3914C341.994 37.014 341.904 36.5501 341.904 35.9996C341.904 35.4501 341.994 34.9862 342.174 34.6079C342.354 34.2305 342.607 33.9441 342.934 33.7496C343.275 33.5506 343.674 33.4488 344.08 33.457C344.518 33.457 344.9 33.5543 345.227 33.7496C345.553 33.9441 345.806 34.2314 345.986 34.6088C346.166 34.9862 346.256 35.4501 346.256 36.0005C346.256 36.5501 346.166 37.014 345.986 37.3914C345.806 37.7687 345.554 38.0551 345.227 38.2505C344.885 38.4497 344.487 38.5516 344.081 38.5431ZM353.19 39.9991C353.91 39.9991 354.549 39.8671 355.107 39.6021C355.655 39.3459 356.111 38.9528 356.421 38.4691C356.739 37.9784 356.898 37.3914 356.898 36.7071V35.7257H353.312V36.9658H355.15L355.146 37.0782C355.13 37.2897 355.078 37.4815 354.992 37.6537L354.921 37.7786C354.764 38.0232 354.531 38.2199 354.251 38.3433C353.96 38.4771 353.609 38.5431 353.199 38.5431C352.748 38.5431 352.355 38.4441 352.023 38.2452C351.691 38.0462 351.434 37.7563 351.253 37.3762C351.072 36.9962 350.981 36.5349 350.981 35.9925C350.981 35.4501 351.073 34.9906 351.257 34.6141C351.442 34.2376 351.699 33.9504 352.03 33.7532C352.373 33.5523 352.774 33.4492 353.183 33.457C353.416 33.457 353.63 33.4838 353.825 33.5364C354.018 33.59 354.191 33.6667 354.343 33.7666C354.495 33.8665 354.624 33.9878 354.73 34.1315C354.836 34.2742 354.919 34.4384 354.978 34.6239H356.819C356.765 34.2505 356.629 33.8906 356.421 33.565C356.216 33.2446 355.945 32.9627 355.624 32.7344C355.289 32.4967 354.912 32.3135 354.509 32.1929C354.072 32.0619 353.614 31.9968 353.153 32.0002C352.613 31.9957 352.077 32.0875 351.575 32.2705C351.093 32.4481 350.658 32.7162 350.299 33.0573C349.921 33.4193 349.631 33.8486 349.447 34.3179C349.245 34.8131 349.144 35.376 349.144 36.0077C349.144 36.8284 349.314 37.5377 349.652 38.1345C349.969 38.7098 350.463 39.1892 351.073 39.5147C351.682 39.8376 352.387 39.9991 353.19 39.9991ZM361.987 39.9991C362.743 39.9991 363.423 39.843 364.03 39.5298C364.637 39.2176 365.117 38.7626 365.47 38.1666C365.823 37.5716 366 36.849 366 35.9996C366 35.1512 365.823 34.4286 365.47 33.8326C365.116 33.2376 364.637 32.7835 364.03 32.4703C363.423 32.1572 362.743 32.0002 361.987 32.0002C361.225 32.0002 360.541 32.1572 359.936 32.4703C359.331 32.7826 358.852 33.2376 358.501 33.8326C358.149 34.4286 357.973 35.1512 357.973 36.0005C357.973 36.8463 358.149 37.5671 358.501 38.1631C358.852 38.759 359.331 39.214 359.936 39.5281C360.541 39.8421 361.225 39.9991 361.987 39.9991ZM361.987 38.5431C361.549 38.5431 361.166 38.445 360.84 38.2505C360.514 38.0551 360.26 37.7687 360.081 37.3914C359.9 37.014 359.811 36.5501 359.811 35.9996C359.811 35.4501 359.9 34.9862 360.081 34.6079C360.26 34.2305 360.513 33.9441 360.84 33.7496C361.182 33.5505 361.581 33.4486 361.987 33.457C362.425 33.457 362.807 33.5543 363.133 33.7496C363.46 33.9441 363.712 34.2314 363.893 34.6088C364.072 34.9862 364.163 35.4501 364.163 36.0005C364.163 36.5501 364.072 37.014 363.893 37.3914C363.712 37.7687 363.46 38.0551 363.133 38.2505C362.791 38.4495 362.392 38.5514 361.987 38.5431Z" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M70 32H158V40H70V32Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M70 8H102V10H70V8Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M110 8H142V10H110V8Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M150 8H182V10H150V8Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M190 8H222V10H190V8Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M588 8H630V10H588V8Z" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_zap)"></path>
<path d="M594 32C594 29.7909 595.791 28 598 28H626C628.209 28 630 29.7909 630 32V40C630 42.2091 628.209 44 626 44H598C595.791 44 594 42.2091 594 40V32Z" fill="#3AADAA"></path>
</g>
<g data-name="Features">
<rect width="700" height="250" x="0" y="980" fill="#E9ECEF"/>
<g data-name="Feature_1">
<rect width="186" height="150" x="70" y="1030" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<circle cx="163" cy="1072" r="20" fill="#3AADAA"/>
<text x="118" y="1120" font-size="18" font-family="Lato, sans-serif" font-weight="400">Feature #01</text>
<rect width="80" height="6" x="123" y="1133" rx="2" fill="#888"/>
<rect width="50" height="6" x="138" y="1145" rx="2" fill="#888"/>
</g>
<g data-name="Feature_2" >
<rect width="186" height="150" x="257" y="1030" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<circle cx="350" cy="1072" r="20" fill="#383E45"/>
<text x="303" y="1120" font-size="18" font-family="Lato, sans-serif" font-weight="400">Feature #02</text>
<rect width="80" height="6" x="310" y="1133" rx="2" fill="#888"/>
<rect width="50" height="6" x="325" y="1145" rx="2" fill="#888"/>
</g>
<g data-name="Feature_3">
<rect width="186" height="150" x="444" y="1030" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<circle cx="537" cy="1072" r="20" fill="#7C6576"/>
<text x="490" y="1120" font-size="18" font-family="Lato, sans-serif" font-weight="400">Feature #03</text>
<rect width="80" height="6" x="497" y="1133" rx="2" fill="#888"/>
<rect width="50" height="6" x="512" y="1145" rx="2" fill="#888"/>
</g>
</g>
<g data-name="Masonry">
<rect width="350" height="240" x="0" y="1230" fill="url(#theme_zap_s_masonry_block_default_image_1_id)" class="img_reference_s_masonry_block_default_image_1"/>
<rect width="175" height="120" x="350" y="1230" fill="#FFFFFD"/>
<rect width="120" height="6" rx="2" x="378" y="1275" fill="#888"/>
<rect width="140" height="6" rx="2" x="367" y="1287" fill="#888"/>
<rect width="70" height="6" rx="2" x="402" y="1299" fill="#888"/>
<rect width="175" height="120" x="525" y="1230" fill="#7C6576"/>
<circle cx="612" cy="1275" r="20" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="571" y="1324" fill="#7C6576" class="svgc_text" filter="url(#filter_readability_zap)" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #01</text>
<rect width="175" height="120" x="350" y="1350" fill="#3AADAA"/>
<circle cx="438" cy="1395" r="20" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)"/>
<text x="397" y="1444" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" font-size="16" font-family="Lato, sans-serif" font-weight="400">Subtitle #02</text>
<rect width="175" height="120" x="525" y="1350" fill="url(#theme_zap_library_image_08_id)" class="img_reference_library_image_08"/>
</g>
<g data-name="References">
<rect width="700" height="215" x="0" y="1470" fill="#E9ECEF"/>
<text x="305" y="1520" fill="#383E45" font-size="20" font-family="Lato, sans-serif" font-weight="400">Section Title</text>
<rect width="560" height="90" x="70" y="1550" fill="#FFFFFD" filter="url(#theme_zap_preview_shadow)"/>
<rect width="120" height="70" x="85" y="1568" fill="url(#theme_zap_s_references_1_id)"/>
<rect width="120" height="70" x="185" y="1565" fill="url(#theme_zap_s_references_4_id)"/>
<rect width="120" height="60" x="300" y="1565" fill="url(#theme_zap_s_references_3_id)"/>
<rect width="120" height="70" x="425" y="1565" fill="url(#theme_zap_s_references_2_id)"/>
<rect width="120" height="70" x="520" y="1570" fill="url(#theme_zap_s_references_5_id)"/>
</g>
<g data-name="Footer" class="svgc_footer">
<rect width="700" height="130" x="0" y="1685" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<rect width="80" height="6" rx="2" x="372" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="70" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="167" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="30" height="6" rx="2" x="280" y="1730" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1746" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="70" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="167" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="40" height="6" rx="2" x="280" y="1762" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="70" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="167" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="280" y="1778" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="65" height="6" rx="2" x="372" y="1747" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<circle cx="270" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="362" cy="1733" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="362" cy="1749" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1765" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<circle cx="270" cy="1781" r="5" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
<rect width="120" height="6" rx="2" x="501" y="1728" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="80" height="6" rx="2" x="501" y="1740" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<rect width="50" height="6" rx="2" x="501" y="1752" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.8"/>
<text x="70" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="167" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="264" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="357" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
<text x="498" y="1716" font-size="12" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_zap)" font-family="Lato, sans-serif" font-weight="700">Entry Title</text>
</g>
<g data-name="Copyright">
<rect width="700" height="35" x="0" y="1815" fill="#3AADAA"/>
<rect width="120" height="6" rx="2" x="70" y="1830" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_zap)" opacity="0.5"/>
</g>
</g>
<defs>
<clipPath id="clip0_378_9">
<rect width="700" height="2246" fill="#FFFFFF"></rect>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 28 KiB

theme_zap/static/description/zap_cover.gif
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 114 KiB

theme_zap/static/description/zap_cover.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

theme_zap/static/description/zap_screenshot.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 136 KiB

theme_zap/static/src/img/backgrounds/01.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 156 KiB

After

Width:  |  Height:  |  Size: 90 KiB

theme_zap/static/src/img/backgrounds/05.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 84 KiB

theme_zap/static/src/img/backgrounds/06.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 39 KiB

theme_zap/static/src/img/backgrounds/08.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 77 KiB

theme_zap/static/src/img/backgrounds/12.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 173 KiB

After

Width:  |  Height:  |  Size: 60 KiB

theme_zap/static/src/img/backgrounds/13.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 103 KiB

theme_zap/static/src/img/backgrounds/16.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 55 KiB

theme_zap/static/src/img/content/image_text.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 167 KiB

After

Width:  |  Height:  |  Size: 64 KiB

theme_zap/static/src/img/content/picture.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 62 KiB

theme_zap/static/src/img/content/s_showcase_default_image.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

theme_zap/static/src/img/content/s_text_cover.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

theme_zap/static/src/img/content/text_image.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 73 KiB

theme_zap/static/src/js/tour.js
+20 -14
View File
@@ -4,39 +4,44 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
const snippets = [
{
id: 's_banner',
name: 'Banner',
id: 's_discovery',
name: 'Discovery',
groupName: "Intro",
},
{
id: 's_three_columns',
name: 'Columns',
id: 's_key_images',
name: 'Key Images',
groupName: "Columns",
},
{
id: 's_color_blocks_2',
name: 'Big Boxes',
id: 's_striped',
name: 'Striped',
groupName: "Content",
},
{
id: 's_features',
name: 'Features',
id: 's_showcase',
name: 'Showcase',
groupName: "Content",
},
{
id: 's_masonry_block',
name: 'Masonry',
id: 's_image_title',
name: 'Image Title',
groupName: "Images",
},
{
id: 's_references',
name: 'References',
groupName: "People",
id: 's_numbers_charts',
name: 'Numbers Charts',
groupName: "Content",
},
{
id: 's_cta_card',
name: 'CTA Card',
groupName: "Content",
},
];
wTourUtils.registerThemeHomepageTour("zap_tour", () => [
wTourUtils.assertCssVariable('--color-palettes-name', '"zap-1"'),
wTourUtils.assertCssVariable('--color-palettes-name', '"base-2"'),
...wTourUtils.dragNDrop(snippets[0]),
...wTourUtils.clickOnText(snippets[0], 'h1', 'top'),
wTourUtils.goBackToBlocks(),
@@ -48,4 +53,5 @@ wTourUtils.registerThemeHomepageTour("zap_tour", () => [
...wTourUtils.clickOnSnippet(snippets[5], 'top'),
wTourUtils.changeBackgroundColor(),
wTourUtils.selectColorPalette(),
...wTourUtils.dragNDrop(snippets[6]),
]);
theme_zap/static/src/scss/bootstrap_overridden.scss
Vendored
-6
View File
@@ -57,12 +57,6 @@
// Bootstrap
//------------------------------------------------------------------------------//
// Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-shadows: true;
// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
theme_zap/static/src/scss/primary_variables.scss
+8 -8
View File
@@ -4,16 +4,14 @@
$o-website-values-palettes: (
(
'color-palettes-name': 'zap-1',
'color-palettes-name': 'base-2',
// Header
'header-template': 'hamburger',
'logo-height': 2.75rem,
'fixed-logo-height': 2rem,
'header-links-style': 'fill',
'header-template': 'sales_four',
// Font
'font': 'Lato',
'font': 'Open Sans',
'headings-font': 'Manrope',
// Buttons
'btn-padding-y': .625rem,
@@ -98,6 +96,10 @@ $o-theme-font-configs: (
),
)
),
'Manrope': (
'family': ('Manrope', sans-serif),
'url': 'Manrope:300,300i,400,400i,600,600i',
),
);
// Headings
@@ -169,8 +171,6 @@ $o-theme-color-palettes: map-merge($o-theme-color-palettes,
)
);
$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'zap-1');
$o-color-palettes-compatibility-indexes: (
1: 'zap-1',
2: 'zap-2',
theme_zap/views/images_library.xml
+15
View File
@@ -411,6 +411,14 @@
<field name="url">/theme_zap/static/src/img/content/s_images_mosaic_default_image_5.jpg</field>
</record>
<!-- Showcase -->
<record id="s_showcase_default_image" model="theme.ir.attachment">
<field name="key">website.s_showcase_default_image</field>
<field name="name">website.s_showcase_default_image</field>
<field name="url">/theme_zap/static/src/img/content/s_showcase_default_image.jpg</field>
</record>
<!-- Intro Pill -->
<record id="s_intro_pill_default_image" model="theme.ir.attachment">
<field name="key">website.s_intro_pill_default_image</field>
@@ -467,4 +475,11 @@
<field name="url">/theme_zap/static/src/img/content/s_empowerment_default_image.jpg</field>
</record>
<!-- Text Cover -->
<record id="s_text_cover_default_image" model="theme.ir.attachment">
<field name="key">website.s_text_cover_default_image</field>
<field name="name">website.s_text_cover_default_image</field>
<field name="url">/theme_zap/static/src/img/content/s_text_cover.jpg</field>
</record>
</odoo>
theme_zap/views/snippets/s_banner.xml
-10
View File
@@ -47,14 +47,4 @@
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/04_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="//*[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-1&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_comparisons.xml
+34
View File
@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt48 pb48" add="pt72 pb72" separator=" "/>
</xpath>
<!-- Lead -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Check out our flexible pricing plans with no hidden fees. Contact us for a custom quote.
</xpath>
<!-- Card 1 -->
<xpath expr="(//div[hasclass('col-lg-4')])[1]" position="attributes">
<attribute name="class" add="pt32" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[1]" position="attributes">
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
<!-- Card 2 -->
<xpath expr="(//div[hasclass('s_card')])[2]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
<!-- Card 3 -->
<xpath expr="(//div[hasclass('col-lg-4')])[3]" position="attributes">
<attribute name="class" add="pt32" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('s_card')])[3]" position="attributes">
<attribute name="style">box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;</attribute>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_cta_card.xml
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cta_card" inherit_id="website.s_cta_card">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 o_colored_level pt136" remove="o_cc2 pt64" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'rgba(0,0,0,0)','c5':'o-color-1'},'flip':['x']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=rgba(0,0,0,0)&amp;c5=o-color-1&amp;flip=x'); background-position: 50% 100%;"/>
</xpath>
<!-- Text Col -->
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" remove="col-lg-8" add="col-lg-5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
We’re seeking exceptional talent to join our team
</xpath>
<!-- Card Col -->
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" remove="col-lg-4" add="col-lg-6 offset-lg-1" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('s_card')]" position="attributes">
<attribute name="class" add="o_card_img_horizontal flex-lg-row" separator=" "/>
<attribute name="style">border-width: 0px; max-width: 100%; --card-img-size-h: 50%;</attribute>
</xpath>
<xpath expr="//div[hasclass('card-body')]" position="before">
<figure class="o_card_img_wrapper mb-0 ratio ratio-1x1">
<img class="o_card_img object-fit-cover rounded-start" src="/web/image/website.s_three_columns_default_image_3"/>
</figure>
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[1]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Attractive Salary
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[2]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Continuous Learning
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[3]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Healthy Environement
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_discovery.xml
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_discovery" inherit_id="website.s_discovery">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_colored_level oe_img_bg o_bg_img_center o_cc5 pb216" remove="o_cc1 pb136" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_kickoff_default_image'); background-position: 50% 75%;</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-3','c4':'rgba(0,0,0,0)','c5':'rgba(0,0,0,0)'},'flip':['x','y']}</attribute>
</xpath>
<!-- Shape and Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-3&amp;c4=rgba(0,0,0,0)&amp;c5=rgba(0,0,0,0)&amp;flip=xy'); background-position: 50% 100%;"/>
</xpath>
<!-- CTA -->
<xpath expr="//span[hasclass('s_cta_badge')]" position="replace" mode="inner">
<i class="fa fa-circle text-success" role="presentation"/>&#160;&#160;We're hiring now!&#160;&#160;&#160;&#160;<a href="#">See more&#160;&#160;<i class="fa fa-long-arrow-right" role="presentation"/></a>
</xpath>
<xpath expr="//span[hasclass('s_cta_badge')]" position="attributes">
<attribute name="class" remove="border" separator=" "/>
<attribute name="style">border-radius: 32px !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Experience the real<br/>innovation
</xpath>
<!-- Lead -->
<xpath expr="//p" position="replace" mode="inner">
Experience top-tier software solutions designed to streamline operations,<br/> boost efficiency, and drive innovation for your business.
</xpath>
<!-- Buttons -->
<xpath expr="(//a)[2]" position="replace" mode="inner">
Get a Quote
</xpath>
<xpath expr="(//a)[3]" position="replace" mode="inner">
Contact Us
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_image_text.xml
-8
View File
@@ -6,14 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_colored_level o_cc o_cc2" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="class" add="img-thumbnail" separator=" "/>
<attribute name="style" add="padding: 15px;" separator=";"/>
</xpath>
<xpath expr="//p[2]" position="after">
<p><br/></p>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_image_title.xml
+8 -1
View File
@@ -2,9 +2,16 @@
<odoo>
<template id="s_image_title" inherit_id="website.s_image_title">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
<attribute name="class" add="pt144 pb144" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'rgba(0,0,0,0)','c5':'o-color-4'},'flip':['y']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=rgba(0,0,0,0)&amp;c5=o-color-4&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_key_images.xml
+3
View File
@@ -2,6 +2,9 @@
<odoo>
<template id="s_key_images" inherit_id="website.s_key_images">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
<xpath expr="//h2" position="replace" mode="inner">
Driving Success Through Innovation
</xpath>
theme_zap/views/snippets/s_numbers_charts.xml
+23
View File
@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers_charts" inherit_id="website.s_numbers_charts">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt48 pb48" add="pt80 pb80" separator=" "/>
</xpath>
<!-- Pie Chart -->
<xpath expr="//div[hasclass('s_chart')]" position="attributes">
<attribute name="data-data">{"labels":["First","Second"],"datasets":[{"label":"One","data":["25","75"],"backgroundColor":["o-color-3","o-color-1"],"borderColor":["",""]}]}</attribute>
</xpath>
<!-- Progress 1 -->
<xpath expr="(//div[hasclass('progress-bar')])[1]" position="attributes">
<attribute name="class" remove="bg-o-color-2" add="bg-o-color-1" separator=" "/>
</xpath>
<!-- Progress 2 -->
<xpath expr="(//div[hasclass('progress-bar')])[2]" position="attributes">
<attribute name="class" remove="bg-o-color-2" add="bg-o-color-1" separator=" "/>
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_references.xml
+18 -16
View File
@@ -4,45 +4,47 @@
<template id="s_references" inherit_id="website.s_references">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb64 o_cc2" remove="o_cc1 pb80" separator=" "/>
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Our <b>References</b>
Our References
</xpath>
<!-- Paragraph -->
<xpath expr="//p" position="after">
<p><br/></p>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
We're excited to have the opportunity to collaborate with these outstanding companies!
</xpath>
<!-- Link -->
<xpath expr="//a" position="replace"/>
<!-- Column #01 -->
<xpath expr="//div[hasclass('col-lg-2')][1]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #02 -->
<xpath expr="//div[hasclass('col-lg-2')][2]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #03 -->
<xpath expr="//div[hasclass('col-lg-2')][3]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #04 -->
<xpath expr="//div[hasclass('col-lg-2')][4]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #05 -->
<xpath expr="//div[hasclass('col-lg-2')][5]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
<!-- Column #06 -->
<xpath expr="//div[hasclass('col-lg-2')][6]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=";"/>
<attribute name="class" add="o_cc o_cc1 rounded pt48 pb48 border" remove="pt16 pb16" separator=" "/>
<attribute name="style" add="border-width: 4px !important; border-color: var(--o-color-1) !important;" separator=";"/>
</xpath>
</template>
theme_zap/views/snippets/s_showcase.xml
+61
View File
@@ -0,0 +1,61 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_showcase" inherit_id="website.s_showcase">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt72 pb72" remove="pt48 pb48" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace" mode="inner">
Meet Our Specialists
</xpath>
<!-- Lead -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Our specialists bring a wealth of knowledge and experience to deliver top-quality solutions every time.
</xpath>
<!-- Image Col -->
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
<attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="class" add="shadow" separator=" "/>
</xpath>
<!-- Feature 1 -->
<xpath expr="(//div[hasclass('col-12')])[2]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[2]//h5" position="replace" mode="inner">
Coding Excellence
</xpath>
<xpath expr="(//div[hasclass('col-12')])[2]//p" position="replace" mode="inner">
We focus on writing clean, efficient code, ensuring scalable and high-performance software that meets industry standards.
</xpath>
<!-- Feature 2 -->
<xpath expr="(//div[hasclass('col-12')])[3]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[3]//h5" position="replace" mode="inner">
Agile Approach
</xpath>
<xpath expr="(//div[hasclass('col-12')])[3]//p" position="replace" mode="inner">
Using agile methods, we deliver flexible, iterative solutions that adapt quickly to changing business needs and feedback.
</xpath>
<!-- Feature 3 -->
<xpath expr="(//div[hasclass('col-12')])[4]//i" position="attributes">
<attribute name="class" remove="bg-o-color-3" add="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-12')])[4]//h5" position="replace" mode="inner">
Security First
</xpath>
<xpath expr="(//div[hasclass('col-12')])[4]//p" position="replace" mode="inner">
We integrate strong security measures at every stage, protecting your software and data from vulnerabilities and threats.
</xpath>
<!-- Link -->
<xpath expr="//a" position="replace" mode="inner">
Book an appointment
</xpath>
</template>
</odoo>
theme_zap/views/snippets/s_striped.xml
+27
View File
@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_striped" inherit_id="website.s_striped">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc5" add="o_cc2" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
We deliver powerful solutions
</xpath>
<!-- Lead -->
<xpath expr="//p" position="replace" mode="inner">
We provide innovative, tailored strategies that drive results and enhance business performance effectively.
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_text_cover_default_image/web_editor/geometric/geo_square_5.svg</attribute>
<attribute name="data-shape">web_editor/geometric/geo_square_5</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_striped_default_image.svg</attribute>
<attribute name="data-shape-colors">;;;;</attribute>
</xpath>
</template>
</odoo>