* create career pages

* Redirect /careers/internships/

* Add static hero backgrounds for reduced motion

* adding MRG section

* improving accessibility

* placed blog section in an includes

* Code testimonial grid section

- Still pretty _raw_ in a few places, but should be working for v1
- will need new images once they are delivered

* PR revisions

* Add unicode for elipsis

* Add testimonial grid images

* rename iamge class names

* Misc. tweaks and tidying

* Containers and spacing
* Remove team images
* Footer social icons
* Crop footer image and remove negative margin
* Hide full testimonials for JS
* Restore listings and positions

* Review fixes, restoring some more from job pages

* Add coworking space to location, optimize images

* Rebased and fixed teams button

* PR revisions

* after-rebase fixes

* updated teams and diversity pages

Co-authored-by: Craig Cook <craigcook@users.noreply.github.com>
Co-authored-by: Nathan Barrett <30009669+nathan-barrett@users.noreply.github.com>
This commit is contained in:
Reem H 2022-12-14 11:50:57 -05:00 коммит произвёл GitHub
Родитель 8599263b4e
Коммит 3ed13e3fb8
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
179 изменённых файлов: 4263 добавлений и 993 удалений

Просмотреть файл

@ -1,3 +1,2 @@
media/js/libs/**/*.js
media/js/ie/libs/**/*.js
media/js/careers/libs/*.js

Просмотреть файл

@ -14,9 +14,6 @@ venv
media/js/libs/**/
media/js/ie/libs/**/
# Ignore pre-built careers JS files for now
media/js/careers/libs/*
# Ignore file types:
# https://github.com/prettier/prettier/issues/6356 blocks formating scss/css.
*.html

Просмотреть файл

@ -6,48 +6,74 @@
{% extends "base-protocol-mozilla.html" %}
{% from "macros.html" import sub_nav with context %}
{% from "macros-protocol.html" import split, picto with context %}
{% block page_title %}Mozilla Careers — Feel good about your work again{% endblock %}
{% block page_title_suffix %}{% endblock %}
{% block page_image %}{{ static('img/careers/moz-m.png') }}{% endblock %}
{% block site_css %}
{% block page_css %}
{{ css_bundle('careers') }}
{% endblock %}
{% block site_js %}
<!--[if !IE]><!-->
{{ js_bundle('lib') }}
<script src="{{ static('js/careers/libs/protocol-base.min.js') }}"></script>
<script src="{{ static('js/careers/libs/protocol-utils.min.js') }}"></script>
<script src="{{ static('js/careers/libs/protocol-supports.min.js') }}"></script>
{{ js_bundle('fxa') }}
{{ js_bundle('data') }}
<!--<![endif]-->
{{ css_bundle('protocol-split')}}
{{ css_bundle('protocol-picto')}}
{{ css_bundle('protocol-card') }}
{{ css_bundle('protocol-article') }}
{% endblock %}
{% block extrahead %}
<link rel="alternate" type="application/rss+xml" href="{{ url('careers.feed') }}" title="Current Mozilla job openings" />
{% endblock %}
{% block site_header %}
{% include "careers/includes/header.html" %}
{% block sub_navigation %}
{{ sub_nav(
title={
'text': "Mozilla Careers"
},
links=[
{
'text': "Overview",
'href': url('careers.home'),
'cta_name': "Careers overview"
},
{
'text': "Diversity and Inclusion",
'href': url('careers.diversity'),
'cta_name': "Mozilla Diversity and inclusion"
},
{
'text': "Benefits",
'href': url('careers.benefits'),
'cta_name': "Mozilla benefits"
},
{
'text': "Teams",
'href': url('careers.teams'),
'cta_name': "Mozilla teams"
},
{
'text': "Locations",
'href': url('careers.locations'),
'cta_name': "Mozilla office locations"
},
{
'text': "Job Listings",
'href': url('careers.listings'),
'cta_name': "Mozilla job listings"
},]
) }}
{% endblock %}
{% block content %}
<div id="wrapper" class="mzp-l-content mzp-t-mozilla">
<main role="main">
<div id="wrapper" class="mzp-t-mozilla">
<main role="main" class="c-careers">
{% block careers_content %}{% endblock %}
</main>
</div>
{% endblock %}
{% block site_footer %}
{% include "careers/includes/footer.html" %}
{% endblock %}
{% block careers_bottom %}
{% include "careers/includes/footer.html" %}
{% endblock %}
{% block js %}
<script src="{{ static('js/careers/libs/protocol-navigation.min.js') }}"></script>
<script src="{{ static('js/careers/libs/protocol-menu.min.js') }}"></script>
{{ js_bundle('careers-base') }}
{% endblock %}

Просмотреть файл

@ -6,32 +6,157 @@
{% extends "careers/base.html" %}
{% block page_title %}Mozilla Careers — Feel good about your work again.{% endblock %}
{% block page_desc %}At Mozilla, you can pursue your future while working to protect the future of the internet for everyone, everywhere.{% endblock %}
{% block body_class %}benefits-page{% endblock %}
{% block careers_content %}
<section class="mzp-c-hero mzp-t-dark page-hero"></section>
<header class="c-careers-text-hero">
<div class="mzp-l-content mzp-t-content-md c-text-hero-wrapper">
<h1 class="c-text-hero-title">Benefits for real life</h1>
<section class="mzp-l-content">
<h2>Benefits</h2>
<p>
To ensure our employees and their families feel safe, cared for, and supported, we offer world-class benefits, including:
</p>
<ul class="mzp-u-list-styled">
<li>Flexible work environment (nearly half of Mozillians work remotely)</li>
<li>Industry-leading paid parental leave (up to 26 weeks of fully paid leave for childbearing parents and up to 12 weeks for non-childbearing parents)</li>
<li>Generous medical, dental and vision coverage for you and your family (including no payroll deductions in most countries)</li>
<li>Reimbursement for professional development (up to $3,000 USD/year)</li>
<li>A work setup including the latest hardware and software of your choice</li>
<li>Wellness programs—we reimburse up to $1700 USD/year for a variety of expenses like child and elder care, mental wellness, and personal enrichment</li>
</ul>
</section>
<div class="c-text-hero-body">
<p>Were proud to offer our employees these outstanding benefits, which
set us apart from other companies in our industry.</p>
<div class="mzp-l-content">
<div class="centered">
<a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
</div>
</div>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.listings') }}" class="mzp-c-button mzp-t-dark" data-cta-type="button" data-cta-name="careers listings">See our open roles</a>
</p>
</div>
</div>
</header>
<section class="c-careers-benefits-intro c-careers-section">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
What we offer
</h2>
<p>Our benefits package is world class. By offering a comprehensive,
industry-leading health and wellbeing program to our employees and their
families, we believe its easier for everyone to focus on the work were
here to do together. Heres a sample of whats included in our benefits
package. One thing to note: Global benefits vary by location, and a
recruiter can answer specific questions about your locale.</p>
</div>
<ul class="mzp-l-columns mzp-t-columns-two">
{% call picto(
base_el='li',
title='Health and wellness',
image_url='img/careers/icons/mozilla-theme/careers-items.svg',
body=True,
) %}
<p>
Our health plans give you the options you need to manage your health
the way you want, no matter where youre located. For our U.S. and
Canadian employees, we cover the premiums for our generous medical,
dental and vision plans at 100% Enrollment is also open to your
eligible spouse or domestic partner and dependents under the age of 26.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Mental wellness',
image_url='img/careers/icons/mozilla-theme/careers-watering.svg',
body=True,
) %}
<p>
Mental health is as important as physical health. We offer our
employees access to a variety of resources — therapy, coaching,
assessments and more — so they can select the care that works for
them in the areas theyd like to focus on.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Time away',
image_url='img/careers/icons/mozilla-theme/careers-camp.svg',
body=True,
) %}
<p>
With all of lifes demands, time away from work to disconnect and
recharge is essential. In addition to country-specific holidays (12
in the U.S. and Canada), vacation and sick time start accruing right
away (specifics vary by country). Everyone also takes a pause together
on quarterly all-company wellness days, plus you get to celebrate
the most personal holiday of all: your birthday.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Parental leave',
image_url='img/careers/icons/mozilla-theme/careers-dino-egg.svg',
body=True,
) %}
<p>
While Mozillas parental leave policies vary globally, our U.S. and
Canadian-based employees can look forward to 26 weeks of paid leave
for childbearing parents and 12 weeks of paid leave for non-childbearing
parents.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Financial',
image_url='img/careers/icons/mozilla-theme/careers-charts.svg',
body=True,
) %}
<p>
Mozilla is a private company, so our compensation isnt tied to stock
options or equity plans. Instead, we offer generous, performance-based
bonus plans to all regular employees to underscore that we share in
our success as one team. As for retirement savings for U.S. and
Canadian employees, Mozilla contributes a percentage of your eligible
base salary each year to the 401(k) Plan/RRSP, with 100% vesting.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Learning and development',
image_url='img/careers/icons/mozilla-theme/careers-chat.svg',
body=True,
) %}
<p>
Were big believers in learning by doing, and we also want to invest
in your education and development beyond your role. Every employee
is eligible for an annual professional development budget. Mozillians
can put it toward technical or management training, certifications,
conferences and more.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Help when you need it',
image_url='img/careers/icons/mozilla-theme/careers-dino-help.svg',
body=True,
) %}
<p>
Life is full of surprises; thats why its important to be
prepared. Mozilla provides Life/AD&D and Short and Long Term
Disability insurance (offerings may vary by locale) to ensure that you and your family will have
a safety net in place should you ever need it.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Plus a bit more',
image_url='img/careers/icons/mozilla-theme/careers-more.svg',
body=True,
) %}
<p>
A few other benefits include a quarterly wellbeing stipend (to use
on those things just for you), an employee referral bonus, internet
reimbursement if youre remote, and a budget for office essentials
to make working remotely ergonomically comfortable.
</p>
{% endcall %}
</ul>
</div>
</section>
{% endblock %}

Просмотреть файл

@ -0,0 +1,284 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
{% extends "careers/base.html" %}
{% block careers_content %}
<header class="c-careers-video-hero t-hero-diversity">
<div class="c-video-wrapper">
<div class="overlay"></div>
<video class="c-background-video" autoplay loop muted>
<source src="https://assets.mozilla.net/video/careers/careers-diversity-page-video.mp4" type="video/mp4">
</video>
{% call split(
media_class='mzp-l-split-h-center',
media_include='careers/includes/diversity-video.html',
media_after=False
) %}
<h1>Inclusion, diversity, equity, and accountability</h1>
<p><a href="{{ url('mozorg.diversity.2021.index') }}" class="mzp-c-button">View our 2021 D&I Report</a></p>
{% endcall %}
</div>
</header>
<section class="c-careers-intro">
<div class="mzp-l-content mzp-t-content-md">
<h2 class="c-careers-section-title">
Belong where you work
</h2>
<p>
Were an organization with employees, volunteers and community members
spanning the globe, and we want to ensure that who we are, what we build
and how we choose to engage the world around us reflects our commitment
to diversity, equity and inclusion. And we want everyone to feel empowered
to join our movement.
</p>
</div>
</section>
<section class="c-careers-diversity-numbers c-careers-section">
<div class="mzp-l-content mzp-t-content-xl">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
By the numbers
</h2>
<p>Were invested in making progress in inclusion, diversity, equity, and
accountability at Mozilla — and were committed to the hard work needed
to take us further.</p>
</div>
<ul class="mzp-l-columns mzp-t-columns-three">
{% call picto(
base_el='li',
title='37%',
body=True,
) %}
<p>
By the end of 2021, women made up more than a third of our workforce.
We also saw a 4.2% increase of women in technical roles from 2020 to 2021.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='7.8%',
body=True,
) %}
<p>
From 2020 to 2021, the percentage of Black/African-American Mozillians
increased from 4.8% to 7.8%. Black/African-Americans in technical roles
increased from 3.1% to 5.8%
</p>
{% endcall %}
{% call picto(
base_el='li',
title='37%',
body=True,
) %}
<p>
37% of Mozillians live outside of the U.S. Were proud to be a truly
global company, and that our products and culture reflect perspectives
from around the world.
</p>
{% endcall %}
</ul>
</div>
</section>
<section class="c-careers-diversity-mrg c-careers-section">
<div class="mzp-l-content mzp-t-content-xl">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Mozilla Resource Groups
</h2>
<p>
Mozilla Resource Groups (MRGs) are internal employee networks where we find connection and community across different experiences and backgrounds. These groups have formed organically over the years through employee interest, and nearly one-third of all Mozilla employees belong to at least one MRG.
</p>
</div>
{% call split(
block_class=' mzp-l-split-body-wide',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/mrg-afrozilla.jpg',
media_after=False
) %}
<h3>Afrozilla</h3>
<blockquote>
<p class="c-careers-diversity-quote">
Being a part of this group has challenged me to not just carry things on my own or pretend they dont exist, and to show up more fully as an advocate myself.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-afrozilla-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-afrozilla-tina.png') }}" alt="Tina from Mozilla's Afrozilla MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Tina R.</cite>
<p>Lifecycle Marketing Manager</p>
<p><a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/afrozillians-a-resource-group-for-black-mozillians-and-allies/">Read Tina's interview</a></p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class=' mzp-l-split-body-wide mzp-l-split-reversed',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/mrg-disability-at-mozilla.jpg',
media_after=False
) %}
<h3>Disability@</h3>
<blockquote>
<p class="c-careers-diversity-quote">
One value we included in our charter is that ableism is unacceptable and will not be tolerated. But its immediately followed by another value: We make space for growth, and we expect to make, and learn from, mistakes.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-disability-at-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-disability-kim.png') }}" alt="Kim from Mozilla's Disability@ MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Kim B.</cite>
<p>Head of Operations for Rally</p>
<p><a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/resource-group-for-mozillians-with-disabilities/">Read Kim's interview</a></p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class=' mzp-l-split-body-wide',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/mrg-latin-pride.jpg',
media_after=False
) %}
<h3>Latin Pride</h3>
<blockquote>
<p class="c-careers-diversity-quote">
The more Latinx people we hire, the stronger and more dynamic Latin Pride will be. I want our members to use their voices not just within our group, but throughout all of Mozilla.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-latin-pride-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-latinpride-solana.png') }}" alt="Solana from Mozilla's Latin Pride MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Solana L.</cite>
<p>Editor, Internet Health Report</p>
<p><a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/latin-pride-a-resource-group-for-latinx-mozillians-and-allies/">Read Solana's interview</a></p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class=' mzp-l-split-body-wide mzp-l-split-reversed',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/mrg-moz-api.jpg',
media_after=False
) %}
<h3>MozAPI</h3>
<blockquote>
<p class="c-careers-diversity-quote">
Our discussions have been so powerful. Theres often a tension, especially in East Asian cultures with roots in Confucianism, between speaking up and keeping a sort of stiff upper lip. So its good to have a forum where we can say — and our allies can hear — the things were usually quiet about.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-moz-api-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-mozapi-julie.png') }}" alt="Julie from Mozilla's MozAPI MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Julie H.</cite>
<p>Senior Manager, Data Science, Business & Metrics</p>
<p><a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/mozilla-api-resource-group/">Read Julie's interview</a></p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class=' mzp-l-split-body-wide',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/pridezilla.jpg',
media_after=False
) %}
<h3>Pridezilla</h3>
<blockquote>
<p class="c-careers-diversity-quote">
Pridezilla is important not only for Mozillians who are LGBTQ, but for all of us to better understand our colleagues from different walks of life. Were a resource for anyone who wants to learn.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-pridezilla-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-pridezilla-damiano.png') }}" alt="Damiano from Mozilla's Pridezilla MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Damiano D.</cite>
<p>Senior Communications Manager</p>
<p>
<a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/pridezilla-a-resource-group-for-lgbtqia-mozillians-and-allies/">Read Damiano's interview</a>
</p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class=' mzp-l-split-body-wide mzp-l-split-reversed',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/womoz.jpg',
media_after=False
) %}
<h3>WoMoz</h3>
<blockquote>
<p class="c-careers-diversity-quote">
Ive also enjoyed being able to connect with other women at the company. Mozilla is so distributed — and I live in a very remote part of Canada and dont have many opportunities to see people in person — so I especially appreciate having a place where I can chat with people who might have some similar experiences to me, and who I can learn from.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-womoz-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-womoz-elgin.png') }}" alt="Elgin from Mozilla's WoMoz MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Elgin-Skye M.</cite>
<p>Hubs Senior Product Manager</p>
<p>
<a target="_blank" rel="external noopener" href="https://blog.mozilla.org/careers/women-of-mozilla-resource-group/">Read Elgin-Skye's interview</a>
</p>
</div>
</div>
</blockquote>
{% endcall %}
{% call split(
block_class='mzp-l-split-body-wide',
media_class='mzp-l-split-h-center',
image_url='img/careers/mozilla-resource-groups/mrg-yallazilla.jpg',
media_after=False
) %}
<h3>Yallazilla</h3>
<blockquote>
<p class="c-careers-diversity-quote">
I was so happy when I learned about Yallazilla. It offers a space to connect with people from different countries and cultures and to discuss topics that affect folks from the SWANA/MENA region. I hope we are able to advocate for our people in what Mozilla does in their efforts for a more joyful internet.
</p>
<div class="c-diversity-citation">
<div class="c-diversity-citation-image c-yallazilla-image">
<img src="{{ static('img/careers/mozilla-resource-groups/mrg-yallazilla-frida.png') }}" alt="Frida from Mozilla's Yallazilla MRG">
</div>
<div class="c-diversity-citation-author">
<cite>Frida K.</cite>
<p>Senior Security Engineer, Risk Management</p>
</div>
</div>
</blockquote>
{% endcall %}
</div>
</section>
<!-- blog content -->
{% include "careers/includes/blogposts.html" %}
{% endblock %}
{% block js %}
{{ js_bundle('careers-hero-video') }}
{% endblock %}

Просмотреть файл

@ -10,368 +10,342 @@
{% block page_desc %}At Mozilla, you can pursue your future while working to protect the future of the internet for everyone, everywhere.{% endblock %}
{% block careers_content %}
<section class="mzp-c-hero mzp-t-dark page-hero">
<div class="mzp-l-content">
<div class="mzp-c-hero-body">
<h1 class="mzp-c-hero-title">Feel good about your work again</h1>
<header class="c-careers-video-hero t-hero-home">
<div class="c-video-wrapper">
<div class="overlay"></div>
<video class="c-background-video" autoplay loop muted>
<source src="https://assets.mozilla.net/video/careers/careers-homepage-optimized1.mp4" type="video/mp4">
</video>
{% call split(
block_class='mzp-l-split-center-on-sm-md',
media_class='mzp-l-split-h-center',
media_include='careers/includes/big-picture-video.html',
media_after=True
) %}
<h1>Feel good about your work</h1>
<p><a href="{{ url('careers.listings') }}" class="mzp-c-button">Find your next role at Mozilla</a></p>
{% endcall %}
</div>
</header>
<section class="c-careers-intro">
<div class="mzp-l-content mzp-t-content-md">
<h2 class="c-careers-section-title">
Here's your chance to make a difference
</h2>
<p>
At Mozilla, we have big ambitions for the next decade to build impactful
products that are <em>different</em> — that are built with more respect for the
people using them, that are operated with a different business model,
and that help us explore new forms of openness. Its going to take hard
work that Mozilla is uniquely suited to take on. Its why were here.
Its who we are. And its our future.
</p>
<p>
Bring your drive, your creativity, your big ideas and your new
perspectives to make the difference were aiming for.
</p>
</div>
</section>
<section class="c-careers-values c-careers-section">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Our operating values bring us together as one team
</h2>
<div class="mzp-c-hero-desc">
<p>
Pursue your future while working to protect the future of the internet for everyone, everywhere.
How we work together is as important as what we make together. In 2022,
we finalized a yearlong effort to codify what helps our team be its best,
and we love where we landed. Our shared operating values drive confident
decision-making, boost healthy collaborations and just plain make it
easier to get stuff done.
</p>
</div>
</div>
</div>
</section>
<div class="mzp-l-content apply-now-wrapper">
<div class="centered">
<a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
</div>
</div>
<div class="mzp-l-card-hero">
<section class="mzp-c-card mzp-c-card-large mzp-has-aspect-16-9 mzp-has-video has-video-embed">
<div class="mzp-c-card-media-wrapper iframe-video-wrapper">
<iframe src="https://www.youtube-nocookie.com/embed/_EeFDE5WW0I?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="mzp-c-card-content">
<div class="mzp-c-card-tag">Video</div>
<h2 class="mzp-c-card-title">Because sometimes we zoom</h2>
<div class="mzp-c-card-desc">
Since March of 2020, like so many of our peers, we closed our offices and asked just over ½ of our employees, for their safety, to head home to work (the other ½ was already there). And we are all <a href="https://blog.mozilla.org/careers/working-from-home-at-mozilla/" class="mzp-c-cta-link">doing the best we can</a>.
</div>
</div>
</section>
<section class="mzp-c-card mzp-c-card-small">
<div class="mzp-c-card-content">
<ol class="survey-wrapper">
<li>
<h4>Engagement</h4>
I am proud to work for Mozilla:
<div class="survey-graph">
<div class="survey-favorable" style="width: 82%;"><span class="survey-graph-text">82%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 14%;"><span class="survey-graph-text">14%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
</div>
</li>
<li>
<h4>Innovation</h4>
Within my organization, I feel psychologically safe:
<div class="survey-graph">
<div class="survey-favorable" style="width: 74%;"><span class="survey-graph-text">74%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden">13% unfavorable</span></span></div>
</div>
</li>
<li>
<h4>Diversity & Inclusion</h4>
My manager provides opportunity for diverse viewpoints to be heard:
<div class="survey-graph">
<div class="survey-favorable" style="width: 83%;"><span class="survey-graph-text">83%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
</div>
</li>
</ol>
<dl class="survey-legend-wrapper">
<div>
<dt>Favorable</dt>
<dd><div class="survey-legend survey-favorable"></div></dd>
</div>
<div>
<dt>Neutral</dt>
<dd><div class="survey-legend survey-neutral"></div></dd>
</div>
<div>
<dt>Unfavorable</dt>
<dd><div class="survey-legend survey-unfavorable"></div></dd>
</div>
</dl>
<h2 class="mzp-c-card-title">Our culture ensures our future</h2>
<div class="mzp-c-card-desc">
Our September 2020 employee survey confirms respect for one another and an emphasis on learning and innovation are what will ensure our future.
</div>
</div>
</section>
</div>
<br />
<section class="mzp-l-card-half">
<div class="mzp-c-card mzp-c-card-medium">
<div class="mzp-c-card-media-wrapper iframe-video-wrapper mzp-has-aspect-16-9 mzp-has-video has-video-embed">
<iframe src="https://www.youtube-nocookie.com/embed/VkK6rDcEEhU?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="mzp-c-card mzp-c-card-medium">
<div class="mzp-c-card-content">
<h2 class="mzp-c-card-title">Diversity and Inclusion at Mozilla</h2>
<div class="mzp-c-card-desc">
Weve made some progress that were proud of, and we have a lot more work to do.
</div>
<a href="{{ url('mozorg.diversity.2021.index') }}" class="mzp-c-cta-link">Learn more</a>
</div>
</div>
</section>
<div class="mzp-c-billboard mzp-l-billboard-right improving-lives-billboard">
<div class="mzp-c-billboard-image-container">
<img class="mzp-c-billboard-image" src="{{ static('img/careers/improving-lives-not-profits.png') }}" srcset="{{ static('img/careers/improving-lives-not-profits-high-res.png') }} 1.5x" alt="Illustration signifying balance between work and personal life" height="381" width="286" />
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">Improving lives, not profits</h2>
<p class="mzp-c-billboard-desc">
Our mission is to keep the internet open and safe for everyone. Its the
driving force of our culture, and almost every conversation.
<ul class="mzp-l-columns mzp-t-columns-two">
{% call picto(
base_el='li',
title='We welcome differences',
image_url='img/careers/icons/mozilla-theme/careers-rainbow.svg',
body=True,
) %}
<p>
Because we want Mozilla to be a place where everyone can do their best
work, and because we know diverse perspectives and experiences result
in better solutions, we welcome differences.
</p>
<a class="mzp-c-cta-link" href="https://assets.mozilla.net/pdf/mozilla-careers-comp-brochure.pdf">Learn more about us</a>
</div>
</div>
</div>
</div>
{% endcall %}
<div class="mzp-l-content apply-now-wrapper">
<div class="centered">
<a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
</div>
</div>
{% call picto(
base_el='li',
title='We are relationship-minded',
image_url='img/careers/icons/mozilla-theme/careers-dino-help.svg',
body=True,
) %}
<p>
We take the long view of our connections and interactions, both with
each other and with the people who use our products. This requires a
commitment to empathy, active listening and giving without the
expectation of getting. Its digging in to understand what makes
people tick and caring about that.
</p>
{% endcall %}
{% if recent_posts %}
<section class="mzp-l-card-third">
{% for post in recent_posts %}
<div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
<a href="{{ post.link }}" class="mzp-c-card-block-link">
<div class="mzp-c-card-media-wrapper">
<div class="lazy-image-container">
<img src="{{ post.get_featured_image_url('post-large')|default(static('img/careers/blog-fallback.png'), true) }}" alt="{{ post.title }}" class="mzp-c-card-image" />
</div>
</div>
<div class="mzp-c-card-content">
<h2 class="mzp-c-card-title">{{ post.title }}</h2>
<div class="mzp-c-card-desc">
{{ post.excerpt }}
</div>
</div>
</a>
</div>
{% endfor %}
{% if featured_post %}
<div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
<a href="{{ featured_post.link }}" class="mzp-c-card-block-link">
<div class="mzp-c-card-media-wrapper">
<div class="lazy-image-container">
<img src="{{ featured_post.image|default(static('img/careers/blog-fallback.png'), true) }}" class="mzp-c-card-image" />
</div>
</div>
<div class="mzp-c-card-content">
<h2 class="mzp-c-card-title">{{ featured_post.title }}</h2>
<div class="mzp-c-card-desc">
{{ featured_post.excerpt }}
</div>
<ul>
</div>
</a>
</div>
{% endif %}
</section>
{% endif %}
{% call picto(
base_el='li',
title='We practice responsible participation',
image_url='img/careers/icons/mozilla-theme/careers-participation.svg',
body=True,
) %}
<p>
Transparent and open processes are a unique part of our genetic code.
When coupled with responsible participation — being generous and kind
with both our inputs and our outputs — we create trust and accountability
and elevate the quality of our decisions.
</p>
{% endcall %}
<br />
<div class="centered">
<h4>Connection is our superpower</h4>
<p>
Were united by our passion for the internet, and for supporting each other. Once
youre a Mozillian, youre always a Mozillian.
</p>
</div>
<div class="mzp-l-card-third">
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/mozilla-office.jpg') }}" srcset="{{ static('img/careers/mozillians/mozilla-office-high-res.jpg') }} 1.5x" alt="Father typing with a child in a front-facing baby carrier" class="mzp-c-card-image" />
{% call picto(
base_el='li',
title='We have grit',
image_url='img/careers/icons/mozilla-theme/careers-target.svg',
body=True,
) %}
<p>
We are here to do hard things, take on giants and make a difference in
peoples online lives — so we must have grit. Having grit means facing
obstacles with optimism, determination to find new ways forward and
being relentless about learning from what worked and what didnt.
</p>
{% endcall %}
</ul>
</div>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/london.jpg') }}" srcset="{{ static('img/careers/mozillians/london-high-res.jpg') }} 1.5x" alt="Overhead view of employees sitting in communal bean bag chairs working on laptops" class="mzp-c-card-image" />
</div>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/whistler-1.jpg') }}" srcset="{{ static('img/careers/mozillians/whistler-1-high-res.jpg') }} 1.5x" alt="Three female-presenting employees talking and laughing at a company gathering in Whistler, Canada" class="mzp-c-card-image" />
</div>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/whistler-2.jpg') }}" srcset="{{ static('img/careers/mozillians/whistler-2-high-res.jpg') }} 1.5x" alt="Two children posing for a picture with the Firefox mascot" class="mzp-c-card-image" />
</div>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/mozilla-team.jpg') }}" srcset="{{ static('img/careers/mozillians/mozilla-team-high-res.jpg') }} 1.5x" alt="A row of employees doing coordinated squats against a wall" class="mzp-c-card-image" />
</div>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<div class="mzp-c-card-media-wrapper">
<img src="{{ static('img/careers/mozillians/whistler-all-hands.jpg') }}" srcset="{{ static('img/careers/mozillians/whistler-all-hands-high-res.jpg') }} 1.5x" alt="Mitchell Baker smiling while giving a presentationf" class="mzp-c-card-image" />
</div>
</section>
</div>
<section class="accolades">
<div class="mzp-c-call-out">
<div class="mzp-l-content">
<h2 class="mzp-c-call-out-title">Accolades from others</h2>
<p class="mzp-c-call-out-desc">
The praise we value most comes from our employees, but were still honored to have
been acknowledged by these organizations.
<!-- Testimonials section -->
{% include "careers/includes/testimonials.html" %}
<!-- Diversity section -->
<section class="c-careers-diversity c-careers-section mzp-t-background-secondary">
<div class="mzp-l-content mzp-t-content-md">
<h2 class="c-careers-section-title">
Inclusion, diversity, equity, and accountability
</h2>
<p>
At Mozilla, our employees, volunteers and community members span the
globe. We want to ensure that our organization is as diverse as the
communities we serve — and that our culture is inclusive and welcoming
to all.
</p>
<p>
Weve made some progress that were proud of, and we also have a lot
more work to do.
</p>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.diversity') }}" data-cta-type="button" data-cta-name="careers diversity" class="mzp-c-button mzp-t-secondary">Read more</a>
</p>
</div>
</div>
<div class="mzp-l-card-third">
<section class="mzp-c-card mzp-has-aspect-1-1">
<a href="https://www.fastcompany.com/90373504/fighting-for-online-freedom" class="mzp-c-card-block-link" rel="noopener noreferrer">
<div class="mzp-c-card-content centered">
<h2 class="mzp-c-card-title">Fast Companys Best Workplaces for Innovators</h2>
<div class="mzp-c-card-desc">&ndash; 2019 &ndash;</div>
</div>
</a>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<a href="https://www.fastcompany.com/90299092/mozilla-most-innovative-companies-2019" class="mzp-c-card-block-link" rel="noopener noreferrer">
<div class="mzp-c-card-content centered">
<h2 class="mzp-c-card-title">Fast Company Most Innovative Companies</h2>
<div class="mzp-c-card-desc">&ndash; 2019 &ndash;</div>
</div>
</a>
</section>
<section class="mzp-c-card mzp-has-aspect-1-1">
<a href="https://blog.mozilla.org/careers/mozilla-corporation-takes-part-in-hrcs-2019-lgbtq-workplace-equality-index/" class="mzp-c-card-block-link" rel="noopener noreferrer">
<div class="mzp-c-card-content centered">
<h2 class="mzp-c-card-title">Human Rights Campaign Corporate Equality Index</h2>
<div class="mzp-c-card-desc">&ndash; 2019 &ndash;</div>
</div>
</a>
</section>
</div>
</section>
<div class="mzp-l-content apply-now-wrapper">
<div class="centered">
<a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
</div>
</div>
<section class="mzp-c-call-out">
<div class="mzp-l-content">
<h2 class="mzp-c-call-out-title">Your career growth is part of our mission </h2>
<p class="mzp-c-call-out-desc">
Serving 300+ million people means our small team has a mighty mandate. Add a
culture of exploration and mentorship, and there is always a new way to learn and
grow here.
</p>
</div>
</section>
<section class="mission-points">
<section class="mzp-c-billboard mzp-l-billboard-left">
<div class="mzp-c-billboard-image-container">
<img class="mzp-c-billboard-image" src="{{ static('img/careers/truly-mission-driven.png') }}" srcset="{{ static('img/careers/truly-mission-driven-high-res.png') }} 1.5x" alt="Illustration of two people tending to a tree" height="309" width="236" />
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h3 class="mzp-c-billboard-title">Truly “mission-driven”</h3>
<p class="mzp-c-billboard-desc">
Being wholly-owned by the non-profit Mozilla Foundation means we can focus on
the real needs of people, rather than a bottom line.
</p>
</div>
</div>
</div>
</section>
<section class="mzp-c-billboard mzp-l-billboard-right">
<div class="mzp-c-billboard-image-container">
<img class="mzp-c-billboard-image" src="{{ static('img/careers/the-web-the-way-it-should-be.png') }}" srcset="{{ static('img/careers/the-web-the-way-it-should-be-high-res.png') }} 1.5x" alt="Illustration of a group of activists with their fists in the air, holding megaphones and signs" height="319" width="270" />
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">The web the way it should be</h2>
<p class="mzp-c-billboard-desc">
Join a global community of employees, collaborators, activists, and advocates
fighting to keep the internet healthy for generations.
</p>
</div>
<!-- Benefits section -->
<section class="c-careers-benefits c-careers-section">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Benefits for real life
</h2>
<p>
Our benefits are some of the best in the industry. To us, offering a comprehensive,
industry-leading health and wellbeing program to our employees and their
families is plain common sense, and the right thing to do. We also believe
its easier to focus on our work when were feeling well.
</p>
</div>
</div>
</section>
<section class="mzp-c-billboard mzp-l-billboard-left">
<div class="mzp-c-billboard-image-container">
<img class="mzp-c-billboard-image" src="{{ static('img/careers/beyond-the-browser.png') }}" srcset="{{ static('img/careers/beyond-the-browser-high-res.png') }} 1.5x" alt="Illustration of a group of people working together to connect abstract dots and lines" height="358" width="358" />
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">Beyond the browser</h2>
<p class="mzp-c-billboard-desc">
While our Firefox family of products works to keep everyone safer and smarter
online, our Mozilla initiatives focus on shaping the future of the internet.
</p>
</div>
</div>
</div>
</section>
</section>
<ul class="mzp-l-columns mzp-t-columns-two">
{% call picto(
base_el='li',
title='Health and wellness',
image_url='img/careers/icons/mozilla-theme/careers-items.svg',
body=True,
) %}
<p>
Mozilla covers medical, dental and vision plan premiums at 100% for U.S. and Canadian employees. Our
offerings give you the options you need to manage your health — and your
familys — the way you want.
</p>
{% endcall %}
<div class="mzp-l-content apply-now-wrapper">
<div class="centered">
<a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
</div>
</div>
{% call picto(
base_el='li',
title='Mental health',
image_url='img/careers/icons/mozilla-theme/careers-watering.svg',
body=True,
) %}
<p>
Mental health is as important as our physical health. Thats why
Mozillas health benefits include therapy and coaching sessions to make
sure our people have access to the care they need.
</p>
{% endcall %}
<section class="mzp-l-content centered locations" id="locations">
<div class="mzp-c-call-out">
<div class="mzp-l-content">
<h2 class="mzp-c-call-out-title">A global view</h2>
<p class="mzp-c-call-out-desc">
With offices all over the world, we consider the internet from multiple cultures
and contexts.
{% call picto(
base_el='li',
title='Time away',
image_url='img/careers/icons/mozilla-theme/careers-camp.svg',
body=True,
) %}
<p>
Time away from work to disconnect and recharge is essential. In addition
to country-specific holidays (12 in the U.S.), employees start accruing
vacation and sick leave on day one (specifics vary by country). Plus,
everyone enjoys quarterly all-company wellness days and the most personal
holiday of all: your birthday.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Parental leave',
image_url='img/careers/icons/mozilla-theme/careers-dino-egg.svg',
body=True,
) %}
<p>
While Mozillas parental leave policies vary globally, our U.S.-based
employees can look forward to 26 weeks of paid leave for childbearing
parents and 12 weeks of paid leave for non-childbearing parents.
</p>
{% endcall %}
</ul>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.benefits') }}" data-cta-type="button" data-cta-name="careers benefits" class="mzp-c-button mzp-t-secondary">Read more about our benefits</a>
</p>
</div>
</div>
</section>
<section class="c-careers-mozillians c-careers-section">
<div class="overlay"></div>
<div class="c-mozillians-content">
<h2>See yourself on one of our teams?</h2>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.listings') }}" data-cta-type="button" data-cta-name="careers listings" class="mzp-c-button mzp-t-dark">Find your role</a>
</p>
</div>
</section>
<section class="c-careers-teams c-careers-section mzp-t-background-secondary">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Meet our teams
</h2>
<p>
Mozilla is a global community of technologists, thinkers and builders
working together to keep the internet healthy, safer and accessible —
while shipping beloved products to people all over the world.
</p>
<p>
Meet a few of our teams who are making it happen.
</p>
</div>
<ul class="mzp-l-columns mzp-t-columns-two">
{% call picto(
base_el='li',
title='Product Engineering',
image_url='img/careers/icons/mozilla-theme/careers-web.svg',
body=True,
) %}
<p>
Our engineers work on some of the most interesting challenges facing the
internet today — privacy, security, decentralization, access, convenience,
compatibility and more — all to continue building an internet that
serves as a global public resource, open and accessible to all.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Data Organization',
image_url='img/careers/icons/mozilla-theme/careers-charts.svg',
body=True,
) %}
<p>
Mozillas Data team is at the forefront of how to use mountains of data
to guide business and product decisions while respecting the privacy
and security of our users. Data team members have a deep knowledge of
data processing infrastructure, a thorough understanding of the business
and market, and astute statistical and modeling expertise.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Marketing',
image_url='img/careers/icons/mozilla-theme/careers-webpage.svg',
body=True,
) %}
<p>
Mozilla's Marketing team has the exciting role of sharing our company
vision and our innovative, privacy-forward products with the world
through creative storytelling.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Innovation',
image_url='img/careers/icons/mozilla-theme/careers-connection.svg',
body=True,
) %}
<p>
With an experimental mindset at its core, our innovation team is out
in front, quickly identifying, building and testing product concepts
that engage, influence and drive impact within the web ecosystem.
</p>
{% endcall %}
</ul>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.teams') }}" data-cta-type="button" data-cta-name="careers teams" class="mzp-c-button mzp-t-secondary">View all teams</a>
</p>
</div>
</section>
<section class="c-careers-locations c-careers-section mzp-t-background-secondary">
<div class="mzp-l-content mzp-t-content-md">
<h2 class="c-careers-section-title">
Well meet you where you are
</h2>
<p>Mozilla is a remote-first company. Relying on our years of experience
in working asynchronously around the world, were reimaging what work
can look like — balancing your life with the connection and community
essential to the products were building.</p>
<div class="mzp-c-video">
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/_EeFDE5WW0I" title="Mozillians, kids, and pets on Zoom" frameborder="0" allowfullscreen>
<p><a href="https://www.youtube.com/watch?v=_EeFDE5WW0I&t">Watch the video</a></p>
</iframe>
</div>
<p class="c-careers-button-wrapper">
<a href="{{ url('careers.locations') }}" data-cta-type="button" data-cta-name="careers locations" class="mzp-c-button mzp-t-secondary">Read more about the future of work at Mozilla</a>
</p>
</div>
</section>
<!-- blog content -->
{% include "careers/includes/blogposts.html" %}
<ul class="locations-list">
<li>
<a href="{{ url('mozorg.contact.spaces.san-francisco') }}">
<img src="{{ static('img/careers/locations/san-francisco.png') }}" srcset="{{ static('img/careers/locations/san-francisco-high-res.png') }}" alt="Illustration representing the city of San Francisco" />
San Francisco
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.berlin') }}">
<img src="{{ static('img/careers/locations/berlin.png') }}" srcset="{{ static('img/careers/locations/berlin-high-res.png') }}" alt="Illustration representing the city of Berlin" />
Berlin
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.toronto') }}">
<img src="{{ static('img/careers/locations/toronto.png') }}" srcset="{{ static('img/careers/locations/toronto-high-res.png') }}" alt="Illustration representing the city of Toronto" />
Toronto
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.paris') }}">
<img src="{{ static('img/careers/locations/paris.png') }}" srcset="{{ static('img/careers/locations/paris-high-res.png') }}" alt="Illustration representing the city of Paris" />
Paris
</a>
</li>
<li>
<img src="{{ static('img/careers/locations/remote.png') }}" srcset="{{ static('img/careers/locations/remote-high-res.png') }}" alt="Illustration representing the desk of remote office workers" />
Remote
</li>
</ul>
</section>
{% endblock %}
{% block js %}
{{ js_bundle('careers-hero-video') }}
{{ js_bundle('careers-testimonials') }}
{% endblock %}

Просмотреть файл

@ -0,0 +1,17 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
<div class="c-hero-video">
<a class="video-play js-video-play" href="https://youtu.be/_obdx3VUzuQ" title="Play the video" role="button">
<img src="{{ static('img/careers/careers-video-thumbnail.jpg') }}" alt="">
</a>
<div class="mzp-u-modal-content hidden">
<div class="mzp-c-video">
<div class="video-player" data-video-id="_obdx3VUzuQ" data-video-title="Mozilla: The Big Picture"></div>
</div>
</div>
</div>

Просмотреть файл

@ -0,0 +1,55 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
<section class="c-careers-blog c-careers-section">
<div class="mzp-l-content mzp-t-content-xl">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Life@Mozilla
</h2>
<p>
Real people, real projects, real stories. Read about what its like to work here.
</p>
</div>
{% if recent_posts %}
<div class="mzp-l-card-third">
{% for post in recent_posts %}
<div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
<a href="{{ post.link }}" class="mzp-c-card-block-link">
<div class="mzp-c-card-media-wrapper">
<div class="lazy-image-container">
<img src="{{ post.get_featured_image_url('post-large')|default(static('img/careers/blog-fallback.png'), true) }}" alt="{{ post.title }}" class="mzp-c-card-image" />
</div>
</div>
<div class="mzp-c-card-content">
<h2 class="mzp-c-card-title">{{ post.title }}</h2>
<div class="mzp-c-card-desc">
{{ post.excerpt | safe }}
</div>
</div>
</a>
</div>
{% endfor %}
{% if featured_post %}
<div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
<a href="{{ featured_post.link }}" class="mzp-c-card-block-link">
<div class="mzp-c-card-media-wrapper">
<div class="lazy-image-container">
<img src="{{ featured_post.image|default(static('img/careers/blog-fallback.png'), true) }}" class="mzp-c-card-image" />
</div>
</div>
<div class="mzp-c-card-content">
<h2 class="mzp-c-card-title">{{ featured_post.title }}</h2>
<div class="mzp-c-card-desc">
{{ featured_post.excerpt | safe }}
</div>
</div>
</a>
</div>
{% endif %}
</div>
{% endif %}
</section>

Просмотреть файл

@ -0,0 +1,17 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
<div class="c-hero-video">
<a class="video-play js-video-play" href="https://youtu.be/oDifVXtL10w" title="Play the video" role="button">
<img src="{{ static('img/careers/diversity-video-thumbnail.png') }}" alt="">
</a>
<div class="mzp-u-modal-content hidden">
<div class="mzp-c-video">
<div class="video-player" data-video-id="oDifVXtL10w" data-video-title="Diversity and Inclusion at Mozilla"></div>
</div>
</div>
</div>

Просмотреть файл

@ -3,53 +3,37 @@
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
{% block careers_bottom %}
<section class="c-careers-bottom">
{% call split(
block_class='mzp-l-split-center-on-sm-md mzp-l-split-reversed mzp-t-split-nospace',
media_class='mzp-l-split-h-center mzp-l-split-media-overflow',
media_include='careers/includes/big-picture-video.html',
image_url='img/careers/footer-remote.png',
include_highres_image=True,
media_after=True
) %}
<h2>Feel good about your work again</h2>
<p>Were hiring curious and kind people across the organization. Come help write Mozillas next chapter.</p>
<a href="{{ url('careers.listings') }}" class="mzp-c-button">Find your next role at Mozilla</a>
<footer class="mzp-c-footer" id="colophon">
<div class="mzp-l-content">
<nav class="mzp-c-footer-primary">
<div class="mzp-c-foot-sections">
<div class="mzp-c-footer-section mzp-c-footer-primary-logo">
<a href="{{ url('mozorg.home') }}">Mozilla</a>
</div>
<div class="mzp-c-footer-section">
<a target="_blank" href='https://www.glassdoor.com/Overview/Working-at-Mozilla-EI_IE19129.11,18.htm'>
<img class="glassdoor-logo" src='/media/img/careers/glassdoor_250x90.png' alt="Glassdoor logo">
</a>
</div>
</div>
<div class="mzp-c-footer-sections">
<section class="mzp-c-footer-section">
<h5 class="mzp-c-footer-heading">
Company
</h5>
<ul class="mzp-c-footer-list">
<li><a href="{{ url('mozorg.about.index') }}">About</a></li>
<li><a href="https://blog.mozilla.org/press/">Press Center</a>
</ul>
</section>
<section class="mzp-c-footer-section">
<h5 class="mzp-c-footer-heading">
Resources
</h5>
<ul class="mzp-c-footer-list">
<li><a href="{{ url('privacy') }}">Privacy</a></li>
<li><a href="{{ url('mozorg.contact.contact-landing') }}">Contact</a></li>
</ul>
</section>
</div>
</nav>
<nav class="mzp-c-footer-secondary">
<ul class="mzp-c-footer-links-social">
<li><a class="twitter" href="https://twitter.com/mozilla">Twitter<span> (@mozilla)</span></a></li>
<li><a class="instagram" href="https://www.instagram.com/mozilla/">Instagram<span> (@mozilla)</span></a></li>
</ul>
<div class="mzp-c-footer-legal">
<p class="mzp-c-footer-license">
Visit Mozilla Corporations not-for-profit parent, the <a href="https://foundation.mozilla.org">Mozilla Foundation</a>.
Portions of this content are ©1998–{{ thisyear() }} by individual mozilla.org
contributors. Content available under a <a rel="license" href="{{ url('foundation.licensing.website-content') }}">Creative Commons license</a>.
</p>
</div>
</nav>
</div>
</footer>
<ul class="c-careers-socials">
<li>
<a href="https://www.instagram.com/mozilla/" class="c-careers-instagram" data-link-name="Instagram">
<span class="visually-hidden">Instagram</span>
</a>
</li>
<li>
<a href="https://twitter.com/mozilla" class="c-careers-twitter" data-link-name="Twitter">
<span class="visually-hidden">Twitter</span>
</a>
</li>
<li>
<a href="https://www.glassdoor.com/Overview/Working-at-Mozilla-EI_IE19129.11,18.htm" class="c-careers-glassdoor" data-link-name="Glassdoor">
<span class="visually-hidden">Glassdoor</span>
</a>
</li>
</ul>
{% endcall %}
</section>
{% endblock %}

Просмотреть файл

@ -1,39 +0,0 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
<div class="mzp-c-navigation">
<div class="mzp-c-navigation-l-content">
<div class="mzp-c-navigation-container">
<button class="mzp-c-navigation-menu-button" type="button" aria-controls="patterns.organisms.navigation.navigation">Menu</button>
<div class="mzp-c-navigation-logo">
<a href="{{ url('mozorg.home') }}" id="ga-nav-home-logo"></a>
</div>
<div class="mzp-c-navigation-items" id="patterns.organisms.navigation.navigation">
<div class="mzp-c-navigation-menu">
<nav class="mzp-c-menu mzp-is-basic">
<ul class="mzp-c-menu-category-list">
<li class="mzp-c-menu-category">
<a href="{{ url('careers.home') }}" class="mzp-c-menu-title" id="ga-nav-careers-home">Careers at Mozilla</a>
</li>
<li class="mzp-c-menu-category">
<a href="{{ url('careers.listings') }}" class="mzp-c-menu-title" id="ga-nav-careers-listing">Jobs</a>
</li>
<li class="mzp-c-menu-category">
<a href="https://blog.mozilla.org/careers/" class="mzp-c-menu-title" id="ga-nav-careers-life" target="_blank">Life at Mozilla</a>
</li>
<li class="mzp-c-menu-category">
<a href="{{ url('careers.home')|urlparams(hash='locations') }}" class="mzp-c-menu-title" id="ga-nav-careers-locations">Locations</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>

Просмотреть файл

@ -0,0 +1,154 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
<section class="c-careers-testimonials c-careers-section no-js-hidden">
<ul class="mzp-l-content c-careers-testimonials-wrapper">
<li class="c-careers-testimonial-item has-modal" data-modal-id="perla-d">
<q>
Despite a diverse set of backgrounds, we share a similar passion&hellip;
</q>
<a href="#perla-d-testimonial">
More...
</a>
</li>
<li class="c-careers-testimonial-image one"></li>
<li class="c-careers-testimonial-item has-modal" data-modal-id="lauren-n">
<q>
I feel respected and appreciated for what I have to offer&hellip;
</q>
<a href="#lauren-n-testimonial">
More...
</a>
</li>
<li class="c-careers-testimonial-image two"></li>
<li class="c-careers-testimonial-item has-modal" data-modal-id="sunil-m">
<q>
I had one of the best onboarding experiences with Mozilla&hellip;
</q>
<a href="#sunil-m-testimonial">
More...
</a>
</li>
<li class="c-careers-testimonial-image three"></li>
<li class="has-modal c-careers-testimonial-item" data-modal-id="anna-y">
<q>
My experience with Mozilla has been only empowering and uplifting one&hellip;
</q>
<a href="#anna-y-testimonial">
More...
</a>
</li>
<li class="c-careers-testimonial-image four"></li>
<li class="c-careers-testimonial-item has-modal" data-modal-id="tom-h">
<q>
Mozilla is a special place that is truly cares about the people who work here&hellip;
</q>
<a href="#tom-h-testimonial">
More...
</a>
</li>
</ul>
</section>
<!-- Modal content -->
<div class="c-careers-full-testimonials">
<div class="mzp-l-content">
<!-- Perla D -->
<div class="mzp-u-modal-content hidden">
<article data-modal-parent="perla-d" class="mzp-c-article c-careers-testimonials-modal" id="perla-d-testimonial">
<blockquote>
<div class="c-careers-testimonial-quote">
<p>
I really enjoy how everyone on the team comes from different backgrounds (architecture, banking, engineering, etc) and that it's actually really hard to find someone with the same background. Equally as great is knowing that despite a diverse set of backgrounds we share a similar passion and need for data and browser transparency.
</p>
</div>
<div class="c-testimonials-citation">
<cite>Perla D.</cite>
<p>Product Manager</p>
<p>Austin, TX</p>
</div>
</blockquote>
</article>
</div>
<!-- Lauren N -->
<div class="mzp-u-modal-content hidden">
<article data-modal-parent="lauren-n" class="mzp-c-article c-careers-testimonials-modal" id="lauren-n-testimonial">
<blockquote>
<div class="c-careers-testimonial-quote">
<p>
Its hard to come out. First you have to figure out your own stuff. And at some point along the way you have to consider how revealing your authentic self might affect your experience at work or your career trajectory.
</p>
<p>
My journey to understanding my deeply felt gender identity took many decades. By the time I decided to transition my gender presentation to female, I had already worked at Mozilla for a few years. In that time, I saw a workplace culture where people respected differences and appreciated that diverse ideas from a diverse team leads to better work.
</p>
<p>
My transition at work was remarkable for how unremarkable it was. I received congratulations, high-fives and hugs from colleagues. Mozillas leadership provided invaluable assistance in this process and our health benefits continue to support gender affirming care. Now, five years after I came out at work, Im thriving at Mozilla. I feel respected and appreciated for what I have to offer as my true self.
</p>
</div>
<div class="c-testimonials-citation">
<cite>Lauren N.</cite>
<p>Senior Marketing Manager</p>
<p>Portland, OR</p>
</div>
</blockquote>
</article>
</div>
<!-- Sunil M. -->
<div class="mzp-u-modal-content hidden">
<article data-modal-parent="sunil-m" class="mzp-c-article c-careers-testimonials-modal" id="sunil-m-testimonial">
<blockquote>
<div class="c-careers-testimonial-quote">
<p>
I had one of the best onboarding experiences with Mozilla. Be it team introductions, orientation sessions or your 1:1 with your manager, I could clearly sense the culture of openness and inclusion.
</p>
</div>
<div class="c-testimonials-citation">
<cite>Sunil M.</cite>
<p>Senior Software Engineer</p>
<p>Nuremberg, Bavaria, Germany</p>
</div>
</blockquote>
</article>
</div>
<!-- Anna Y -->
<div class="mzp-u-modal-content hidden">
<article data-modal-parent="anna-y" class="mzp-c-article c-careers-testimonials-modal" id="anna-y-testimonial">
<blockquote>
<div class="c-careers-testimonial-quote">
<p>
I was hired while on the fifth month of my pregnancy, so needless to say I was worried if that would affect the perception of me as a professional within the team. But my experience with Mozilla has been only empowering and uplifting. Being a new mom, I also cannot describe how much I appreciate the flexibility and benefits provided.
</p>
</div>
<div class="c-testimonials-citation">
<cite>Anna Y.</cite>
<p>Senior Software Engineer</p>
<p>Aldie, VA</p>
</div>
</blockquote>
</article>
</div>
<!-- Tom H -->
<div class="mzp-u-modal-content hidden">
<article data-modal-parent="tom-h" class="mzp-c-article c-careers-testimonials-modal" id="tom-h-testimonial">
<blockquote>
<div class="c-careers-testimonial-quote">
<p>
This year my 20th wedding anniversary also coincided with my wife's work sabbatical, and we decided to take a month long road trip to Yellowstone National Park where we spent our honeymoon. I was able to work from the road at the same time, so we could spend our free time exploring the area and enjoying the time to reflect.
</p>
<p>
I have worked a long time in technology companies and can honestly say that no other place that I've worked would have not only been ok with me doing that but also encouraged it as part of good mental health and well being. Mozilla is a special place that truly cares about the people who work here.
</p>
</div>
<div class="c-testimonials-citation">
<cite>Tom H.</cite>
<p>Senior Engineering Manager</p>
<p>Portland, OR</p>
</div>
</blockquote>
</article>
</div>
</div>
</div>

Просмотреть файл

@ -147,13 +147,13 @@
</div>
</div>
<div class="l-internships-apply mzp-l-content mzp-l-card-half">
<div class="mzp-c-card-picto ">
<div class="mzp-c-card-picto">
<div class="mzp-c-card-picto-content" id="step-3">
<h2 class="mzp-c-card-picto-title">Step 3</h2>
<p class="mzp-c-card-picto-desc">Team and hiring manager interviews.</p>
</div>
</div>
<div class="mzp-c-card-picto ">
<div class="mzp-c-card-picto">
<div class="mzp-c-card-picto-content" id="step-4">
<h2 class="mzp-c-card-picto-title">Step 4</h2>
<p class="mzp-c-card-picto-desc">Accept your offer!</p>

Просмотреть файл

@ -12,40 +12,33 @@
{% block body_class %}listings-page{% endblock %}
{% block careers_content %}
<section class="mzp-c-hero mzp-t-dark page-hero">
<div class="mzp-l-content">
<div class="mzp-c-hero-body">
<h1 class="mzp-c-hero-title">Feel good about your work again</h1>
<div class="mzp-c-hero-desc">
<p>
Join us.
</p>
</div>
<header class="c-careers-text-hero">
<div class="mzp-l-content mzp-t-content-md c-text-hero-wrapper">
<h1 class="c-text-hero-title">Feel good about your work again</h1>
<div class="c-text-hero-body">
<p>Bring your drive, your creativity, your big ideas and your new perspectives to make the difference were aiming for.</p>
</div>
</div>
</section>
</header>
<section class="mzp-l-content">
<h2>Listings</h2>
<section class="mzp-l-content mzp-t-content-xl">
<h2 class="c-careers-section-title">Listings</h2>
<form id="listings-filters" class="hide-from-legacy-ie">
<div class="listings-filter listings-filter-location">
{{ form.location }}
<label for="id_location" class="visually-hidden">Location</label>
{{ form.location }}
</div>
{# hidden input keeps JS/python working, but removes the old form field #}
<input type="hidden" id="id_position_type" name="position_type" value=""/>
<div class="listings-filter listings-filter-name">
{{ form.team }}
<label for="id_team" class="visually-hidden">Team</label>
{{ form.team }}
</div>
</form>
</section>
<section class="mzp-l-content">
<table class="listings-positions" id="listings-positions">
<thead>
<tr>
@ -63,9 +56,9 @@
#}
{% set position = postings | first %}
<tr class="position"
data-team="{{ position.department | trim }},"
data-type="{{ position.position_type | trim }},"
data-location="{{ postings | join(',', attribute='job_locations') }},">
data-team="{{ position.department | trim }}"
data-type="{{ position.position_type | trim }}"
data-location="{{ postings | join(',', attribute='job_locations') }}">
<td class="title"><a href="{{ position.get_absolute_url() }}">{{ position.title }}</a></td>
<td class="location">{{ postings | map(attribute='job_locations') | join(', ') }}</td>
<td class="name">{{ position.department }}</td>
@ -78,9 +71,12 @@
</tr>
</tbody>
</table>
<p class="c-careers-button-wrapper"><a href="{{ url('careers.feed') }}">Subscribe to our open positions RSS feed</a></p>
</section>
{% endblock %}
{% block careers_bottom %}{% endblock %}
{% block js %}
{{ js_bundle('careers-listings') }}
{% endblock %}

Просмотреть файл

@ -0,0 +1,101 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
{% extends "careers/base.html" %}
{% block careers_content %}
<header class="c-careers-text-hero">
<div class="mzp-l-content mzp-t-content-md c-text-hero-wrapper">
<h1 class="c-text-hero-title">Well meet you where you are — office optional</h1>
<div class="c-text-hero-body">
<p>We know Mozillians do their best work when they have the freedom to
choose where they do it.</p>
<div class="c-careers-button-wrapper">
<a href="https://blog.mozilla.org/careers/future-of-work-at-mozilla/" class="mzp-c-button mzp-t-dark" data-cta-type="button" data-cta-name="how we work blogpost">Read more about how we work</a>
</div>
</div>
</div>
</header>
<section class="c-careers-section">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Location flexible
</h2>
<p>Weve been a remote-friendly company since our founding in 2005, which
means we have plenty of experience cultivating a community that balances
human connection and asynchronous communication. Today, were continuing
to re-imagine the where and how of the way we work.</p>
</div>
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
Gathering spaces
</h2>
<p>As we re-imagine what our offices can be, were proud to have these
locations for Mozillians to gather around the world. Teams can meet in
our offices for collaborative and cultural activities that most benefit
from being face-to-face — for planning, product design sprints,
hackathons and more. </p>
</div>
<ul class="c-careers-locations-list">
<li>
<a href="{{ url('mozorg.contact.spaces.san-francisco') }}" data-cta-type="button" data-cta-name="San Francisco office">
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-san-francisco.png') }}" alt="">
</div>
San Francisco
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.berlin') }}" data-cta-type="button" data-cta-name="Berlin office">
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-berlin.png') }}" alt="">
</div>
Berlin
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.toronto') }}" data-cta-type="button" data-cta-name="Toronto office">
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-toronto.png') }}" alt="">
</div>
Toronto
</a>
</li>
<li>
<a href="{{ url('mozorg.contact.spaces.paris') }}" data-cta-type="button" data-cta-name="Paris office">
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-paris.png') }}" alt="">
</div>
Paris
</a>
</li>
<li>
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-remote.png') }}" alt="">
</div>
<span>
Remote
</span>
</li>
<li>
<div class="c-careers-locations-image-wrapper">
<img src="{{ static('img/careers/locations/mozilla-coworking-space.png') }}" alt="">
</div>
<span>
Coworking Spaces
</span>
</li>
</ul>
</div>
</section>
{% endblock %}

Просмотреть файл

@ -12,12 +12,12 @@
{% block body_class %}position-page{% endblock %}
{% block careers_content %}
<div class="mzp-l-content mzp-t-content-lg">
<section class="job-post" id="job-post">
<div class="job-row">
<div class="job-header">
<div class="job-info">
<div class="job-title">
<strong>{{ position.title }}</strong>
</div>
<h1 class="job-title">{{ position.title }}</h1>
<div class="title-location">
at
{% if position.is_mofo %}
@ -26,6 +26,7 @@
Mozilla Corporation
{% endif %}
</div>
<dl class="mzp-u-list-styled">
{% if not position.is_mofo %}
<dt class="job-post-team-head">Team:</dt>
@ -35,6 +36,7 @@
<dd class="job-post-location">{{ postings | map(attribute='job_locations') | join(', ') }}</dd>
</dl>
</div>
<div class="job-apply">
{% if postings|length == 1 %}
<div class="appy-btn">
@ -52,9 +54,11 @@
{% endif %}
</div>
</div>
<div>
{{ position.description|safe }}
</div>
<div class="job-apply">
{% if postings|length == 1 %}
<div class="appy-btn">
@ -74,6 +78,7 @@
<p><a rel="external" href="https://docs.google.com/document/d/e/2PACX-1vTEeCImDA-kqr0wm3JwfOv_2MS5FZ8oyL2pEWfVsZbeO87E41r2wePoOhppQ4qX6w/pub">Applicant Privacy Notice</a></p>
</section>
</div>
<section id="why" class="mzp-c-call-out">
<div class="mzp-l-content">
@ -88,7 +93,7 @@
</div>
</section>
<br />
<div class="mzp-l-content mzp-t-content-xl">
<section class="mzp-l-card-third">
<div class="mzp-c-card">
@ -145,8 +150,11 @@
</div>
</div>
</section>
</div>
{% endblock %}
{% block careers_bottom %}{% endblock %}
{% block js %}
{{ js_bundle('careers-position') }}
{% endblock %}

Просмотреть файл

@ -0,0 +1,198 @@
{#
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}
{% extends "careers/base.html" %}
{% block careers_content %}
<header class="c-careers-text-hero">
<div class="mzp-l-content mzp-t-content-md c-text-hero-wrapper">
<h1 class="c-text-hero-title">Meet Mozillas teams</h1>
<div class="c-text-hero-body">
<p>Mozilla is a global community of pioneering technologists, thinkers,
builders and creators working together to keep the internet open and
accessible to all.</p>
<div class="c-careers-button-wrapper">
<a href="{{ url('careers.listings') }}" class="mzp-c-button mzp-t-dark" data-cta-type="button" data-cta-name="careers listings">See our open roles</a>
</div>
</div>
</div>
</header>
<section class="c-careers-teams-intro c-careers-section">
<div class="mzp-l-content mzp-t-content-lg">
<div class="c-careers-section-intro">
<h2 class="c-careers-section-title">
One team
</h2>
<p>Though Mozillians sit on functional teams, we are all about working
as “one team”, reflecting our belief that being highly collaborative
with a focus on experimentation is essential to individual growth and
moving Mozillas future forward.</p>
<p>Each one of us has made a choice to spend our time, our energy and
our gifts, to make the internet a rich, exciting, decent and humane
place. Meet a few of our teams who are making it happen.</p>
</div>
<ul class="mzp-l-columns mzp-t-columns-two">
{% call picto(
base_el='li',
title='Engineering',
image_url='img/careers/icons/mozilla-theme/careers-web.svg',
body=True,
) %}
<p>
Our engineers (and we have a lot of them!) work on the most interesting
challenges facing the internet today — privacy, security, decentralization,
access, convenience, compatibility and more — collaborating with peers
not only at Mozilla but across the industry. From Firefox to Pocket,
Relay to Mozilla VPN, our code touches the lives of millions.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Product Design / UX',
image_url='img/careers/icons/mozilla-theme/careers-webpage.svg',
body=True,
) %}
<p>
Product Designers collaborate with product managers, engineers,
researchers and other designers to optimize product experiences that
drive engagement, increase revenue, and improve retention, basically
ensuring our products are modern, delightful and easy to use.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Innovation Ecosystems',
image_url='img/careers/icons/mozilla-theme/careers-rainbow.svg',
body=True,
) %}
<p>
With an experimental mindset at its core, our innovation teams are
quickly identifying, building and testing product concepts that
influence and drive impact within the internet ecosystem. Key
differentiators for our innovation work are the focus on increasing
inclusion with products such as Hubs which enables broader access to
immersive web collaboration. Additionally we differentiate with our
ecosystem engagements such as grant programs, investments and partnerships
to identify, drive or enable products and businesses aiming to improve
the human experience on the internet.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Data Organization',
image_url='img/careers/icons/mozilla-theme/careers-participation.svg',
body=True,
) %}
<p>
How can businesses use mountains of data to guide decisions while
respecting the privacy and security of users? Mozillas Data Organization
is at the forefront of these conversations, with a deep knowledge of
data processing infrastructure, the market we compete in and our business.
They work closely with multiple functional areas to keep Mozilla a
data-informed business that is modern, global and ethical.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Marketing',
image_url='img/careers/icons/mozilla-theme/careers-chat.svg',
body=True,
) %}
<p>
Mozilla's Marketing team has the exciting role of sharing our company
vision and our innovative, privacy-forward products with the world
through creative storytelling. They're obsessed with impact, but never
at the expense of our users. People on this team come from different
backgrounds, from engineering to art directing, but all have one thing
in common: they believe in our mission and want to build a better
internet for all.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Trust & Security',
image_url='img/careers/icons/mozilla-theme/careers-birdsnest.svg',
body=True,
) %}
<p>
Our Trust & Security team is responsible for upholding the core tenants
of Mozillas foundational mission: protecting privacy and security.
Through risk assessments, security audits, incident response and more,
this team ensures the trust weve built with users and employees is secure.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Global Policy',
image_url='img/careers/icons/mozilla-theme/careers-global.svg',
body=True,
) %}
<p>
Mozillas Global Policy team brings together our community, employees,
policy experts and thought leaders in privacy and innovation to give
input on policies and services that make the web more robust. Were taking
action worldwide to protect and strengthen the webs DNA.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Legal',
image_url='img/careers/icons/mozilla-theme/careers-swords.svg',
body=True,
) %}
<p>
The Legal team handles all of Mozillas corporate and employment matters,
either at the (virtual) conference table or behind the scenes.
Efficiently adapting to serve a constantly changing product landscape,
our Legal team ensures were always running smoothly.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='People',
image_url='img/careers/icons/mozilla-theme/careers-watering.svg',
body=True,
) %}
<p>
Our People team works with employees from even before day one. We ensure
that our employees are well-supported – in and out of the office – through
benefits support, learning and development opportunities, career
advancement and more.
</p>
{% endcall %}
{% call picto(
base_el='li',
title='Finance and Business Ops',
image_url='img/careers/icons/mozilla-theme/careers-charts.svg',
body=True,
) %}
<p>
Among many responsibilities, our Finance and Business Ops team literally
keeps the lights on – and makes sure were using the most energy-efficient
bulbs. These team members take charge of our strategy and development,
managing everything from internal operations to landing partnerships,
and even pursuing business investments. They guide us toward sustainable
growth and track our progress along the way.
</p>
{% endcall %}
</ul>
</div>
</section>
{% endblock %}

Просмотреть файл

@ -6,6 +6,7 @@ from django.conf import settings
from django.urls import path, re_path
from bedrock.mozorg.util import page
from bedrock.redirects.util import redirect
from . import views
from .feeds import LatestPositionsFeed
@ -16,8 +17,11 @@ urlpatterns = [
re_path(r"^position/(?P<source>[\w]+)/(?P<job_id>[\w]+)/$", views.PositionDetailView.as_view(), name="careers.position"),
path("feed/", LatestPositionsFeed(), name="careers.feed"),
path("listings/", views.PositionListView.as_view(), name="careers.listings"),
path("internships/", views.InternshipsView.as_view(), name="careers.internships"),
path("benefits/", views.BenefitsView.as_view(), name="careers.benefits"),
path("diversity/", views.DiversityView.as_view(), name="careers.diversity"),
path("teams/", views.TeamsView.as_view(), name="careers.teams"),
path("locations/", views.LocationsView.as_view(), name="careers.locations"),
redirect(r"^internships/$", "careers.home", name="careers.internships", permanent=False, locale_prefix=False),
]

Просмотреть файл

@ -31,6 +31,32 @@ class HomeView(L10nTemplateView):
return context
class DiversityView(L10nTemplateView):
template_name = "careers/diversity.html"
def get_context_data(self, **kwargs):
context = super().get_context_data(**kwargs)
posts = BlogPost.objects.filter_by_blogs("careers")
featured = posts.filter_by_tags("story").first()
if featured:
context["featured_post"] = featured
context["recent_posts"] = posts.exclude(id=featured.id)[:2]
else:
context["featured_post"] = None
context["recent_posts"] = posts[:3]
return context
class TeamsView(L10nTemplateView):
template_name = "careers/teams.html"
class LocationsView(L10nTemplateView):
template_name = "careers/locations.html"
class InternshipsView(L10nTemplateView):
template_name = "careers/internships.html"

Просмотреть файл

@ -0,0 +1,15 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
// Colors
$purple-light: #d7d9f2;
$teal-primary: #00b7aa;
$teal-secondary: #84cfc8;
$teal-tertiary: #d5edea;
$blue-primary: #00ffff;
$blue-secondary: #d4e9f8;

Просмотреть файл

@ -1,407 +0,0 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@import '../protocol/components/custom-menu-list';
/* -------------------------------------------------------------------------- */
/* Global */
/* utility classes */
.centered {
text-align: center;
}
.hidden {
display: none;
}
/* visually hidden, but accessible to screen readers */
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* nav */
.mzp-c-menu-category .mzp-c-menu-title {
font-weight: bold;
}
/* -------------------------------------------------------------------------- */
/* Home */
.page-hero {
align-items: center;
background: url('/media/img/careers/hero-bg.jpg') center center no-repeat;
background-size: cover;
display: flex;
min-height: 388px;
}
.mzp-c-hero-title,
.mzp-c-hero-desc {
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3),
1px 1px 0 rgba(0, 0, 0, 0.3),
1px -1px 0 rgba(0, 0, 0, 0.3),
-1px -1px 0 rgba(0, 0, 0, 0.3);
}
.page-hero .mzp-c-hero-desc,
.page-hero .mzp-c-hero-desc p {
margin-bottom: 0;
}
.apply-now-wrapper {
margin-bottom: 24px;
margin-top: 24px;
}
.iframe-video-wrapper {
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.iframe-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.survey-wrapper h4 {
font-size: 1.2rem;
margin-bottom: 0.2rem;
}
.survey-graph {
border-radius: 22px;
height: 24px;
margin-top: 10px;
overflow: hidden;
width: 100%;
}
.survey-graph div {
display: inline-block;
text-align: center;
}
.survey-graph-text {
font-size: 0.7em;
font-weight: bold;
}
.survey-wrapper svg {
display: block;
margin-top: 1rem;
}
.survey-wrapper li {
margin-bottom: 2rem;
}
.survey-legend-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
}
.survey-legend {
border-radius: 22px;
display: block;
height: 24px;
margin: 8px auto 0;
width: 48px;
}
.survey-favorable {
background-color: #a0f5f5;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(20.000000, 20.000000) rotate(90.000000) translate(-20.000000, -20.000000)' fill='%23000000' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.survey-neutral {
background-color: #fff781;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.survey-unfavorable {
background: #ff838d;
}
.accolades {
background: url('/media/img/careers/medal.png') top center no-repeat;
padding-top: 130px;
}
.improving-lives-billboard {
margin-bottom: 60px;
}
.accolades .mzp-c-call-out,
.locations .mzp-c-call-out {
background: transparent;
}
.mission-points .mzp-c-billboard {
background: transparent;
}
.glassdoor-logo {
height: 32px;
width: 100px;
}
/* Locations */
.locations-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
grid-gap: 30px;
}
.locations-list a {
display: block;
}
.locations-list img {
display: block;
margin: 0 auto 10px;
transition: transform 0.1s ease-in;
width: 95px;
}
.locations-list a:hover img {
transform: scale(1.05) translateY(-6px);
}
/* $mq-sm in protocol */
@media only screen and (min-width: 480px) {
.locations-list {
grid-gap: 70px;
}
}
/* -------------------------------------------------------------------------- */
/* Jobs */
.job-row {
margin-top: 15px;
@media #{$mq-md} {
display: flex;
justify-content: space-between;
}
}
.job-title {
font-size: 1.3rem;
}
.title-location {
margin-bottom: 15px;
}
.apply-sm {
margin: 0px 0px 15px 0px;
}
.listings-page .page-hero {
background-image: url('/media/img/careers/hero-bg-jobs.jpg');
}
.benefits-page .page-hero {
background-image: url('/media/img/careers/hero-bg-benefits.jpg');
}
.position-page .page-hero {
background-image: url('/media/img/careers/hero-bg-position.jpg');
min-height: 190px;
}
#listings-filters {
text-align: right;
}
.listings-filter {
margin-bottom: 20px;
}
#listings-filters select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('/media/img/careers/arrow.svg') right 10px center no-repeat;
border: 0;
border-radius: 6px;
box-shadow: inset 0 0 2px rgba(000,000,000, 0.5);
font-size: 0.8rem;
max-width: 250px;
padding: 12px 28px 12px 12px;
}
.listings-positions thead {
display: none;
}
.listings-positions tbody tr {
border-bottom: 1px solid #d6d4d4;
display: block;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.listings-positions tbody tr.hidden {
display: none;
}
.listings-positions tbody td {
display: list-item;
list-style: none;
}
.job-post {
margin-bottom: $layout-lg;
}
.job-post ul {
list-style: disc;
margin-left: 32px;
}
.job-post li {
margin-bottom: .25em;
}
.c-apply-button-container {
display: inline-block;
margin-bottom: 24px;
}
.c-apply-button-container small {
display: block;
font-size: 0.75rem;
line-height: 1.5;
margin-top: 16px;
text-align: center;
}
.job-apply {
min-width: 200px;
max-width: 250px;
margin-bottom: $spacing-lg;
.mzp-c-menu-list-title {
@include font-base;
}
ul {
margin: 0;
}
}
/* $mq-md in protocol */
@media only screen and (min-width: 768px) {
.accolades {
padding-top: 100px;
}
.listings-positions thead {
border-bottom: 1px solid #d6d4d4;
display: table-header-group;
text-align: left;
}
.listings-positions thead h4 {
font-size: 1.8rem;
}
.listings-positions tbody tr {
border-bottom: 1px solid #d6d4d4;
display: table-row;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.listings-positions tbody tr.hidden {
display: none;
}
.listings-positions tbody td {
display: table-cell;
padding: 15px 20px 15px 0;
vertical-align: top;
}
.title {
width: 50%;
}
.location {
width: 25%;
}
.name {
width: 25%;
}
#listings-filters {
display: flex;
justify-content: flex-end;
}
#listings-filters .listings-filter {
padding-left: 10px;
}
}
@media only screen and (min-width: 600px) {
.appy-btn-sm {
display: none;
}
}
@media only screen and (max-width: 600px) {
.appy-btn {
display: none;
}
}
/* $mq-xl in protocol */
@media only screen and (min-width: 1312px) {
.listings-positions tbody td {
padding: 20px 30px 20px 0;
}
}
/* high res images */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
.page-hero {
background-image: url('/media/img/careers/hero-bg-high-res.jpg');
}
.listings-page .page-hero {
background-image: url('/media/img/careers/hero-bg-jobs-high-res.jpg');
}
.position-page .page-hero {
background-image: url('/media/img/careers/hero-bg-position-high-res.jpg');
}
.accolades {
background-image: url('/media/img/careers/medal-high-res.png');
background-size: 165px 148px;
}
}

