Add client logos, markup

This commit is contained in:
Moris Zen
2018-07-01 11:38:10 +02:00
parent a8d3edb546
commit 7847ea62da
7 changed files with 160 additions and 2 deletions

View File

@@ -1,6 +1,6 @@
import React from 'react'
import Link from 'gatsby-link'
import SaburlyLogo from "../images/Saburly-Logo.svg"
import LogoSaburly from "../images/logo-saburly.svg"
import Button from './Button'
import "./Header.css"
@@ -10,7 +10,7 @@ const Header = () => (
<nav className="flex items-center justify-between lg:p-6">
<div className="flex items-center flex-no-shrink text-white mr-6">
<Link to="/">
<img src={SaburlyLogo} alt='Saburly Logo' style={{ maxWidth: '300px' }} />
<img src={LogoSaburly} alt='Saburly Logo' style={{ maxWidth: '300px' }} />
</Link>
</div>

30
src/images/logo-coor.svg Normal file
View File

@@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 586.5 141.6" style="enable-background:new 0 0 586.5 141.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#4C5F86;}
</style>
<title>coor-logo</title>
<polygon class="st0" points="80.8,21.6 90.1,48 115.4,36 103.4,61.3 129.8,70.7 103.4,80.1 115.4,105.3 90.1,93.3 80.8,119.7
71.4,93.3 46.1,105.3 58.1,80.1 31.7,70.7 58.1,61.3 46.1,36 71.4,48 "/>
<path class="st0" d="M132.5,12.8l5.9-7.9h3.7v44.6h-5.6c-3.8-25.8-26.4-45.3-55.2-45.3C50.6,4.2,22.8,29.6,22.8,70
c0,42.7,25.7,67.4,58.1,67.4s49-18.7,55.6-43.2h5.6v44.6h-3.5l-6.8-9.8c-1.4-2-3.6-0.9-4.5-0.4c-14.3,8.1-29,13-46.4,13
C33.3,141.6,0,113.3,0,70.2C0,28.7,33.9,0,81.3,0c17.2,0,31.1,5.2,45.2,12.9C127.5,13.4,130.4,15.2,132.5,12.8z"/>
<path class="st0" d="M242.5,102.6c-6.6,0-16.5,3.1-25.2,3.1c-26.3,0-39.2-17.3-39.2-35.3s15.4-36.1,40.1-36.1
c8.8,0,16.1,1.7,22.7,1.7c0.6,5.8,1.6,11.9,2.5,17.6c0.1,0.4-0.9,0.7-1.6,0.7s-1.3-0.1-1.5-0.7c-2.2-8.4-10.8-15.2-22.6-15.2
c-16.2,0-25.5,13.8-25.5,32s9.3,31.1,25.1,31.1c13.2,0,21.2-5.8,26-16.4c0.2-0.6,0.7-0.7,1.5-0.7s1.5,0.2,1.5,0.7
C245.1,90,243.5,97,242.5,102.6z"/>
<path class="st0" d="M313.5,105.7c-23.9,0-37.8-15.8-37.8-35.3s13.9-36.1,37.8-36.1s37.9,16.5,37.9,36.1
C351.4,90,337.5,105.7,313.5,105.7z M313.5,38.4c-15.5,0-23.7,14.5-23.7,31.9s8.2,31.2,23.7,31.2s23.8-13.7,23.8-31.2
S328.9,38.4,313.5,38.4z"/>
<path class="st0" d="M415.8,105.7c-23.9,0-37.9-15.8-37.9-35.3s14-36.1,37.9-36.1s37.9,16.5,37.9,36.1
C453.7,90,439.7,105.7,415.8,105.7z M415.8,38.4c-15.5,0-23.8,14.5-23.8,31.9s8.3,31.2,23.8,31.2s23.8-13.7,23.8-31.2
S431.2,38.4,415.8,38.4z"/>
<path class="st0" d="M555.6,103.2c-3.5,0-8.6-0.7-10.9-0.7s-7,0.7-10,0.7l-13.9-22.9c-4.2-6.5-5.6-8.3-12.7-8.3v17
c0,6.7,0.8,9.4,10.8,10.9c0.4,0,0.7,0.7,0.7,1.7s-0.3,1.9-0.7,1.9c-6.8,0-9.3-0.9-17.1-0.9s-10.5,0.9-17.2,0.9
c-0.4,0-0.8-0.9-0.8-1.9s0.4-1.7,0.8-1.7c9.9-1.5,10.6-4.2,10.6-10.9V50.8c0-6.5-0.7-9.2-10.6-10.7c-0.4-0.1-0.8-0.9-0.8-1.7
s0.4-1.9,0.8-1.9c6.7,0,10.2,0.7,18.2,0.7c6.1,0,9.8-0.6,16.4-0.6c15.5,0,24.2,6.8,24.2,17.3c0,7-6.1,12.8-14.7,16.1l13.8,20.7
c3.4,5.3,5.2,7.9,13.2,8.9c0.5,0.1,0.8,0.9,0.8,1.9S556,103.2,555.6,103.2z M516.4,41c-5.1,0-8.3,0.7-8.3,7.5v19.3
c1.9,0.2,3.8,0.3,5.7,0.3c11.5,0,15.5-4.2,15.5-14.2C529.3,45.9,526.1,41,516.4,41L516.4,41z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

60
src/images/logo-ibm.svg Normal file
View File

@@ -0,0 +1,60 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 243.5 98.3" style="enable-background:new 0 0 243.5 98.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#4C5F86;}
</style>
<title>ibm-logo-white</title>
<polygon class="st0" points="243.5,7 203,7 205.5,0 243.5,0 "/>
<path class="st0" d="M135.5,0h37.6l2.5,7c0,0-40.1,0.1-40.1,0S135.4,0,135.5,0z"/>
<path class="st0" d="M105.6,0c6,0.5,11.7,2.9,16.2,7H53.5V0H105.6z"/>
<rect class="st0" width="47.4" height="7"/>
<path class="st0" d="M23.7,3.5"/>
<path class="st0" d="M243.5,20.1h-45.2l2.5-6.9h42.7V20.1z"/>
<polygon class="st0" points="180.2,20.1 135.5,20.1 135.5,13.2 177.8,13.2 "/>
<path class="st0" d="M127.1,13.2c0.9,2.3,1.9,4.2,1.9,6.9H53.5v-6.9H127.1z"/>
<rect y="13.2" class="st0" width="47.4" height="7"/>
<path class="st0" d="M23.7,16.7"/>
<polygon class="st0" points="193.7,33.3 196.2,26.3 230.1,26.3 230.1,33.2 "/>
<polygon class="st0" points="182.4,26.3 184.9,33.3 148.8,33.3 148.8,26.3 "/>
<path class="st0" d="M129.6,26.3c0,2.4-0.3,4.7-1,7H108v-7H129.6z"/>
<rect x="13.2" y="26.3" class="st0" width="20.4" height="7"/>
<path class="st0" d="M23.4,29.8"/>
<rect x="67.3" y="26.3" class="st0" width="20.3" height="7"/>
<path class="st0" d="M77.4,29.8"/>
<path class="st0" d="M168.8,40.8v5.3h-20v-6.9H187l2.3,6.5c0.1,0,2.3-6.5,2.3-6.5h38.5v6.9h-19.9v-5.3l-1.9,5.3h-37.6L168.8,40.8z"
/>
<path class="st0" d="M67.3,39.2h58.3c-1.5,2.6-3.5,5-5.8,6.9H67.2L67.3,39.2z"/>
<rect x="13.2" y="39.1" class="st0" width="20.4" height="7"/>
<path class="st0" d="M23.4,42.7"/>
<rect x="210.2" y="52.3" class="st0" width="19.9" height="7"/>
<path class="st0" d="M220.1,55.8"/>
<path class="st0" d="M168.8,52.3h-20v7h20C168.8,59.3,168.9,52.3,168.8,52.3z"/>
<path class="st0" d="M206.2,52.3c-0.1,0-2.4,7-2.5,7h-28.4l-2.5-7H206.2z"/>
<path class="st0" d="M67.2,52.3h52.5c2.4,2,4.5,4.4,6.3,7H67.2V52.3z"/>
<path class="st0" d="M33.6,59.3v-7H13.2v7H33.6z"/>
<rect x="210.2" y="65.4" class="st0" width="19.9" height="7"/>
<path class="st0" d="M220.1,68.9"/>
<rect x="148.8" y="65.4" class="st0" width="20" height="6.9"/>
<path class="st0" d="M158.8,68.9"/>
<path class="st0" d="M199.1,72.4c0,0,2.4-7,2.5-7h-24.2l2.5,7H199.1z"/>
<path class="st0" d="M67.2,72.4v-7h20.7v7H67.2z"/>
<path class="st0" d="M128.9,65.4c1,2.1,1.1,4.6,1.3,7h-21.9v-7H128.9z"/>
<rect x="13.2" y="65.4" class="st0" width="20.3" height="6.9"/>
<path class="st0" d="M23.4,68.9"/>
<rect x="210.2" y="78.2" class="st0" width="33.3" height="7"/>
<path class="st0" d="M226.9,81.7"/>
<rect x="135.5" y="78.2" class="st0" width="33.4" height="7"/>
<path class="st0" d="M152.1,81.7"/>
<polygon class="st0" points="194.6,85.2 184.4,85.2 182,78.2 196.9,78.2 "/>
<path class="st0" d="M0,78.3v6.9h47.3c0.1,0,0-6.9,0-6.9H0z"/>
<path class="st0" d="M129.3,78.3c-0.5,2.3-0.9,5.1-2.6,6.9H53.5v-6.9H129.3z"/>
<polygon class="st0" points="190,98.3 189,98.3 186.7,91.3 192.4,91.3 "/>
<rect x="210.2" y="91.3" class="st0" width="33.3" height="7"/>
<path class="st0" d="M226.9,94.9"/>
<path class="st0" d="M53.5,98.4v-7h68.7c-4.8,4.5-11.1,7-17.7,7H53.5"/>
<rect x="135.5" y="91.3" class="st0" width="33.4" height="7"/>
<path class="st0" d="M152.1,94.9"/>
<path class="st0" d="M47.3,91.4v7H0v-7H47.3z"/>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@@ -0,0 +1,38 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 560.6 185.2" style="enable-background:new 0 0 560.6 185.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#4C5F86;}
</style>
<title>kinnarps-logo</title>
<path class="st0" d="M560.6,134.2l-3.9-6.9H484c0,0-33.4-39.9-33.4-40.3l-11.8,12.8c0-5.6-3.9-14.7-12.8-14.7s-14.1,8.4-19.5,15.7
V88l-21.7,2.9c0,7-3.3,13.8-5.9,13.8c-6.2,0,0.2-17.7-5.9-17.7s-13.6,11-19.7,16.7V86l-20.6,4.9v37.4l-6.9,6.8
c-2.1,0-4.6,0.5-5.9-1.9V90l-20.6-4l-1,4c-2.7-3.4-4-5.6-10.1-5.6c-16.8,0-17.9,13.6-17.9,24.8v20.4c-1.5,2.7-5.4,7.5-8.2,7.5
c-1,0-2.4-2.1-2.6-3.2v-40c0,0-3.5-7.7-9.5-7.7s-13.9,8.9-20.5,14.6V87l-21.6,3.9v36.4l-6.8,7.8c-1.3,1.2-3.4,1-4.5-0.3
c-0.1-0.2-0.3-0.4-0.4-0.6V93.9c0,0-2-7.3-8.9-7.3s-14,9.3-20.4,14.2V87l-20.8,3.9v36.4l-7.9,7.8c-1.7,0.7-3.2-0.1-3.9-1.9V88
l-20.7,2.9v37.4l-7.8,7.8C93,121.9,94,98.5,73.4,90.9c24.5-25.5,49.1-50.8,70.7-77.6h-29.5C99.9,35.9,82,57.2,63.5,78.2
c1.5-22.4,8.9-44.7,8.9-68.8c-2.5-6.8-7.9-12.2-18.7-7.8C38.3,12.1,21.1,26.3,11.5,42.8C6.8,51.5-8.7,75.2,6.6,75.2
c10.5,0,25.5-12.2,25.5-22.6c0-4.6-7.8-3.9-7.8-3.9c6.3-13.3,18.4-26,30.4-35.4l1,1c-7.6,27.7-12,57-22.6,83.5
c-11.8,6.4-26,15-28.5,29.5c1,4.9,5.2,8.3,10.8,6.9c3.4,0,5.9-5,8.9-3c-3.5,10.3-7.1,20.7-9.9,31.4l20.7,12.8
c7.1-21.1,12.7-43.2,18.6-64.8c-0.2-3.7,4-5.2,6.9-5.9c13.1,13.9,13.5,35.1,29.5,46.2c10.6,5.6,17.5-5.4,23.5-10.8
c0,0,4.9,11.8,8.9,11.8c14.2,0,18.4-5.8,23.6-12.8v12.8h20.8v-38.4c2.6-3,3.2-7.8,7.6-7.8c0.9,0,0.8,2.4,1,3.7v29.3
c0,5.4,5.7,13.2,11.5,13.2c11.2,0,11.5-4.6,21-12.8v12.8h21.7v-38.4c2.6-3.3,2.9-7.8,7.3-7.8c0.6,1.3,1.1,2.6,1.3,4v27.8
c0.8,6,3.1,11.2,10,14.4c10.3,2.9,16-7.4,22.9-12.8c0,3.9,6.3,13.3,11.7,13.3s10.9-5,15.5-11.4c3.7,5.5,10.1,11.4,18.7,10.9
c6.2-2.5,10.6-7.4,15.7-11.8v11.8h20.6v-37.4l3-2.9c3.7-5.3,8.3,0.2,11.8,1.9c5.8,2.5,13.7,0.5,16.2-5.9v77.6h22.7v-35.6
c0,0,4.3,1.7,6.4,1.7c10,0,27.3-30.4,27.3-43.7c-0.3,0,15.8,18.7,15.8,18.7c-4.1,2.6-18.9-4.2-17.7,6.9c0.7,2.8,33.6,18.5,37.3,18.7
c5.4,0,10.4-3.1,12.8-7.9c1.4-2.5,1.2-7.5-0.3-10c22.1,0,49.9,0.3,72,0.2L560.6,134.2z M19.3,123.4h-3.9c2.5-5.2,7.9-11.6,13.8-12.8
C29.5,117.2,23.8,119.4,19.3,123.4L19.3,123.4z M298.4,129.2c0,2.1-2.1,5-3.9,5h-2.9c-1.6-1.6-2.4-24.5-1-35.4
c2.9-5.7,5.9,1,7.8,2.9L298.4,129.2L298.4,129.2z M407,112.9c1.1-2,4.1-6.2,7.2-6.2c0.9,0,1.5,2,1.8,3.9c0,3.6,0.2,9.4,0.2,13.7
l-9.2,9.9V112.9z M412.3,142h-1l4.9-6.9C417.7,138.6,414,140.7,412.3,142z M454.5,135.1h7.9l6.8,8.9L454.5,135.1L454.5,135.1z"/>
<path class="st0" d="M476.8,83.8c1.4,1.4,2.1,3.3,2.1,5.2c0,2-0.7,3.9-2.1,5.3c-1.4,1.4-3.3,2.1-5.2,2.1c-2,0.1-3.8-0.7-5.2-2.1
c-1.4-1.4-2.2-3.3-2.2-5.3c0-4.1,3.4-7.4,7.5-7.3C473.6,81.7,475.4,82.4,476.8,83.8L476.8,83.8z M477.6,83c-3.3-3.3-8.7-3.3-12,0
c-1.6,1.6-2.6,3.7-2.5,6c0,2.3,0.8,4.5,2.4,6.1c1.6,1.6,3.8,2.6,6.1,2.5c2.3,0.1,4.5-0.8,6-2.5c1.7-1.6,2.6-3.8,2.6-6.1
C480.2,86.7,479.3,84.5,477.6,83z M472.9,88.6c-0.5,0.2-1.1,0.3-1.6,0.2h-1.5v-3.4h1.4c0.7-0.1,1.4,0.1,2,0.4
c0.7,0.6,0.8,1.7,0.2,2.4C473.3,88.4,473.1,88.5,472.9,88.6L472.9,88.6z M468.1,93.7h1.7V90h1.3c0.6-0.1,1.2,0,1.8,0.3
c0.6,0.3,0.9,1,0.9,2.1v1.1h1.5c0-0.2-0.1-0.3-0.1-0.5v-1.4c0-0.5-0.2-1.1-0.5-1.5c-0.4-0.5-1-0.8-1.6-0.9c0.5-0.1,0.9-0.2,1.3-0.4
c0.6-0.4,0.9-1.2,0.9-1.9c0.1-1-0.4-2-1.4-2.4c-0.8-0.2-1.7-0.3-2.6-0.3H468L468.1,93.7L468.1,93.7z"/>
<polygon class="st0" points="140.9,64.5 133.2,64.5 138.6,59.1 133.3,53.7 127.9,59.1 127.9,51.5 120.2,51.5 120.2,59.1 114.9,53.7
109.5,59.1 114.9,64.5 107.2,64.5 107.2,72.1 114.9,72.1 109.5,77.5 114.9,82.9 120.2,77.5 120.2,85.1 127.9,85.1 127.9,77.5
133.3,82.9 138.6,77.5 133.2,72.1 140.9,72.1 140.9,64.5 "/>
</svg>

After

Width:  |  Height:  |  Size: 3.7 KiB

20
src/images/logo-ricoh.svg Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 579.2 104.5" style="enable-background:new 0 0 579.2 104.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#4C5F86;}
</style>
<title>ricoh-logo-white</title>
<path class="st0" d="M225.3,52.2c0,20.4,15.1,35.5,40.3,35.5c10.7,0,20.7-1.7,31.1-6.6l9.4,12.9c-13,6.9-25.6,10.5-44.9,10.5
c-40.2,0-69.8-19.4-69.8-52.2l0,0c0-32.8,29.6-52.2,69.8-52.2c19.3,0,30.4,2.8,44,8.6l-9.7,14.8c-10.3-5.4-19.2-6.5-29.9-6.5
c-25.2,0-40.3,15-40.3,35.3"/>
<path class="st0" d="M378.8,0c-39,0-67,19.4-67,52.2s28,52.3,67,52.3s67-19.4,67-52.3S417.7,0,378.8,0z M378.8,88.2
c-21.4,0-33.3-16-33.3-36s11.9-36,33.3-36s33.2,16.1,33.2,36C412,72.1,400.2,88.2,378.8,88.2z"/>
<polygon class="st0" points="547.1,59.8 547.1,101.9 579.2,101.9 579.2,2.6 547.1,2.6 547.1,40.5 497.9,40.5 497.9,2.6 465.8,2.6
465.8,101.9 497.9,101.9 497.9,59.8 "/>
<rect x="138.2" y="2.6" class="st0" width="33.9" height="99.3"/>
<path class="st0" d="M41,48v9.5c16.4,12.9,31.2,27.8,44,44.4h38c-13.2-15.5-33.5-34-48.4-43.2c17.5-0.8,37-7.8,37-27.9
C111.6,5,84.1,0.3,56.2,0.3c-22.7,0-43.7,1-56.2,2.1v99.5h31.6V17.3c8.2-0.9,16.5-1.4,24.8-1.3c16.3,0,24.5,5.4,24.5,14.8
S77.5,48.4,41,48z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -8,6 +8,10 @@ import ImgIntro from '../images/programming-company.svg'
import ImgDesign from '../images/ux-ui-design.svg'
import ImgFullstack from '../images/fullstack-web-development.svg'
import ImgMobile from '../images/mobile-development.svg'
import LogoIBM from '../images/logo-ibm.svg'
import LogoRicoh from '../images/logo-ricoh.svg'
import LogoKinnarps from '../images/logo-kinnarps.svg'
import LogoCoor from '../images/logo-coor.svg'
const IndexPage = () => (
<div>
@@ -41,6 +45,12 @@ const IndexPage = () => (
<section className="text-center p-3">
<SectionIntro intro="Clients" headline="With ambitious projects comes great responsibility" text="We think big, design smart and develop fast for all projects and teams. Currently were serving everything from global leaders to startups and we tailor our processes based on your scale and needs. We have helped some of the worlds leading enterprises and businesses bring ideas to life and were really interested in hearing what we can help you with" />
<div className="lg:flex items-center">
<img src={LogoIBM} alt="IBM Logo" />
<img src={LogoRicoh} alt="Ricoh Logo" />
<img src={LogoKinnarps} alt="Kinnarps Logo" />
<img src={LogoCoor} alt="Coor Logo" />
</div>
</section>
<section className="text-center p-3">