[IMP] website: review header/footer template & effect option UI

- Use a text label for selected header effect instead of a big image
- Do not animate all images of header effects at the same time, only on
  hover in the select.
- Review the images for header/footer templates.

Part of https://github.com/odoo/odoo/pull/56427
task-2264627

X-original-commit: 522c51880949bf601af67c26fd82c7f28ca56f8c
This commit is contained in:
stefanorigano (SRI)
2020-08-28 08:19:44 +00:00
committed by Xavier-Do
parent cc41abf137
commit ea7a62647f
29 changed files with 980 additions and 43 deletions
@@ -0,0 +1,32 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_call_to_action">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 14)">
<g class="link">
<rect width="85" height="8" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 37)">
<g class="link">
<rect width="120" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="link" transform="translate(178 13)">
<rect width="36" height="13" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(195 37)">
<rect width="19" height="7" class="rectangle" rx="3.5"/>
</g>
<rect width="194" height="1" x="20" y="31" fill="#FFF" class="rectangle" opacity=".324"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

@@ -0,0 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_centered">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(71 25)">
<g class="link">
<rect width="101" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(104 34)">
<g class="logo_ver">
<path d="M6.868 11.47V9.605H3.16V3.891H.786v7.58h6.082zm3.945.13c.852 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.889-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.291.33.437.85.437 1.564 0 .848-.14 1.436-.42 1.763-.279.327-.674.491-1.184.491zm8.291 1.753c.741 0 1.381-.085 1.921-.256.54-.17 1.162-.492 1.864-.964V7.148h-3.67v1.577h1.589v.714a4.133 4.133 0 0 1-.828.388 2.52 2.52 0 0 1-.76.113c-.56 0-.996-.176-1.309-.527-.312-.352-.469-.938-.469-1.758 0-.772.155-1.336.464-1.693.31-.357.724-.535 1.245-.535.35 0 .637.076.863.227.225.152.385.37.48.657l2.29-.403c-.14-.49-.348-.894-.626-1.213a2.475 2.475 0 0 0-1.049-.705c-.42-.152-1.056-.228-1.905-.228-.881 0-1.582.122-2.103.367a3.343 3.343 0 0 0-1.52 1.393c-.346.612-.519 1.332-.519 2.159 0 .786.158 1.482.474 2.089a3.17 3.17 0 0 0 1.337 1.37c.575.306 1.319.46 2.231.46zm8.244 0c.853 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.888-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.292.33.437.85.437 1.564 0 .848-.14 1.436-.419 1.763-.28.327-.675.491-1.185.491z" class="logo"/>
</g>
</g>
<g fill="#FFF" class="link" transform="translate(103 11)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(117 11)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(131 11)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

@@ -0,0 +1,61 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_contact">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(67 15)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(67 22)">
<g class="link">
<rect width="15" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(119 22)">
<g class="link">
<rect width="18" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(119 15)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 15)">
<g class="link">
<rect width="28" height="13" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(172 41)">
<g class="link">
<rect width="13" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(145 41)">
<g class="link">
<rect width="21" height="4" class="rectangle" rx="1"/>
</g>
</g>
<rect width="194" height="1" x="20" y="32" fill="#FFF" class="rectangle" opacity=".324"/>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 41)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="link" transform="translate(190 15)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(205 15)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(20 35)">
<g class="logo_ver">
<path d="M6.868 11.47V9.605H3.16V3.891H.786v7.58h6.082zm3.945.13c.852 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.889-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.291.33.437.85.437 1.564 0 .848-.14 1.436-.42 1.763-.279.327-.674.491-1.184.491zm8.291 1.753c.741 0 1.381-.085 1.921-.256.54-.17 1.162-.492 1.864-.964V7.148h-3.67v1.577h1.589v.714a4.133 4.133 0 0 1-.828.388 2.52 2.52 0 0 1-.76.113c-.56 0-.996-.176-1.309-.527-.312-.352-.469-.938-.469-1.758 0-.772.155-1.336.464-1.693.31-.357.724-.535 1.245-.535.35 0 .637.076.863.227.225.152.385.37.48.657l2.29-.403c-.14-.49-.348-.894-.626-1.213a2.475 2.475 0 0 0-1.049-.705c-.42-.152-1.056-.228-1.905-.228-.881 0-1.582.122-2.103.367a3.343 3.343 0 0 0-1.52 1.393c-.346.612-.519 1.332-.519 2.159 0 .786.158 1.482.474 2.089a3.17 3.17 0 0 0 1.337 1.37c.575.306 1.319.46 2.231.46zm8.244 0c.853 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.888-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.292.33.437.85.437 1.564 0 .848-.14 1.436-.419 1.763-.28.327-.675.491-1.185.491z" class="logo"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_default">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 17)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(66 17)">
<g class="link">
<rect width="101" height="28" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 25)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 17)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 25)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="link" transform="translate(191 36)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(205 36)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 33)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 41)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@@ -0,0 +1,34 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_descriptive">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 17)">
<g class="link">
<rect width="101" height="28" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(133 17)">
<g class="link">
<rect width="46" height="28" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 17)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 33)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(191 25)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -0,0 +1,54 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_headline">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(99 16)">
<g class="link">
<rect width="67" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 16)">
<g class="link">
<rect width="50" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(99 27)">
<g class="link">
<rect width="34" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(99 38)">
<g class="link">
<rect width="34" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 27)">
<g class="link">
<rect width="34" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(20 38)">
<g class="link">
<rect width="34" height="6" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="link" transform="translate(177 36)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(191 36)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
<g fill="#FFF" class="link" transform="translate(205 36)">
<rect width="9" height="9" class="rectangle" rx="4.5"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_links">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group_2" opacity=".804" transform="translate(20 17)">
<g class="group_copy_3" transform="translate(128)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 8)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 16)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 24)"/>
</g>
<g class="group_copy_2" transform="translate(85)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 8)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 16)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 24)"/>
</g>
<g class="group_copy" transform="translate(43)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 8)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 16)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 24)"/>
</g>
<g class="group">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 8)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 16)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(0 24)"/>
</g>
<g class="link" transform="translate(171)">
<rect width="23" height="22" class="rectangle" rx="1"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="footer_template_minimalist">
<g class="rectangle">
<use fill="#000" fill-opacity=".14" xlink:href="#path-2"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-2"/>
</g>
<g fill="#FFF" class="group_2" transform="translate(19 23)">
<g class="group" opacity=".804" transform="translate(155 6)">
<g class="link">
<rect width="10" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g class="group" opacity=".804" transform="translate(109 6)">
<g class="link">
<rect width="10" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g class="group" opacity=".804" transform="translate(38 6)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g class="group" opacity=".804" transform="translate(65 6)">
<g class="link">
<rect width="13" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g class="group" opacity=".804" transform="translate(82 6)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<rect width="20" height="9" class="rectangle" rx="4.5" transform="translate(172 3)"/>
<g fill-rule="nonzero" class="group">
<g class="logo_ver">
<path d="M6.868 11.47V9.605H3.16V3.891H.786v7.58h6.082zm3.945.13c.852 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.889-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.291.33.437.85.437 1.564 0 .848-.14 1.436-.42 1.763-.279.327-.674.491-1.184.491zm8.291 1.753c.741 0 1.381-.085 1.921-.256.54-.17 1.162-.492 1.864-.964V7.148h-3.67v1.577h1.589v.714a4.133 4.133 0 0 1-.828.388 2.52 2.52 0 0 1-.76.113c-.56 0-.996-.176-1.309-.527-.312-.352-.469-.938-.469-1.758 0-.772.155-1.336.464-1.693.31-.357.724-.535 1.245-.535.35 0 .637.076.863.227.225.152.385.37.48.657l2.29-.403c-.14-.49-.348-.894-.626-1.213a2.475 2.475 0 0 0-1.049-.705c-.42-.152-1.056-.228-1.905-.228-.881 0-1.582.122-2.103.367a3.343 3.343 0 0 0-1.52 1.393c-.346.612-.519 1.332-.519 2.159 0 .786.158 1.482.474 2.089a3.17 3.17 0 0 0 1.337 1.37c.575.306 1.319.46 2.231.46zm8.244 0c.853 0 1.565-.158 2.136-.473a3.21 3.21 0 0 0 1.31-1.324c.303-.567.454-1.293.454-2.179 0-1.22-.346-2.169-1.038-2.846-.692-.677-1.677-1.016-2.957-1.016-1.247 0-2.22.345-2.92 1.034-.699.69-1.048 1.653-1.048 2.89 0 .886.176 1.624.53 2.213.352.59.813 1.02 1.38 1.292.569.273 1.286.409 2.153.409zm-.079-1.753c-.496 0-.888-.167-1.177-.501-.288-.335-.432-.884-.432-1.65 0-.772.145-1.325.435-1.66.29-.333.674-.5 1.153-.5.5 0 .896.164 1.188.493.292.33.437.85.437 1.564 0 .848-.14 1.436-.419 1.763-.28.327-.675.491-1.185.491z" class="logo"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