Просмотреть файл

@ -0,0 +1,107 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
$image-path: '/media/protocol/img';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.c-careers-diversity-numbers {
.mzp-c-picto-heading {
@include font-base;
margin-bottom: $spacing-md;
font-weight: 400;
}
}
.c-careers-diversity-mrg {
.mzp-c-split {
padding: 48px 0;
.mzp-c-split-container {
padding: 0;
}
blockquote {
border: 0;
.c-careers-diversity-quote {
@include text-body-xl;
font-weight: 400;
position: relative;
&::before {
@include text-title-sm;
content: '';
position: absolute;
top: -10px;
left: -15px;
color: cp.$teal-primary;
font-weight: bold;
}
&::after {
@include text-title-sm;
content: '';
position: absolute;
bottom: 0;
color: cp.$teal-primary;
font-weight: bold;
}
}
}
.c-diversity-citation {
display: flex;
flex-direction: column;
justify-content: flex-start;
.c-diversity-citation-image {
margin-bottom: $spacing-sm;
border-radius: 50%;
flex-shrink: 0;
img {
height: 95px;
width: 95px;
border-radius: 50%;
}
}
.c-diversity-citation-author {
border-left: 4px solid cp.$teal-primary;
padding-left: $spacing-lg;
color: $color-dark-gray-20;
cite {
@include text-title-xs;
color: $color-dark-gray-20;
font-style: normal;
&::before {
content: '';
}
}
p {
@include text-body-sm;
@include font-base;
color: $color-dark-gray-20;
font-weight: 700;
margin-bottom: 0;
}
}
@media #{$mq-lg} {
flex-direction: row;
align-items: center;
.c-diversity-citation-image {
margin-right: $spacing-lg;
}
}
}
}
}

