Careers pages redesign (#12286)
* 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>
|
@ -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>We’re 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 it’s easier for everyone to focus on the work we’re
|
||||
here to do together. Here’s a sample of what’s 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 you’re 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 they’d 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 life’s 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 Mozilla’s 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 isn’t 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>
|
||||
We’re 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; that’s why it’s 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 you’re 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>
|
||||
We’re 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>We’re invested in making progress in inclusion, diversity, equity, and
|
||||
accountability at Mozilla — and we’re 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. We’re 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 don’t 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 it’s 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. There’s often a tension, especially in East Asian cultures with roots in Confucianism, between speaking up and keeping a sort of stiff upper lip. So it’s good to have a forum where we can say — and our allies can hear — the things we’re 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. We’re 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">
|
||||
I’ve 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 don’t 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. It’s going to take hard
|
||||
work that Mozilla is uniquely suited to take on. It’s why we’re here.
|
||||
It’s who we are. And it’s our future.
|
||||
</p>
|
||||
<p>
|
||||
Bring your drive, your creativity, your big ideas and your new
|
||||
perspectives to make the difference we’re 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"> <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"> <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">
|
||||
We’ve made some progress that we’re 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. It’s 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. It’s 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>
|
||||
We’re united by our passion for the internet, and for supporting each other. Once
|
||||
you’re a Mozillian, you’re 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
|
||||
people’s 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 didn’t.
|
||||
</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 we’re 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>
|
||||
We’ve made some progress that we’re 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 Company’s Best Workplaces for Innovators</h2>
|
||||
<div class="mzp-c-card-desc">– 2019 –</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">– 2019 –</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">– 2019 –</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
|
||||
it’s easier to focus on our work when we’re 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
|
||||
family’s — 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. That’s why
|
||||
Mozilla’s 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 Mozilla’s 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>
|
||||
Mozilla’s 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">
|
||||
We’ll 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, we’re reimaging what work
|
||||
can look like — balancing your life with the connection and community
|
||||
essential to the products we’re 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 it’s 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>We’re hiring curious and kind people across the organization. Come help write Mozilla’s 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 Corporation’s 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…
|
||||
</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…
|
||||
</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…
|
||||
</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…
|
||||
</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…
|
||||
</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>
|
||||
It’s 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. Mozilla’s 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, I’m 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 we’re 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">We’ll 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>We’ve 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, we’re 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, we’re 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 Mozilla’s 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 Mozilla’s 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? Mozilla’s 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 Mozilla’s foundational mission: protecting privacy and security.
|
||||
Through risk assessments, security audits, incident response and more,
|
||||
this team ensures the trust we’ve 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>
|
||||
Mozilla’s 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. We’re taking
|
||||
action worldwide to protect and strengthen the web’s 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 Mozilla’s 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 we’re 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 we’re 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;
|
||||
}
|
Двоичные данные
media/img/careers/beyond-the-browser-high-res.png
До Ширина: | Высота: | Размер: 77 KiB |
Двоичные данные
media/img/careers/beyond-the-browser.png
До Ширина: | Высота: | Размер: 26 KiB |
После Ширина: | Высота: | Размер: 83 KiB |
После Ширина: | Высота: | Размер: 767 KiB |
После Ширина: | Высота: | Размер: 46 KiB |
После Ширина: | Высота: | Размер: 40 KiB |
Двоичные данные
media/img/careers/glassdoor_250x90.png
До Ширина: | Высота: | Размер: 2.9 KiB |
После Ширина: | Высота: | Размер: 127 KiB |
После Ширина: | Высота: | Размер: 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 |
Двоичные данные
media/img/careers/improving-lives-not-profits-high-res.png
До Ширина: | Высота: | Размер: 122 KiB |
Двоичные данные
media/img/careers/locations/berlin-high-res.png
До Ширина: | Высота: | Размер: 8.1 KiB |
Двоичные данные
media/img/careers/locations/berlin.png
До Ширина: | Высота: | Размер: 4.3 KiB |
После Ширина: | Высота: | Размер: 17 KiB |
После Ширина: | Высота: | Размер: 33 KiB |
После Ширина: | Высота: | Размер: 22 KiB |
После Ширина: | Высота: | Размер: 26 KiB |
После Ширина: | Высота: | Размер: 27 KiB |
После Ширина: | Высота: | Размер: 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 |
Двоичные данные
media/img/careers/locations/san-francisco-high-res.png
До Ширина: | Высота: | Размер: 11 KiB |