@@ -0,0 +1,68 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="234px" height="50px" viewBox="0 0 234 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="47.717%" x2="100%" y2="52.283%" id="linearGradient-1">
<stop stop-color="#00A09D" offset="0%"></stop>
<stop stop-color="#00E2FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header_template_boxed" fill-rule="nonzero">
<g id="Group">
<g id="path-23-link" fill="#000000" fill-opacity="0.14">
<rect id="path-23" x="0" y="0" width="234" height="50"></rect>
</g>
<g id="path-23-link" fill="url(#linearGradient-1)" fill-opacity="0.3">
<polygon id="path-23" points="0 0 234 0 234 37 224 37 224 50 11 50 10.9978527 37 0 37"></polygon>
</g>
</g>
<g id="Group-3" transform="translate(11, 6)" fill="#FFFFFF">
<g id="Group" opacity="0.804" transform="translate(181, 3)">
<g id="Rectangle">
<rect x="0" y="0" width="17" height="4" rx="1"></rect>
</g>
</g>
<g id="Group-2" transform="translate(0, 3)" opacity="0.804">
<g id="Rectangle" transform="translate(27, 0)">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
<g id="Rectangle" transform="translate(18, 0)">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
<g id="Rectangle" transform="translate(9, 0)">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Rectangle" transform="translate(204, 0)">
<rect x="0" y="0" width="9" height="9" rx="4.5"></rect>
</g>
</g>
<g id="Group" opacity="0.4" transform="translate(11, 21)" fill="#FFFFFF">
<rect id="Rectangle" x="0" y="0" width="213" height="29"></rect>
</g>
<g id="Group" transform="translate(18, 31)" fill="#FFFFFF">
<path d="M7.676,9 L7.676,6.885 L3.533,6.885 L3.533,0.41 L0.88,0.41 L0.88,9 L7.677,9 L7.676,9 Z M12.085,9.146 C13.038,9.146 13.834,8.968 14.472,8.61 C15.0978687,8.26580349 15.6076733,7.7438192 15.937,7.11 C16.275,6.468 16.444,5.645 16.444,4.64 C16.444,3.258 16.057,2.183 15.284,1.415 C14.511,0.647 13.409,0.264 11.979,0.264 C10.585,0.264 9.497,0.654 8.716,1.436 C7.934,2.216 7.544,3.309 7.544,4.711 C7.544,5.715 7.741,6.551 8.136,7.219 C8.53,7.887 9.045,8.375 9.679,8.684 C10.314,8.992 11.116,9.146 12.085,9.146 L12.085,9.146 Z M11.997,7.16 C11.442,7.16 11.004,6.97 10.681,6.592 C10.359,6.212 10.198,5.59 10.198,4.722 C10.198,3.848 10.36,3.221 10.684,2.842 C11.009,2.462 11.438,2.273 11.974,2.273 C12.532,2.273 12.974,2.46 13.301,2.833 C13.627,3.206 13.79,3.797 13.79,4.605 C13.79,5.566 13.634,6.232 13.321,6.604 C13.009,6.974 12.567,7.16 11.997,7.16 L11.997,7.16 Z M21.263,9.146 C22.091,9.146 22.807,9.05 23.411,8.856 C24.014,8.663 24.709,8.299 25.494,7.764 L25.494,4.102 L21.392,4.102 L21.392,5.889 L23.168,5.889 L23.168,6.697 C22.8767329,6.87778645 22.5661293,7.0253735 22.242,7.137 C21.9670701,7.22381625 21.6803084,7.26733655 21.392,7.266 C20.767,7.266 20.28,7.066 19.93,6.668 C19.58,6.27 19.406,5.605 19.406,4.676 C19.406,3.801 19.579,3.161 19.924,2.756 C20.27,2.353 20.734,2.15 21.316,2.15 C21.706,2.15 22.028,2.236 22.28,2.408 C22.532,2.58 22.71,2.828 22.816,3.152 L25.376,2.695 C25.22,2.141 24.986,1.683 24.676,1.321 C24.3615772,0.956921109 23.9576072,0.681173671 23.504,0.521 C23.034,0.35 22.324,0.264 21.374,0.264 C20.39,0.264 19.607,0.402 19.025,0.68 C18.3059335,1.01379281 17.7108821,1.56649058 17.325,2.259 C16.939,2.952 16.745,3.768 16.745,4.705 C16.745,5.595 16.922,6.385 17.276,7.072 C17.6020876,7.73123825 18.1238794,8.27363635 18.77,8.625 C19.413,8.973 20.244,9.146 21.263,9.146 L21.263,9.146 Z M30.477,9.146 C31.43,9.146 32.226,8.968 32.865,8.61 C33.4904985,8.26564661 33.9999402,7.74367762 34.329,7.11 C34.667,6.468 34.836,5.645 34.836,4.64 C34.836,3.258 34.45,2.183 33.676,1.415 C32.903,0.647 31.801,0.264 30.371,0.264 C28.977,0.264 27.889,0.654 27.108,1.436 C26.327,2.216 25.936,3.309 25.936,4.711 C25.936,5.715 26.133,6.551 26.528,7.219 C26.922,7.887 27.437,8.375 28.072,8.684 C28.706,8.992 29.508,9.146 30.477,9.146 Z M30.389,7.16 C29.834,7.16 29.396,6.97 29.074,6.592 C28.751,6.212 28.59,5.59 28.59,4.722 C28.59,3.848 28.752,3.221 29.077,2.842 C29.401,2.462 29.83,2.273 30.366,2.273 C30.924,2.273 31.366,2.46 31.693,2.833 C32.019,3.206 32.182,3.797 32.182,4.605 C32.182,5.566 32.026,6.232 31.713,6.604 C31.401,6.974 30.959,7.16 30.389,7.16 L30.389,7.16 Z" id="Shape"></path>
</g>
<g id="Group" transform="translate(83, 32)" fill="#FFFFFF">
<g id="Group-4" transform="translate(0, 3)" opacity="0.804">
<g id="Group">
<rect id="Rectangle" x="0" y="0" width="11" height="4" rx="1"></rect>
</g>
<g id="Group" transform="translate(16, 0)">
<rect id="Rectangle" x="0" y="0" width="23" height="4" rx="1"></rect>
</g>
<g id="Group" transform="translate(71, 0)">
<rect id="Rectangle" x="0" y="0" width="13" height="4" rx="1"></rect>
</g>
<g id="Group" transform="translate(44, 0)">
<rect id="Rectangle" x="0" y="0" width="22" height="4" rx="1"></rect>
</g>
</g>
<rect id="Rectangle" x="112" y="0" width="20" height="9" rx="4.5"></rect>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