Просмотреть файл

@ -0,0 +1,63 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
$image-path: '/media/protocol/img';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.c-careers-bottom {
margin-top: $layout-md;
.mzp-c-split.mzp-t-split-nospace {
padding-bottom: 0;
}
.c-careers-socials {
display: flex;
justify-content: center;
margin: $spacing-lg auto;
li {
margin: 0 $spacing-sm;
a {
@include image-replaced;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px 20px;
border-bottom: 2px solid transparent;
border-radius: $border-radius-sm;
display: inline-block;
height: 22px;
padding: $spacing-xs;
text-decoration: underline;
width: 22px;
&:hover,
&:focus,
&:active {
background-color: cp.$blue-secondary;
}
&.c-careers-instagram {
background-image: url('#{$image-path}/icons/social/instagram/black.svg');
}
&.c-careers-twitter {
background-image: url('#{$image-path}/icons/social/twitter/black.svg');
}
&.c-careers-glassdoor {
background-image: url('/media/img/careers/icons/social/glassdoor/black.svg');
}
}
}
@media #{$mq-md} {
justify-content: flex-start;
}
}
}

Просмотреть файл

@ -0,0 +1,28 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
// Header with no video
.c-careers-text-hero {
background-color: $color-black;
color: cp.$blue-primary;
h1 {
color: $color-white;
}
p {
@include text-body-xl;
}
.c-text-hero-wrapper {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
}

Просмотреть файл

@ -0,0 +1,105 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
@use 'sass:color';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
// Header with video
.c-careers-video-hero {
position: relative;
.c-video-wrapper {
align-items: center;
background-color: cp.$blue-primary;
display: flex;
height: 100%;
justify-content: center;
position: relative;
.c-background-video {
bottom: 0;
display: none;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
@media (prefers-reduced-motion: no-preference) {
display: block;
}
}
.overlay {
background-color: rgba(0, 256, 256, 0.8);
content: '';
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.mzp-c-split {
z-index: 20;
.mzp-c-split-body {
h1 {
color: $color-black;
}
}
}
}
&.t-hero-home .c-video-wrapper {
background: cp.$teal-primary url('/media/img/careers/hero-bg-home.jpg') center center no-repeat;
background-size: cover;
}
&.t-hero-diversity .c-video-wrapper {
background: cp.$teal-primary url('/media/img/careers/hero-bg-diversity.jpg') center center no-repeat;
background-size: cover;
}
}
.c-hero-video {
.video-play {
display: block;
border: 2px solid rgba(255, 255, 255, 0.7);
line-height: 0;
transition: border-color 150ms ease-in-out;
&::after {
background: url('/media/img/icons/video-play.svg') top left no-repeat;
content: '';
height: 100px;
left: 50%;
margin: -50px 0 0 -50px;
opacity: 0.7;
position: absolute;
top: 50%;
transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
width: 100px;
z-index: 2;
}
&:hover,
&:focus {
border-color: $color-white;
outline: 0;
&::after {
opacity: 1;
transform: scale(1.1);
}
}
}
}

Просмотреть файл

@ -0,0 +1,90 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
@use 'sass:color';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.c-careers-intro {
background-color: $color-black;
color: cp.$blue-primary;
h2 {
color: $color-white;
}
}
.c-careers-mozillians {
background-image: url('/media/img/careers/mozillians.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 460px;
position: relative;
.overlay {
background: rgba(0, 0, 0, 0.65);
content: '';
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.c-mozillians-content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
z-index: 20;
h2 {
color: $color-white;
}
}
}
.c-careers-diversity {
background-color: color.scale(cp.$blue-primary, $alpha: -90%);
}
/* Locations */
.c-careers-locations {
.mzp-c-video {
margin: $spacing-2xl 0;
iframe {
display: block;
margin: 0 auto;
}
}
}
// Diversity page
.c-careers-diversity-numbers {
.mzp-c-picto-heading {
@include text-title-xl;
}
}
.c-careers-diversity-mrg {
blockquote {
p {
@include text-body-lg;
}
}
}
.c-careers-blog {
p {
text-align: center;
}
}

Просмотреть файл

@ -2,6 +2,8 @@
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.internships-page .mzp-c-button {
margin: 60px 0;
}
@ -9,8 +11,8 @@
/* Hero */
.internships-page .mzp-c-hero {
background:
linear-gradient(to right, #000, transparent),
url('/media/img/careers/internships/internships-hero-high-res.jpg') center center no-repeat;
linear-gradient(to right, #000, transparent),
url('/media/img/careers/internships/internships-hero-high-res.jpg') center center no-repeat;
background-size: cover;
}
@ -20,17 +22,17 @@
}
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi){
#{$mq-high-res},
(min-resolution: 120dpi) {
.internships-page .mzp-c-hero {
background:
linear-gradient(to right, #000, transparent),
url('/media/img/careers/internships/internships-hero.jpg') center center no-repeat;
linear-gradient(to right, #000, transparent),
url('/media/img/careers/internships/internships-hero.jpg') center center no-repeat;
background-size: cover;
}
}
@media (max-width:600px) {
@media (max-width: 600px) {
.internships-page .mzp-c-hero {
background: #20123a;
}
@ -67,7 +69,7 @@
background: #ededf0;
}
@media (max-width:600px) {
@media (max-width: 600px) {
.internships-page .c-section-heading {
padding: 50px 10px 30px;
}
@ -77,7 +79,7 @@
}
.internships-page .mzp-c-button {
margin: 0 0 50px 0;
margin: 0 0 50px;
}
.internships-page .mzp-c-hero-cta .mzp-c-button {

Просмотреть файл

@ -0,0 +1,105 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
#listings-filters {
margin: $layout-lg 0;
text-align: right;
}
.listings-filter {
margin-bottom: 20px;
label {
@include visually-hidden;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('/media/img/careers/arrow.svg') right 10px center no-repeat;
border: 0;
border-radius: 6px;
box-shadow: inset 0 0 2px rgba(000, 000, 000, 0.5);
font-size: 0.8rem;
max-width: 250px;
padding: 12px 28px 12px 12px;
}
}
.listings-positions {
width: 100%;
margin-bottom: $spacing-2xl;
thead {
display: none;
}
tbody {
tr {
border-bottom: 1px solid $color-light-gray-40;
display: block;
margin-bottom: $spacing-lg;
padding-bottom: $spacing-lg;
&.hidden {
display: none;
}
}
td {
display: list-item;
list-style: none;
}
}
}
@media #{$mq-md} {
.listings-positions {
thead {
border-bottom: 1px solid $color-light-gray-40;
display: table-header-group;
text-align: left;
h4 {
@include text-title-xs;
}
}
tbody {
tr {
display: table-row;
}
td {
display: table-cell;
vertical-align: top;
padding: $spacing-lg $spacing-xl $spacing-lg 0;
}
}
.title {
width: 50%;
}
.location {
width: 25%;
}
.name {
width: 25%;
}
}
#listings-filters {
display: flex;
justify-content: flex-end;
.listings-filter {
padding-left: $spacing-sm;
}
}
}

Просмотреть файл

@ -0,0 +1,46 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.c-careers-locations-list {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-wrap: wrap;
margin: $spacing-2xl 0;
li {
text-align: center;
margin: 0 $spacing-md $spacing-lg;
a,
span {
@include font-mozilla;
@include text-body-xl;
font-weight: bold;
}
a {
text-decoration: none;
transition: 200ms;
&:hover,
&:focus,
&:active {
transform: scale(1.05) translateY(-6px);
}
}
}
.c-careers-locations-image-wrapper {
width: 200px;
img {
width: 100%;
}
}
}

Просмотреть файл

@ -0,0 +1,54 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
.job-post {
padding-bottom: $layout-lg;
ul {
list-style: disc;
margin-left: $spacing-xl;
}
li {
margin-bottom: 0.25em;
}
}
.job-header {
margin-top: $layout-md;
@media #{$mq-md} {
display: flex;
justify-content: space-between;
}
.job-title {
@include text-title-xs;
}
.title-location {
margin-bottom: $layout-sm;
}
}
.job-apply {
min-width: 200px;
max-width: 250px;
margin-bottom: $spacing-lg;
.mzp-c-menu-list-title {
@include font-base;
}
ul {
margin: 0;
}
}
#why .mzp-l-content {
padding-top: $spacing-xl;
padding-bottom: $spacing-xl;
}

Просмотреть файл

@ -0,0 +1,319 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
@use '../utils' as cp;
@use 'sass:color';
$image-path: '/media/protocol/img';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/modal';
.c-careers-testimonials {
// Hide pull quotes section if JS is disabled
&.no-js-hidden {
.no-js & {
@include hidden;
}
}
blockquote {
@include text-title-xs;
span {
background: $color-black;
color: $color-white;
line-height: 1.4;
}
}
.c-careers-testimonials-wrapper {
display: grid;
grid-template-columns: 1fr;
row-gap: $spacing-md;
.c-careers-testimonial-item {
padding: $spacing-xl + 15px $spacing-xl $spacing-xl $spacing-xl + 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&:nth-child(1) {
background-color: cp.$blue-primary;
&:hover {
background-color: color.scale(cp.$blue-primary, $alpha: -40%);
}
}
&:nth-child(3) {
background-color: color.scale(cp.$blue-primary, $alpha: -90%);
&:hover {
background-color: color.scale(cp.$blue-primary, $alpha: -70%);
}
}
&:nth-child(5) {
background-color: color.scale(cp.$blue-primary, $alpha: -70%);
&:hover {
background-color: color.scale(cp.$blue-primary, $alpha: -50%);
}
}
&:nth-child(7) {
background-color: color.scale(cp.$blue-primary, $alpha: -20%);
&:hover {
background-color: color.scale(cp.$blue-primary, $alpha: -40%);
}
}
&:nth-child(9) {
background-color: color.scale(cp.$blue-primary, $alpha: -50%);
&:hover {
background-color: color.scale(cp.$blue-primary, $alpha: -70%);
}
}
a {
color: $color-black;
font-weight: 300;
align-self: flex-start;
}
q {
@include font-mozilla;
@include font-size(28px);
color: $color-black;
font-weight: bold;
margin-bottom: $spacing-md;
position: relative;
&::before {
@include text-title-md;
content: '';
position: absolute;
top: -15px;
left: -20px;
color: $color-black;
font-weight: bold;
}
&::after {
@include text-title-md;
content: '';
position: absolute;
bottom: 0;
color: $color-black;
font-weight: bold;
}
}
&:hover {
cursor: pointer;
}
}
.c-careers-testimonial-image {
display: none;
}
@media #{$mq-md} {
grid-template-columns: 1fr 1fr;
column-gap: $spacing-md;
row-gap: $spacing-md;
.c-careers-testimonial-item {
q {
@include font-size(26px);
}
&:last-child {
grid-column: span 2;
}
}
.c-careers-testimonial-image {
display: block;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
&.one {
background-image: url('/media/img/careers/testimonials/perla.jpg');
}
&.two {
background-image: url('/media/img/careers/testimonials/lauren.jpg');
}
&.three {
background-image: url('/media/img/careers/testimonials/sunil.jpg');
}
&.four {
background-image: url('/media/img/careers/testimonials/tom.jpg');
}
@media #{$mq-high-res} {
&.perla {
background-image: url('/media/img/careers/testimonials/perla-high-res.jpg');
}
&.two {
background-image: url('/media/img/careers/testimonials/lauren-high-res.jpg');
}
&.three {
background-image: url('/media/img/careers/testimonials/sunil-high-res.jpg');
}
&.four {
background-image: url('/media/img/careers/testimonials/tom-high-res.jpg');
}
}
}
}
@media #{$mq-lg} {
grid-template-columns: repeat(3, 1fr);
row-gap: $spacing-lg;
.c-careers-testimonial-item {
// won't work for legacy browsers (won't break anything), but will help keep the sqaure shape on newer browsers
aspect-ratio: 1/1;
&:last-child {
grid-column: initial;
}
}
}
}
}
// Hide full testimonials if JS is enabled
.c-careers-full-testimonials {
.js & {
@include hidden;
}
}
.mzp-c-modal-inner.c-careers-full-testimonial-wrapper {
background-color: $color-white;
.c-careers-testimonials-modal {
width: 100%;
blockquote {
@include text-title-2xs;
font-weight: 400;
border: 0;
.c-careers-testimonial-quote {
position: relative;
p:nth-of-type(1n) {
&::before {
@include text-title-md;
content: '';
position: absolute;
top: -15px;
left: -20px;
color: $color-dark-gray-20;
font-weight: bold;
}
}
p:last-of-type {
&::after {
@include text-title-md;
content: '';
position: absolute;
bottom: -15px;
color: $color-dark-gray-20;
font-weight: bold;
}
}
}
}
}
}
// Styling modal citation section
.c-testimonials-citation {
border-left: 4px solid cp.$blue-primary;
padding-left: $spacing-lg;
cite {
@include text-title-xs;
font-weight: 700;
font-style: normal;
color: $color-dark-gray-20;
&::before {
content: '';
}
}
p {
@include text-body-sm;
@include font-base;
color: $color-dark-gray-20;
font-weight: 700;
margin-bottom: 0;
}
}
// styling modal controls
.c-careers-full-testimonial-wrapper {
.mzp-c-modal-close {
background: $color-black;
border-radius: 100%;
button {
cursor: pointer;
}
}
.c-modal-next {
@extend .mzp-c-modal-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
background: cp.$blue-primary;
right: 3.75rem;
.hide-next & {
display: none;
}
.c-modal-button-next {
background-image: url('/media/protocol/img/icons/arrow-right.svg');
}
}
.c-modal-prev {
@extend .mzp-c-modal-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
background: cp.$blue-primary;
right: 7.1rem;
.hide-next & {
right: 3.75rem;
}
.hide-prev & {
display: none;
}
.c-modal-button-prev {
background-image: url('/media/protocol/img/icons/arrow-left.svg');
}
}
.c-modal-button-next,
.c-modal-button-prev {
@extend .mzp-c-modal-button-close; /* stylelint-disable-line scss/at-extend-no-missing-placeholder */
}
}

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Различия файлов скрыты, потому что одна или несколько строк слишком длинны

Просмотреть файл

@ -0,0 +1,45 @@
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.
$image-path: '/media/protocol/img';
@use './components/hero-text.scss';
@use './components/hero-video.scss';
@use './components/home.scss';
@use './components/testimonials.scss';
@use './components/diversity.scss';
@use './components/locations.scss';
@use './components/job-listings.scss';
@use './components/position.scss';
@use './components/footer.scss';
@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/modal';
@import '~@mozilla-protocol/core/protocol/css/components/video';
@import '~@mozilla-protocol/core/protocol/css/components/call-out';
@import '~@mozilla-protocol/core/protocol/css/templates/card-layout';
@import '../protocol/components/custom-menu-list';
.c-careers {
.c-careers-section-title {
text-align: center;
}
.c-careers-button-wrapper {
margin: $spacing-lg auto;
text-align: center;
}
.mzp-c-picto {
.mzp-c-picto-image {
width: 160px;
margin-bottom: 0;
}
}
}
.c-careers-section-intro {
max-width: $content-md;
margin: 0 auto $layout-sm;
}

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 77 KiB

Двоичные данные
media/img/careers/beyond-the-browser.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 26 KiB

Двоичные данные
media/img/careers/careers-video-thumbnail.jpg Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 83 KiB

Двоичные данные
media/img/careers/diversity-video-thumbnail.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 767 KiB

Двоичные данные
media/img/careers/footer-remote-high-res.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 46 KiB

Двоичные данные
media/img/careers/footer-remote.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 40 KiB

Двоичные данные
media/img/careers/glassdoor_250x90.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 2.9 KiB

Двоичные данные
media/img/careers/hero-bg-diversity.jpg Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 127 KiB

Двоичные данные
media/img/careers/hero-bg-home.jpg Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 88 KiB

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style>.st1,.st3{fill:#fff;stroke:#000;stroke-width:5;stroke-miterlimit:10}.st3{fill:#00b7aa}.st7{fill:none}.st13,.st14,.st7{stroke:#000;stroke-width:5;stroke-miterlimit:10}.st14{fill:#84cfc8}</style><g id="Layer_1"><path class="st1" d="m187.1 121.9-26.7 7.3 12.4-27.9"/><path class="st3" d="m270.7 144.1-17.8 21.4c-4.4 5.3-12.2 6-17.4 1.6l-59.4-49.3c-11.2-9.3-12.7-25.9-3.4-37 9.3-11.2 25.9-12.7 37-3.4l59.4 49.3c5.3 4.3 6 12.1 1.6 17.4z"/><path class="st1" d="m133.9 169 17.8-9.3-4.5 22.1"/><path class="st14" d="M139.3 255.5H114c-6.8 0-12.4-5.5-12.4-12.4V193c0-13.8 11.2-25 25-25h.2c13.8 0 25 11.2 25 25v50.1c-.1 6.9-5.6 12.4-12.5 12.4z"/><path class="st1" d="m192.1 169 17.8-9.3-4.5 22.1"/><path class="st14" d="M197.5 255.5h-25.4c-6.8 0-12.4-5.5-12.4-12.4V193c0-13.8 11.2-25 25-25h.2c13.8 0 25 11.2 25 25v50.1c0 6.9-5.6 12.4-12.4 12.4z"/><path class="st7" d="M64 278.1h260.8M64 309.3h167.3l28.3 29.8M320.2 309.3h-42.6l28.3 29.8M239.8 170.7l-13.4 36.5M257.1 185.9l-7.8 21.3"/><circle class="st13" cx="124.6" cy="183.2" r="2.5"/><circle class="st13" cx="180.2" cy="183.9" r="2.5"/><circle class="st13" cx="188.4" cy="98.9" r="2.5"/><path d="M282 196.7c-30 8.6-41.8 11.4-85 11.4s-64.7-2.8-94.7-11.4c-32-9.2-35.1 17.8-31.8 33.9 4.1 20.1 7.2 47.5 29.3 47.5h184.6c22.1 0 25.3-27.4 29.3-47.5 3.4-16.1.4-43.1-31.7-33.9z" style="fill:#acd7f3;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path class="st7" d="M71.2 224.6h151M238 224.6h26.5M124.3 240.6h188.3M78.5 256.5h87.2"/><path class="st3" d="M346.1 187.2h-70.5c-28.5 0-51.6-23.7-51.6-52.9V90.6l122.1 96.6z"/></g></svg>

После

Ширина:  |  Высота:  |  Размер: 1.7 KiB

Просмотреть файл

@ -0,0 +1,87 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<polyline class="st15" points="148.2,111.5 68.9,250.7 285.5,250.7 244.6,173.7 137.1,133.6 "/>
<rect x="274.4" y="161.5" class="st24" width="5.4" height="5.4"/>
<rect x="89.2" y="129.4" class="st25" width="5.4" height="5.4"/>
<rect x="247.7" y="105.2" class="st24" width="5.4" height="5.4"/>
<rect x="282.8" y="96.2" class="st25" width="5.4" height="5.4"/>
<path class="st7" d="M68.9,250c0,0,66.6-5.7,66.6-117.9"/>
<path class="st7" d="M203,249.4c0,0-67.5-5.1-67.5-117.3"/>
<line class="st7" x1="248.3" y1="161.3" x2="215.5" y2="147.7"/>
<line class="st7" x1="211.1" y1="145.9" x2="202" y2="142.1"/>
<line class="st7" x1="41.8" y1="295.8" x2="170.2" y2="295.8"/>
<line class="st7" x1="53.3" y1="318.4" x2="117" y2="318.4"/>
<line class="st7" x1="63.4" y1="273.1" x2="84.9" y2="273.1"/>
<line class="st7" x1="91.9" y1="273.1" x2="187.3" y2="273.1"/>
<line class="st7" x1="124.4" y1="111.3" x2="203.8" y2="250.7"/>
<g>
<circle class="st1" cx="234.3" cy="204" r="11.7"/>
<path class="st3" d="M256.1,270.9h-43.7v-44c0-6.2,5-11.2,11.2-11.2h21.3c6.2,0,11.2,5,11.2,11.2V270.9z"/>
<g>
<line class="st1" x1="223.3" y1="270.9" x2="223.3" y2="318.4"/>
<line class="st1" x1="245.2" y1="270.9" x2="245.2" y2="318.4"/>
</g>
<polyline class="st0" points="234.3,192.3 212.4,192.3 212.4,246.4 234.3,246.4 234.3,192.3 "/>
</g>
<path class="st7" d="M327.9,75.6c1.4,4.2,2.2,8.8,2.2,13.5c0,23.4-19,42.4-42.4,42.4c-5.4,0-10.5-1-15.3-2.9
c6.8,11.7,19.5,19.6,34.1,19.6c21.8,0,39.5-17.7,39.5-39.5C346,94.9,338.8,82.7,327.9,75.6z"/>
<g>
<circle class="st1" cx="292.9" cy="204" r="11.7"/>
<path class="st0" d="M304.7,204c0-6.5-5.2-11.7-11.7-11.7s-11.7,5.2-11.7,11.7"/>
<path class="st3" d="M271.1,285.7h43.7v-58.8c0-6.2-5-11.2-11.2-11.2h-21.3c-6.2,0-11.2,5-11.2,11.2V285.7z"/>
<g>
<line class="st1" x1="303.9" y1="285.7" x2="303.9" y2="318.4"/>
<line class="st1" x1="282" y1="285.7" x2="282" y2="318.4"/>
</g>
<line class="st1" x1="281.2" y1="204" x2="316.1" y2="204"/>
</g>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 4.6 KiB

Просмотреть файл

@ -0,0 +1,72 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<rect x="38" y="280.6" class="st27" width="5.4" height="5.4"/>
<rect x="46.4" y="236.2" class="st20" width="5.4" height="5.4"/>
<rect x="362" y="98.3" class="st27" width="5.4" height="5.4"/>
<rect x="323.4" y="59.7" class="st27" width="5.4" height="5.4"/>
<rect x="352.9" y="116.3" class="st20" width="5.4" height="5.4"/>
<polyline class="st26" points="101.3,88.1 66.6,88.1 66.6,141 "/>
<polyline class="st26" points="66.6,141 66.6,306.3 336.8,306.3 336.8,88.1 101.3,88.1 "/>
<polyline class="st7" points="66.6,141 66.6,306.3 336.8,306.3 336.8,88.1 115.3,88.1 "/>
<rect x="83" y="103.7" class="st1" width="237.3" height="187.1"/>
<polyline class="st7" points="124,246.4 277.5,246.4 277.5,128.3 "/>
<path class="st1" d="M239.5,127.7C188.8,197.2,123,197.8,123,197.8"/>
<polyline class="st7" points="224.7,128.1 241.1,128.1 241.1,142.7 "/>
<rect x="137.9" y="231.3" class="st9" width="12.3" height="15"/>
<rect x="159.6" y="221.2" class="st14" width="12.3" height="25.2"/>
<rect x="181.2" y="209.9" class="st9" width="12.3" height="36.5"/>
<rect x="202.8" y="200.5" class="st21" width="12.3" height="45.9"/>
<rect x="224.5" y="182.2" class="st8" width="12.3" height="64.1"/>
<rect x="246.1" y="158.7" class="st15" width="12.3" height="87.6"/>
<line class="st1" x1="124" y1="263" x2="140.4" y2="263"/>
<line class="st1" x1="151.3" y1="263" x2="280.4" y2="263"/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 3.9 KiB

Просмотреть файл

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<rect x="85.2" y="133.8" transform="matrix(0.9979 -6.494750e-02 6.494750e-02 0.9979 -13.6997 14.2293)" class="st6" width="253.7" height="168.1"/>
<rect x="208.9" y="275" class="st17" width="59" height="38.4"/>
<path class="st0" d="M29.1,225.2l4.5-1.3l-1.3-6.8c-0.7-3.4,2.6-6.3,6.6-5.8l8,0.9l0.8-6.8c0.4-3.4,4.4-5.4,8.2-4.1l7.5,2.7
l2.8-6.4c1.4-3.2,6-4.2,9.2-2.1l6.5,4.2l4.7-5.5c2.3-2.7,7.1-2.7,9.6,0l5.1,5.5l6.2-4.2c3.1-2.1,7.7-1,9.4,2.2l3.3,6.4l7.3-2.6
c3.6-1.3,7.8,0.7,8.5,4.1l1.3,6.8l7.9-0.9c3.9-0.4,7.4,2.5,7,5.8l-0.8,6.8l8,0.9c4,0.4,6.5,4,5.1,7.1l-2.9,6.3l4.1,2.3
c4.3,2.4,3.7,7.9-1.1,9.2l-5-2.8l1.3,6.8c0.7,3.4-2.6,6.3-6.6,5.8l-8-0.9l-0.2,10.9c-0.4,3.4-4.4,5.4-8.2,4.1l-3.5-1.3
c1.7,6.1,4.3,10.3,8.3,15.2c1.2,1.4,0,3.5-1.8,3.3c-6.7-0.8-18.9-3.9-28.4-15.3l-0.7-0.7l-4.6,5.8c-2.3,2.7-7.1,2.7-9.6,0l-5.1-5.5
l-6.2,4.2c-3.1,2.1-7.7,1-9.4-2.2l-3.3-6.4l-7.3,2.6c-3.6,1.3-7.8-0.7-8.5-4.1l-1.3-6.8l-7.9,0.9c-3.9,0.4-7.4-2.5-7-5.8l0.8-6.8
l-8-0.9c-4-0.4-6.5-4-5.1-7.1l2.9-6.3l-4.1-2.3C24.1,232.2,24.8,226.4,29.1,225.2z"/>
<path class="st3" d="M271,153.7l-130.7-1.5c-11.5,0-20.8,11.1-20.8,24.9v37.4c0,13.7,9.3,24.9,20.8,24.9h17.4v25.5
c0,1.6,1.7,2.4,2.6,1.2l20.6-26.7l90,1.5c11.5,0,20.8-11.1,20.8-24.9v-37.4C291.8,164.9,282.4,153.7,271,153.7z"/>
<g>
<line class="st1" x1="214.9" y1="313.4" x2="208.9" y2="313.4"/>
<path class="st1" d="M210.9,289.4v-50.2c0-5.9,4.8-10.8,10.8-10.8h125.5c5.9,0,10.8,4.8,10.8,10.8v74.1H223.8"/>
<rect x="210.9" y="228.5" class="st21" width="147" height="20.5"/>
</g>
<path class="st14" d="M319,105.7c-1.2,0-2.4,0.1-3.6,0.3c-1.3-9.5-9.5-16.9-19.4-16.9c-3.2,0-6.2,0.8-8.8,2.1
c-1.7-9.1-9.6-16.1-19.3-16.1c-9.6,0-17.6,6.9-19.3,16.1c-2.7-1.3-5.7-2.1-8.8-2.1c-9.9,0-18.1,7.4-19.4,16.9
c-1.2-0.2-2.4-0.3-3.6-0.3c-10.8,0-19.6,8.8-19.6,19.6c0,10.8,8.8,19.6,19.6,19.6c1.2,0,2.4-0.1,3.6-0.3
c1.3,9.5,9.5,16.9,19.4,16.9c3.2,0,6.2-0.8,8.8-2.1c1.7,9.1,9.6,16.1,19.3,16.1c9.6,0,17.6-6.9,19.3-16.1c2.7,1.4,5.7,2.1,8.8,2.1
c9.9,0,18.1-7.4,19.4-16.9c1.2,0.2,2.4,0.3,3.6,0.3c10.8,0,19.6-8.8,19.6-19.6C338.6,114.4,329.8,105.7,319,105.7z"/>
<path class="st1" d="M126.3,174.1c-0.1,0-0.2,0-0.3,0c-9.1-0.7-18-4.5-24.9-11.5c-15.5-15.5-15.5-40.6,0-56.1s40.6-15.5,56.1,0
c15.5,15.5,13.8,38.9-1.7,54.4l1.7,1.7l10.7,10.7c0.9,0.9,0.2,2.5-1.1,2.5l-39.4-1.6c-0.2,0-0.3,0-0.5,0L126.3,174.1z"/>
<circle class="st14" cx="317" cy="171" r="8.9"/>
<circle class="st14" cx="335.1" cy="189.8" r="5.9"/>
<circle class="st14" cx="352.5" cy="201.7" r="4.3"/>
<rect x="218.1" y="235.9" width="5.6" height="5.6"/>
<rect x="229.4" y="235.9" width="5.6" height="5.6"/>
<rect x="240.6" y="235.9" width="5.6" height="5.6"/>
<rect x="174" y="110.6" class="st29" width="5.6" height="5.6"/>
<rect x="200.8" y="89.2" width="5.6" height="5.6"/>
<rect x="183" y="269.4" class="st17" width="5.6" height="5.6"/>
<rect x="307.6" y="210.1" class="st25" width="5.6" height="5.6"/>
<rect x="61.2" y="176" class="st29" width="5.6" height="5.6"/>
<g>
<line class="st7" x1="231.7" y1="272.5" x2="249.7" y2="272.5"/>
<line class="st7" x1="255.5" y1="272.5" x2="335.2" y2="272.5"/>
<line class="st7" x1="232" y1="289.4" x2="335.2" y2="289.4"/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.6 KiB

Просмотреть файл

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<g>
<rect x="173" y="144.1" class="st3" width="188" height="22.8"/>
<polygon class="st1" points="237.2,165 196.2,165 199,155.1 234.4,155.1 "/>
<rect x="173" y="166.9" class="st1" width="188.3" height="102.9"/>
<rect x="173" y="166.9" class="st1" width="188.3" height="12.9"/>
</g>
<rect x="318" y="90.9" class="st29" width="5.7" height="5.7"/>
<rect x="157.3" y="88" width="5.7" height="5.7"/>
<rect x="285" y="119.9" width="5.7" height="5.7"/>
<rect x="60.7" y="108.5" width="5.7" height="5.7"/>
<rect x="74.8" y="124.9" class="st33" width="5.7" height="5.7"/>
<rect x="272.6" y="88.9" class="st24" width="5.7" height="5.7"/>
<g>
<path class="st0" d="M262.2,126.1c-3.7-1.4-7.7-0.5-10.4,2l0-1.4l0.2-6.5l1-35.6c0.2-5.5-4.2-10.1-9.7-10.3
c-2.3-0.1-4.5,0.7-6.2,2l-6.8-0.2c-2.3-0.1-4.5,0.7-6.2,2l-4.9-0.1c-5.5-0.2-10.1,4.2-10.3,9.7l-0.1,4.1
c-5.4,0-13.8,4.4-14.1,15.1l-0.3,11.8l-0.9,31.8l0,45.1l43.8,67.5l50.6-28l-37.6-50.2l17.7-45.8
C269.9,133.8,267.4,128,262.2,126.1z"/>
<line class="st14" x1="208.8" y1="91.8" x2="207.9" y2="136.8"/>
<path class="st0" d="M220.3,135l1.4-49.1c0.2-5.5,4.8-9.9,10.3-9.7l4.6,0.1"/>
<line class="st14" x1="233.6" y1="134.7" x2="235.2" y2="78.5"/>
<line class="st14" x1="252.1" y1="128.1" x2="239" y2="162.6"/>
</g>
<g>
<rect x="38.8" y="194" class="st3" width="188" height="22.8"/>
<polygon class="st1" points="103,214.9 62.1,214.9 64.9,205 100.2,205 "/>
<rect x="38.8" y="216.8" class="st1" width="188.3" height="102.9"/>
<rect x="38.8" y="216.8" class="st1" width="188.3" height="12.9"/>
</g>
<g>
<path class="st14" d="M87.1,147.7c3.7-1.5,7.7-0.6,10.4,1.9l-0.1-1.4l-0.3-6.5l-1.4-35.6c-0.2-5.5,4.1-10.2,9.6-10.4
c2.3-0.1,4.5,0.7,6.2,1.9l6.8-0.3c2.3-0.1,4.5,0.7,6.2,1.9l4.9-0.2c5.5-0.2,10.2,4.1,10.4,9.6l0.2,4.1c5.4,0,13.8,4.3,14.3,15
l0.5,11.8l1.2,31.8l0.5,45.1l-60.8,81.2l-43.7-35l47.7-56.3l-18.2-45.6C79.5,155.5,82,149.7,87.1,147.7z"/>
<line class="st14" x1="140.1" y1="112.8" x2="141.5" y2="157.8"/>
<path class="st14" d="M129.1,156.1l-1.9-49.1c-0.2-5.5-4.9-9.8-10.4-9.6l-4.6,0.2"/>
<line class="st14" x1="115.8" y1="156" x2="113.7" y2="99.9"/>
<line class="st14" x1="97.2" y1="149.6" x2="110.6" y2="184"/>
</g>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 4.8 KiB

Просмотреть файл

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<path d="M140,136c1-9.6,7.4-17.3,14.9-17.3c7.5,0,13.9,7.7,14.9,17.3h8.9c-1.1-14.2-11.4-25.3-23.8-25.3s-22.7,11.2-23.8,25.3H140
z"/>
<g>
<g>
<circle class="st8" cx="167" cy="82.4" r="9.5"/>
<path class="st9" d="M116.3,111.9c-0.3-12,8-22.5,19.7-25.1l5.5-1.2c0.5-3,2.4-5.6,5.3-7c4.3-2,9.2-0.6,11.8,3.2l35.6-7.9
c9-2.5,18.5,1.9,22.5,10.3l6.9,14.6l-8.4,4c4.4,9.3,0.4,20.3-8.9,24.7l-13.6,6.4l-3.3,1.5c-11.6,5.5-13.4,17.3,3,29.4
c21.7,16,14.4,40.8,14.4,40.8l-95.6,10.4L81.9,213c-7.1-4.8,1.3-18,1.6-18.1c18-5.8,31.6-19.1,31.6-38.4L116.3,111.9z"/>
<g>
<path class="st7" d="M207.1,106.5l-1.9,5.3c-0.6,1.6-2.3,2.4-3.9,1.8l-5.3-1.9l-1.9,5.3c-0.6,1.6-2.3,2.4-3.9,1.8l-5.3-1.9
l-1.9,5.3c-0.6,1.6-2.3,2.4-3.9,1.8l-5.3-1.9"/>
</g>
<path class="st10" d="M209.2,75.9c-0.4,2.9-2.2,5.6-5.1,6.9c-4.5,2.1-9.9,0.2-12-4.3c-0.6-1.3-0.9-2.7-0.9-4.1l2.8-0.6
C199.4,72.3,204.8,73.2,209.2,75.9z"/>
<path class="st7" d="M136.7,126.5c-0.6-0.8-1.1-1.6-1.5-2.5l-1.5-3.3"/>
<path class="st7" d="M154.9,131.1L154.9,131.1c-4.4,2.1-9.3,1.8-13.2-0.3"/>
<path class="st10" d="M115.5,141.4c0,0,14.2,6,14.1,15.4c-0.1,12.6-16.4,12.6-16.4,12.6c1.7-5.1,1.9-11.1,2.1-17.9
C115.3,147.2,115.5,141.4,115.5,141.4z"/>
</g>
<path class="st7" d="M157.1,94.5c0-2.6-2.1-4.7-4.7-4.7c-2.6,0-4.7,2.1-4.7,4.7"/>
</g>
<circle cx="153.1" cy="95.8" r="8.8"/>
<path class="st17" d="M149,92.4h4.2v4.2H149V92.4z"/>
<path class="st1" d="M216.5,186.9L216.5,186.9l-7,5.8l-11.3,10.2c-4-3.4-12.9-10.9-16.9-14.2l-16.5,13.7l-16.5-13.7l-16.5,13.7
l-16.4-13.7l-16.9,14.2c-2-1.8-16.5-14.8-18.2-16C25.6,341.3,271,358.2,216.5,186.9z"/>
<path d="M182.2,235.8h8.3v8.3h-8.3V235.8z"/>
<path d="M151.1,275h8.3v8.3h-8.3V275z"/>
<path d="M88.6,228.5h8.3v8.3h-8.3V228.5z"/>
<path class="st15" d="M192.5,198.6c-3.2,17.6-18.6,32-37.1,30.9c-28.2-1.7-33.5-32.2-35.7-36.8c-0.1-0.1,0.1-0.2,0.2-0.2l12,10
l16.5-13.7l16.5,13.7l16.5-13.7c2.6,2.2,7.4,6.1,11.4,9.6L192.5,198.6z"/>
<path class="st15" d="M221.7,250.7c-3.6,21-14,36.2-27.8,45.9l-0.8,0.6c-3.6-15.4,1.2-36.3,16-43.7c4.1-2,8.3-3.2,12.6-3.6
L221.7,250.7z"/>
<path class="st1" d="M304,246.4l-3,0l-9.8,0l-4.4,0l-6.7,14.4l-17.2,0.1l-1.7,3.7l-3.8,8.1l-1.2,2.5l-17.2,0.1l-9,19.2l1.4,1.9
c18.7,25.6,57.3,32.4,85.9,15.1c28.6-17.3,36.6-52.1,17.9-77.7l-1.4-1.9l-22.9,0.1L304,246.4z"/>
<path class="st15" d="M137.1,287c0-19.4-15.7-35.2-35.2-35.2c-9,0-23.9,9-23.9,9c7.2,20.6,28.8,38.8,53.2,45.6
C131.2,306.5,137.1,294.3,137.1,287z"/>
<path class="st15" d="M238.4,276.6c6.3,3.9,28.1,21.1,49.8,5.7c11.6-8.3,12-23.8,6.6-35.8h-7.9l-6.7,14.4l-17.2,0.1l-6.7,14.4
l-17.2,0.1L238.4,276.6z"/>
<path d="M315.4,280.2h8.3v8.3h-8.3V280.2z"/>
<path class="st7" d="M98.1,307.8c6.9,4.4,14.3,7.8,22,10.4"/>
<path class="st7" d="M54.6,229.6c1.1,31.6,14.7,55.5,34,71.4"/>
<polyline class="st7" points="269.4,244 276.8,228.5 294.1,228.5 298.5,213.1 "/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.4 KiB

Просмотреть файл

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
<g>
<path class="st14" d="M221.9,177.4c8.3-3.8,23.1,1.6,42.8,28.7h0c6.2,0.4,10.8-5.5,8.8-11.4v0c-2.5-7.5-6.4-14.4-11.8-20.3
c-16.7-18.3-32.3-22.6-39.4-19.4"/>
<g>
<circle class="st1" cx="322.1" cy="232.2" r="8.3"/>
<path class="st15" d="M330,234.8c1.5-4.3-0.9-9-5.2-10.5c-4.3-1.5-9,0.9-10.5,5.2"/>
<path class="st3" d="M305.6,291.3h30.9v-34.1c0-8.5-6.9-15.5-15.5-15.5h0c-8.5,0-15.5,6.9-15.5,15.5V291.3z"/>
<g>
<line class="st1" x1="328.8" y1="291.3" x2="328.8" y2="314.4"/>
<line class="st1" x1="313.4" y1="291.3" x2="313.4" y2="314.4"/>
</g>
<line class="st1" x1="314.2" y1="229.5" x2="337.7" y2="237.4"/>
</g>
<circle class="st15" cx="279.2" cy="88.8" r="11.2"/>
<path class="st14" d="M223.6,302.5h-16.8l-13-32.6c2.3,0.4,4.7,0.5,7.1,0.5c25.9,0,46.9-21,46.9-46.9c0-25.9-21-46.9-46.9-46.9
s-46.9,21-46.9,46.9c0,7.7,1.9,15,5.2,21.4c-6.2,2.3-9.8,9.4-7.1,16.1l21.3,53.4h5.6h32.6h24C235.5,307.9,230.2,302.5,223.6,302.5
z"/>
<path class="st9" d="M309.9,102.6l-37.9-21.1c0.7-5.4-2.6-10.6-8-12.1c-3.7-1.1-7.4-0.2-10.2,2l-5.8-3.2
c-12.5-6.9-28.1-4.1-37.3,6.8l-11.5,13.5l-29.1,34.3c-29.4,35-65.1,72.5-129.9,38.7c-7.7-4-15.9,4.4-11.6,12
c20.5,36.7,58.1,96.4,125.4,96.4c63.3,0,75.8-40.2,75.8-83.6c0-24.6,12.7-37.1,27.3-32.7l4.1,1.2l17.1,5
c11.7,3.4,23.9-3.2,27.3-14.9l10.6,3.1l5.4-18.4C324.9,118.8,319.9,107.5,309.9,102.6z"/>
<g>
<path class="st7" d="M295.6,141.8l-5.8,3.2c-1.8,1-3.9,0.3-4.9-1.4l-3.2-5.8l-5.8,3.2c-1.8,1-3.9,0.3-4.9-1.4l-3.2-5.8l-5.8,3.2
c-1.8,1-3.9,0.3-4.9-1.4l-3.2-5.8"/>
</g>
<path class="st8" d="M321.6,116.3c-2.7,2.3-6.4,3.2-10,2.2c-5.7-1.7-8.9-7.6-7.2-13.3c0.5-1.7,1.4-3.1,2.5-4.3l3,1.7
C315.7,105.4,319.8,110.5,321.6,116.3z"/>
<path class="st7" d="M217.3,104c0.1-1.1,0.3-2.3,0.6-3.4l1.2-4.1"/>
<path class="st7" d="M229.9,122.5L229.9,122.5c-5.5-1.6-9.6-5.7-11.5-10.7"/>
<path class="st15" d="M194.8,93.8c6.2,5.9,6.6,15.6,0.9,22.1c-5.6,6.2-14.9,7.1-21.5,2.1L194.8,93.8z"/>
<path class="st7" d="M260.7,91.7c2-2.3,1.8-5.8-0.5-7.8c-2.3-2-5.8-1.8-7.8,0.5"/>
<path class="st9" d="M187.5,302.5h-16.8l-13-32.6c2.3,0.4,4.7,0.5,7.1,0.5c25.9,0,46.9-21,46.9-46.9c0-25.9-21-46.9-46.9-46.9
c-25.9,0-46.9,21-46.9,46.9c0,7.7,1.9,15,5.2,21.4c-6.2,2.3-9.8,9.4-7.1,16.1l21.3,53.4h5.6h32.6h24
C199.4,307.9,194.1,302.5,187.5,302.5z"/>
<path class="st7" d="M117.8,223.6c0-25.9,21-46.9,46.9-46.9s46.9,21,46.9,46.9s-21,46.9-46.9,46.9c-8.1,0-15.7-2-22.3-5.7"/>
<line class="st1" x1="43.9" y1="314.4" x2="367.5" y2="314.4"/>
<g>
<polygon class="st15" points="272.1,183.2 249.2,196.5 249.2,222.7 272.2,236.1 295.1,222.7 295.1,196.5 "/>
<g>
<polyline class="st7" points="295.1,196.5 272.2,209.8 249.2,196.5 "/>
</g>
<line class="st16" x1="272.2" y1="209.8" x2="272.2" y2="236.1"/>
</g>
<path class="st9" d="M227,166.1c-2.7,8.7,4.4,22.8,33.7,39v0c1.2,6.1-4.2,11.4-10.2,10.2h0c-7.7-1.6-15.1-4.6-21.5-9.2
c-20.2-14.3-26.4-29.3-24.1-36.7"/>
</g>
</g>
<g id="Layer_1">
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.4 KiB

Просмотреть файл

@ -0,0 +1,97 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
<g>
<path class="st5" d="M160.6,123.7l-14.6-6.9c-2.8-1.3-4-4.7-2.7-7.5l4.7-10l24.9,11.7l-4.7,10C166.7,123.8,163.4,125,160.6,123.7z
"/>
<circle class="st6" cx="72.4" cy="111.8" r="20.9"/>
<path class="st3" d="M345.6,205.8c-1.3-1.7-2.6-3.2-4-4.4H229.3c-12.7-0.9-26-1.4-39.7-1.4s-27,0.5-39.7,1.4H37.5
c-1.4,1.2-2.8,2.7-4,4.4c-8.2,10.9-9.7,25.2-4.7,37.4c-4.8,11.6-3.6,25.2,3.6,35.9c12,20.6,77.7,36.4,157.1,36.4
c71.5,0,132-12.8,152-30.5h0c0,0,0.1-0.1,0.1-0.1c2-1.8,3.6-3.7,4.8-5.5c7.4-10.7,8.7-24.5,3.8-36.2
C355.3,230.9,353.8,216.6,345.6,205.8z"/>
<path class="st7" d="M118.9,281.9c21.3,2.9,45.2,4.5,70.6,4.5c60.5,0,113.1-9.2,140-22.7"/>
<path class="st7" d="M53.8,265.7c12.7,5.7,30.2,10.5,50.8,14"/>
<ellipse class="st1" cx="189.5" cy="214.1" rx="159.1" ry="43.2"/>
<ellipse class="st0" cx="189.5" cy="214.1" rx="140" ry="28.1"/>
<path class="st8" d="M250.3,202.8l34.5-34.4c1.9-1.9,4.9-2.4,7.3-1.2l0,0c2.5,1.2,3.9,3.8,3.6,6.5l-3.3,29.1l0,0
c-11.5,11.6-30.2,11.7-41.8,0.3L250.3,202.8z"/>
<path class="st8" d="M130.5,202.8l-34.5-34.4c-1.9-1.9-4.9-2.4-7.3-1.2l0,0c-2.5,1.2-3.9,3.8-3.6,6.5l3.3,29.1l0,0
c11.5,11.6,30.2,11.7,41.8,0.3L130.5,202.8z"/>
<g>
<g>
<circle class="st8" cx="177.2" cy="113.3" r="10.8"/>
<path class="st9" d="M233.8,207.3l1-43.2l0,0l0.4-17.1c0.3-13.7-9.1-25.7-22.5-28.7l-6.2-1.4c-0.6-3.4-2.7-6.4-6-8
c-4.8-2.3-10.5-0.6-13.5,3.6l-40.6-9.1c-10.3-2.8-21.2,2.1-25.7,11.8l-7.9,16.7l9.6,4.5c-5,10.6-0.5,23.2,10.1,28.1l15.5,7.3
l3.7,1.7c13.3,6.3,14.3,28-8.2,33.6l7.5,4.5C176.9,227.3,209.7,225.5,233.8,207.3L233.8,207.3z"/>
<g>
<path class="st7" d="M131.5,140.9l2.2,6c0.6,1.8,2.6,2.7,4.4,2.1l6-2.2l2.2,6c0.6,1.8,2.6,2.7,4.4,2.1l6-2.2l2.2,6
c0.6,1.8,2.6,2.7,4.4,2.1l6-2.2"/>
</g>
<path class="st10" d="M129.1,105.9c0.4,3.3,2.5,6.4,5.8,7.9c5.1,2.4,11.3,0.2,13.7-4.9c0.7-1.5,1-3.1,1-4.7l-3.2-0.7
C140.3,101.9,134.1,102.9,129.1,105.9z"/>
<path class="st7" d="M211.9,163.7c0.6-0.9,1.2-1.8,1.7-2.8l1.8-3.7"/>
<path class="st7" d="M191,169L191,169c5,2.4,10.6,2.1,15.1-0.3"/>
<path class="st10" d="M234.6,170.8c-8.2,0.3-14.7,7-14.7,15.3c0,8,6.2,14.6,14.1,15.2L234.6,170.8z"/>
</g>
<path class="st7" d="M188.5,127.2c0-2.9,2.4-5.3,5.3-5.3c2.9,0,5.3,2.4,5.3,5.3"/>
</g>
<rect x="243" y="159.5" width="5" height="5"/>
<rect x="72.1" y="171" width="5" height="5"/>
<rect x="303" y="209.1" width="5" height="5"/>
<rect x="40" y="246.3" width="5" height="5"/>
<rect x="130.7" y="217.8" width="5" height="5"/>
<rect x="360.9" y="242.8" width="5" height="5"/>
<rect x="45.9" y="130.1" class="st11" width="5" height="5"/>
<path class="st12" d="M250.2,299.9c15.2-1,47.7-6.7,57.8-11.1"/>
<path class="st12" d="M150.4,268.7c25.5,2.2,65,4,94-2"/>
<line class="st5" x1="205.7" y1="125.7" x2="239.9" y2="141.8"/>
<path class="st13" d="M180.8,114l-10-4.7c5.5,2.6,7.9,9.2,5.3,14.8c-1.3,2.8-0.1,6.2,2.7,7.5l14.6,6.9c2.8,1.3,6.2,0.1,7.5-2.7
l4.7-10L180.8,114z"/>
</g>
</g>
<g id="Human">
</g>
<g id="Layer_1">
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.5 KiB

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style>.st7{fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:10}.st11{fill:#d4e9f8}.st24{fill:#acd7f3}.st25{fill:#00b7aa}</style><g id="Layer_1"><path class="st11" d="M167.9 276.8c-1.9-26.2-23.7-46.8-50.3-46.8-26.6 0-48.4 20.6-50.3 46.8h100.6z"/><path class="st11" d="M86 276.8c-1-14.1-12.7-25.2-27.1-25.2-14.3 0-26.1 11.1-27.1 25.2H86zM181.4 276.8c-.8-11-10-19.7-21.2-19.7s-20.4 8.7-21.2 19.7h42.4zM358.5 168.9c-1.9-26.2-23.7-46.8-50.3-46.8-26.6 0-48.4 20.6-50.3 46.8h100.6z"/><path class="st11" d="M276.7 168.9c-1.2-17.2-15.6-30.8-33.1-30.8s-31.8 13.6-33.1 30.8h66.2z"/><path d="M335.2 263.5c-4.1-61.8-52.3-110.6-111.1-110.6s-107 48.8-111.1 110.6h222.2z" style="fill:#fff"/><path class="st24" d="M69.4 238.2h4.2v4.2h-4.2z"/><path class="st25" d="M333.1 183.2h4.2v4.2h-4.2z"/><path class="st24" d="M260.8 114.5h4.2v4.2h-4.2z"/><path class="st25" d="M78.8 219.4H83v4.2h-4.2z"/><path class="st7" d="M156.3 263.5S167.7 154 223.8 154s68.8 107.5 68.8 107.5M223.2 154v109.5M123.3 218.5h202.3"/><path class="st7" d="M335.2 263.6c0-61.2-49.6-110.7-110.7-110.7-61.2 0-110.7 49.6-110.7 110.7M96.8 245.5c2.7-19.2 9.7-37.1 19.9-52.6M124.2 183.1c3.4-3.6 7-7 10.9-10.1"/><path d="M214.1 155.5c0 7.8-14.1 27.4-14.1 27.4s-14-19.6-14-27.4 6.3-14.1 14.1-14.1 14 6.4 14 14.1z" style="fill:#00b7aa;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path d="M188.9 223.2c0 7.9-14.4 28-14.4 28s-14.4-20.1-14.4-28c0-7.9 6.4-14.4 14.4-14.4s14.4 6.5 14.4 14.4z" style="fill:#82c7ee;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path d="M275.4 200.2c0 7.9-14.4 28-14.4 28s-14.4-20.1-14.4-28c0-7.9 6.4-14.4 14.4-14.4s14.4 6.5 14.4 14.4z" style="fill:#84cfc8;stroke:#000;stroke-width:5;stroke-miterlimit:10"/></g></svg>

После

Ширина:  |  Высота:  |  Размер: 1.8 KiB

Просмотреть файл

@ -0,0 +1,91 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<polyline class="st11" points="289.3,131.6 303.7,105.7 334.2,169.7 302.6,169.7 "/>
<circle class="st7" cx="205.6" cy="210.3" r="100.2"/>
<rect x="291.3" y="89.8" class="st11" width="4.4" height="4.4"/>
<rect x="242.6" y="98.7" class="st11" width="4.4" height="4.4"/>
<path class="st3" d="M205.6,310.5c54.2,0,98.3-43,100.1-96.7l-64,64c-3.2,3.2-8.3,3.7-11.8,0.9c-4-3.3-4.2-9.2-0.4-13
c2.9-3.4,21.3-17.3,7-31c-6.4-6.1-16.5-5.8-22.7,0.4l-40.2,38.3c-3.3,3.3-10.2,7-15.6,1.8c-5.4-5.2-1.9-11.1,2.2-15.2l17.5-15.7
c6-6,6.7-15.8,1.1-22.2c-6.1-7-16.9-7.3-23.3-0.8l-11.8,11.8c-2,2-5.2,2.5-7.6,0.9c-3.3-2.2-3.6-6.6-1-9.2l7.1-7.1
c6.3-6.3,7.1-16.6,1.2-23.3c-6.5-7.4-17.7-7.6-24.5-0.9l-13.3,10.5c-0.1,2.1-0.2,4.1-0.2,6.2C105.4,265.6,150.3,310.5,205.6,310.5
z"/>
<path class="st3" d="M172.3,140.7c6.8,6.8,17.8,6.8,24.6,0l5.9-5.9c4-4,10.4-4,14.3,0c4,4,4,10.3,0,14.3L203,163.3
c-6.8,6.8-6.8,17.8,0,24.6c6.8,6.8,17.8,6.8,24.6,0l38.2-38.2c2.9-2.9,7.7-2.9,10.6,0c2.9,2.9,2.9,7.7,0,10.6l-7.3,7.3
c-6,6-6,15.7,0,21.7s15.7,6,21.7,0l9.7-10.9c-13.3-39.7-50.8-68.3-95-68.3c-11.2,0-22,1.9-32.1,5.3l-1.2,0.7
C165.6,122.9,165.6,133.9,172.3,140.7z"/>
<path class="st7" d="M124.6,133.3c1.1-1.1,2.2-2.3,3.3-3.4"/>
<path class="st7" d="M99,176.6c3.9-12.3,9.9-23.7,17.5-33.7"/>
<g>
<rect x="120" y="207.2" class="st15" width="34.3" height="97.7"/>
<rect x="58.5" y="231.9" class="st15" width="61.6" height="73"/>
<rect x="75.1" y="262" class="st15" width="25.2" height="43"/>
<line class="st15" x1="131.5" y1="214.2" x2="131.5" y2="221.5"/>
<line class="st15" x1="143.2" y1="214.2" x2="143.2" y2="221.5"/>
<line class="st15" x1="131.1" y1="229.2" x2="131.1" y2="236.4"/>
<line class="st15" x1="142.9" y1="229.2" x2="142.9" y2="236.4"/>
<line class="st15" x1="131.1" y1="244.1" x2="131.1" y2="251.4"/>
<line class="st15" x1="142.9" y1="244.1" x2="142.9" y2="251.4"/>
<line class="st15" x1="69.8" y1="244.1" x2="69.8" y2="251.4"/>
<line class="st15" x1="81.6" y1="244.1" x2="81.6" y2="251.4"/>
<line class="st15" x1="96.1" y1="244.1" x2="96.1" y2="251.4"/>
<line class="st15" x1="107.9" y1="244.1" x2="107.9" y2="251.4"/>
<line class="st15" x1="131.1" y1="259" x2="131.1" y2="266.3"/>
<line class="st15" x1="142.9" y1="259" x2="142.9" y2="266.3"/>
<line class="st15" x1="131.1" y1="274" x2="131.1" y2="281.2"/>
<line class="st15" x1="142.9" y1="274" x2="142.9" y2="281.2"/>
<line class="st15" x1="131.1" y1="288.9" x2="131.1" y2="296.2"/>
<line class="st15" x1="142.9" y1="288.9" x2="142.9" y2="296.2"/>
</g>
<polyline class="st21" points="334.2,169.7 303.7,105.7 296.5,118.6 "/>
<polyline class="st21" points="218,170.4 245,117.5 254,117.5 270.5,83.5 293.7,135.1 300,135.1 315.6,170.4 "/>
<polygon class="st1" points="258.9,107.3 267.4,119.9 275.6,112.2 288.2,122.8 270.5,83.5 "/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.4 KiB

Просмотреть файл

@ -0,0 +1,160 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<path class="st6" d="M203.6,100.5v51.6h-15.1V165h-15.1v12.9h-15.1v12.9h-15.1v12.9h-15.1v12.9h-15.1v-12.9H98.1v-12.9H83v-12.9
H67.9V165H52.8v-12.9H37.7v-51.6h15.1V87.6h15.1V74.7h30.1v12.9h15.1v12.9h15.1V87.6h15.1V74.7h30.2v12.9h15.1v12.9L203.6,100.5z"
/>
<rect x="138.4" y="112.9" transform="matrix(0.9854 -0.1703 0.1703 0.9854 -30.0466 43.1474)" class="st17" width="196.1" height="167.5"/>
<polyline class="st7" points="146.9,264.2 123.9,131.1 318.7,97.4 324.8,132.5 "/>
<line class="st7" x1="160.1" y1="294.9" x2="150.3" y2="296.5"/>
<polyline class="st7" points="327.3,146.8 347.3,262.5 168,293.5 "/>
<rect x="137.1" y="148.4" class="st29" width="5.5" height="5.5"/>
<rect x="312.2" y="209.1" width="5.5" height="5.5"/>
<rect x="320.5" y="286.1" class="st29" width="5.5" height="5.5"/>
<rect x="80.9" y="123.2" class="st17" width="5.5" height="5.5"/>
<g>
<path class="st9" d="M272.9,213.2c0,0-5.9-8.7-12-11c-16.4-6.3-31.4,2.1-39.1,22.1c-7.3,18.9-2.1,47.2,15.2,53.9
c4.3,1.6,7,1.8,11,1.9c3,2.7,5.2,4.4,9.4,6c17.4,6.7,40.2-10.8,47.5-29.7c7.7-19.9,2.3-36.2-14.1-42.6l0,0
c-6.3-2.4-10.7-1.8-14.2-1.3L272.9,213.2z M273.5,200.4c-5.2-2-9.2-4.8-11.9-8.2c-4.7-5.9-5.5-13.8-5.6-18.5
c1.4,0.3,3,0.8,4.8,1.5c5.2,2,9.2,4.8,11.9,8.2c4.7,5.9,5.5,13.8,5.6,18.5C276.9,201.6,275.2,201.1,273.5,200.4z"/>
<path class="st7" d="M256.7,213.5c0,0,10.9,17.1,26.9,10.4"/>
<path class="st7" d="M268.2,223.6c0,0,11.9-33.1,26.9-28.1"/>
</g>
<g>
<path class="st0" d="M294.2,258.6c-3.4,0-6.1,2.7-6.1,6.1c0-3.4-2.7-6.1-6.1-6.1c-3.4,0-6.1,2.7-6.1,6.1v-6.6
c0-3.4-2.7-6.1-6.1-6.1s-6.1,2.7-6.1,6.1v-16.5c0-3.4-2.7-6.1-6.1-6.1c-3.4,0-6.1,2.7-6.1,6.1v24.9V281H246c-2,0-3.7,1.6-3.7,3.7
v9.4c0,4.9,4,8.9,8.9,8.9l0,0v16.3h49v-39.6v-13.2v-1.8C300.3,261.3,297.6,258.6,294.2,258.6z"/>
<g>
<line class="st0" x1="251.3" y1="266.5" x2="251.3" y2="281"/>
<line class="st0" x1="263.6" y1="258.1" x2="263.6" y2="270"/>
<line class="st0" x1="275.8" y1="264.7" x2="275.8" y2="274.4"/>
<line class="st0" x1="288.1" y1="264.7" x2="288.1" y2="276.6"/>
<line class="st0" x1="300.3" y1="266.5" x2="300.3" y2="281"/>
</g>
</g>
<g>
<rect x="207.7" y="118.3" transform="matrix(0.9812 0.1929 -0.1929 0.9812 29.9414 -46.1273)" class="st14" width="88.3" height="24.7"/>
<rect x="295.5" y="109.3" transform="matrix(0.9812 0.1929 -0.1929 0.9812 33.0911 -56.1378)" class="st14" width="18.7" height="65.2"/>
<rect x="313.9" y="120.8" transform="matrix(0.9812 0.1929 -0.1929 0.9812 34.1387 -59.6332)" class="st14" width="18.7" height="49.4"/>
<rect x="332.4" y="133.6" transform="matrix(0.9812 0.1929 -0.1929 0.9812 35.1863 -63.1287)" class="st14" width="18.7" height="31"/>
<rect x="190" y="87.8" transform="matrix(-0.9812 -0.1929 0.1929 -0.9812 371.7076 276.9244)" class="st14" width="18.7" height="65.2"/>
<rect x="171.5" y="92.1" transform="matrix(-0.9812 -0.1929 0.1929 -0.9812 335.8087 266.1652)" class="st14" width="18.7" height="49.4"/>
<rect x="153" y="97.6" transform="matrix(-0.9812 -0.1929 0.1929 -0.9812 299.9098 255.406)" class="st14" width="18.7" height="31"/>
<g>
<path class="st1" d="M226.2,140.7c3.3,0.6,6.5-1.5,7.2-4.8c-0.6,3.3,1.5,6.5,4.8,7.2c3.3,0.6,6.5-1.5,7.2-4.8l-0.2,1.3
c-0.6,3.3,1.5,6.5,4.8,7.2c3.3,0.6,6.5-1.5,7.2-4.8l-0.4,1.6c-0.6,3.3,1.5,6.5,4.8,7.2c3.3,0.6,6.5-1.5,7.2-4.8l2-9.8l2.8-14.2
l5.2,1c2,0.4,3.9-0.9,4.3-2.9l1.8-9.3c0.9-4.8-2.2-9.5-7.1-10.5l0,0l3.1-16l-48.1-9.3l-7.6,38.9l-2.5,13l-1.4,6.9
C220.7,136.9,222.9,140.1,226.2,140.7z"/>
<g>
<line class="st1" x1="270.8" y1="136" x2="273.6" y2="121.8"/>
<line class="st1" x1="257.2" y1="141.9" x2="260.8" y2="123.4"/>
<line class="st1" x1="245.4" y1="138.2" x2="248.7" y2="121.3"/>
<line class="st1" x1="233.3" y1="136.8" x2="236.7" y2="119.1"/>
<line class="st1" x1="222.7" y1="126.6" x2="225.5" y2="112.4"/>
</g>
</g>
</g>
<rect x="79.7" y="215.7" transform="matrix(0.9371 -0.349 0.349 0.9371 -74.8691 49.645)" class="st15" width="41.3" height="33.7"/>
<g>
<g>
<rect x="89.9" y="227.3" transform="matrix(0.9371 -0.349 0.349 0.9371 -74.2616 46.543)" class="st27" width="4.2" height="4.2"/>
<rect x="102.4" y="222.6" transform="matrix(0.9371 -0.349 0.349 0.9371 -71.8568 50.6029)" class="st27" width="4.2" height="4.2"/>
</g>
<g>
<rect x="94.1" y="238.4" transform="matrix(0.9371 -0.349 0.349 0.9371 -77.8813 48.687)" class="st27" width="4.2" height="4.2"/>
<rect x="106.6" y="233.8" transform="matrix(0.9371 -0.349 0.349 0.9371 -75.4765 52.7469)" class="st27" width="4.2" height="4.2"/>
</g>
</g>
<rect x="151.5" y="189" transform="matrix(0.9371 -0.349 0.349 0.9371 -61.0252 73.0173)" class="st15" width="41.3" height="33.7"/>
<g>
<g>
<rect x="161.7" y="200.5" transform="matrix(0.9371 -0.349 0.349 0.9371 -60.4177 69.9154)" class="st27" width="4.2" height="4.2"/>
<rect x="174.2" y="195.9" transform="matrix(0.9371 -0.349 0.349 0.9371 -58.013 73.9753)" class="st27" width="4.2" height="4.2"/>
</g>
<g>
<rect x="165.9" y="211.7" transform="matrix(0.9371 -0.349 0.349 0.9371 -64.0374 72.0594)" class="st27" width="4.2" height="4.2"/>
<rect x="178.3" y="207" transform="matrix(0.9371 -0.349 0.349 0.9371 -61.6327 76.1193)" class="st27" width="4.2" height="4.2"/>
</g>
</g>
<rect x="118.6" y="202.4" transform="matrix(0.9371 -0.349 0.349 0.9371 -67.9471 61.3312)" class="st15" width="35.3" height="33.7"/>
<g>
<path class="st14" d="M121.8,287.7c-1.2-3.2-4.7-4.8-7.9-3.6c3.2-1.2,4.8-4.7,3.6-7.9s-4.7-4.8-7.9-3.6l6.2-2.3
c3.2-1.2,4.8-4.7,3.6-7.9s-4.7-4.8-7.9-3.6l15.5-5.7c3.2-1.2,4.8-4.7,3.6-7.9s-4.7-4.8-7.9-3.6l-23.3,8.7l-13.6,5l-1.8-5
c-0.7-1.9-2.8-2.9-4.7-2.2l-8.9,3.3c-4.6,1.7-7,6.9-5.3,11.5l0,0L50,268.6l17,45.9l37.1-13.8l12.4-4.6l1.7-0.6
C121.4,294.4,123,290.8,121.8,287.7z"/>
<g>
<line class="st30" x1="99.5" y1="250.2" x2="85.9" y2="255.3"/>
<line class="st30" x1="111.6" y1="258.8" x2="100.5" y2="262.9"/>
<line class="st30" x1="109.7" y1="272.6" x2="100.7" y2="276"/>
<line class="st30" x1="114" y1="284.1" x2="102.9" y2="288.2"/>
<line class="st30" x1="116.6" y1="296.2" x2="103" y2="301.2"/>
</g>
</g>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 8.7 KiB

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style>.st1{fill:#fff}.st1,.st3{stroke:#000;stroke-width:5;stroke-miterlimit:10}.st25,.st3{fill:#00b7aa}.st27{fill:#010101}</style><g id="Layer_1"><path d="M207.3 204.6v48.7H193v12.2h-14.2v12.2h-14.3v12.2h-14.3v12.2H136v12.2h-14.3v-12.2h-14.2v-12.2H93.3v-12.2H79.1v-12.2H64.9v-12.2H50.6v-48.7h14.3v-12.2h14.3v-12.2h28.5v12.2h14.2v12.2h14.3v-12.2h14.2v-12.2h28.5v12.2H193v12.2h14.3z" style="fill:#d4e9f8;stroke:#d4e9f8;stroke-width:5;stroke-miterlimit:10"/><path class="st25" d="M243.1 329.8v9.9h7.4v7.4h9.9v-7.4h7.4v-9.9h-7.4v-7.4h-9.9v7.4h-7.4zM116.7 159.5h9.9v-7.4h7.4v-9.9h-7.4v-7.4h-9.9v7.4h-7.4v9.9h7.4v7.4z"/><path d="M279 87.2h9.9v-7.4h7.4v-9.9h-7.4v-7.4H279v7.4h-7.4v9.9h7.4v7.4z" style="fill:#acd7f3"/><path style="fill:#84cfc8" d="M180 128.3h149.6V299H180z"/><path transform="rotate(90 254.793 213.691)" class="st1" d="M187.4 156.9h134.7v113.7H187.4z"/><path class="st1" d="M273.2 184.1h14M223.6 184.1h42.6M223.6 197.5h63.6M273.2 232.7h14M223.6 232.7h42.6M223.6 246.1h63.6"/><path class="st3" d="M76.9 60.9H121v36H76.9z"/><path class="st27" d="M89.6 70.3h4.5v4.5h-4.5zM103.8 70.3h4.5v4.5h-4.5zM89.6 83h4.5v4.5h-4.5zM103.8 83h4.5v4.5h-4.5z"/><path class="st3" d="M158.6 60.9h44.1v36h-44.1z"/><path class="st27" d="M171.4 70.3h4.5v4.5h-4.5zM185.6 70.3h4.5v4.5h-4.5zM171.4 83h4.5v4.5h-4.5zM185.6 83h4.5v4.5h-4.5z"/><path class="st3" d="M121 60.9h37.6v36H121z"/><path style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:10" d="M329.6 237.4V128.3H180V299h108.4"/><path style="fill:#acd7f3;stroke:#000;stroke-width:5;stroke-miterlimit:10" d="M272.8 128.2v-11.6h-35.7v11.6l-21.8 9.3v14.6h79v-14.6z"/></g></svg>

После

Ширина:  |  Высота:  |  Размер: 1.7 KiB

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style>.st14,.st21,.st7{fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:10}.st14,.st21{fill:#84cfc8}.st21{fill:#d4e9f8}.st29{fill:#adddd8}</style><g id="Layer_1"><path class="st7" d="M237.7 111H90.9c-13.4 0-24.2 13-24.2 28.9v43.5c0 16 10.8 28.9 24.2 28.9h15.4V242c0 1.9 2 2.8 3.1 1.4l24-31.1h104.4c13.4 0 24.2-13 24.2-28.9v-43.5c-.1-16-10.9-28.9-24.3-28.9z"/><path class="st21" d="M71.8 264.6h57.6c3.2 0 6.1 2.2 6.7 5.3.9 4.3-2.4 8-6.5 8h-17.9c4.1 0 7.3 3.6 6.5 7.8-.6 3.2-3.6 5.5-6.9 5.5h-6.8c3.7 0 6.6 3 6.6 6.6 0 3.7-3 6.6-6.6 6.6 4.1 0 7.3 3.6 6.5 7.8-.6 3.2-3.6 5.5-6.9 5.5H45.3v-53.2h13l21.1-20c2.8-2.8 7.4-2.8 10.2 0 2.7 2.7 2.7 7.2 0 9.9l-11.3 10.2M111.7 277.9H98.9M104.6 291.2H94.1M104.6 304.5H91.7M102.7 317.8H86.9"/><path class="st14" d="M324 95.5h-57.6c-3.2 0-6.1 2.2-6.7 5.3-.9 4.3 2.4 8 6.5 8h17.9c-4.1 0-7.3 3.6-6.5 7.8.6 3.2 3.6 5.5 6.9 5.5h6.8c-3.7 0-6.6 3-6.6 6.6 0 3.7 3 6.6 6.6 6.6-4.1 0-7.3 3.6-6.5 7.8.6 3.2 3.6 5.5 6.9 5.5h58.8V95.5h-13l-21.1-20c-2.8-2.8-7.4-2.8-10.2 0-2.7 2.7-2.7 7.2 0 9.9l11.3 10.2M284.1 108.8H297M291.3 122h10.5M291.3 135.3h12.9M293.2 148.6h15.7"/><path style="fill:#d4e9f8" d="M240.7 274.9h6v6h-6z"/><path class="st29" d="M352 160h6v6h-6z"/><path d="M235.4 90.5h6v6h-6zM71.8 226.5h6v6h-6z"/><path class="st29" d="M266.4 70.3h6v6h-6zM260.4 291.1h6v6h-6z"/><path class="st7" d="M109.3 152.7h19.1M134.6 152.7h84.7M109.6 170.6h109.7"/><path d="M170.1 162.9H317c13.4 0 24.2 13 24.2 28.9v43.5c0 16-10.8 28.9-24.2 28.9h-15.4v29.6c0 1.9-2 2.8-3.1 1.4l-24-31.1H170.1c-13.4 0-24.2-13-24.2-28.9v-43.5c0-15.8 10.8-28.8 24.2-28.8z" style="fill:#00b7aa;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path class="st7" d="M188.6 207.1h19M213.8 207.1h84.7M188.9 225.1h109.6"/></g></svg>

После

Ширина:  |  Высота:  |  Размер: 1.8 KiB

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400" xml:space="preserve"><style>.st11{fill:#d4e9f8}.st24{fill:#acd7f3}.st25{fill:#00b7aa}</style><g id="Layer_1"><path d="M254.6 80.2c-42.8 0-77.5 34.7-77.5 77.5s34.7 77.5 77.5 77.5 77.5-34.7 77.5-77.5-34.6-77.5-77.5-77.5z" style="fill:#82c7ee"/><path d="M187.4 119.3c13.4-23.2 38.4-38.8 67.1-38.8 42.7 0 77.4 34.7 77.4 77.4s-34.7 77.4-77.4 77.4-77.4-34.7-77.4-77.4c0-2.8.1-5.5.4-8.2" style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path class="st24" d="M127.8 161.2h5.2v5.2h-5.2z"/><path class="st25" d="M49.1 240.3h5.2v5.2h-5.2z"/><path d="M191.3 177.5c-61.1 0-110.6 49.5-110.6 110.6h27.7c0-45.8 37.1-82.9 82.9-82.9 45.8 0 82.9 37.1 82.9 82.9h27.7c0-61.1-49.5-110.6-110.6-110.6z" style="fill:#00b7aa;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path d="M191.3 205.2c-45.8 0-82.9 37.1-82.9 82.9h27.7c0-30.5 24.7-55.2 55.2-55.2 30.5 0 55.2 24.7 55.2 55.2h27.7c0-45.8-37.1-82.9-82.9-82.9z" style="fill:#84cfc8;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path d="M191.3 232.9c-30.5 0-55.2 24.7-55.2 55.2h27.7c0-15.2 12.3-27.5 27.5-27.5s27.5 12.3 27.5 27.5h27.7c0-30.5-24.7-55.2-55.2-55.2z" style="fill:#d4e9f8;stroke:#000;stroke-width:5;stroke-miterlimit:10"/><path class="st11" d="M106.6 271.4c0-13.9-11.2-25.1-25.1-25.1s-25.1 11.2-25.1 25.1h50.2zM56.4 271.4c0-5.7-4.6-10.3-10.3-10.3s-10.3 4.6-10.3 10.3h20.6zM205.6 198.2c0-19.4 15.7-35.1 35.1-35.1s35.1 15.7 35.1 35.1h-70.2z"/><path class="st11" d="M275.7 198.2c0-8 6.5-14.4 14.4-14.4s14.4 6.5 14.4 14.4h-28.8z"/><path class="st24" d="M350.3 208.6h5.2v5.2h-5.2z"/><path class="st11" d="M296.3 171.7h5.2v5.2h-5.2z"/><path class="st25" d="M324.5 258.3h5.2v5.2h-5.2z"/></g></svg>

После

Ширина:  |  Высота:  |  Размер: 1.7 KiB

Просмотреть файл

@ -0,0 +1,81 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
<g>
<ellipse class="st0" cx="200.7" cy="63.7" rx="43.9" ry="18.3"/>
<ellipse class="st1" cx="200.7" cy="293.5" rx="106" ry="52.2"/>
<path class="st2" d="M222.9,53.7l-9.2-5.6h-25.9l-9.2,5.6c-1.9,1.1-3,2.4-3,3.8c0,4.5,11.3,8.1,25.2,8.1s25.2-3.6,25.2-8.1
C225.9,56.2,224.8,54.9,222.9,53.7z"/>
<g>
<g>
<circle class="st1" cx="169.7" cy="202.3" r="10.4"/>
<path class="st3" d="M189,261.5h-38.7V232c0-10.7,8.7-19.4,19.4-19.4h0c10.7,0,19.4,8.7,19.4,19.4V261.5z"/>
<g>
<line class="st1" x1="160" y1="261.5" x2="160" y2="303.6"/>
<line class="st1" x1="179.4" y1="261.5" x2="179.4" y2="303.6"/>
</g>
<polyline class="st0" points="169.7,191.9 150.3,191.9 150.3,239.8 169.7,239.8 169.7,191.9 "/>
</g>
<g>
<circle class="st1" cx="230.5" cy="202.3" r="10.4"/>
<path class="st0" d="M240.9,202.3c0-5.7-4.6-10.4-10.4-10.4s-10.4,4.6-10.4,10.4"/>
<path class="st3" d="M211.2,274.6h38.7V232c0-10.7-8.7-19.4-19.4-19.4h0c-10.7,0-19.4,8.7-19.4,19.4V274.6z"/>
<g>
<line class="st1" x1="240.2" y1="274.6" x2="240.2" y2="303.6"/>
<line class="st1" x1="220.8" y1="274.6" x2="220.8" y2="303.6"/>
</g>
<line class="st1" x1="220.1" y1="202.3" x2="251" y2="202.3"/>
</g>
</g>
<line class="st1" x1="230.5" y1="92.1" x2="304.8" y2="283.6"/>
<line class="st1" x1="170.8" y1="92.1" x2="96.5" y2="283.6"/>
<path class="st4" d="M200.7,35.7c-8.1,0-14.7,6.6-14.7,14.7c0,2.6,6.6,4.7,14.7,4.7c8.1,0,14.7-2.1,14.7-4.7
C215.4,42.3,208.8,35.7,200.7,35.7z"/>
</g>
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 4.0 KiB

Просмотреть файл

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<polygon class="st6" points="200,95.8 225.8,117.5 259.5,117.5 265.4,150.7 291.2,172.4 274.4,201.6 280.2,234.8 248.5,246.3
231.7,275.5 200,264 168.3,275.5 151.5,246.3 119.8,234.8 125.6,201.6 108.8,172.4 134.6,150.7 140.5,117.5 174.2,117.5 "/>
<path class="st20" d="M102.1,262.2l-9-13.8L327.6,95.3c2.2-1.4,5.1-0.8,6.5,1.4l3.8,5.9c1.4,2.2,0.8,5.1-1.4,6.5L102.1,262.2z"/>
<path class="st7" d="M210.6,171.7l114.1-74.5c3.8-2.5,8.9-1.4,11.4,2.4l0,0c2.5,3.8,1.4,8.9-2.4,11.4l-105.5,68.8"/>
<polyline class="st7" points="191.2,204 102.1,262.2 93,248.4 174.5,195.2 "/>
<line class="st30" x1="90.1" y1="243.9" x2="105" y2="266.7"/>
<rect x="85.5" y="253.2" transform="matrix(0.5466 0.8374 -0.8374 0.5466 258.3939 38.4328)" class="st31" width="16.5" height="9.2"/>
<rect x="65.4" y="263" transform="matrix(0.5466 0.8374 -0.8374 0.5466 260.2652 61.1982)" class="st31" width="16.5" height="15.9"/>
<rect x="21.1" y="291.3" transform="matrix(0.5466 0.8374 -0.8374 0.5466 264.3941 111.4288)" class="st31" width="16.5" height="17.1"/>
<rect x="40" y="267" transform="matrix(0.5466 0.8374 -0.8374 0.5466 262.3077 86.0468)" class="st1" width="23.4" height="36.4"/>
<rect x="80.2" y="257.7" transform="matrix(0.5466 0.8374 -0.8374 0.5466 259.198 48.2151)" class="st32" width="9.7" height="11.4"/>
<path class="st3" d="M297.9,262.2l9-13.8L75.4,97.3c-3.8-2.5-8.9-1.4-11.4,2.4l0,0c-2.5,3.8-1.4,8.9,2.4,11.4L297.9,262.2z"/>
<line class="st30" x1="309.9" y1="243.9" x2="295" y2="266.7"/>
<rect x="298" y="253.2" transform="matrix(-0.5466 0.8374 -0.8374 -0.5466 689.6127 142.2572)" class="st31" width="16.5" height="9.2"/>
<rect x="318.1" y="263" transform="matrix(-0.5466 0.8374 -0.8374 -0.5466 731.6574 145.7132)" class="st31" width="16.5" height="15.9"/>
<rect x="362.5" y="291.3" transform="matrix(-0.5466 0.8374 -0.8374 -0.5466 824.4267 153.3388)" class="st31" width="16.5" height="17.1"/>
<rect x="336.6" y="267" transform="matrix(-0.5466 0.8374 -0.8374 -0.5466 777.5494 149.4855)" class="st1" width="23.4" height="36.4"/>
<rect x="310.1" y="257.7" transform="matrix(-0.5466 0.8374 -0.8374 -0.5466 707.6793 143.7422)" class="st32" width="9.7" height="11.4"/>
<rect x="233.1" y="98.9" width="5.6" height="5.6"/>
<rect x="136.5" y="257.8" width="5.6" height="5.6"/>
<rect x="288.4" y="203.7" width="5.6" height="5.6"/>
<rect x="145.1" y="182.9" class="st20" width="5.6" height="5.6"/>
<rect x="257.5" y="177.1" class="st20" width="5.6" height="5.6"/>
<rect x="260.3" y="257.8" class="st20" width="5.6" height="5.6"/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.1 KiB

Просмотреть файл

@ -0,0 +1,104 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<path class="st11" d="M264.1,143.6c0-15.3,12.4-27.8,27.8-27.8s27.8,12.4,27.8,27.8H264.1z"/>
<path class="st11" d="M319.7,143.6c0-6.3,5.1-11.4,11.4-11.4s11.4,5.1,11.4,11.4H319.7z"/>
</g>
<g>
<path class="st6" d="M163.3,222.2c0-15.3-12.4-27.8-27.8-27.8s-27.8,12.4-27.8,27.8H163.3z"/>
<path class="st6" d="M107.8,222.2c0-6.3-5.1-11.4-11.4-11.4c-6.3,0-11.4,5.1-11.4,11.4H107.8z"/>
</g>
<g>
<line class="st7" x1="324.4" y1="286" x2="340.8" y2="180.5"/>
<polygon class="st8" points="322.7,211.5 333.9,225 338.5,195.5 327.2,181.9 "/>
<polygon class="st1" points="348.7,215.5 333.9,225 338.5,195.5 353.3,186 "/>
<g>
<line class="st7" x1="83.9" y1="286" x2="56.1" y2="223.7"/>
<polygon class="st8" points="57.7,259.6 74.5,264.9 62.3,237.6 45.5,232.3 "/>
<polygon class="st1" points="81.8,248.9 74.5,264.9 62.3,237.6 69.6,221.5 "/>
</g>
<polygon class="st8" points="231.8,164.8 196.5,164.8 249.6,286 284.9,286 "/>
<polygon class="st18" points="231.8,164.8 196.5,164.8 249.6,286 284.9,286 "/>
<polygon class="st8" points="161.1,164.8 196.5,164.8 143.3,286 108,286 "/>
<circle class="st17" cx="196.5" cy="181.2" r="91.6"/>
<path class="st7" d="M121.5,128.5c16.6-23.6,44-39,75-39c50.6,0,91.6,41,91.6,91.6s-41,91.6-91.6,91.6s-91.6-41-91.6-91.6"/>
<circle class="st19" cx="196.5" cy="181.2" r="61.7"/>
<path class="st7" d="M143,150.4c10.7-18.5,30.6-30.9,53.5-30.9c34.1,0,61.7,27.6,61.7,61.7s-27.6,61.7-61.7,61.7
s-61.7-27.6-61.7-61.7c0-2.2,0.1-4.4,0.3-6.5"/>
<circle class="st17" cx="196.5" cy="181.2" r="36.2"/>
<path class="st7" d="M166.9,160.3c6.6-9.3,17.4-15.3,29.6-15.3c20,0,36.2,16.2,36.2,36.2s-16.2,36.2-36.2,36.2
s-36.2-16.2-36.2-36.2"/>
<circle class="st20" cx="196.5" cy="181.2" r="10.1"/>
<path class="st7" d="M195.1,171.1c0.4-0.1,0.9-0.1,1.3-0.1c5.6,0,10.1,4.5,10.1,10.1c0,5.6-4.5,10.1-10.1,10.1
c-2.8,0-5.3-1.1-7.1-2.9"/>
<line class="st18" x1="311.3" y1="286" x2="359.9" y2="286"/>
<line class="st18" x1="183.6" y1="286" x2="301" y2="286"/>
<line class="st18" x1="40.1" y1="286" x2="166.1" y2="286"/>
<line class="st18" x1="196.5" y1="181.2" x2="77.2" y2="144.3"/>
<polygon class="st1" points="116.9,142.7 124.1,158.8 95.5,150 88.3,133.9 "/>
<polygon class="st15" points="109.1,167.9 124.1,158.8 95.5,150 80.5,159.1 "/>
</g>
<g>
<g>
<path d="M329.3,257.6c3.9,0,7.7-3.4,7.5-7.5c-0.2-4.1-3.3-7.5-7.5-7.5c-3.9,0-7.7,3.4-7.5,7.5C322,254.2,325.1,257.6,329.3,257.6
L329.3,257.6z"/>
</g>
</g>
<rect x="30" y="283.5" width="5" height="5"/>
<rect x="64" y="273.2" width="5" height="5"/>
<rect x="320.1" y="228.8" width="5" height="5"/>
<rect x="83.8" y="257.4" width="5" height="5"/>
<rect x="336.2" y="270.7" width="5" height="5"/>
<rect x="365" y="283.5" width="5" height="5"/>
<rect x="292.4" y="150.2" class="st11" width="5" height="5"/>
<rect x="80.3" y="203" class="st17" width="5" height="5"/>
<rect x="270" y="109.9" class="st11" width="5" height="5"/>
<rect x="344.5" y="127.2" class="st11" width="5" height="5"/>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 5.5 KiB

Просмотреть файл

@ -0,0 +1,86 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<path class="st21" d="M174.7,156.9l62.1-62.1l69.9,69.9l-62.1,62.1L174.7,156.9z"/>
<path class="st7" d="M296,153.8c11.6-7.9,17.3-22.1,14.5-35.8s-13.8-24.5-27.6-27.1c-13.8-2.6-27.9,3.3-35.6,15.1l0,0"/>
<g>
<path class="st22" d="M130.5,188.1C130.5,188.1,130.5,188.1,130.5,188.1C130.5,188.1,130.5,188.1,130.5,188.1z"/>
<path class="st22" d="M208.7,190.9l-55.7,7.5c-4-6.8-11.4-11.5-19.8-11.5v46c9,0,16.7-5.2,20.5-12.7l87.8,3.5L208.7,190.9z"/>
</g>
<path class="st3" d="M95.3,308.2c-8.6,0-15.9-5.5-18.6-13.2h18.6c8.6,0,15.9,5.5,18.6,13.2H95.3z M139,318.9h-18.6
c2.7-7.7,10-13.2,18.6-13.2h18.6C154.9,313.4,147.6,318.9,139,318.9z"/>
<path d="M112.8,229h-6.5v6.5h6.5V229z"/>
<path d="M112.8,242h-6.5v6.5h6.5V242z"/>
<path d="M112.8,255h-6.5v6.5h6.5V255z"/>
<path d="M124.8,245.5h-6.5v6.5h6.5V245.5z"/>
<path d="M124.8,232.5h-6.5v6.5h6.5V232.5z"/>
<path d="M124.8,219.4h-6.5v6.5h6.5V219.4z"/>
<line class="st23" x1="289.5" y1="164.9" x2="262.3" y2="137.8"/>
<line class="st23" x1="255.6" y1="239.7" x2="307.2" y2="188.1"/>
<line class="st7" x1="116.1" y1="292.5" x2="116.1" y2="337.5"/>
<g>
<path class="st14" d="M266.6,98.7c2.2,2.2,5.7,2.2,7.9,0.1c-2.2,2.2-2.2,5.7-0.1,7.9s5.7,2.2,7.9,0.1l-1.2,1.1
c-2.2,2.2-2.2,5.7-0.1,7.9s5.7,2.2,7.9,0.1l-0.6,0.4c-2.2,2.2-2.2,5.7-0.1,7.9s5.7,2.2,7.9,0.1l2.9-2.7l9.4-9.3l3.4,3.4
c1.3,1.3,3.4,1.3,4.7,0l6.1-6c3.2-3.2,3.2-8.3,0.1-11.5l0,0l10.5-10.4L302,56l-25.6,25.3l-8.5,8.4l-1.1,1.1
C264.5,93,264.5,96.5,266.6,98.7z"/>
<g>
<line class="st14" x1="299.1" y1="121.4" x2="308.5" y2="112.2"/>
<line class="st14" x1="285.9" y1="118.8" x2="297.2" y2="108.1"/>
<line class="st14" x1="282.3" y1="106.7" x2="289.7" y2="99.8"/>
<line class="st14" x1="274.5" y1="98.8" x2="282.2" y2="91.2"/>
<line class="st14" x1="267.8" y1="89.7" x2="277.2" y2="80.5"/>
</g>
</g>
<line class="st7" x1="66.7" y1="338.1" x2="319.2" y2="338.1"/>
<line class="st23" x1="310.2" y1="184.9" x2="317.6" y2="177.6"/>
<line class="st7" x1="142.8" y1="189.5" x2="142.8" y2="210"/>
<line class="st7" x1="168" y1="210" x2="230.2" y2="212"/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 4.6 KiB

Просмотреть файл

@ -0,0 +1,147 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<rect x="298.9" y="133.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 604.05 272.4688)" class="st27" width="6.3" height="6.3"/>
<rect x="206.3" y="288.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 418.8848 583.1)" class="st27" width="6.3" height="6.3"/>
<rect x="309.4" y="112.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 625.056 230.5612)" class="st25" width="6.3" height="6.3"/>
<rect x="33.1" y="84.3" class="st0" width="249.4" height="191.6"/>
<rect x="231.5" y="157.2" class="st1" width="134.5" height="140.8"/>
<g>
<g>
<line class="st1" x1="122.6" y1="121.5" x2="215" y2="121.5"/>
</g>
<g>
<line class="st1" x1="227" y1="121.5" x2="257.6" y2="121.5"/>
</g>
<g>
<line class="st1" x1="122.6" y1="142.5" x2="215" y2="142.5"/>
</g>
<g>
<line class="st1" x1="227" y1="142.5" x2="257.6" y2="142.5"/>
</g>
</g>
<g>
<line class="st1" x1="143.1" y1="206.3" x2="215" y2="206.3"/>
</g>
<g>
<line class="st1" x1="122.6" y1="226.8" x2="215" y2="226.8"/>
</g>
<g>
<line class="st1" x1="122.6" y1="248" x2="215" y2="248"/>
</g>
<g>
<g>
<line class="st1" x1="52.3" y1="111.4" x2="75.1" y2="111.4"/>
</g>
<g>
<line class="st1" x1="52.3" y1="134.3" x2="75.1" y2="134.3"/>
</g>
<g>
<line class="st1" x1="52.3" y1="157.2" x2="75.1" y2="157.2"/>
</g>
<g>
<line class="st1" x1="52.3" y1="202.9" x2="75.1" y2="202.9"/>
</g>
<g>
<line class="st1" x1="52.3" y1="180.1" x2="75.1" y2="180.1"/>
</g>
<g>
<line class="st1" x1="52.3" y1="225.8" x2="75.1" y2="225.8"/>
</g>
<g>
<line class="st1" x1="52.3" y1="248.7" x2="75.1" y2="248.7"/>
</g>
</g>
<g>
<g>
<line class="st1" x1="262.6" y1="186.7" x2="334.9" y2="186.7"/>
</g>
<g>
<line class="st1" x1="262.6" y1="207.2" x2="334.9" y2="207.2"/>
</g>
<g>
<line class="st1" x1="262.6" y1="227.6" x2="334.9" y2="227.6"/>
</g>
<g>
<line class="st1" x1="262.6" y1="248" x2="334.9" y2="248"/>
</g>
<g>
<line class="st1" x1="262.6" y1="268.5" x2="334.9" y2="268.5"/>
</g>
</g>
<line class="st7" x1="95.9" y1="84.3" x2="95.9" y2="275.8"/>
<line class="st7" x1="97.6" y1="180.1" x2="231.5" y2="180.1"/>
<g>
<path d="M119.1,229.3V224h5.3v5.3H119.1z M129.8,234.7v-5.3h-5.3v5.3H129.8z M135.1,240v-5.3h-5.3v5.3H135.1z M140.5,245.3V240
h-5.3v5.3H140.5z M145.8,250.7v-5.3h-5.3v5.3H145.8z M151.1,256v-5.3h-5.3v5.3H151.1z M156.5,261.3V256h-5.3v5.3H156.5z
M161.8,266.7v-5.3h-5.3v5.3H161.8z M167.1,272v-5.3h-5.3v5.3H167.1z M167.1,272v5.3h-21.3V288h5.3v-5.3h21.3V272H167.1z
M129.8,282.7v5.3h5.3v-5.3H129.8z M124.5,293.3h5.3V288h-5.3V293.3z M119.1,298.7h5.3v-5.3h-5.3V298.7z M113.8,293.3V224h5.3
v-5.3h-5.3v-5.3h-5.3V304h10.7v-5.3h-5.3V293.3z M151.1,298.7h5.3V288h-5.3V298.7z M156.5,309.3h5.3v-10.7h-5.3V309.3z
M140.5,288h-5.3v10.7h5.3V288z M145.8,298.7h-5.3v10.7h5.3V298.7z M145.8,309.3v5.3h10.7v-5.3H145.8z"/>
</g>
<polygon class="st17" points="145.8,277.3 167.1,277.3 167.1,272 161.8,272 161.8,266.6 156.5,266.6 156.5,261.3 151.1,261.3
151.1,256 145.8,256 145.8,250.6 140.5,250.6 140.5,245.3 135.1,245.3 135.1,240 129.8,240 129.8,234.6 124.5,234.6 124.5,229.3
119.1,229.3 119.1,224 113.8,224 113.8,293.3 113.8,298.6 119.1,298.6 119.1,293.3 124.5,293.3 124.5,288 129.8,288 129.8,282.6
135.1,282.6 135.1,288 140.5,288 140.5,298.6 145.8,298.6 145.8,309.3 156.5,309.3 156.5,298.6 151.1,298.6 151.1,288 145.8,288
"/>
<g>
<path class="st3" d="M244,341.7L244,341.7c-28.7,0-52-23.3-52-52v0c0-28.7,23.3-52,52-52h0c28.7,0,52,23.3,52,52v0
C296,318.4,272.7,341.7,244,341.7z"/>
<g>
<line class="st1" x1="239.4" y1="315.9" x2="248.5" y2="263.5"/>
<polyline class="st7" points="226.4,274 209.9,289.7 226.4,305.5 "/>
<polyline class="st7" points="261.6,274 278.1,289.7 261.6,305.5 "/>
</g>
</g>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 6.4 KiB

Просмотреть файл

@ -0,0 +1,83 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
.st0{fill:#ACD7F3;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:#00B7AA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st4{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:#BFE6EF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st6{fill:#D4E9F8;stroke:#D4E9F8;stroke-width:5;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st8{fill:#54C2B8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st9{fill:#D5EDEA;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st10{fill:#ADDDD8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st11{fill:#D4E9F8;}
.st12{fill:none;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
.st13{stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st14{fill:#84CFC8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st15{fill:#82C7EE;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st16{fill:#B0B4E5;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st17{fill:#FFFFFF;}
.st18{fill:none;stroke:#000000;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:10;}
.st19{fill:#82C7EE;}
.st20{fill:#88D1F1;}
.st21{fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#D4E9F8;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st24{fill:#ACD7F3;}
.st25{fill:#00B7AA;}
.st26{fill:#84CFC8;}
.st27{fill:#010101;}
.st28{fill:#ACD7F3;stroke:#000000;stroke-width:3.7167;stroke-miterlimit:10;}
.st29{fill:#ADDDD8;}
.st30{fill:#88D1F1;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st31{fill:#D0D0D0;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st32{fill:#9D9D9C;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
.st33{fill:#6DC9C3;}
.st34{stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<g id="Create_Invitation">
</g>
<g id="Buoyant">
</g>
<g id="Human">
</g>
<g id="Layer_1">
<g>
<rect x="43.2" y="92.8" class="st3" width="312.2" height="21.4"/>
<polygon class="st1" points="149.6,114.2 81.7,114.2 86.3,101.2 145,101.2 "/>
<rect x="43.2" y="114.2" class="st1" width="312.2" height="187"/>
<path class="st0" d="M286.7,301.2c0-13.4-3.6-20.5,10.7-41.7c18.7-27.8-16.2-25.7-18.3-67.2c-1.5-30.7-27.7-45.5-56.1-32.1
s-35.3,39.5-76.2,21.8s-60.5,13.8-56.2,33c6,27.3,40.4,34.5,22.3,55.8c-11.4,13.4-12.5,20.4-12.5,30.4H286.7z"/>
<g>
<circle class="st1" cx="150.3" cy="207.7" r="9.6"/>
<path class="st3" d="M168.2,262.4h-35.7v-27.3c0-9.9,8-17.9,17.9-17.9h0c9.9,0,17.9,8,17.9,17.9V262.4z"/>
<g>
<line class="st1" x1="141.4" y1="262.4" x2="141.4" y2="301.2"/>
<line class="st1" x1="159.3" y1="262.4" x2="159.3" y2="301.2"/>
</g>
<path class="st7" d="M168.2,235.2v6.4c0,4.4,3.6,8,8,8h0c4.4,0,8-3.6,8-8v-6.4"/>
<polyline class="st0" points="150.3,198.1 132.5,198.1 132.5,242.4 150.3,242.4 150.3,198.1 "/>
</g>
<g>
<circle class="st1" cx="238.1" cy="207.7" r="9.6"/>
<path class="st0" d="M247.7,207.7c0-5.3-4.3-9.6-9.6-9.6s-9.6,4.3-9.6,9.6"/>
<path class="st3" d="M220.2,274.5H256v-39.3c0-9.9-8-17.9-17.9-17.9h0c-9.9,0-17.9,8-17.9,17.9V274.5z"/>
<g>
<line class="st1" x1="247" y1="274.5" x2="247" y2="301.2"/>
<line class="st1" x1="229.2" y1="274.5" x2="229.2" y2="301.2"/>
</g>
<path class="st7" d="M220.2,235.2v6.4c0,4.4-3.6,8-8,8h0c-4.4,0-8-3.6-8-8v-6.4"/>
<line class="st1" x1="228.5" y1="207.7" x2="257" y2="207.7"/>
</g>
<rect x="43.2" y="114.2" class="st1" width="312.2" height="21.4"/>
<line class="st1" x1="229.5" y1="124.9" x2="246.7" y2="124.9"/>
<line class="st1" x1="61.8" y1="124.9" x2="224.9" y2="124.9"/>
<ellipse transform="matrix(0.9426 -0.3339 0.3339 0.9426 -50.1833 112.5697)" class="st0" cx="302.4" cy="202.3" rx="7.9" ry="14.4"/>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 4.4 KiB

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 21a1 1 0 0 1-2 0v-2a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v2a1 1 0 0 1-2 0v-2a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v2zm-9-9a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 288 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M10.95 21.02H8.772L6.11 22.796A2 2 0 0 1 3 21.13v-4.596a2 2 0 0 1 .89-1.664L7 12.798V9.52a10 10 0 0 1 1.264-4.866l1.989-3.571a2 2 0 0 1 3.494 0l1.99 3.571A10 10 0 0 1 17 9.52v3.28l3.11 2.072a2 2 0 0 1 .89 1.664v4.596a2 2 0 0 1-3.11 1.665l-2.662-1.776H12.95V23a1 1 0 0 1-2 0v-1.98zm2-2H15v-9.5a8 8 0 0 0-1.01-3.894L12 2.056l-1.99 3.57A8 8 0 0 0 9 9.52v9.501h1.95V17a1 1 0 1 1 2 0v2.02zM7 15.202l-2 1.333v4.596l2-1.333v-4.596zm10 4.596l2 1.333v-4.596l-2-1.333v4.596zM12 10a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 613 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 19.945V23a1 1 0 0 1-2 0v-3.055C6.5 19.448 3 15.633 3 11a1 1 0 0 1 2 0 7 7 0 0 0 14 0 1 1 0 0 1 2 0c0 4.633-3.5 8.448-8 8.945zM12 0a5 5 0 0 1 5 5v6a5 5 0 0 1-10 0V5a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 347 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.382 8H1a1 1 0 0 1-.857-1.514C3.013 1.7 7.079-.154 11.403.512 14.755 1.028 18 3.19 18 5c0 .83.097.955.98 1.286.349.13 2.105.688 2.336.765 1.888.63 2.548 2.23 2.165 4.145-.262 1.308-1.04 2.777-1.774 3.511-.901.902-1.592.902-3.377.49-.611-.141-.957-.197-1.33-.197-2.657 0-4 2.15-4 7a1 1 0 0 1-1 1c-2.897 0-5.77-1.077-8.6-3.2a1 1 0 0 1-.294-1.247L4.382 16H3a1 1 0 0 1-.894-1.447L3.382 12H2a1 1 0 0 1-.894-1.447L2.382 8zm8.64 12.95C11.255 15.803 13.239 13 17 13c.564 0 1.03.075 1.78.248 1.103.254 1.303.254 1.513.045.453-.453 1.042-1.565 1.226-2.49.204-1.017-.03-1.586-.835-1.854-.186-.062-2.001-.639-2.405-.79C16.652 7.549 16 6.71 16 5c0-.524-2.406-2.128-4.902-2.512-3.051-.47-5.905.58-8.204 3.512H4a1 1 0 0 1 .894 1.447L3.618 10H5a1 1 0 0 1 .894 1.447L4.618 14H6a1 1 0 0 1 .894 1.447l-1.618 3.237c1.937 1.324 3.85 2.075 5.747 2.267z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 946 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21 21a1 1 0 0 1-2 0v-2a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v2a1 1 0 0 1-2 0v-2a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v2zm-9-9a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 288 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3h18a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H3zm13.496 6.132a1 1 0 0 1 0 1.736l-7 4A1 1 0 0 1 8 16V8a1 1 0 0 1 1.496-.868l7 4zM10 9.723v4.554L13.984 12 10 9.723z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 370 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.804 22.307a4.816 4.816 0 0 0-.998-.251c-.15-.416-.295-.815-.436-1.196 1.44-1.234 3.63-3.839 3.63-6.784 0-2.438-2.13-4.234-6.388-5.388-2.406-.422-4.34.585-5.802 3.023-2.194 3.657-6.875.708-3.218 5.827 2.824 3.954 7.123 4.542 9.451 4.313l.101.475c-.806.31-1.501.843-2.086 1.597-3.155-.33-6.817-2.035-9.094-5.222-2.467-3.454-2.33-5.695.775-6.642-.016.005.61-.18.775-.233.246-.08.444-.16.62-.248.406-.205.707-.473.96-.896 1.87-3.115 4.6-4.537 7.864-3.964l.177.04C19.163 8.12 22 10.513 22 14.076c0 3.146-2.023 6.387-4.196 8.23zm.475-1.942c1.65.562 3.058 1.774 4.221 3.635H20c-1-1.333-2.333-2-4-2-1.667 0-3 .667-4 2H9.5c.732-1.17 1.56-2.085 2.485-2.742l-.292-1.07c-1.592-.358-2.743-1.462-3.179-3.203-.63-2.524.455-4.78 2.895-6.491a2.5 2.5 0 0 1 3.891 1.568c.992-.01 1.914.53 2.398 1.498.637 1.275.28 2.227-.723 3.324l.041.085.068.152c.34.85.739 1.931 1.195 3.244zm-4.552-.002A7.024 7.024 0 0 1 16.051 20c-.3-.802-.575-1.514-.824-2.136-.454-.91-.454-1.591 0-2.046.682-.682.854-1.02.682-1.363-.172-.345-.682-.682-1.364 0-.404.404-.809-.271-1.213-2.026a.5.5 0 0 0-.774-.298c-1.813 1.271-2.514 2.728-2.103 4.369.333 1.334 1.278 1.934 2.834 1.8l.438 2.063zM17.5 24h2-2zm-4.768 0H14.5h-1.768zM3.5 5c0-.685.187-1.309.605-1.823.133-.164.268-.297.409-.409C4.738 1.075 6.162 0 8 0c2.037 0 3.66.964 4.11 3.085.095.446.118.9.071 1.344L14 8.018c-1.333-.012-2.5.149-3.5.482-1 .333-2 1-3 2L6.366 8.018C4.708 7.725 3.5 6.865 3.5 5zm4.26 1.14L9 8.5l2.5-1-1.41-2.81c.123-.368.151-.777.064-1.19C9.9 2.316 9 2 8 2s-1.625.501-1.5 1.5c.125 1-1 .343-1 1.5 0 .86 1.297 1.124 2.26 1.14z" fill="#020202" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 1.6 KiB

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 21.387l7.445-3.723A1 1 0 0 0 21 16.77V7.618l-8 4v9.769zm-2 .005v-9.774l-8-4v9.149c-.003.38.21.729.547.899L11 21.392zm8.759-15.39l-7.315-3.657a.999.999 0 0 0-.887 0L4.241 6.001 12 9.882l7.759-3.88zM13.335.555l8 4A3 3 0 0 1 23 7.24v9.53a3 3 0 0 1-1.663 2.684l-8 4a3 3 0 0 1-2.684 0L2.65 19.453A2.997 2.997 0 0 1 1 16.76V7.24a3 3 0 0 1 1.663-2.684L10.665.554a3 3 0 0 1 2.67 0z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 491 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M3.055 13a9.008 9.008 0 0 0 6.671 7.71A16.331 16.331 0 0 1 7.053 13H3.055zm0-2H7.05a16.3 16.3 0 0 1 2.676-7.71A9.008 9.008 0 0 0 3.055 11zm17.89 0a9.008 9.008 0 0 0-6.671-7.71A16.331 16.331 0 0 1 16.947 11h3.998zm0 2H16.95a16.3 16.3 0 0 1-2.676 7.71A9.008 9.008 0 0 0 20.945 13zm-11.89-2h5.887A14.3 14.3 0 0 0 12 3.55 14.288 14.288 0 0 0 9.055 11zm5.89 2H9.058A14.3 14.3 0 0 0 12 20.45 14.288 14.288 0 0 0 14.945 13zM12 23C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 603 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 1h10a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H7zm3 16a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-4z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 295 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M6 6.706V6H2v2h2v8H2v2h7v-2H6v-6c.667-1.333 1.5-2 2.5-2s1.833.667 2.5 2v8h5v-2h-3v-6c.667-1.333 1.5-2 2.5-2s1.833.667 2.5 2v8h4v-2h-2v-6c-.667-2.667-2.167-4-4.5-4-1.52 0-2.687.566-3.5 1.699C11.187 6.566 10.02 6 8.5 6c-.98 0-1.814.235-2.5.706zM8.5 4c1.324 0 2.507.327 3.5.97.993-.643 2.176-.97 3.5-.97 3.308 0 5.563 2.004 6.44 5.515l.06.239V14h2v6H0v-6h2v-4H0V4h8c.164.005.331 0 .5 0zM16 14v-3.484a1.845 1.845 0 0 0-.374-.454c-.068-.055-.088-.062-.126-.062-.038 0-.058.007-.126.062-.111.09-.239.239-.374.454V14h1zm-7 0v-3.484a1.845 1.845 0 0 0-.374-.454C8.558 10.007 8.538 10 8.5 10c-.038 0-.058.007-.126.062-.111.09-.239.239-.374.454V14h1z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 753 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="nonzero"><path d="M11.553 1.106a1 1 0 0 1 .894 0l10 5a1 1 0 0 1 0 1.788l-10 5a1 1 0 0 1-.894 0l-10-5a1 1 0 0 1 0-1.788l10-5zM12 3.118L4.236 7 12 10.882 19.764 7 12 3.118zM12 20.882l9.553-4.776a1 1 0 0 1 .894 1.788l-10 5a1 1 0 0 1-.894 0l-10-5a1 1 0 0 1 .894-1.788L12 20.882z"/><path d="M21.553 11.106a1 1 0 0 1 .894 1.788l-10 5a1 1 0 0 1-.894 0l-10-5a1 1 0 0 1 .894-1.788L12 15.882l9.553-4.776z"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 497 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 7c0-2.882 5.647-5 12-5s12 2.118 12 5v10h-2c0-.322-.803-.857-2.493-1.28-1.871-.468-4.52-.72-7.507-.72s-5.636.252-7.507.72C2.803 16.143 2 16.678 2 17H0V7zm22 0c0-.42-.911-1.18-2.601-1.814C17.416 4.443 14.759 4 12 4c-2.76 0-5.416.443-7.399 1.186C2.911 5.82 2 6.58 2 7v7.462C4.06 13.458 7.589 13 12 13s7.94.458 10 1.462V7zM9 22c-4.481 0-9-2.26-9-5V7c0-1.333 2-1.333 2 0 0 .313.735 1.071 1.97 1.727C5.45 9.513 7.29 10 9 10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM8 11.955c-2.214-.195-4.455-1.009-6-2.088V17c0 1.14 2.85 2.673 6 2.955v-8zM15 22a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1c1.71 0 3.55-.487 5.03-1.273C21.266 8.07 22 7.313 22 7c0-1.333 2-1.333 2 0v10c0 2.74-4.519 5-9 5zm1-10.045v8c3.15-.282 6-1.815 6-2.955V9.867c-1.545 1.08-3.786 1.893-6 2.088z" fill="#000" fill-rule="nonzero"/></svg>

До

Ширина:  |  Высота:  |  Размер: 850 B

Просмотреть файл

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 80.1 114.2" style="enable-background:new 0 0 80.1 114.2" xml:space="preserve"><path d="M480.6 694.4H0c0-66.9 53.6-120.8 120.2-120.8h360.4c66.4 0 119.9 54.2 119.9 120.8v496.8c0 2.3-2 4.5-4.2 4.5H484.9c-2.3 0-4.2-2-4.2-4.5V694.4zm0 725.9c66.4 0 119.9-54.2 119.9-121.1H119.9V802.4c0-2.3-2-4.5-4.5-4.5H4c-2.3 0-4.5 2-4.5 4.5v496.8c0 66.9 53.6 121.1 120.2 121.1h360.9" style="fill-rule:evenodd;clip-rule:evenodd" transform="matrix(.13333 0 0 -.13333 0 190.667)"/></svg>

После

Ширина:  |  Высота:  |  Размер: 545 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#000" x="5" y="10" width="3" height="4" rx="1"/><path d="M7 9.772l2.531-1.343A1 1 0 0 1 11 9.312v5.376a1 1 0 0 1-1.469.883L7 14.228V9.772z" fill="#000"/><path d="M13.62 15.88a3.65 3.65 0 0 0 .225-.292 6.2 6.2 0 0 0 .47-.783A6.167 6.167 0 0 0 15 12a6.167 6.167 0 0 0-.685-2.805 6.2 6.2 0 0 0-.47-.783 3.65 3.65 0 0 0-.226-.292.341.341 0 0 0-.508-.012.41.41 0 0 0-.011.549 3.794 3.794 0 0 1 .174.227c.14.197.28.426.41.684.374.736.597 1.555.597 2.432s-.223 1.696-.596 2.432a5.419 5.419 0 0 1-.542.86 1.6 1.6 0 0 1-.043.051.41.41 0 0 0 .01.55.341.341 0 0 0 .51-.013zM17.62 15.88a3.65 3.65 0 0 0 .225-.292 6.2 6.2 0 0 0 .47-.783A6.167 6.167 0 0 0 19 12a6.167 6.167 0 0 0-.685-2.805 6.2 6.2 0 0 0-.47-.783 3.65 3.65 0 0 0-.226-.292.341.341 0 0 0-.508-.012.41.41 0 0 0-.011.549 3.794 3.794 0 0 1 .174.227c.14.197.28.426.41.684.374.736.597 1.555.597 2.432s-.223 1.696-.596 2.432a5.419 5.419 0 0 1-.542.86 1.6 1.6 0 0 1-.043.051.41.41 0 0 0 .01.55.341.341 0 0 0 .51-.013z" stroke="#000" fill="#000" fill-rule="nonzero"/><circle stroke="#000" stroke-width="2" cx="12" cy="12" r="11"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 1.2 KiB

Просмотреть файл

@ -1 +0,0 @@
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.586L10.243.343a1 1 0 1 1 1.414 1.414L7.414 6l4.243 4.243a1 1 0 1 1-1.414 1.414L6 7.414l-4.243 4.243a1 1 0 1 1-1.414-1.414L4.586 6 .343 1.757A1 1 0 1 1 1.757.343L6 4.586z" fill="#000" fill-rule="evenodd"/></svg>

До

Ширина:  |  Высота:  |  Размер: 288 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 4.586L10.243.343a1 1 0 1 1 1.414 1.414L7.414 6l4.243 4.243a1 1 0 1 1-1.414 1.414L6 7.414l-4.243 4.243a1 1 0 1 1-1.414-1.414L4.586 6 .343 1.757A1 1 0 1 1 1.757.343L6 4.586z" fill="#fff" fill-rule="evenodd"/></svg>

До

Ширина:  |  Высота:  |  Размер: 288 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 7V1a1 1 0 1 1 2 0v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6z" fill="#000" fill-rule="evenodd"/></svg>

До

Ширина:  |  Высота:  |  Размер: 191 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 7V1a1 1 0 1 1 2 0v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 1 1 0-2h6z" fill="#fff" fill-rule="evenodd"/></svg>

До

Ширина:  |  Высота:  |  Размер: 191 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="32" height="19" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF" fill-rule="evenodd"><path d="M16 1.414L2.414 15h27.172L16 1.414z" stroke="#CECECE" stroke-width="2"/><path d="M16 3l16 16H0z"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 216 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="16" height="14" xmlns="http://www.w3.org/2000/svg"><g fill="#000" fill-rule="evenodd"><rect width="16" height="2" rx="1"/><rect y="6" width="16" height="2" rx="1"/><rect y="12" width="16" height="2" rx="1"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 230 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="16" height="14" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" fill-rule="evenodd"><rect width="16" height="2" rx="1"/><rect y="6" width="16" height="2" rx="1"/><rect y="12" width="16" height="2" rx="1"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 230 B

Просмотреть файл

@ -1 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect stroke="#000" stroke-width="2" x="1" y="1" width="22" height="22" rx="11"/><path d="M9 7.516v9.968a.5.5 0 0 0 .79.408l7.01-4.984a.5.5 0 0 0 0-.815L9.79 7.108a.5.5 0 0 0-.79.408z" fill="#000"/></g></svg>

До

Ширина:  |  Высота:  |  Размер: 327 B

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 122 KiB

Двоичные данные
media/img/careers/locations/berlin-high-res.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 8.1 KiB

Двоичные данные
media/img/careers/locations/berlin.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 4.3 KiB

Двоичные данные
media/img/careers/locations/mozilla-berlin.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 17 KiB

Двоичные данные
media/img/careers/locations/mozilla-coworking-space.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 33 KiB

Двоичные данные
media/img/careers/locations/mozilla-paris.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 22 KiB

Двоичные данные
media/img/careers/locations/mozilla-remote.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 26 KiB

Двоичные данные
media/img/careers/locations/mozilla-san-francisco.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 27 KiB

Двоичные данные
media/img/careers/locations/mozilla-toronto.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 13 KiB

Двоичные данные
media/img/careers/locations/paris-high-res.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 9.3 KiB

Двоичные данные
media/img/careers/locations/paris.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 4.8 KiB

Двоичные данные
media/img/careers/locations/remote-high-res.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 9.5 KiB

Двоичные данные
media/img/careers/locations/remote.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 4.6 KiB

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 11 KiB

Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше