...
 
Commits (7)
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 109
version: 113
# read speed
wpm: 160
......
......@@ -63,9 +63,16 @@
</div>
</div>
</div>
<div class="atlassian-summit">
<h3 class="display">We are proudly sponsoring the Atlassian Summit 2019</h3>
<a class="button--link" href="https://www.atlassian.com/ro/company/events/summit" rel="noopener noreferrer">Learn more</a>
<a href="https://www.atlassian.com/ro/company/events/summit"><img class="atlassian-summit__img" src="/images/solutions/atlassian-summit.png" alt="atlassian-summit" /></a>
</div>
</div>
</section>
<div id="solution-form">
<h3 class="display--small theme_type--dark"><bold>Contact Us</bold></h3>
<div class="space--2"></div>
......
......@@ -28,9 +28,10 @@ body.solutions-page {
}
}
@media screen and (max-width: $tablet) {
@media screen and (max-width: $mobile) {
flex-direction: column-reverse;
margin-top: 180px;
height: unset;
padding-top: 0;
padding-bottom: 64px;
&__image {
......@@ -153,7 +154,7 @@ body.solutions-page {
}
}
@media screen and (max-width: $tablet) {
@media screen and (max-width: $mobile) {
padding: 64px 0 64px;
text-align: left;
align-items: left;
......@@ -224,7 +225,7 @@ body.solutions-page {
}
.testimonials {
padding: 160px 0 172px;
padding: 410px 0 172px;
&__title {
text-align: center;
......@@ -269,12 +270,13 @@ body.solutions-page {
}
}
@media screen and (max-width: $tablet) {
@media screen and (max-width: $mobile) {
padding: 64px 0 64px;
&__title {
width: 100%;
margin: auto;
text-align: left;
}
}
}
......@@ -320,7 +322,7 @@ body.solutions-page {
}
}
@media screen and (max-width: $tablet) {
@media screen and (max-width: $mobile) {
flex-direction: column;
padding: 46px 16px;
......@@ -410,4 +412,27 @@ body.solutions-page {
opacity: 0.7;
}
}
.atlassian-summit {
margin-bottom: -450px;
margin-top: 160px;
text-align: center;
@media screen and (max-width: $mobile) {
margin-bottom: -170px;
text-align: left;
margin-top: 64px;
}
h3 {
margin: auto;
margin-bottom: 16px;
}
a {
margin:auto;
margin-bottom: 36px;
}
}
}
\ No newline at end of file
......@@ -39,7 +39,7 @@ redirect_from:
<div class="card theme_box--light-strong clients">
<p class="label theme_type--grey align--center">We are trusted over thousand companies across 150 countries</p>
{% include client-slideshow.html client-type="DevOps" %}
{% include client-slideshow.html %}
</div>
<div class="card theme_box--brand card--shadow solutions-box">
......
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<defs>
<linearGradient id="a" x1="80.814%" x2="43.696%" y1="15.801%" y2="97.438%">
<stop offset="0%" stop-color="#0052CC"/>
<stop offset="92.3%" stop-color="#2684FF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path fill="url(#a)" d="M9.533 14.715c-.476-.51-1.219-.48-1.542.167L.176 30.511a.934.934 0 0 0 .836 1.352h10.882a.9.9 0 0 0 .836-.516c2.346-4.852.925-12.229-3.197-16.632z" transform="translate(2 2)"/>
<path fill="#2681FF" d="M17.267 2.5c-4.37 6.925-4.082 14.594-1.204 20.352l5.248 10.495a.934.934 0 0 0 .835.516h10.882a.934.934 0 0 0 .836-1.352S19.224 3.227 18.856 2.495c-.33-.656-1.166-.665-1.59.005z"/>
</g>
</svg>
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" x1="80.814%" x2="43.696%" y1="15.801%" y2="97.438%"><stop offset="0" stop-color="#0052cc"/><stop offset=".923" stop-color="#2684ff"/></linearGradient><g fill="none" fill-rule="evenodd"><path d="m9.533 14.715c-.476-.51-1.219-.48-1.542.167l-7.815 15.629a.934.934 0 0 0 .836 1.352h10.882a.9.9 0 0 0 .836-.516c2.346-4.852.925-12.229-3.197-16.632z" fill="url(#a)" transform="translate(2 2)"/><path d="m17.267 2.5c-4.37 6.925-4.082 14.594-1.204 20.352l5.248 10.495a.934.934 0 0 0 .835.516h10.882a.934.934 0 0 0 .836-1.352s-14.64-29.284-15.008-30.016c-.33-.656-1.166-.665-1.59.005z" fill="#2681ff"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<g fill="none" fill-rule="evenodd">
<path fill="#030C1A" d="M10.927 16.893c0 .39.042.707.115.94.085.231.19.485.338.76a.46.46 0 0 1 .073.242c0 .106-.063.211-.2.317l-.664.443a.505.505 0 0 1-.273.095c-.106 0-.211-.053-.317-.148a3.265 3.265 0 0 1-.379-.496c-.105-.18-.21-.38-.326-.623-.822.971-1.855 1.457-3.098 1.457-.885 0-1.59-.253-2.107-.76-.516-.507-.78-1.182-.78-2.027 0-.897.317-1.625.96-2.174.642-.549 1.495-.823 2.58-.823.359 0 .727.031 1.117.084.39.053.79.137 1.212.232v-.77c0-.803-.169-1.362-.495-1.69-.338-.326-.906-.485-1.718-.485-.368 0-.748.042-1.137.137-.39.095-.77.212-1.138.36a3.02 3.02 0 0 1-.369.137.645.645 0 0 1-.169.031c-.147 0-.22-.105-.22-.327v-.517c0-.17.02-.296.073-.37a.788.788 0 0 1 .295-.221c.369-.19.811-.349 1.327-.475a6.375 6.375 0 0 1 1.644-.2c1.254 0 2.17.284 2.76.854.58.57.874 1.436.874 2.597v3.42h.022zm-4.278 1.604c.348 0 .706-.063 1.085-.19.38-.126.717-.359 1.001-.675.169-.2.295-.423.358-.676.064-.253.106-.56.106-.918v-.444a8.782 8.782 0 0 0-.97-.179 7.923 7.923 0 0 0-.99-.063c-.706 0-1.222.137-1.57.422-.347.285-.516.686-.516 1.214 0 .496.127.865.39 1.119.253.264.622.39 1.106.39zm8.46 1.14c-.19 0-.316-.031-.4-.105-.085-.064-.158-.211-.222-.412l-2.475-8.16c-.064-.21-.095-.348-.095-.422 0-.169.084-.264.253-.264h1.032c.2 0 .337.032.411.106.084.063.147.211.21.412l1.77 6.987 1.644-6.987c.053-.211.116-.349.2-.412s.232-.106.422-.106h.842c.2 0 .337.032.422.106.084.063.158.211.2.412l1.664 7.072 1.823-7.072c.063-.211.137-.349.21-.412.085-.063.222-.106.412-.106h.98c.168 0 .263.085.263.264 0 .053-.01.106-.021.17-.011.063-.032.147-.074.263l-2.539 8.16c-.063.21-.137.348-.221.411-.085.064-.222.106-.4.106h-.907c-.2 0-.337-.032-.421-.106-.084-.074-.158-.21-.2-.422l-1.633-6.808-1.622 6.797c-.053.212-.116.349-.2.423-.085.074-.232.105-.422.105h-.906zm13.537.285a6.959 6.959 0 0 1-1.622-.19c-.527-.126-.938-.264-1.212-.422-.168-.095-.284-.2-.326-.296a.746.746 0 0 1-.063-.295v-.538c0-.222.084-.328.242-.328.063 0 .126.01.19.032.063.021.158.063.263.106.358.158.748.285 1.159.369.421.084.832.127 1.253.127.664 0 1.18-.116 1.538-.349.359-.232.548-.57.548-1.002 0-.296-.094-.539-.284-.74-.19-.2-.548-.38-1.064-.548l-1.528-.475c-.769-.243-1.338-.602-1.685-1.077a2.518 2.518 0 0 1-.527-1.53c0-.444.095-.834.284-1.172.19-.338.443-.633.759-.866a3.341 3.341 0 0 1 1.096-.549c.421-.126.863-.179 1.327-.179.232 0 .474.01.706.042.242.032.463.074.685.116.21.053.41.106.6.17a2.3 2.3 0 0 1 .443.19.911.911 0 0 1 .316.263.57.57 0 0 1 .094.348v.497c0 .221-.084.337-.242.337-.084 0-.221-.042-.4-.126-.6-.275-1.275-.412-2.023-.412-.6 0-1.074.095-1.401.296-.327.2-.495.506-.495.939 0 .296.105.549.316.75.21.2.6.4 1.159.58l1.496.475c.758.243 1.306.58 1.633 1.013.326.433.484.93.484 1.478 0 .454-.095.866-.274 1.225-.19.358-.442.675-.769.928-.326.264-.716.454-1.17.592a5 5 0 0 1-1.506.221z"/>
<path fill="#F90" d="M30.637 25.052c-3.466 2.565-8.501 3.927-12.831 3.927-6.068 0-11.536-2.248-15.666-5.985-.326-.296-.031-.697.359-.465 4.466 2.597 9.976 4.17 15.676 4.17 3.845 0 8.07-.802 11.957-2.449.58-.264 1.074.38.505.802zm1.444-1.646c-.443-.57-2.929-.275-4.056-.138-.337.043-.39-.253-.084-.475 1.98-1.393 5.235-.992 5.615-.527.379.475-.106 3.736-1.96 5.298-.284.243-.558.117-.432-.2.422-1.045 1.36-3.399.917-3.958z"/>
</g>
</svg>
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m10.927 16.893c0 .39.042.707.115.94.085.231.19.485.338.76a.46.46 0 0 1 .073.242c0 .106-.063.211-.2.317l-.664.443a.505.505 0 0 1 -.273.095c-.106 0-.211-.053-.317-.148a3.265 3.265 0 0 1 -.379-.496c-.105-.18-.21-.38-.326-.623-.822.971-1.855 1.457-3.098 1.457-.885 0-1.59-.253-2.107-.76-.516-.507-.78-1.182-.78-2.027 0-.897.317-1.625.96-2.174.642-.549 1.495-.823 2.58-.823.359 0 .727.031 1.117.084s.79.137 1.212.232v-.77c0-.803-.169-1.362-.495-1.69-.338-.326-.906-.485-1.718-.485-.368 0-.748.042-1.137.137-.39.095-.77.212-1.138.36a3.02 3.02 0 0 1 -.369.137.645.645 0 0 1 -.169.031c-.147 0-.22-.105-.22-.327v-.517c0-.17.02-.296.073-.37a.788.788 0 0 1 .295-.221c.369-.19.811-.349 1.327-.475a6.375 6.375 0 0 1 1.644-.2c1.254 0 2.17.284 2.76.854.58.57.874 1.436.874 2.597v3.42zm-4.278 1.604c.348 0 .706-.063 1.085-.19.38-.126.717-.359 1.001-.675.169-.2.295-.423.358-.676.064-.253.106-.56.106-.918v-.444a8.782 8.782 0 0 0 -.97-.179 7.923 7.923 0 0 0 -.99-.063c-.706 0-1.222.137-1.57.422-.347.285-.516.686-.516 1.214 0 .496.127.865.39 1.119.253.264.622.39 1.106.39zm8.46 1.14c-.19 0-.316-.031-.4-.105-.085-.064-.158-.211-.222-.412l-2.475-8.16c-.064-.21-.095-.348-.095-.422 0-.169.084-.264.253-.264h1.032c.2 0 .337.032.411.106.084.063.147.211.21.412l1.77 6.987 1.644-6.987c.053-.211.116-.349.2-.412s.232-.106.422-.106h.842c.2 0 .337.032.422.106.084.063.158.211.2.412l1.664 7.072 1.823-7.072c.063-.211.137-.349.21-.412.085-.063.222-.106.412-.106h.98c.168 0 .263.085.263.264 0 .053-.01.106-.021.17-.011.063-.032.147-.074.263l-2.539 8.16c-.063.21-.137.348-.221.411-.085.064-.222.106-.4.106h-.907c-.2 0-.337-.032-.421-.106s-.158-.21-.2-.422l-1.633-6.808-1.622 6.797c-.053.212-.116.349-.2.423-.085.074-.232.105-.422.105zm13.537.285a6.959 6.959 0 0 1 -1.622-.19c-.527-.126-.938-.264-1.212-.422-.168-.095-.284-.2-.326-.296a.746.746 0 0 1 -.063-.295v-.538c0-.222.084-.328.242-.328.063 0 .126.01.19.032.063.021.158.063.263.106.358.158.748.285 1.159.369.421.084.832.127 1.253.127.664 0 1.18-.116 1.538-.349.359-.232.548-.57.548-1.002 0-.296-.094-.539-.284-.74-.19-.2-.548-.38-1.064-.548l-1.528-.475c-.769-.243-1.338-.602-1.685-1.077a2.518 2.518 0 0 1 -.527-1.53c0-.444.095-.834.284-1.172.19-.338.443-.633.759-.866a3.341 3.341 0 0 1 1.096-.549c.421-.126.863-.179 1.327-.179.232 0 .474.01.706.042.242.032.463.074.685.116.21.053.41.106.6.17a2.3 2.3 0 0 1 .443.19.911.911 0 0 1 .316.263.57.57 0 0 1 .094.348v.497c0 .221-.084.337-.242.337-.084 0-.221-.042-.4-.126-.6-.275-1.275-.412-2.023-.412-.6 0-1.074.095-1.401.296-.327.2-.495.506-.495.939 0 .296.105.549.316.75.21.2.6.4 1.159.58l1.496.475c.758.243 1.306.58 1.633 1.013.326.433.484.93.484 1.478 0 .454-.095.866-.274 1.225-.19.358-.442.675-.769.928-.326.264-.716.454-1.17.592a5 5 0 0 1 -1.506.221z" fill="#030c1a"/><path d="m30.637 25.052c-3.466 2.565-8.501 3.927-12.831 3.927-6.068 0-11.536-2.248-15.666-5.985-.326-.296-.031-.697.359-.465 4.466 2.597 9.976 4.17 15.676 4.17 3.845 0 8.07-.802 11.957-2.449.58-.264 1.074.38.505.802zm1.444-1.646c-.443-.57-2.929-.275-4.056-.138-.337.043-.39-.253-.084-.475 1.98-1.393 5.235-.992 5.615-.527.379.475-.106 3.736-1.96 5.298-.284.243-.558.117-.432-.2.422-1.045 1.36-3.399.917-3.958z" fill="#f90"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="84" height="84" viewBox="0 0 84 84">
<defs>
<circle id="a" cx="32" cy="32" r="32"/>
<linearGradient id="c" x1="16.6%" x2="83.286%" y1="31.484%" y2="50%">
<stop offset="0%" stop-color="#0B4E9B"/>
<stop offset="100%" stop-color="#1D74F5"/>
</linearGradient>
<linearGradient id="d" x1="94.328%" x2="25.865%" y1="20.966%" y2="50%">
<stop offset="0%" stop-color="#0B4E9B"/>
<stop offset="100%" stop-color="#1D74F5"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(10 10)">
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<use fill="#A3B4CC" xlink:href="#a"/>
<g fill-rule="nonzero" mask="url(#b)">
<path fill="url(#c)" d="M16.849 15.851c.169.076.389.17.673.282-.407-.16 1.489.563 2 .786 3.162 1.379 4.916 3.47 4.916 7.182v.73c-.09 8.64-.278 13.07-.564 13.292-.428.333-18.503 1.366-20.648.813C1.837 38.578.992 25.602.564 25.269L0 24.832V24.1c0-3.712 1.754-5.803 4.916-7.182.51-.223 2.407-.946 2-.786.327-.129.57-.234.747-.32 3.062 1.79 6.124 1.803 9.186.038z" transform="translate(40.492 25.815)"/>
<path fill="#E7EBF2" d="M57.341 41.666c-3.062 1.766-6.124 1.753-9.186-.038.343-.166.445-.263.452-.324a4.05 4.05 0 0 0-.107-1.178c-.065-.246-.151-.421-.234-.51-1.57-1.661-2.367-3.465-2.367-5.974 0-4.284 3.007-7.827 6.812-7.827s6.813 3.543 6.813 7.827c0 2.517-.82 4.375-2.38 5.958-.076.084-.16.264-.223.523-.093.379-.12.813-.106 1.161l.005.141c0-.023.111.057.521.241z"/>
<path fill="url(#d)" d="M16.849 15.851c.169.076.389.17.673.282-.407-.16 1.489.563 2 .786 3.162 1.379 4.916 3.47 4.916 7.182v.73l-.564.438c-.428.333-1.273 16.127-2.662 16.485C19.067 42.307.992 25.602.564 25.269L0 24.832V24.1c0-3.712 1.754-5.803 4.916-7.182.51-.223 2.407-.946 2-.786.327-.129.57-.234.747-.32 3.062 1.79 6.124 1.803 9.186.038z" transform="translate(0 25.815)"/>
<path fill="#E7EBF2" d="M16.849 41.666c-3.062 1.766-6.124 1.753-9.186-.038.343-.166.444-.263.452-.324a4.05 4.05 0 0 0-.108-1.178c-.065-.246-.15-.421-.233-.51-1.57-1.661-2.367-3.465-2.367-5.974 0-4.284 3.007-7.827 6.812-7.827s6.812 3.543 6.812 7.827c0 2.517-.819 4.375-2.379 5.958-.076.084-.16.264-.224.523-.093.379-.12.813-.105 1.161l.005.141c0-.023.11.057.52.241z"/>
<g>
<path fill="#1D74F5" d="M38.519 48.606c.22.1.506.221.875.366-.529-.207 1.936.733 2.6 1.022 4.11 1.793 6.39 4.512 6.39 9.337L50.034 69c-.372.288-12.16.955-35.366 2l1.948-11.669c0-4.825 2.28-7.544 6.391-9.337.664-.29 3.129-1.23 2.6-1.022.425-.167.74-.303.97-.415 3.982 2.328 7.962 2.344 11.943.05z"/>
<path fill="#F3F5F8" d="M38.519 48.606c-3.98 2.295-7.961 2.279-11.942-.05.446-.216.578-.34.588-.42a5.264 5.264 0 0 0-.14-1.532c-.084-.32-.196-.548-.304-.663-2.04-2.16-3.077-4.505-3.077-7.766 0-5.57 3.91-10.175 8.856-10.175s8.856 4.605 8.856 10.175c0 3.272-1.065 5.687-3.092 7.745-.1.109-.209.343-.292.68a5.696 5.696 0 0 0-.137 1.51l.007.183c0-.03.144.074.677.313z"/>
</g>
</g>
</g>
</svg>
<svg height="84" viewBox="0 0 84 84" width="84" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="32" cy="32" r="32"/><linearGradient id="b"><stop offset="0" stop-color="#0b4e9b"/><stop offset="1" stop-color="#1d74f5"/></linearGradient><linearGradient id="c" x1="16.6%" x2="83.286%" xlink:href="#b" y1="31.484%" y2="50%"/><linearGradient id="d" x1="94.328%" x2="25.865%" xlink:href="#b" y1="20.966%" y2="50%"/><mask id="e" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><use fill="#a3b4cc" xlink:href="#a"/><g fill-rule="nonzero" mask="url(#e)"><path d="m16.849 15.851c.169.076.389.17.673.282-.407-.16 1.489.563 2 .786 3.162 1.379 4.916 3.47 4.916 7.182v.73c-.09 8.64-.278 13.07-.564 13.292-.428.333-18.503 1.366-20.648.813-1.389-.358-2.234-13.334-2.662-13.667l-.564-.437v-.732c0-3.712 1.754-5.803 4.916-7.182.51-.223 2.407-.946 2-.786.327-.129.57-.234.747-.32 3.062 1.79 6.124 1.803 9.186.038z" fill="url(#c)" transform="translate(40.492 25.815)"/><path d="m57.341 41.666c-3.062 1.766-6.124 1.753-9.186-.038.343-.166.445-.263.452-.324a4.05 4.05 0 0 0 -.107-1.178c-.065-.246-.151-.421-.234-.51-1.57-1.661-2.367-3.465-2.367-5.974 0-4.284 3.007-7.827 6.812-7.827s6.813 3.543 6.813 7.827c0 2.517-.82 4.375-2.38 5.958-.076.084-.16.264-.223.523-.093.379-.12.813-.106 1.161l.005.141c0-.023.111.057.521.241z" fill="#e7ebf2"/><path d="m16.849 15.851c.169.076.389.17.673.282-.407-.16 1.489.563 2 .786 3.162 1.379 4.916 3.47 4.916 7.182v.73l-.564.438c-.428.333-1.273 16.127-2.662 16.485-2.145.553-20.22-16.152-20.648-16.485l-.564-.437v-.732c0-3.712 1.754-5.803 4.916-7.182.51-.223 2.407-.946 2-.786.327-.129.57-.234.747-.32 3.062 1.79 6.124 1.803 9.186.038z" fill="url(#d)" transform="translate(0 25.815)"/><path d="m16.849 41.666c-3.062 1.766-6.124 1.753-9.186-.038.343-.166.444-.263.452-.324a4.05 4.05 0 0 0 -.108-1.178c-.065-.246-.15-.421-.233-.51-1.57-1.661-2.367-3.465-2.367-5.974 0-4.284 3.007-7.827 6.812-7.827s6.812 3.543 6.812 7.827c0 2.517-.819 4.375-2.379 5.958-.076.084-.16.264-.224.523-.093.379-.12.813-.105 1.161l.005.141c0-.023.11.057.52.241z" fill="#e7ebf2"/><path d="m38.519 48.606c.22.1.506.221.875.366-.529-.207 1.936.733 2.6 1.022 4.11 1.793 6.39 4.512 6.39 9.337l1.65 9.669c-.372.288-12.16.955-35.366 2l1.948-11.669c0-4.825 2.28-7.544 6.391-9.337.664-.29 3.129-1.23 2.6-1.022.425-.167.74-.303.97-.415 3.982 2.328 7.962 2.344 11.943.05z" fill="#1d74f5"/><path d="m38.519 48.606c-3.98 2.295-7.961 2.279-11.942-.05.446-.216.578-.34.588-.42a5.264 5.264 0 0 0 -.14-1.532c-.084-.32-.196-.548-.304-.663-2.04-2.16-3.077-4.505-3.077-7.766 0-5.57 3.91-10.175 8.856-10.175s8.856 4.605 8.856 10.175c0 3.272-1.065 5.687-3.092 7.745-.1.109-.209.343-.292.68a5.696 5.696 0 0 0 -.137 1.51l.007.183c0-.03.144.074.677.313z" fill="#f3f5f8"/></g></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 84 84">
<g fill="none" fill-rule="evenodd" transform="translate(10 .776)">
<circle cx="32" cy="41" r="32" fill="#A3B4CC"/>
<path fill="#1867DE" d="M38.357 57.317C25.47 57.317 15 46.864 15 34h2.819c0 11.323 9.195 20.503 20.538 20.503v2.814z"/>
<path fill="#1867DE" d="M37.523 49.475c-7.785 0-14.094-6.298-14.094-14.07h2.818c0 6.164 5.034 11.256 11.276 11.256v2.814z"/>
<path fill="#ECF0F4" d="M42.141 27.104a6.5 6.5 0 0 1 1.44-6.536l.067-.066.067-.067 3.215-3.232-2.122-2.174-2.888 2.884c-.133.133-.266.133-.4 0L31.35 7.757c-.133-.132-.133-.265 0-.398L38.396.323c.133-.133.266-.133.399 0L48.967 10.48c.133.133.133.265 0 .398L46.27 13.57l2.117 2.168 4.967-4.993c.265-.199.598-.199.797 0l8.444 8.364c.199.265.199.597 0 .796l-5.152 5.11 2.117 2.168 2.769-2.764c.133-.133.266-.133.399 0L72.9 34.574c.133.132.133.265 0 .398l-7.047 7.036c-.133.133-.266.133-.399 0L55.283 31.852c-.133-.133-.133-.265 0-.398l2.815-2.811-2.122-2.174-3.22 3.193c-1.8 1.749-4.34 2.219-6.567 1.457 1.636 3.28 1.066 7.328-1.743 10.026l-.93.93c-.267.198-.6.198-.799 0l-5.119-5.112-1.33 1.328c.333.863.134 1.792-.531 2.456-.864.929-2.327.929-3.258 0-.93-.863-.93-2.324 0-3.253.665-.664 1.662-.863 2.46-.53l1.33-1.328-5.12-5.111c-.199-.266-.199-.598 0-.797l.931-.93c2.692-2.74 6.766-3.304 10.061-1.694z"/>
</g>
</svg>
<svg height="84" viewBox="0 0 84 84" width="84" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 .776)"><circle cx="32" cy="41" fill="#a3b4cc" r="32"/><path d="m38.357 57.317c-12.887 0-23.357-10.453-23.357-23.317h2.819c0 11.323 9.195 20.503 20.538 20.503z" fill="#1867de"/><path d="m37.523 49.475c-7.785 0-14.094-6.298-14.094-14.07h2.818c0 6.164 5.034 11.256 11.276 11.256z" fill="#1867de"/><path d="m42.141 27.104a6.5 6.5 0 0 1 1.44-6.536l.067-.066.067-.067 3.215-3.232-2.122-2.174-2.888 2.884c-.133.133-.266.133-.4 0l-10.17-10.156c-.133-.132-.133-.265 0-.398l7.046-7.036c.133-.133.266-.133.399 0l10.172 10.157c.133.133.133.265 0 .398l-2.697 2.692 2.117 2.168 4.967-4.993c.265-.199.598-.199.797 0l8.444 8.364c.199.265.199.597 0 .796l-5.152 5.11 2.117 2.168 2.769-2.764c.133-.133.266-.133.399 0l10.172 10.155c.133.132.133.265 0 .398l-7.047 7.036c-.133.133-.266.133-.399 0l-10.171-10.156c-.133-.133-.133-.265 0-.398l2.815-2.811-2.122-2.174-3.22 3.193c-1.8 1.749-4.34 2.219-6.567 1.457 1.636 3.28 1.066 7.328-1.743 10.026l-.93.93c-.267.198-.6.198-.799 0l-5.119-5.112-1.33 1.328c.333.863.134 1.792-.531 2.456-.864.929-2.327.929-3.258 0-.93-.863-.93-2.324 0-3.253.665-.664 1.662-.863 2.46-.53l1.33-1.328-5.12-5.111c-.199-.266-.199-.598 0-.797l.931-.93c2.692-2.74 6.766-3.304 10.061-1.694z" fill="#ecf0f4"/></g></svg>
\ No newline at end of file
images/solutions/devices-mobile.png

219 KB | W: | H:

images/solutions/devices-mobile.png

180 KB | W: | H:

images/solutions/devices-mobile.png
images/solutions/devices-mobile.png
images/solutions/devices-mobile.png
images/solutions/devices-mobile.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<path fill="#000" fill-rule="evenodd" d="M18 2c8.836 0 16 7.344 16 16.405 0 7.246-4.579 13.393-10.933 15.565-.81.16-1.099-.35-1.099-.787 0-.541.019-2.308.019-4.502 0-1.53-.511-2.53-1.085-3.038 3.563-.407 7.306-1.794 7.306-8.095 0-1.791-.621-3.254-1.647-4.403.166-.414.714-2.082-.157-4.342 0 0-1.342-.44-4.396 1.682A15.02 15.02 0 0 0 18 9.933c-1.36.006-2.728.188-4.005.552-3.057-2.123-4.4-1.682-4.4-1.682-.87 2.26-.322 3.928-.156 4.342-1.023 1.149-1.648 2.612-1.648 4.403 0 6.286 3.735 7.693 7.29 8.108-.458.409-.873 1.133-1.017 2.193-.913.42-3.229 1.145-4.656-1.363 0 0-.846-1.576-2.452-1.691 0 0-1.561-.02-.11.997 0 0 1.049.504 1.777 2.4 0 0 .94 2.929 5.39 1.936.007 1.371.022 2.663.022 3.055 0 .433-.293.94-1.093.789C6.585 31.802 2 25.653 2 18.405 2 9.345 9.165 2 18 2zM8.06 25.554c-.035.082-.16.106-.274.05-.116-.053-.181-.165-.144-.246.035-.084.16-.107.276-.052.116.054.182.166.142.248zm.648.741c-.076.073-.225.039-.327-.076-.104-.114-.124-.267-.046-.34.078-.073.223-.04.328.075.104.116.125.268.045.341zm.631.945c-.098.07-.258.004-.357-.142-.098-.145-.098-.32.002-.39s.257-.008.357.137c.098.148.098.324-.002.395zm.864.913c-.087.099-.274.072-.41-.063-.14-.132-.18-.32-.092-.42.089-.099.277-.07.415.064.138.132.18.32.087.419zm1.193.53c-.04.128-.219.187-.4.132-.181-.056-.3-.207-.263-.337.038-.129.218-.19.4-.131.182.056.3.205.263.336zm1.309.098c.005.135-.15.248-.34.25-.19.004-.345-.105-.348-.238 0-.137.15-.248.342-.251.19-.004.346.105.346.24zm1.219-.213c.022.132-.11.268-.299.304-.186.035-.358-.047-.381-.178-.023-.135.111-.27.297-.305.19-.034.358.045.383.18z"/>
</svg>
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><path d="m18 2c8.836 0 16 7.344 16 16.405 0 7.246-4.579 13.393-10.933 15.565-.81.16-1.099-.35-1.099-.787 0-.541.019-2.308.019-4.502 0-1.53-.511-2.53-1.085-3.038 3.563-.407 7.306-1.794 7.306-8.095 0-1.791-.621-3.254-1.647-4.403.166-.414.714-2.082-.157-4.342 0 0-1.342-.44-4.396 1.682a15.02 15.02 0 0 0 -4.008-.552c-1.36.006-2.728.188-4.005.552-3.057-2.123-4.4-1.682-4.4-1.682-.87 2.26-.322 3.928-.156 4.342-1.023 1.149-1.648 2.612-1.648 4.403 0 6.286 3.735 7.693 7.29 8.108-.458.409-.873 1.133-1.017 2.193-.913.42-3.229 1.145-4.656-1.363 0 0-.846-1.576-2.452-1.691 0 0-1.561-.02-.11.997 0 0 1.049.504 1.777 2.4 0 0 .94 2.929 5.39 1.936.007 1.371.022 2.663.022 3.055 0 .433-.293.94-1.093.789-6.357-2.17-10.942-8.319-10.942-15.567 0-9.06 7.165-16.405 16-16.405zm-9.94 23.554c-.035.082-.16.106-.274.05-.116-.053-.181-.165-.144-.246.035-.084.16-.107.276-.052.116.054.182.166.142.248zm.648.741c-.076.073-.225.039-.327-.076-.104-.114-.124-.267-.046-.34s.223-.04.328.075c.104.116.125.268.045.341zm.631.945c-.098.07-.258.004-.357-.142-.098-.145-.098-.32.002-.39s.257-.008.357.137c.098.148.098.324-.002.395zm.864.913c-.087.099-.274.072-.41-.063-.14-.132-.18-.32-.092-.42.089-.099.277-.07.415.064.138.132.18.32.087.419zm1.193.53c-.04.128-.219.187-.4.132-.181-.056-.3-.207-.263-.337.038-.129.218-.19.4-.131.182.056.3.205.263.336zm1.309.098c.005.135-.15.248-.34.25-.19.004-.345-.105-.348-.238 0-.137.15-.248.342-.251.19-.004.346.105.346.24zm1.219-.213c.022.132-.11.268-.299.304-.186.035-.358-.047-.381-.178-.023-.135.111-.27.297-.305.19-.034.358.045.383.18z" fill-rule="evenodd"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<g fill="none" fill-rule="evenodd">
<path fill="#E24329" d="M18.01 33.51l5.887-18.122H12.121z"/>
<path fill="#FC6D26" d="M18.01 33.51L12.12 15.387H3.87z"/>
<path fill="#FCA326" d="M3.87 15.388l-1.79 5.507a1.219 1.219 0 0 0 .443 1.363l15.486 11.251L3.87 15.39z"/>
<path fill="#E24329" d="M3.87 15.388h8.251L8.575 4.474c-.182-.562-.977-.562-1.16 0L3.87 15.388z"/>
<path fill="#FC6D26" d="M18.01 33.51l5.887-18.122h8.252z"/>
<path fill="#FCA326" d="M32.15 15.388l1.788 5.507a1.219 1.219 0 0 1-.442 1.363L18.009 33.509l14.14-18.12z"/>
<path fill="#E24329" d="M32.15 15.388h-8.253l3.547-10.914c.182-.562.977-.562 1.159 0l3.546 10.914z"/>
</g>
</svg>
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m18.01 33.51 5.887-18.122h-11.776z" fill="#e24329"/><path d="m18.01 33.51-5.89-18.123h-8.25z" fill="#fc6d26"/><path d="m3.87 15.388-1.79 5.507a1.219 1.219 0 0 0 .443 1.363l15.486 11.251-14.139-18.119z" fill="#fca326"/><path d="m3.87 15.388h8.251l-3.546-10.914c-.182-.562-.977-.562-1.16 0z" fill="#e24329"/><path d="m18.01 33.51 5.887-18.122h8.252z" fill="#fc6d26"/><path d="m32.15 15.388 1.788 5.507a1.219 1.219 0 0 1 -.442 1.363l-15.487 11.251 14.14-18.12z" fill="#fca326"/><path d="m32.15 15.388h-8.253l3.547-10.914c.182-.562.977-.562 1.159 0l3.546 10.914z" fill="#e24329"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="84" height="84" viewBox="0 0 84 84">
<g fill="none" fill-rule="evenodd" transform="translate(10 10)">
<circle cx="32" cy="32" r="32" fill="#A3B4CC"/>
<path fill="#1867DE" d="M39.703 19.432v8.973c0 .633.37 1.209.946 1.473a1.628 1.628 0 0 0 1.736-.243 3.446 3.446 0 0 1 5.686 2.608 3.446 3.446 0 0 1-5.687 2.608 1.627 1.627 0 0 0-2.681 1.231v8.975h9.007a1.62 1.62 0 1 1 1.21 2.704 3.42 3.42 0 0 0-.883 2.289 3.445 3.445 0 0 0 6.89 0c0-.844-.313-1.657-.883-2.29a1.618 1.618 0 0 1-.275-1.743c.262-.584.843-.96 1.485-.96h9.07v-8.975a1.627 1.627 0 0 1 2.682-1.231 3.446 3.446 0 0 0 5.687-2.608 3.446 3.446 0 0 0-5.686-2.608c-.481.411-1.16.508-1.736.243a1.62 1.62 0 0 1-.947-1.473v-8.973H39.703z"/>
<path fill="#ECF0F4" d="M39.686 44.565h-9.07a1.625 1.625 0 0 1-1.485-.96 1.618 1.618 0 0 1 .275-1.744c.57-.632.883-1.445.883-2.289a3.446 3.446 0 0 0-6.89 0c0 .844.313 1.657.882 2.29a1.62 1.62 0 0 1-1.21 2.703H14V19.43h9.072a1.62 1.62 0 1 0 1.21-2.704 3.42 3.42 0 0 1-.884-2.29 3.445 3.445 0 0 1 6.891 0c0 .845-.313 1.657-.883 2.29a1.618 1.618 0 0 0-.275 1.744c.262.584.842.96 1.484.96h9.071v8.974a1.627 1.627 0 0 0 2.682 1.231 3.446 3.446 0 0 1 5.687 2.608 3.446 3.446 0 0 1-5.687 2.608 1.628 1.628 0 0 0-1.736-.242 1.62 1.62 0 0 0-.946 1.472v8.484z"/>
</g>
</svg>
<svg height="84" viewBox="0 0 84 84" width="84" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><circle cx="32" cy="32" fill="#a3b4cc" r="32"/><path d="m39.703 19.432v8.973c0 .633.37 1.209.946 1.473a1.628 1.628 0 0 0 1.736-.243 3.446 3.446 0 0 1 5.686 2.608 3.446 3.446 0 0 1 -5.687 2.608 1.627 1.627 0 0 0 -2.681 1.231v8.975h9.007a1.62 1.62 0 1 1 1.21 2.704 3.42 3.42 0 0 0 -.883 2.289 3.445 3.445 0 0 0 6.89 0c0-.844-.313-1.657-.883-2.29a1.618 1.618 0 0 1 -.275-1.743c.262-.584.843-.96 1.485-.96h9.07v-8.975a1.627 1.627 0 0 1 2.682-1.231 3.446 3.446 0 0 0 5.687-2.608 3.446 3.446 0 0 0 -5.686-2.608c-.481.411-1.16.508-1.736.243a1.62 1.62 0 0 1 -.947-1.473v-8.973z" fill="#1867de"/><path d="m39.686 44.565h-9.07a1.625 1.625 0 0 1 -1.485-.96 1.618 1.618 0 0 1 .275-1.744c.57-.632.883-1.445.883-2.289a3.446 3.446 0 0 0 -6.89 0c0 .844.313 1.657.882 2.29a1.62 1.62 0 0 1 -1.21 2.703h-9.071v-25.135h9.072a1.62 1.62 0 1 0 1.21-2.704 3.42 3.42 0 0 1 -.884-2.29 3.445 3.445 0 0 1 6.891 0c0 .845-.313 1.657-.883 2.29a1.618 1.618 0 0 0 -.275 1.744c.262.584.842.96 1.484.96h9.071v8.974a1.627 1.627 0 0 0 2.682 1.231 3.446 3.446 0 0 1 5.687 2.608 3.446 3.446 0 0 1 -5.687 2.608 1.628 1.628 0 0 0 -1.736-.242 1.62 1.62 0 0 0 -.946 1.472z" fill="#ecf0f4"/></g></svg>
\ No newline at end of file
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="84" height="84" viewBox="0 0 84 84">
<defs>
<circle id="a" cx="32" cy="32" r="32"/>
<linearGradient id="c" x1="100%" x2="0%" y1="50%" y2="50%">
<stop offset="0%" stop-color="#C2CDDD"/>
<stop offset="100%" stop-color="#E0E7EF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" transform="translate(10 10)">
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<use fill="#A3B4CC" xlink:href="#a"/>
<rect width="70.667" height="42.667" x="-1.333" y="10.667" fill="#ECF0F4" mask="url(#b)" rx="2"/>
<path fill="#DFE6EE" d="M.667 10.667h66.666a2 2 0 0 1 2 2v6H-1.333v-6a2 2 0 0 1 2-2z" mask="url(#b)"/>
<rect width="60" height="42.667" x="8" y="10.667" fill="#ECF0F4" rx="2"/>
<g transform="translate(9 23)">
<path fill="#1867DE" d="M42.737 24s10.737-3.63 10.737-14.22V1.611a36.582 36.582 0 0 0-21.474 0V9.78C32 20.37 42.737 24 42.737 24z"/>
<g fill="#FFF">
<path d="M38.568 5.705v2.567l1.735-.224V5.673c0-.738.61-1.348 1.35-1.348h1.864c.739 0 1.35.61 1.35 1.348v2.375l1.735.224V5.705c0-1.7-1.382-3.08-3.085-3.08h-1.864c-1.704-.032-3.085 1.38-3.085 3.08z"/>
<path fill-rule="nonzero" d="M42.585 8.144h-.161l-4.403.546a1.387 1.387 0 0 0-1.221 1.38v5.358c0 .706.514 1.284 1.221 1.38l4.403.546h.321l4.403-.546a1.387 1.387 0 0 0 1.221-1.38V10.07c0-.706-.514-1.283-1.22-1.38l-4.404-.545h-.16zm.996 3.594a.957.957 0 0 1-.482.834l.29 2.086H41.78l.29-2.086a.957.957 0 0 1-.483-.834 1 1 0 0 1 .997-.995c.546-.032.996.417.996.995z"/>
</g>
<rect width="26.667" height="4" y="5.333" fill="#1867DE" opacity=".529" rx="2"/>
<rect width="16" height="4" y="12" fill="#1867DE" opacity=".529" rx="2"/>
</g>
<path fill="url(#c)" d="M8 10.667h58a2 2 0 0 1 2 2v6H8v-8z"/>
</g>
</svg>
<svg height="84" viewBox="0 0 84 84" width="84" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><circle id="a" cx="32" cy="32" r="32"/><linearGradient id="b" x1="100%" x2="0%" y1="50%" y2="50%"><stop offset="0" stop-color="#c2cddd"/><stop offset="1" stop-color="#e0e7ef"/></linearGradient><mask id="c" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd" transform="translate(10 10)"><use fill="#a3b4cc" xlink:href="#a"/><rect fill="#ecf0f4" height="42.667" mask="url(#c)" rx="2" width="70.667" x="-1.333" y="10.667"/><path d="m.667 10.667h66.666a2 2 0 0 1 2 2v6h-70.666v-6a2 2 0 0 1 2-2z" fill="#dfe6ee" mask="url(#c)"/><rect fill="#ecf0f4" height="42.667" rx="2" width="60" x="8" y="10.667"/><g transform="translate(9 23)"><path d="m42.737 24s10.737-3.63 10.737-14.22v-8.169a36.582 36.582 0 0 0 -21.474 0v8.169c0 10.59 10.737 14.22 10.737 14.22z" fill="#1867de"/><g fill="#fff"><path d="m38.568 5.705v2.567l1.735-.224v-2.375c0-.738.61-1.348 1.35-1.348h1.864c.739 0 1.35.61 1.35 1.348v2.375l1.735.224v-2.567c0-1.7-1.382-3.08-3.085-3.08h-1.864c-1.704-.032-3.085 1.38-3.085 3.08z"/><path d="m42.585 8.144h-.161l-4.403.546a1.387 1.387 0 0 0 -1.221 1.38v5.358c0 .706.514 1.284 1.221 1.38l4.403.546h.321l4.403-.546a1.387 1.387 0 0 0 1.221-1.38v-5.358c0-.706-.514-1.283-1.22-1.38l-4.404-.545h-.16zm.996 3.594a.957.957 0 0 1 -.482.834l.29 2.086h-1.609l.29-2.086a.957.957 0 0 1 -.483-.834 1 1 0 0 1 .997-.995c.546-.032.996.417.996.995z" fill-rule="nonzero"/></g><g fill="#1867de"><rect height="4" opacity=".529" rx="2" width="26.667" y="5.333"/><rect height="4" opacity=".529" rx="2" width="16" y="12"/></g></g><path d="m8 10.667h58a2 2 0 0 1 2 2v6h-60z" fill="url(#b)"/></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<path fill="#FF4A00" fill-rule="nonzero" d="M22 18.007a9.571 9.571 0 0 1-.614 3.378 9.566 9.566 0 0 1-3.38.615h-.013a9.567 9.567 0 0 1-3.378-.614A9.57 9.57 0 0 1 14 18.007v-.014c0-1.189.219-2.327.614-3.377a9.575 9.575 0 0 1 3.38-.616h.013c1.19.001 2.328.22 3.379.616A9.577 9.577 0 0 1 22 17.994v.013zm11.778-2.674h-9.34l6.604-6.604a16.074 16.074 0 0 0-1.729-2.043v-.001a16.085 16.085 0 0 0-2.042-1.727l-6.604 6.604v-9.34A16.099 16.099 0 0 0 18.008 2h-.017c-.89 0-1.78.075-2.658.222v9.34L8.73 4.958a16.075 16.075 0 0 0-2.043 1.728l-.002.002A16.08 16.08 0 0 0 4.958 8.73l6.604 6.604h-9.34S2 17.088 2 17.994v.012c0 .891.075 1.782.222 2.661h9.34l-6.604 6.604a16.091 16.091 0 0 0 3.771 3.771l6.604-6.604v9.34c.878.147 1.766.221 2.656.222h.023c.89 0 1.777-.075 2.655-.222v-9.34l6.604 6.604a16.083 16.083 0 0 0 2.042-1.728h.002a16.095 16.095 0 0 0 1.727-2.043l-6.604-6.604h9.34c.147-.877.221-1.766.222-2.655v-.023c0-.89-.075-1.778-.222-2.655z"/>
</svg>
<svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg"><path d="m22 18.007a9.571 9.571 0 0 1 -.614 3.378 9.566 9.566 0 0 1 -3.38.615h-.013a9.567 9.567 0 0 1 -3.378-.614 9.57 9.57 0 0 1 -.615-3.379v-.014c0-1.189.219-2.327.614-3.377a9.575 9.575 0 0 1 3.38-.616h.013c1.19.001 2.328.22 3.379.616a9.577 9.577 0 0 1 .614 3.378zm11.778-2.674h-9.34l6.604-6.604a16.074 16.074 0 0 0 -1.729-2.043v-.001a16.085 16.085 0 0 0 -2.042-1.727l-6.604 6.604v-9.34a16.099 16.099 0 0 0 -2.659-.222h-.017c-.89 0-1.78.075-2.658.222v9.34l-6.603-6.604a16.075 16.075 0 0 0 -2.043 1.728l-.002.002a16.08 16.08 0 0 0 -1.727 2.042l6.604 6.604h-9.34s-.222 1.754-.222 2.66v.012c0 .891.075 1.782.222 2.661h9.34l-6.604 6.604a16.091 16.091 0 0 0 3.771 3.771l6.604-6.604v9.34c.878.147 1.766.221 2.656.222h.023c.89 0 1.777-.075 2.655-.222v-9.34l6.604 6.604a16.083 16.083 0 0 0 2.042-1.728h.002a16.095 16.095 0 0 0 1.727-2.043l-6.604-6.604h9.34c.147-.877.221-1.766.222-2.655v-.023c0-.89-.075-1.778-.222-2.655z" fill="#ff4a00"/></svg>
\ No newline at end of file