@@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="49.429%" y2="50.571%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-29b" width="234" height="25" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_centered_logo">
<g class="bg_1lev">
<use fill="#000" fill-opacity=".14" xlink:href="#path-29b"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-29b"/>
</g>
<g fill="#FFF" class="group_2" transform="translate(10 9)">
<g fill-rule="nonzero" class="group" transform="translate(88)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<g class="group" opacity=".804" transform="translate(0 7)">
<g class="link">
<rect width="15" height="4" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(18)">
<rect width="15" height="4" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(37)">
<rect width="15" height="4" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(173)">
<rect width="15" height="4" class="rectangle" rx="1"/>
</g>
</g>
<rect width="20" height="9" class="rectangle" rx="4.5" transform="translate(194 4)"/>
</g>
<g fill="#FFF" class="page_content" opacity=".442" transform="translate(0 30)">
<rect width="234" height="25" class="rectangle_v1"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

@@ -0,0 +1,74 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="234px" height="50px" viewBox="0 0 234 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="47.717%" x2="100%" y2="52.283%" id="linearGradient-1">
<stop stop-color="#00A09D" offset="0%"></stop>
<stop stop-color="#00E2FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header_template_contact" fill-rule="nonzero">
<g id="Group">
<g id="path-27-link" fill="#000000" fill-opacity="0.14">
<rect id="path-27" x="0" y="0" width="234" height="50"></rect>
</g>
<g id="path-27-link" fill="url(#linearGradient-1)" fill-opacity="0.3">
<rect id="path-27" x="0" y="0" width="234" height="50"></rect>
</g>
</g>
<g id="Group" transform="translate(10.000000, 31.000000)" fill="#FFFFFF">
<path d="M7.676,9 L7.676,6.885 L3.533,6.885 L3.533,0.41 L0.88,0.41 L0.88,9 L7.677,9 L7.676,9 Z M12.085,9.146 C13.038,9.146 13.834,8.968 14.472,8.61 C15.0978687,8.26580349 15.6076733,7.7438192 15.937,7.11 C16.275,6.468 16.444,5.645 16.444,4.64 C16.444,3.258 16.057,2.183 15.284,1.415 C14.511,0.647 13.409,0.264 11.979,0.264 C10.585,0.264 9.497,0.654 8.716,1.436 C7.934,2.216 7.544,3.309 7.544,4.711 C7.544,5.715 7.741,6.551 8.136,7.219 C8.53,7.887 9.045,8.375 9.679,8.684 C10.314,8.992 11.116,9.146 12.085,9.146 L12.085,9.146 Z M11.997,7.16 C11.442,7.16 11.004,6.97 10.681,6.592 C10.359,6.212 10.198,5.59 10.198,4.722 C10.198,3.848 10.36,3.221 10.684,2.842 C11.009,2.462 11.438,2.273 11.974,2.273 C12.532,2.273 12.974,2.46 13.301,2.833 C13.627,3.206 13.79,3.797 13.79,4.605 C13.79,5.566 13.634,6.232 13.321,6.604 C13.009,6.974 12.567,7.16 11.997,7.16 L11.997,7.16 Z M21.263,9.146 C22.091,9.146 22.807,9.05 23.411,8.856 C24.014,8.663 24.709,8.299 25.494,7.764 L25.494,4.102 L21.392,4.102 L21.392,5.889 L23.168,5.889 L23.168,6.697 C22.8767329,6.87778645 22.5661293,7.0253735 22.242,7.137 C21.9670701,7.22381625 21.6803084,7.26733655 21.392,7.266 C20.767,7.266 20.28,7.066 19.93,6.668 C19.58,6.27 19.406,5.605 19.406,4.676 C19.406,3.801 19.579,3.161 19.924,2.756 C20.27,2.353 20.734,2.15 21.316,2.15 C21.706,2.15 22.028,2.236 22.28,2.408 C22.532,2.58 22.71,2.828 22.816,3.152 L25.376,2.695 C25.22,2.141 24.986,1.683 24.676,1.321 C24.3615772,0.956921109 23.9576072,0.681173671 23.504,0.521 C23.034,0.35 22.324,0.264 21.374,0.264 C20.39,0.264 19.607,0.402 19.025,0.68 C18.3059335,1.01379281 17.7108821,1.56649058 17.325,2.259 C16.939,2.952 16.745,3.768 16.745,4.705 C16.745,5.595 16.922,6.385 17.276,7.072 C17.6020876,7.73123825 18.1238794,8.27363635 18.77,8.625 C19.413,8.973 20.244,9.146 21.263,9.146 L21.263,9.146 Z M30.477,9.146 C31.43,9.146 32.226,8.968 32.865,8.61 C33.4904985,8.26564661 33.9999402,7.74367762 34.329,7.11 C34.667,6.468 34.836,5.645 34.836,4.64 C34.836,3.258 34.45,2.183 33.676,1.415 C32.903,0.647 31.801,0.264 30.371,0.264 C28.977,0.264 27.889,0.654 27.108,1.436 C26.327,2.216 25.936,3.309 25.936,4.711 C25.936,5.715 26.133,6.551 26.528,7.219 C26.922,7.887 27.437,8.375 28.072,8.684 C28.706,8.992 29.508,9.146 30.477,9.146 Z M30.389,7.16 C29.834,7.16 29.396,6.97 29.074,6.592 C28.751,6.212 28.59,5.59 28.59,4.722 C28.59,3.848 28.752,3.221 29.077,2.842 C29.401,2.462 29.83,2.273 30.366,2.273 C30.924,2.273 31.366,2.46 31.693,2.833 C32.019,3.206 32.182,3.797 32.182,4.605 C32.182,5.566 32.026,6.232 31.713,6.604 C31.401,6.974 30.959,7.16 30.389,7.16 L30.389,7.16 Z" id="Shape"></path>
</g>
<g id="Group" opacity="0.804" transform="translate(56.000000, 34.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="13" height="4" rx="1"></rect>
</g>
<g transform="translate(18.000000, 0.000000)" id="Rectangle">
<rect x="0" y="0" width="23" height="4" rx="1"></rect>
</g>
<g transform="translate(46.000000, 0.000000)" id="Rectangle">
<rect x="0" y="0" width="16" height="4" rx="1"></rect>
</g>
<g transform="translate(67.000000, 0.000000)" id="Rectangle">
<rect x="0" y="0" width="23" height="4" rx="1"></rect>
</g>
</g>
<rect id="Rectangle" fill="#FFFFFF" x="204" y="31" width="20" height="9" rx="4.5"></rect>
<g id="Group" opacity="0.804" transform="translate(21.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="17" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(43.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="17" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(218.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(209.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(200.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(191.000000, 12.000000)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group-Copy" opacity="0.804" transform="translate(10.000000, 12.000000)" fill="#FFFFFF">
<g id="Group">
<rect id="Rectangle" x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

