Unverified Commit b6370dec authored by Martin Schoeler's avatar Martin Schoeler Committed by GitHub

Devops solution page v01 (#642)

parent bdbd15e7
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 104
version: 105
# read speed
wpm: 160
......
......@@ -42,7 +42,7 @@ Unidad de Información Y Análisis Financiero,www.uiaf.gov.co/,,Government,COL,T
City of Berlin,www.berlin.de,,Government,DEU,Team Collaboration,L,,community,
Abacus,www.abacus.ch/de/,,Technology,DEU,Team Collaboration,M,,enterprise,
1und1,www.1und1.de,,Technology,DEU,Team Collaboration,S,,community,
Audi,www.audi.com/,,Industrial/Manufacturing,DEU,DevOps,M,audi.svg,enterprise,
Audi,www.audi.com/,,Industrial/Manufacturing,DEU,,M,audi.svg,enterprise,
Daimler,www.daimler.com/en/,x,Industrial/Manufacturing,DEU,DevOps,M,daimler.svg,enterprise,
Karl Meyer AG,www.karl-meyer.de,,Industrial/Manufacturing,DEU,Team Collaboration,L,,community,
Bavarian Ministry of Education,www.isb.bayern.de,,Education,DEU,Team Collaboration,L,,community,
......@@ -77,7 +77,7 @@ Bol,www.bol.com,,Retail,NLD,Team Collaboration,M,,community,
University of Groningen,www.rug.nl/,,Education,NLD,Team Collaboration,L,,community,
Emakina,www.emakina.nl/,,Services,NLD,Team Collaboration,L,,enterprise,
GoMoney,www.anz.co.nz/banking-with-anz/ways-to-bank/gomoney/,,Finance,NZL,Customer Service,S,,community,
Alfa Bank,www.alfabank.ru,,Finance,RUS,DevOps,L,alfa-bank.svg,community,
Alfa Bank,www.alfabank.ru,,Finance,RUS,,L,alfa-bank.svg,community,
TenX,www.tenx.tech,,Non-Profit,SGP,Customer Service,M,,community,
Planview Projectplace,www.projectplace.com/,,Technology,SWE,Customer Service,L,,community,"This is the largest reporting instance, in terms of users"
HTC,www.htc.com,x,Technology,TWN,Team Collaboration,M,htc.svg,enterprise,
......
devops:
hero-title: "Collaboration and integration for continuous delivery."
hero-image: devops-hero.svg
hero-desc: "Increase your productivity of your DevOps Team has the ideal tool for the integration of processes and tools, ensuring continuous delivery and collaboration through all development steps."
logos-category: devops
tools:
- title: "Collaboration"
image: "collaboration.svg"
text: Collaborate with the entire development team
- title: "Flexibilty"
image: "flexibilty.svg"
text: Install locally or in the cloud
- title: "Integrations"
image: "integrations.svg"
text: Integrate with bots and automate tasks
- title: "Connectivity"
image: "connectivity.svg"
text: Connect the platform with your project management, version control, and monitoring systems
- title: "Securty & Privacity"
image: "security.svg"
text: Store your information with security and privacy
- title: "Scalability"
image: "scalability.svg"
text: A scale according to your needs
testimonials:
- name: "Testimonial 1"
role: "Developer at Rocket.Chat"
image: "Testimonial-1.png"
text: “If you think you've found a bug or would like to request a feature for Rocket.Chat, join GitHub and search through the existing issues or create a new one if one doesn't exist.”
- name: "Testimonial 2"
role: "Dude at Rocket.Chat"
image: "Testimonial-2.png"
text: “If you think you've found a bug or would like to request a feature for Rocket.Chat, join GitHub and search through the existing issues or create a new one if one doesn't exist.”
- name: "Testimonial 3"
role: "Worker at Rocket.Chat"
image: "Testimonial-3.png"
text: “If you think you've found a bug or would like to request a feature for Rocket.Chat, join GitHub and search through the existing issues or create a new one if one doesn't exist.”
\ No newline at end of file
......@@ -6,6 +6,7 @@
{% endif %}
{% endfor %}
{% unless include.client-type %}
<div class="slider fade">
<div class="slider__logo-container">
{% for client in clientsHome limit: 4 %}
......@@ -55,4 +56,17 @@
</div>
</div>
{% endunless %}
{% if include.client-type %}
<div class="slider fixed">
<div class="slider__logo-container">
{% for client in site.data.client-info%}
{% if client.solution == include.client-type %}
<img src="/images/client-logos/{{client.logo}}" alt="{{client.name}}" />
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
<section class="container hero">
<div class="hero__text">
<h1 class="display--big theme_type--dark">{{include.solution.hero-title}}</h1>
<p class="display--small theme_type--grey">{{include.solution.hero-desc}}</p>
<a class="button" data-featherlight="#solution-form" href="#">Contact Us</a>
</div>
<img class="hero__image" alt="devops" src="/images/solutions/{{include.solution.hero-image}}">
</section>
<section class="features">
<div class="container">
<div class="features__title">
<p class="label theme_type--light">Tailored to your Developer Team </p>
<h2 class="display">All your tools at the center of the conversation</h2>
<p class="theme_type--light display--small">The open nature of our platform guarantees the possibility of new and powerful integrations, regardless of your choice of vendors.</p>
</div>
<div class="features__icons">
{% for feature in include.solution.tools %}
<div class="feature">
<img class="feature__image" alt="{{feature.title}}" src="/images/solutions/{{feature.image}}">
<h3 class="feature__title">{{feature.title}}</h3>
<p class="feature__text">{{feature.text}}</p>
</div>
{% endfor %}
</div>
<div class="features__integrations">
<img class="integrations__image" alt="integrations" src="/images/solutions/easy-integrations.png">
<div class="integrations__content">
<h3 class="title">Easy Integrations</h3>
<p class="desc">Improve developer process. Rocket.Chat moves between your team and apps automatically, so you can focus on your most important work.</p>
<p class="text">Many integrations avaliable and counting...</p>
<div class="icons">
<a href="https://rocket.chat/docs/administrator-guides/integrations/github/" rel="noopener noreferrer">
<img alt="github integration" src="/images/solutions/github.svg">
</a>
<a href="https://rocket.chat/atlassian" rel="noopener noreferrer">
<img alt="atlassian integration" src="/images/solutions/atlassian.svg">
</a>
<a href="https://rocket.chat/docs/administrator-guides/integrations/zapier/using-zaps/" rel="noopener noreferrer">
<img alt="zapier integration" src="/images/solutions/zapier.svg">
</a>
<a href="https://rocket.chat/docs/administrator-guides/integrations/gitlab/" rel="noopener noreferrer">
<img alt="gitlab integration" src="/images/solutions/gitlab.svg">
</a>
<a href="https://rocket.chat/docs/installation/paas-deployments/aws/" rel="noopener noreferrer">
<img alt="aws integration" src="/images/solutions/aws.svg">
</a>
</div>
<p class="text">Moving from Atlassian? <a class="button--link" href="https://rocket.chat/atlassian" rel="noopener noreferrer">Learn more</a></p>
<div class="atlassian-logos">
<img src="/images/atlassian/jira.svg">
<img src="/images/atlassian/confluence.svg">
<img src="/images/atlassian/bitbucket.svg">
<img src="/images/atlassian/trello.svg">
</div>
</div>
</div>
</div>
</section>
<div id="solution-form">
<h3 class="display--small theme_type--dark"><bold>Contact Us</bold></h3>
<div class="space--2"></div>
<form class="form-validate" data-validate>
<fieldset>
<label class="label--small theme_type--grey" for="firstName">Full Name</label>
<input required minlength="3" maxlength="100" class="input input--dark input--icon-user" type="text" id="fullName" name="fullName" placeholder="Type your full name" />
</fieldset>
<fieldset>
<label class="label--small theme_type--grey" for="email">Email Address</label>
<input required minlength="3" maxlength="100" class="input input--dark input--icon-email" type="email" id="email" name="email" placeholder="Type your email address" />
</fieldset>
<fieldset>
<label class="label--small theme_type--grey" for="company">Company</label>
<input minlength="3" maxlength="100" class="input input--dark" type="text" id="company" name="company" placeholder="Type your company" />
</fieldset>
<fieldset>
<label class="label--small theme_type--grey" for="companySize">Company Size</label>
<select required id="companySize" name="companySize" class="select select--theme-dark">
<option selected disabled value="">Select</option>
<option value="50">Less than 50</option>
<option value="100">Up to 100</option>
<option value="up to 500">Up to 500</option>
<option value="up to 1000">Up to 1000</option>
<option value="more than 1000">More than 1000</option>
</select>
</fieldset>
<fieldset>
<label class="label--small theme_type--grey" for="inquiry">What is your inquiry about?</label>
<select required id="companySize" name="inquiry" class="select select--theme-dark">
<option selected disabled value="">Select</option>
<option value="learn more">Learn More</option>
<option value="service manage">Service Manager</option>
<option value="help desk">Help Desk</option>
<option value="process automation">Process Automation</option>
<option value="chatbots">Chatbots</option>
<option value="monitoring">Monitoring</option>
<option value="external communication">External Communication</option>
<option value="internal communication">Internal Communication</option>
</select>
</fieldset>
<fieldset>
<label class="label--small theme_type--grey" for="message">Message</label>
<textarea required rows="7" class="input input--dark" name="message" id="message" placeholder="Type your message"></textarea>
</fieldset>
<fieldset disabled style="display: none">
<label class="label--small theme_type--grey" for="recipient">Department</label>
<div class="select select--theme-dark">
<select name="recipient" id="recipient">
<option value="sales">Sales</option>
</select>
</div>
</fieldset>
<div class="space--2"></div>
<button type="submit" class="button">Send message</button>
<div class="space--4"></div>
</form>
</div>
\ No newline at end of file
......@@ -12,7 +12,7 @@
<link rel="shortcut icon" href="/favicon.ico?v=1"/>
<link rel="stylesheet" href="/styles.css?v={{ site.version }}">
{% if page.class == "index" or page.categories contains "Webinars" %}
{% if page.class == "index" or page.categories contains "Webinars" or page.class == "solutions-page" %}
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" />
{% endif %}
......@@ -45,7 +45,7 @@
<script src="/main.js"></script>
<script src="/redirect.js"></script>
{% if page.class == "index" or page.categories contains "Webinars" %}
{% if page.class == "index" or page.categories contains "Webinars" or page.class == "solutions-page" %}
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" async type="text/javascript" charset="utf-8"></script>
{% endif %}
......
......@@ -582,6 +582,10 @@ body.index .featherlight .featherlight-content {
width: 100%;
left: 0;
}
&.fixed {
opacity: 1;
}
}
.slider__logo-container {
......
body.solutions-page {
.hero {
display: flex;
text-align: left;
padding-top: 90px;
height: 607px;
&__image {
height: 70%;
flex-shrink: 0;
margin-left: 48px;
}
&__text {
display: flex;
flex-direction: column;
max-width: 635px;
.button {
width: 159px;
}
}
}
.features {
background-color: #fff;
padding: 80px 0 172px;
margin-bottom: 80px;
&__title {
text-align: center;
width: 736px;
margin: auto;
}
&__icons {
margin-top: 70px;
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(3, auto);
grid-gap: 32px;
.feature {
max-width: 256px;
display: flex;
flex-direction: column;
text-align: center;
justify-self: center;
&__image {
width: 64px;
height: 64px;
margin: 0 auto;
margin-bottom: 14px;
}
&__title {
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
color: $space-b
}
}
}
&__integrations {
margin-top: 200px;
display: flex;
.integrations {
&__image {
margin-right: 40px;
}
&__content {
.title {
font-weight: bold;
font-size: 32px;
margin-bottom: 16px;
color: $space-b;
}
.desc {
margin-bottom: 32px;
font-weight: 500;
}
.text {
margin-bottom: 16px;
font-weight: bold;
color: $grey;
}
.icons {
display: flex;
margin-bottom: 52px;
a {
&:not(:last-child) {
margin-right: 24px;
}
img {
height: 32px;
}
}
}
.atlassian-logos {
display: flex;
img {
height: 16px;
&:not(:last-child) {
margin-right: 16px;
}
}
}
}
}
}
}
.testimonials {
padding: 160px 0 172px;
&__title {
text-align: center;
width: 736px;
margin: auto;
}
&__cards {
// Hiding while we wait for the testimonials
display: none !important;
margin-top: 61px;
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 32px;
.testimonial {
i {
color: #fff;
}
}
.writer {
display: flex;
margin-top: 32px;
&__image {
flex-shrink: 0;
margin-right: 16px;
height: 44px;
width: 44px;
}
&__info {
.name {
font-weight: 500;
}
.name,.role {
margin: 0;
}
}
}
}
}
.solutions-box {
display: flex;
overflow: hidden;
margin-top: 200px;
padding: 24px 80px;
align-items: center;
justify-content: space-between;
&__content {
width: 45%;
h3 {
font-weight: bold;
font-size: 32px;
color: #fff;
margin-bottom: 24px;
}
.button--ghost {
background: #fff;
color: $brand;
padding: 18px 24px;
}
}
&__image {
margin-right: -80px;
img {
height: 384px;
width: auto;
max-width: unset;
}
}
}
.featherlight:last-of-type {
background: rgba(3,12,26,.8);
}
.featherlight-content {
background-color: $space;
#solution-form {
display: block;
margin: 64px 96px;
}
#solution-form__after-box {
display: block;
margin: 10px 30px;
h3 {
font-weight: bold;
font-size: 32px;
color: #fff;
margin-bottom: 24px;
}
}
.featherlight-close-icon {
background: none;
color: #fff;
font-size: 36px;
height: 40px;
width: 40px;
}
}
#solution-form__after-box {
display: none;
}
#solution-form {
display: none;
#companySize, #inquiry {
width: 100%;
height: 44px;
color: #fff;
padding-left: 10px;
}
}
.card.theme_box--light-strong.clients {
margin-top: 80px;
}
.slider__logo-container {
height: 46px;
img {
opacity: 0.7;
}
}
}
---
layout: en/default
class: solutions-page
title: "DevOps"
description: |
devops
permalink: /devops
theme: dark
redirect_from:
- /atlassian/
---
{% assign solution = site.data.solutions-data["devops"] %}
{% include solutions-top.html solution=solution %}
<section class="testimonials">
<div class="container">
<div class="testimonials__title">
<h2 class="display theme_type--dark">You’re in good company</h2>
<p class="theme_type--grey display--small">Some text on how important the technology partners are to Rocket.Chat and the open-source community.</p>
</div>
<div class="testimonials__cards">
{% for testimonial in solution.testimonials %}
<div class="card theme_box--dark">
<p class="theme-type--dark testimonial"><i>{{testimonial.text}}</i></p>
<div class="writer">
<img class="writer__image" src="/images/solutions/devops/{{testimonial.image}}">
<div class="writer__info">
<p class="name theme_type--dark">{{testimonial.name}}</p>
<p class="role">{{testimonial.role}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<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" %}
</div>
<div class="card theme_box--brand card--shadow solutions-box">
<div class="solutions-box__content">
<h3 class="display theme_type--dark">Increase your developer process with Rocket.Chat</h3>
<p class="theme_type--dark">Besides chat and many integrations, you can still count with: audit trail, unlimited history, scalability and more special features.</p>
<a href="#" class="button--ghost" data-featherlight="#solution-form">Contact Us</a>
</div>
<span class="solutions-box__image"><img src="/images/solutions/devices.png" alt="screens" />
</div>
</div>
</section>
<div id="solution-form__after-box">
<h3>You’ll be in great company! </h3>
<p>We are trusted over thousand companies across 150 countries <br><br> We’ll contact you soon!</p>
</div>
<script src="/solutionsForm.js"></script>
\ No newline at end of file
<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 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 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 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"/>