@@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="49.429%" y2="50.571%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-22" width="234" height="25" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_default">
<g class="bg_def">
<use fill="#000" fill-opacity=".14" xlink:href="#path-22"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-22"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(10 9)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(71 16)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(28)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(56)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(84)"/>
</g>
<rect width="20" height="9" fill="#FFF" class="rectangle" rx="4.5" transform="translate(204 13)"/>
<g fill="#FFF" class="page_content_default" opacity=".442" transform="translate(0 30)">
<rect width="234" height="25" class="rectangle_default"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

@@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="49.429%" y2="50.571%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-24" width="234" height="25" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_hamburger">
<g class="bg_small_ham">
<use fill="#000" fill-opacity=".14" xlink:href="#path-24"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-24"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(10 9)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<g fill="#FFF" class="group" transform="translate(208 12)">
<rect width="16" height="2" class="rectangle_ham" rx="1"/>
<rect width="16" height="2" y="4" class="rectangle_ham" rx="1"/>
<rect width="16" height="2" y="8" class="rectangle_ham" rx="1"/>
</g>
<g fill="#FFF" class="page_content" opacity=".442" transform="translate(0 30)">
<rect width="234" height="25" class="rectangle_ham"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="234px" height="50px" viewBox="0 0 234 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="47.716%" x2="100%" y2="52.284%" id="linearGradient-1">
<stop stop-color="#00A09D" offset="0%"></stop>
<stop stop-color="#00E2FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header_template_hamburger" fill-rule="nonzero">
<g id="Group">
<g id="path-24-link" fill="#000000" fill-opacity="0.14">
<rect id="path-24" x="0" y="0" width="234" height="25"></rect>
</g>
<g id="path-24-link" fill="url(#linearGradient-1)" fill-opacity="0.3">
<rect id="path-24" x="0" y="0" width="234" height="50"></rect>
</g>
</g>
<g id="Group" transform="translate(10, 8)" fill="#FFFFFF">
<path d="M7.676,9 L7.676,6.885 L3.533,6.885 L3.533,0.41 L0.88,0.41 L0.88,9 L7.677,9 L7.676,9 Z M12.085,9.146 C13.038,9.146 13.834,8.968 14.472,8.61 C15.0978687,8.26580349 15.6076733,7.7438192 15.937,7.11 C16.275,6.468 16.444,5.645 16.444,4.64 C16.444,3.258 16.057,2.183 15.284,1.415 C14.511,0.647 13.409,0.264 11.979,0.264 C10.585,0.264 9.497,0.654 8.716,1.436 C7.934,2.216 7.544,3.309 7.544,4.711 C7.544,5.715 7.741,6.551 8.136,7.219 C8.53,7.887 9.045,8.375 9.679,8.684 C10.314,8.992 11.116,9.146 12.085,9.146 L12.085,9.146 Z M11.997,7.16 C11.442,7.16 11.004,6.97 10.681,6.592 C10.359,6.212 10.198,5.59 10.198,4.722 C10.198,3.848 10.36,3.221 10.684,2.842 C11.009,2.462 11.438,2.273 11.974,2.273 C12.532,2.273 12.974,2.46 13.301,2.833 C13.627,3.206 13.79,3.797 13.79,4.605 C13.79,5.566 13.634,6.232 13.321,6.604 C13.009,6.974 12.567,7.16 11.997,7.16 L11.997,7.16 Z M21.263,9.146 C22.091,9.146 22.807,9.05 23.411,8.856 C24.014,8.663 24.709,8.299 25.494,7.764 L25.494,4.102 L21.392,4.102 L21.392,5.889 L23.168,5.889 L23.168,6.697 C22.8767329,6.87778645 22.5661293,7.0253735 22.242,7.137 C21.9670701,7.22381625 21.6803084,7.26733655 21.392,7.266 C20.767,7.266 20.28,7.066 19.93,6.668 C19.58,6.27 19.406,5.605 19.406,4.676 C19.406,3.801 19.579,3.161 19.924,2.756 C20.27,2.353 20.734,2.15 21.316,2.15 C21.706,2.15 22.028,2.236 22.28,2.408 C22.532,2.58 22.71,2.828 22.816,3.152 L25.376,2.695 C25.22,2.141 24.986,1.683 24.676,1.321 C24.3615772,0.956921109 23.9576072,0.681173671 23.504,0.521 C23.034,0.35 22.324,0.264 21.374,0.264 C20.39,0.264 19.607,0.402 19.025,0.68 C18.3059335,1.01379281 17.7108821,1.56649058 17.325,2.259 C16.939,2.952 16.745,3.768 16.745,4.705 C16.745,5.595 16.922,6.385 17.276,7.072 C17.6020876,7.73123825 18.1238794,8.27363635 18.77,8.625 C19.413,8.973 20.244,9.146 21.263,9.146 L21.263,9.146 Z M30.477,9.146 C31.43,9.146 32.226,8.968 32.865,8.61 C33.4904985,8.26564661 33.9999402,7.74367762 34.329,7.11 C34.667,6.468 34.836,5.645 34.836,4.64 C34.836,3.258 34.45,2.183 33.676,1.415 C32.903,0.647 31.801,0.264 30.371,0.264 C28.977,0.264 27.889,0.654 27.108,1.436 C26.327,2.216 25.936,3.309 25.936,4.711 C25.936,5.715 26.133,6.551 26.528,7.219 C26.922,7.887 27.437,8.375 28.072,8.684 C28.706,8.992 29.508,9.146 30.477,9.146 Z M30.389,7.16 C29.834,7.16 29.396,6.97 29.074,6.592 C28.751,6.212 28.59,5.59 28.59,4.722 C28.59,3.848 28.752,3.221 29.077,2.842 C29.401,2.462 29.83,2.273 30.366,2.273 C30.924,2.273 31.366,2.46 31.693,2.833 C32.019,3.206 32.182,3.797 32.182,4.605 C32.182,5.566 32.026,6.232 31.713,6.604 C31.401,6.974 30.959,7.16 30.389,7.16 L30.389,7.16 Z" id="Shape"></path>
</g>
<g id="Group" transform="translate(208, 7)" fill="#FFFFFF">
<rect id="Rectangle" x="0" y="0" width="16" height="2" rx="1"></rect>
<rect id="Rectangle" x="0" y="4" width="16" height="2" rx="1"></rect>
<rect id="Rectangle" x="0" y="8" width="16" height="2" rx="1"></rect>
</g>
<g id="Group" opacity="0.804" transform="translate(73, 39)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="13" height="4" rx="1"></rect>
</g>
<g id="Rectangle" transform="translate(18, 0)">
<rect x="0" y="0" width="23" height="4" rx="1"></rect>
</g>
<g id="Rectangle" transform="translate(46, 0)">
<rect x="0" y="0" width="16" height="4" rx="1"></rect>
</g>
<g id="Rectangle" transform="translate(67, 0)">
<rect x="0" y="0" width="23" height="4" rx="1"></rect>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="49.429%" y2="50.571%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-28" width="234" height="25" x="0" y="30"/>
<rect id="path-38" width="234" height="25" x="0" y="0"/>
<linearGradient id="linearGradient-5" x1="72.875%" x2="40.332%" y1="47.355%" y2="38.066%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-6" x1="88.517%" x2="50%" y1="43.259%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<linearGradient id="linearGradient-7" x1="88.517%" x2="50%" y1="43.604%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_image">
<g class="bg_top">
<use fill="#000" fill-opacity=".14" xlink:href="#path-28"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-28"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(10 33)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(71 40)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(28)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(56)"/>
<rect width="23" height="4" class="rectangle" rx="1" transform="translate(84)"/>
</g>
<rect width="20" height="9" fill="#FFF" class="rectangle" rx="4.5" transform="translate(204 37)"/>
<g class="image_1_border_long" transform="translate(0 5)">
<rect width="234" height="25" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask">
<mask id="mask-4" fill="#fff">
<use xlink:href="#path-38"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-38"/>
<ellipse cx="51.5" cy="29.5" fill="url(#linearGradient-5)" class="oval" mask="url(#mask-4)" rx="23.5" ry="12.5"/>
<ellipse cx="3.5" cy="27" fill="url(#linearGradient-6)" class="oval" mask="url(#mask-4)" rx="37.5" ry="18"/>
<ellipse cx="221.5" cy="25" fill="url(#linearGradient-7)" class="oval" mask="url(#mask-4)" rx="38.5" ry="18"/>
<circle cx="129.5" cy="9.5" r="5.5" fill="#F3EC60" class="oval" mask="url(#mask-4)"/>
<ellipse cx="174.5" cy="27.5" fill="url(#linearGradient-5)" class="oval" mask="url(#mask-4)" rx="23.5" ry="12.5"/>
</g>
</g>
<rect width="234" height="1" y="30" fill="#FFF" class="rectangle_topbar"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

@@ -0,0 +1,55 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="234px" height="50px" viewBox="0 0 234 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="47.717%" x2="100%" y2="52.283%" id="linearGradient-1">
<stop stop-color="#00A09D" offset="0%"></stop>
<stop stop-color="#00E2FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header_template_contact" fill-rule="nonzero">
<g id="Group">
<g id="path-27-link" fill="#000000" fill-opacity="0.14">
<rect id="path-27" x="0" y="0" width="234" height="50"></rect>
</g>
<g id="path-27-link" fill="url(#linearGradient-1)" fill-opacity="0.3">
<rect id="path-27" x="0" y="0" width="234" height="50"></rect>
</g>
</g>
<g id="Group" transform="translate(10, 31)" fill="#FFFFFF">
<path d="M7.676,9 L7.676,6.885 L3.533,6.885 L3.533,0.41 L0.88,0.41 L0.88,9 L7.677,9 L7.676,9 Z M12.085,9.146 C13.038,9.146 13.834,8.968 14.472,8.61 C15.0978687,8.26580349 15.6076733,7.7438192 15.937,7.11 C16.275,6.468 16.444,5.645 16.444,4.64 C16.444,3.258 16.057,2.183 15.284,1.415 C14.511,0.647 13.409,0.264 11.979,0.264 C10.585,0.264 9.497,0.654 8.716,1.436 C7.934,2.216 7.544,3.309 7.544,4.711 C7.544,5.715 7.741,6.551 8.136,7.219 C8.53,7.887 9.045,8.375 9.679,8.684 C10.314,8.992 11.116,9.146 12.085,9.146 L12.085,9.146 Z M11.997,7.16 C11.442,7.16 11.004,6.97 10.681,6.592 C10.359,6.212 10.198,5.59 10.198,4.722 C10.198,3.848 10.36,3.221 10.684,2.842 C11.009,2.462 11.438,2.273 11.974,2.273 C12.532,2.273 12.974,2.46 13.301,2.833 C13.627,3.206 13.79,3.797 13.79,4.605 C13.79,5.566 13.634,6.232 13.321,6.604 C13.009,6.974 12.567,7.16 11.997,7.16 L11.997,7.16 Z M21.263,9.146 C22.091,9.146 22.807,9.05 23.411,8.856 C24.014,8.663 24.709,8.299 25.494,7.764 L25.494,4.102 L21.392,4.102 L21.392,5.889 L23.168,5.889 L23.168,6.697 C22.8767329,6.87778645 22.5661293,7.0253735 22.242,7.137 C21.9670701,7.22381625 21.6803084,7.26733655 21.392,7.266 C20.767,7.266 20.28,7.066 19.93,6.668 C19.58,6.27 19.406,5.605 19.406,4.676 C19.406,3.801 19.579,3.161 19.924,2.756 C20.27,2.353 20.734,2.15 21.316,2.15 C21.706,2.15 22.028,2.236 22.28,2.408 C22.532,2.58 22.71,2.828 22.816,3.152 L25.376,2.695 C25.22,2.141 24.986,1.683 24.676,1.321 C24.3615772,0.956921109 23.9576072,0.681173671 23.504,0.521 C23.034,0.35 22.324,0.264 21.374,0.264 C20.39,0.264 19.607,0.402 19.025,0.68 C18.3059335,1.01379281 17.7108821,1.56649058 17.325,2.259 C16.939,2.952 16.745,3.768 16.745,4.705 C16.745,5.595 16.922,6.385 17.276,7.072 C17.6020876,7.73123825 18.1238794,8.27363635 18.77,8.625 C19.413,8.973 20.244,9.146 21.263,9.146 L21.263,9.146 Z M30.477,9.146 C31.43,9.146 32.226,8.968 32.865,8.61 C33.4904985,8.26564661 33.9999402,7.74367762 34.329,7.11 C34.667,6.468 34.836,5.645 34.836,4.64 C34.836,3.258 34.45,2.183 33.676,1.415 C32.903,0.647 31.801,0.264 30.371,0.264 C28.977,0.264 27.889,0.654 27.108,1.436 C26.327,2.216 25.936,3.309 25.936,4.711 C25.936,5.715 26.133,6.551 26.528,7.219 C26.922,7.887 27.437,8.375 28.072,8.684 C28.706,8.992 29.508,9.146 30.477,9.146 Z M30.389,7.16 C29.834,7.16 29.396,6.97 29.074,6.592 C28.751,6.212 28.59,5.59 28.59,4.722 C28.59,3.848 28.752,3.221 29.077,2.842 C29.401,2.462 29.83,2.273 30.366,2.273 C30.924,2.273 31.366,2.46 31.693,2.833 C32.019,3.206 32.182,3.797 32.182,4.605 C32.182,5.566 32.026,6.232 31.713,6.604 C31.401,6.974 30.959,7.16 30.389,7.16 L30.389,7.16 Z" id="Shape"></path>
</g>
<g id="Group" opacity="0.804" transform="translate(10, 8)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="17" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(218, 8)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(209, 8)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(200, 8)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
<g id="Group" opacity="0.804" transform="translate(191, 8)" fill="#FFFFFF">
<g id="Rectangle">
<rect x="0" y="0" width="6" height="4" rx="1"></rect>
</g>
</g>
</g>
<rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" opacity="0.375" x="10" y="20" width="214" height="1"></rect>
<g id="Group" transform="translate(208, 31)" fill="#FFFFFF" fill-rule="nonzero">
<rect id="Rectangle" x="0" y="0" width="16" height="2" rx="1"></rect>
<rect id="Rectangle" x="0" y="4" width="16" height="2" rx="1"></rect>
<rect id="Rectangle" x="0" y="8" width="16" height="2" rx="1"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="234px" height="50px" viewBox="0 0 234 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="49.429%" x2="100%" y2="50.571%" id="linearGradient-1">
<stop stop-color="#00A09D" offset="0%"></stop>
<stop stop-color="#00E2FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header_template_minimalist" fill-rule="nonzero">
<g id="Group">
<g id="path-25-link" fill="#000000" fill-opacity="0.14">
<rect id="path-25" x="0" y="0" width="234" height="25"></rect>
</g>
<g id="path-25-link" fill="url(#linearGradient-1)" fill-opacity="0.3">
<rect id="path-25" x="0" y="0" width="234" height="25"></rect>
</g>
</g>
<g id="Group" transform="translate(10, 8)" fill="#FFFFFF">
<g id="Shape">
<path d="M7.676,9 L7.676,6.885 L3.533,6.885 L3.533,0.41 L0.88,0.41 L0.88,9 L7.677,9 L7.676,9 Z M12.085,9.146 C13.038,9.146 13.834,8.968 14.472,8.61 C15.0978687,8.26580349 15.6076733,7.7438192 15.937,7.11 C16.275,6.468 16.444,5.645 16.444,4.64 C16.444,3.258 16.057,2.183 15.284,1.415 C14.511,0.647 13.409,0.264 11.979,0.264 C10.585,0.264 9.497,0.654 8.716,1.436 C7.934,2.216 7.544,3.309 7.544,4.711 C7.544,5.715 7.741,6.551 8.136,7.219 C8.53,7.887 9.045,8.375 9.679,8.684 C10.314,8.992 11.116,9.146 12.085,9.146 L12.085,9.146 Z M11.997,7.16 C11.442,7.16 11.004,6.97 10.681,6.592 C10.359,6.212 10.198,5.59 10.198,4.722 C10.198,3.848 10.36,3.221 10.684,2.842 C11.009,2.462 11.438,2.273 11.974,2.273 C12.532,2.273 12.974,2.46 13.301,2.833 C13.627,3.206 13.79,3.797 13.79,4.605 C13.79,5.566 13.634,6.232 13.321,6.604 C13.009,6.974 12.567,7.16 11.997,7.16 L11.997,7.16 Z M21.263,9.146 C22.091,9.146 22.807,9.05 23.411,8.856 C24.014,8.663 24.709,8.299 25.494,7.764 L25.494,4.102 L21.392,4.102 L21.392,5.889 L23.168,5.889 L23.168,6.697 C22.8767329,6.87778645 22.5661293,7.0253735 22.242,7.137 C21.9670701,7.22381625 21.6803084,7.26733655 21.392,7.266 C20.767,7.266 20.28,7.066 19.93,6.668 C19.58,6.27 19.406,5.605 19.406,4.676 C19.406,3.801 19.579,3.161 19.924,2.756 C20.27,2.353 20.734,2.15 21.316,2.15 C21.706,2.15 22.028,2.236 22.28,2.408 C22.532,2.58 22.71,2.828 22.816,3.152 L25.376,2.695 C25.22,2.141 24.986,1.683 24.676,1.321 C24.3615772,0.956921109 23.9576072,0.681173671 23.504,0.521 C23.034,0.35 22.324,0.264 21.374,0.264 C20.39,0.264 19.607,0.402 19.025,0.68 C18.3059335,1.01379281 17.7108821,1.56649058 17.325,2.259 C16.939,2.952 16.745,3.768 16.745,4.705 C16.745,5.595 16.922,6.385 17.276,7.072 C17.6020876,7.73123825 18.1238794,8.27363635 18.77,8.625 C19.413,8.973 20.244,9.146 21.263,9.146 L21.263,9.146 Z M30.477,9.146 C31.43,9.146 32.226,8.968 32.865,8.61 C33.4904985,8.26564661 33.9999402,7.74367762 34.329,7.11 C34.667,6.468 34.836,5.645 34.836,4.64 C34.836,3.258 34.45,2.183 33.676,1.415 C32.903,0.647 31.801,0.264 30.371,0.264 C28.977,0.264 27.889,0.654 27.108,1.436 C26.327,2.216 25.936,3.309 25.936,4.711 C25.936,5.715 26.133,6.551 26.528,7.219 C26.922,7.887 27.437,8.375 28.072,8.684 C28.706,8.992 29.508,9.146 30.477,9.146 Z M30.389,7.16 C29.834,7.16 29.396,6.97 29.074,6.592 C28.751,6.212 28.59,5.59 28.59,4.722 C28.59,3.848 28.752,3.221 29.077,2.842 C29.401,2.462 29.83,2.273 30.366,2.273 C30.924,2.273 31.366,2.46 31.693,2.833 C32.019,3.206 32.182,3.797 32.182,4.605 C32.182,5.566 32.026,6.232 31.713,6.604 C31.401,6.974 30.959,7.16 30.389,7.16 L30.389,7.16 Z"></path>
</g>
<g opacity="0.804" transform="translate(45, 3)" id="Rectangle">
<g>
<rect x="0" y="0" width="12" height="4" rx="1"></rect>
</g>
<g transform="translate(17, 0)">
<rect x="0" y="0" width="12" height="4" rx="1"></rect>
</g>
<g transform="translate(34, 0)">
<rect x="0" y="0" width="18" height="4" rx="1"></rect>
</g>
</g>
</g>
<g id="Group" opacity="0.442" transform="translate(0, 25)" fill="#FFFFFF">
<rect id="Rectangle" x="0" y="0" width="234" height="25"></rect>
</g>
</g>
<g id="Group" transform="translate(216, 8)" fill="#FFFFFF" fill-rule="nonzero">
<rect id="Rectangle" x="0" y="0" width="9" height="9" rx="4.5"></rect>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="18.506%" y2="81.494%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-26" width="63" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_sidebar">
<g class="side_bg_side">
<use fill="#000" fill-opacity=".14" xlink:href="#path-26"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-26"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(10 9)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(10 34)">
<g class="link">
<rect width="23" height="3" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(0 6)">
<rect width="37" height="3" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(0 12)">
<rect width="30" height="3" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(0 18)">
<rect width="26" height="3" class="rectangle" rx="1"/>
</g>
</g>
<rect width="1" height="51" x="62" y="5" fill="#FFF" class="bar_side" opacity=".5"/>
<g fill="#FFF" class="page_content" opacity=".4" transform="translate(63 5)">
<rect width="171" height="50" class="rectangle_side"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

@@ -0,0 +1,35 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="234" height="60" viewBox="0 0 234 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="47.717%" y2="52.283%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-29" width="234" height="50" x="0" y="5"/>
</defs>
<g fill="none" fill-rule="evenodd" class="header_template_vertical">
<g class="bg_ver">
<use fill="#000" fill-opacity=".14" xlink:href="#path-29"/>
<use fill="url(#linearGradient-1)" fill-opacity=".3" xlink:href="#path-29"/>
</g>
<g fill="#FFF" fill-rule="nonzero" class="group" transform="translate(98 10)">
<path d="M7.676 13v-2.115H3.533V4.41H.88V13h6.797zm4.409.146c.953 0 1.749-.178 2.387-.536a3.613 3.613 0 0 0 1.465-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.387-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.782.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.543 1.465.635.308 1.437.462 2.406.462zm-.088-1.986c-.555 0-.993-.19-1.316-.568-.322-.38-.483-1.002-.483-1.87 0-.874.162-1.501.486-1.88.325-.38.754-.569 1.29-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556zm9.266 1.986c.828 0 1.544-.096 2.148-.29.603-.193 1.298-.557 2.083-1.092V8.102h-4.102v1.787h1.776v.808a4.59 4.59 0 0 1-.926.44 2.78 2.78 0 0 1-.85.129c-.625 0-1.112-.2-1.462-.598-.35-.398-.524-1.063-.524-1.992 0-.875.173-1.515.518-1.92.346-.403.81-.606 1.392-.606.39 0 .712.086.964.258.252.172.43.42.536.744l2.56-.457c-.156-.554-.39-1.012-.7-1.374a2.765 2.765 0 0 0-1.172-.8c-.47-.171-1.18-.257-2.13-.257-.984 0-1.767.138-2.349.416a3.757 3.757 0 0 0-1.7 1.579c-.386.693-.58 1.509-.58 2.446 0 .89.177 1.68.531 2.367a3.569 3.569 0 0 0 1.494 1.553c.643.348 1.474.521 2.493.521zm9.214 0c.953 0 1.749-.178 2.388-.536a3.613 3.613 0 0 0 1.464-1.5c.338-.642.507-1.465.507-2.47 0-1.382-.386-2.457-1.16-3.225-.773-.768-1.875-1.151-3.305-1.151-1.394 0-2.482.39-3.263 1.172-.781.78-1.172 1.873-1.172 3.275 0 1.004.197 1.84.592 2.508.394.668.909 1.156 1.544 1.465.634.308 1.436.462 2.405.462zm-.088-1.986c-.555 0-.993-.19-1.315-.568-.323-.38-.484-1.002-.484-1.87 0-.874.162-1.501.487-1.88.324-.38.753-.569 1.289-.569.558 0 1 .187 1.327.56.326.373.489.964.489 1.772 0 .961-.156 1.627-.469 1.999-.312.37-.754.556-1.324.556z" class="logo"/>
</g>
<rect width="214" height="1" x="10" y="29" fill="#FFF" class="rectangle_ver" opacity=".375"/>
<g fill="#FFF" class="group" opacity=".804" transform="translate(64 39)">
<rect width="23" height="4" class="rectangle" rx="1"/>
<g class="link" transform="translate(28)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(56)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<g class="link" transform="translate(84)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
</g>
<g fill="#FFF" class="group" opacity=".804" transform="translate(10 17)">
<rect width="23" height="4" class="rectangle" rx="1"/>
</g>
<rect width="20" height="9" fill="#FFF" class="rectangle" rx="4.5" transform="translate(204 12)"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

+92 -43
View File
@@ -536,44 +536,62 @@
data-name="header_default_opt"
data-customize-website-views="website.template_header_default"
data-customize-website-variable="'default'"
data-img="/website/static/src/img/snippets_options/header_template_default.png"/>
data-img="/website/static/src/img/snippets_options/header_template_default.svg"/>
<we-button title="Hamburger menu"
data-name="header_hamburger_opt"
data-customize-website-views="website.template_header_hamburger"
data-customize-website-variable="'hamburger'"
data-img="/website/static/src/img/snippets_options/header_template_hamburger.png"/>
data-img="/website/static/src/img/snippets_options/header_template_hamburger.svg"/>
<we-button title="Vertical"
data-name="header_vertical_opt"
data-customize-website-views="website.template_header_vertical"
data-customize-website-variable="'vertical'"
data-img="/website/static/src/img/snippets_options/header_template_vertical.png"/>
<we-button data-name="header_sidebar_opt"
data-img="/website/static/src/img/snippets_options/header_template_vertical.svg"/>
<we-button title="Sidebar"
data-name="header_sidebar_opt"
data-customize-website-views="website.template_header_sidebar, website.no_autohide_menu"
data-customize-website-variable="'sidebar'">Sidebar</we-button>
<we-button data-name="header_slogan_opt"
data-customize-website-variable="'sidebar'"
data-img="/website/static/src/img/snippets_options/header_template_sidebar.svg"/>
<we-button title="Slogan"
data-name="header_slogan_opt"
data-customize-website-views="website.template_header_slogan"
data-customize-website-variable="'slogan'">Slogan</we-button>
<we-button data-name="header_contact_opt"
data-customize-website-variable="'slogan'"
data-img="/website/static/src/img/snippets_options/header_template_slogan.svg"/>
<we-button title="Contact"
data-name="header_contact_opt"
data-customize-website-views="website.template_header_contact"
data-customize-website-variable="'Contact'">Contact</we-button>
<we-button data-name="header_minimalist_opt"
data-customize-website-variable="'Contact'"
data-img="/website/static/src/img/snippets_options/header_template_contact.svg"/>
<we-button title="Minimalist"
data-name="header_minimalist_opt"
data-customize-website-views="website.template_header_minimalist"
data-customize-website-variable="'minimalist'">Minimalist</we-button>
<we-button data-name="header_boxed_opt"
data-customize-website-variable="'minimalist'"
data-img="/website/static/src/img/snippets_options/header_template_minimalist.svg"/>
<we-button title="Boxed"
data-name="header_boxed_opt"
data-customize-website-views="website.template_header_boxed"
data-customize-website-variable="'boxed'">Boxed</we-button>
<we-button data-name="header_centered_logo_opt"
data-customize-website-variable="'boxed'"
data-img="/website/static/src/img/snippets_options/header_template_boxed.svg"/>
<we-button title="Centered Logo"
data-name="header_centered_logo_opt"
data-customize-website-views="website.template_header_centered_logo"
data-customize-website-variable="'centered_logo'">Centered Logo</we-button>
<we-button data-name="header_image_opt"
data-customize-website-variable="'centered_logo'"
data-img="/website/static/src/img/snippets_options/header_template_centered_logo.svg"/>
<we-button title="Image"
data-name="header_image_opt"
data-customize-website-views="website.template_header_image"
data-customize-website-variable="'image'">Image</we-button>
<we-button data-name="header_hamburger_full_opt"
data-customize-website-variable="'image'"
data-img="/website/static/src/img/snippets_options/header_template_image.svg"/>
<we-button title="Hamburger Full"
data-name="header_hamburger_full_opt"
data-customize-website-views="website.template_header_hamburger_full"
data-customize-website-variable="'hamburger-full'">Hamburger Full</we-button>
<we-button data-name="header_magazine_opt"
data-customize-website-variable="'hamburger-full'"
data-img="/website/static/src/img/snippets_options/header_template_hamburger_full.svg"/>
<we-button title="Magazine"
data-name="header_magazine_opt"
data-customize-website-views="website.template_header_magazine"
data-customize-website-variable="'magazine'">Magazine</we-button>
data-customize-website-variable="'magazine'"
data-img="/website/static/src/img/snippets_options/header_template_magazine.svg"/>
</we-select>
<!-- Header Sidebar Template - Options -->
@@ -669,32 +687,47 @@
data-save-unit="rem"
data-dependencies="!header_effect_scroll_opt"/>
<we-select id="header_visibilities_list" string="Scroll Effect" data-dependencies="!header_sidebar_opt">
<we-select string="Scroll Effect" data-dependencies="!header_sidebar_opt">
<t t-set="header_effect_standard_label">Standard</t>
<t t-set="header_effect_scroll_label">Scroll</t>
<t t-set="header_effect_fixed_label">Fixed</t>
<t t-set="header_effect_disappears_label">Disappears</t>
<t t-set="header_effect_fadeout_label">Fade Out</t>
<we-button id="option_header_visibility_standard"
t-att-data-select-label="header_effect_standard_label"
class="o_we_img_animate"
data-name="header_visibility_standard_opt"
data-select-class="o_header_standard"
data-customize-website-views="website.header_visibility_standard"
string="Standard"/>
data-img="/website/static/src/img/snippets_options/header_effect_standard.png"/>
<we-button id="option_header_effect_scroll"
t-att-data-select-label="header_effect_scroll_label"
class="o_we_img_animate"
data-name="header_effect_scroll_opt"
data-select-class=""
data-customize-website-views=""
string="Scroll"/>
data-img="/website/static/src/img/snippets_options/header_effect_scroll.png"/>
<we-button id="option_header_effect_fixed"
t-att-data-select-label="header_effect_fixed_label"
class="o_we_img_animate"
data-name="header_effect_fixed_opt"
data-select-class="o_header_fixed"
data-customize-website-views="website.header_visibility_fixed"
string="Fixed"/>
data-img="/website/static/src/img/snippets_options/header_effect_fixed.png"/>
<we-button id="option_header_effect_disappears"
t-att-data-select-label="header_effect_disappears_label"
class="o_we_img_animate"
data-name="header_effect_disappears_opt"
data-select-class="o_header_disappears"
data-customize-website-views="website.header_visibility_disappears"
string="Disappears"/>
data-img="/website/static/src/img/snippets_options/header_effect_disappears.png"/>
<we-button id="option_header_effect_fade_out"
t-att-data-select-label="header_effect_fadeout_label"
class="o_we_img_animate"
data-name="header_effect_fade_out_opt"
data-select-class="o_header_fade_out"
data-customize-website-views="website.header_visibility_fade_out"
string="Fade Out"/>
data-img="/website/static/src/img/snippets_options/header_effect_fade_out.png"/>
</we-select>
<we-select string="Menu Style" data-variable="header-links-style" data-reload="/">
@@ -766,22 +799,38 @@
<we-select string="Layout"
data-variable="footer-template"
data-reload="/">
<we-button data-customize-website-views="website.footer_custom"
data-customize-website-variable="'default'">Default</we-button>
<we-button data-customize-website-views="website.template_footer_descriptive"
data-customize-website-variable="'descriptive'">Descriptive</we-button>
<we-button data-customize-website-views="website.template_footer_centered"
data-customize-website-variable="'centered'">Centered</we-button>
<we-button data-customize-website-views="website.template_footer_links"
data-customize-website-variable="'links'">Links</we-button>
<we-button data-customize-website-views="website.template_footer_minimalist"
data-customize-website-variable="'minimalist'">Minimalist</we-button>
<we-button data-customize-website-views="website.template_footer_contact"
data-customize-website-variable="'contact'">Contact</we-button>
<we-button data-customize-website-views="website.template_footer_call_to_action"
data-customize-website-variable="'call_to_action'">Call-to-action</we-button>
<we-button data-customize-website-views="website.template_footer_headline"
data-customize-website-variable="'headline'">Headline</we-button>
<we-button title="Default"
data-customize-website-views="website.footer_custom"
data-customize-website-variable="'default'"
data-img="/website/static/src/img/snippets_options/footer_template_default.svg"/>
<we-button title="Descriptive"
data-customize-website-views="website.template_footer_descriptive"
data-customize-website-variable="'descriptive'"
data-img="/website/static/src/img/snippets_options/footer_template_descriptive.svg"/>
<we-button title="Centered"
data-customize-website-views="website.template_footer_centered"
data-customize-website-variable="'centered'"
data-img="/website/static/src/img/snippets_options/footer_template_centered.svg"/>
<we-button title="Links"
data-customize-website-views="website.template_footer_links"
data-customize-website-variable="'links'"
data-img="/website/static/src/img/snippets_options/footer_template_links.svg"/>
<we-button title="Minimalist"
data-customize-website-views="website.template_footer_minimalist"
data-customize-website-variable="'minimalist'"
data-img="/website/static/src/img/snippets_options/footer_template_minimalist.svg"/>
<we-button title="Contact"
data-customize-website-views="website.template_footer_contact"
data-customize-website-variable="'contact'"
data-img="/website/static/src/img/snippets_options/footer_template_contact.svg"/>
<we-button title="Call-to-action"
data-customize-website-views="website.template_footer_call_to_action"
data-customize-website-variable="'call_to_action'"
data-img="/website/static/src/img/snippets_options/footer_template_call_to_action.svg"/>
<we-button title="Headline"
data-customize-website-views="website.template_footer_headline"
data-customize-website-variable="'headline'"
data-img="/website/static/src/img/snippets_options/footer_template_headline.svg"/>
</we-select>
<we-select string="Slideout Effect" data-variable="footer-effect" data-reload="/">
<we-button string="Regular"