Commit 2f575524 authored by Simonas's avatar Simonas

merged landing page

parents 93926a18 8cd59d52
{
"name": "biuro",
"version": "1.5.2",
"version": "1.6.13",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
......
......@@ -77,7 +77,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<div class="c-form--submit-wrap">
<?php
if (isset($attr['page']) && $attr['page'] == 'landing-1'):
if (isset($attr['page']) && ($attr['page'] == 'landing-1' || $attr['page'] == 'landing-2')):
?>
<button type="submit" class="o-btn c-btn--main c-btn--fill" name="s" value="1"><?php _e('Get a job offer', 'biuro'); ?></button>
<?php
......
......@@ -89,6 +89,12 @@ window.dataLayer = window.dataLayer || [];
<script>
window.dataLayer.push({ 'event': 'b2c_form_submit_success_validated', 'label': 'Landing page 1' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-2'):
?>
<script>
window.dataLayer.push({ 'event': 'b2c_form_submit_success_validated', 'label': 'Landing page 2' });
</script>
<?php
else:
?>
......@@ -125,6 +131,12 @@ window.dataLayer = window.dataLayer || [];
<script>
window.dataLayer.push({ 'event': 'b2c_form_update_success_validated', 'label': 'Landing page 1' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-2'):
?>
<script>
window.dataLayer.push({ 'event': 'b2c_form_update_success_validated', 'label': 'Landing page 2' });
</script>
<?php
else:
?>
......
......@@ -16,6 +16,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--cookies-warning.css';
@import '_component--contact.css';
@import '_component--contact-landing-1.css';
@import '_component--contact-landing-2.css';
@import '_component--copyright.css';
@import '_component--data-controller.css';
@import '_component--divisions.css';
......
/* ------------- Component: contact section ------------- */
/* critical:start */
.c-contact-landing-2 { padding: 90px 0 0; background: url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg) no-repeat 0 0;
background-size: cover;
@media (--max--xxxx-small) {
background-size: cover !important;
}
@media (--max--x-small) {
background-size: 250%;
}
@media (--max--medium) {
margin: 0 auto;
}
@media (--min--medium) {
padding: 195px 0 50px;
}
}
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp) 1x)) {
.c-contact-landing-2 { background-image: url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp); }
}
.c-contact-landing-2--inner { /* */
@media (--max--medium) {
padding: 0 10px;
}
@media (--min--medium) {
display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; border-radius: 3px; background: rgba(0, 66, 180, 0.78);
}
}
.c-contact-landing-2--content { max-width: 440px; color: #fff; font-weight: 500; line-height: 29px; padding: 25px 20px 20px;
@media (--max--medium) {
margin: 0 auto; border-radius: 3px 3px 0 0; background: rgba(0, 66, 180, 0.78);
}
@media (--min--medium) {
flex: 1 1 40%; max-width: 500px; padding: 56px 40px 0 40px;
}
img { max-width: 100%; height: auto; }
h1 { color: #fff; font-weight: 600; font-size: 23px; line-height: 32px; margin: 0 0 20px;
@media (--min--medium) {
margin: 0 0 35px; font-size: 29px; line-height: 46px;
}
}
p { font-size: 15px; line-height: 25px;
@media (--min--medium) {
font-size: 16px;
}
span { display: block; overflow: hidden; }
}
}
.c-contact-landing-2--img { margin: 40px 0 0 45px; max-width: 300px;
@media (--max--medium) {
display: none;
}
}
.c-contact-landing-2--form {
@media (--max--medium) {
background: linear-gradient(45.94deg, #fff,#cbe2ec); margin: 0 -10px; padding: 0 10px 10px;
.c-form--employees { margin: 0 auto; max-width: 440px; border-radius: 0 0 3px 3px; }
}
@media (--min--medium) {
flex: 1 1 40%; max-width: 420px; /* margin-top: -200px; */
}
}
/* critical:end */
......@@ -20,6 +20,8 @@
.c-ico--offer { float: left; margin: 1px 23px 0 0; }
.c-ico--pen { float: left; margin: 5px 21px 0 0; }
.c-ico--easy { float: left; margin: 0 21px 0 0; }
.c-ico--attachment { margin: -2px 4px -1px 0; opacity: 0.5; }
......
This diff is collapsed.
This diff is collapsed.
<?php
/**
* Template Name: Employees Landing Page II
*
* The employees landing page template file
* Learn more: https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Biuro
* @since 1.0
* @version 1.0
*/
get_header('langing');
?>
<div id="content">
<main id="main" class="l-main">
<div class="c-contact-landing-2">
<div class="c-contact-landing-2--inner">
<div class="c-contact-landing-2--content">
<?php
while ( have_posts() ) :
the_post();
the_content();
endwhile;
if ( is_active_sidebar( 'landing_page_employees_2' ) ) :
dynamic_sidebar( 'landing_page_employees_2' );
endif;
?>
<div class="c-contact-landing-2--img">
<picture>
<source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/webp">
<img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
</picture>
</div>
</div>
<div class="c-contact-landing-2--form">
<?php
echo do_shortcode('[biuro-contacts--employees page="landing-2"]');
?>
</div>
</div><!-- .c-contact-landing-2--inner -->
</div><!-- .c-contact-landing-2 -->
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
endif;
?>
</main><!-- .l-main -->
</div><!-- #content -->
<?php get_footer();
......@@ -31,7 +31,8 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core-da62169aa6.min.css'; ?></style>
<style><?php include 'css/core-7b5f9f9602.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
......
......@@ -31,7 +31,7 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core-da62169aa6.min.css'; ?></style>
<style><?php include 'css/core-7b5f9f9602.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
......
......@@ -44,13 +44,16 @@
<path class="u-fill--inherit" d="M4.739,5.624L1.659,9.96c-0.099,0.138-0.258,0.138-0.357,0L0.886,9.38 c-0.099-0.138-0.099-0.36,0-0.498l2.486-3.507L0.886,1.868c-0.099-0.138-0.099-0.36,0-0.498l0.415-0.58 c0.099-0.138,0.258-0.138,0.357,0l3.08,4.336C4.837,5.264,4.837,5.486,4.739,5.624z"/>
</symbol>
<symbol id="ico--time" viewBox="0 0 24 24">
<path fill="#2A3644" d="M0.931,1.117h0.464c0.307,0,0.556,0.249,0.556,0.556v4.388c2.003-3.412,5.715-5.699,9.96-5.686 c6.324,0.02,11.473,5.194,11.463,11.518c-0.01,6.343-5.155,11.482-11.5,11.482c-2.964,0-5.667-1.122-7.706-2.963 c-0.237-0.214-0.248-0.582-0.022-0.808l0.328-0.328c0.209-0.209,0.545-0.219,0.764-0.021c1.757,1.581,4.083,2.544,6.636,2.544 c5.46,0,9.923-4.421,9.923-9.923c0-5.46-4.421-9.923-9.923-9.923c-3.842,0-7.175,2.183-8.824,5.379h4.558 c0.307,0,0.556,0.249,0.556,0.556v0.464c0,0.307-0.249,0.556-0.556,0.556H0.931c-0.307,0-0.556-0.249-0.556-0.556V1.673 C0.375,1.366,0.624,1.117,0.931,1.117z M15.847,15.735c-0.181,0.249-0.529,0.303-0.777,0.123l-3.936-2.863V5.383 c0-0.307,0.249-0.556,0.556-0.556h0.371c0.307,0,0.556,0.249,0.556,0.556v6.856l3.325,2.418c0.249,0.181,0.303,0.529,0.123,0.777 L15.847,15.735z"/>
<path class="u-fill--inherit" d="M0.931,1.117h0.464c0.307,0,0.556,0.249,0.556,0.556v4.388c2.003-3.412,5.715-5.699,9.96-5.686 c6.324,0.02,11.473,5.194,11.463,11.518c-0.01,6.343-5.155,11.482-11.5,11.482c-2.964,0-5.667-1.122-7.706-2.963 c-0.237-0.214-0.248-0.582-0.022-0.808l0.328-0.328c0.209-0.209,0.545-0.219,0.764-0.021c1.757,1.581,4.083,2.544,6.636,2.544 c5.46,0,9.923-4.421,9.923-9.923c0-5.46-4.421-9.923-9.923-9.923c-3.842,0-7.175,2.183-8.824,5.379h4.558 c0.307,0,0.556,0.249,0.556,0.556v0.464c0,0.307-0.249,0.556-0.556,0.556H0.931c-0.307,0-0.556-0.249-0.556-0.556V1.673 C0.375,1.366,0.624,1.117,0.931,1.117z M15.847,15.735c-0.181,0.249-0.529,0.303-0.777,0.123l-3.936-2.863V5.383 c0-0.307,0.249-0.556,0.556-0.556h0.371c0.307,0,0.556,0.249,0.556,0.556v6.856l3.325,2.418c0.249,0.181,0.303,0.529,0.123,0.777 L15.847,15.735z"/>
</symbol>
<symbol id="ico--offer" viewBox="0 0 23 21">
<path fill="#2A3644" d="M20.844,4.813C22.035,4.813,23,5.778,23,6.969v11.5c0,1.191-0.965,2.156-2.156,2.156H2.156 C0.965,20.625,0,19.66,0,18.469v-11.5c0-1.191,0.965-2.156,2.156-2.156h5.031V1.578C7.188,0.983,7.67,0.5,8.266,0.5h6.469 c0.596,0,1.078,0.482,1.078,1.078v3.234H20.844z M8.625,1.938v2.875h5.75V1.938H8.625z M21.563,18.469V12h-7.188v1.797 c0,0.595-0.483,1.078-1.078,1.078H9.703c-0.595,0-1.078-0.483-1.078-1.078V12H1.438v6.469c0,0.396,0.323,0.719,0.719,0.719h18.688 C21.24,19.188,21.563,18.865,21.563,18.469z M10.063,13.438h2.875V12h-2.875V13.438z M21.563,10.563V6.969 c0-0.396-0.323-0.719-0.719-0.719H2.156c-0.396,0-0.719,0.323-0.719,0.719v3.594H21.563z"/>
<path class="u-fill--inherit" d="M20.844,4.813C22.035,4.813,23,5.778,23,6.969v11.5c0,1.191-0.965,2.156-2.156,2.156H2.156 C0.965,20.625,0,19.66,0,18.469v-11.5c0-1.191,0.965-2.156,2.156-2.156h5.031V1.578C7.188,0.983,7.67,0.5,8.266,0.5h6.469 c0.596,0,1.078,0.482,1.078,1.078v3.234H20.844z M8.625,1.938v2.875h5.75V1.938H8.625z M21.563,18.469V12h-7.188v1.797 c0,0.595-0.483,1.078-1.078,1.078H9.703c-0.595,0-1.078-0.483-1.078-1.078V12H1.438v6.469c0,0.396,0.323,0.719,0.719,0.719h18.688 C21.24,19.188,21.563,18.865,21.563,18.469z M10.063,13.438h2.875V12h-2.875V13.438z M21.563,10.563V6.969 c0-0.396-0.323-0.719-0.719-0.719H2.156c-0.396,0-0.719,0.323-0.719,0.719v3.594H21.563z"/>
</symbol>
<symbol id="ico--easy" viewBox="0 0 23 23">
<path fill="#2A3644" d="M22.311,12.833c0.247,1.003,0.127,2.241-0.433,3.118c0.194,1.068-0.139,2.218-0.819,3.015 c0.086,2.422-1.395,4.034-4.058,4.034c-0.151,0.001-1.595,0-1.842,0C11.711,23,8.647,21.17,7.188,21.17v0.393 C7.188,22.356,6.544,23,5.75,23H1.438C0.644,23,0,22.356,0,21.563v-11.5c0-0.794,0.644-1.438,1.438-1.438H5.75 c0.491,0,0.924,0.246,1.184,0.622c0.137-0.026,0.263-0.058,0.361-0.1c0.971-0.522,2.588-3.094,3.646-4.153 c0.445-0.445,0.589-1.188,0.742-1.974C11.94,1.703,12.44,0,13.787,0c2.678,0,3.724,1.558,3.724,4.181 c0,1.388-0.538,2.356-0.93,3.136h3.151c1.826,0,3.267,1.568,3.267,3.26C23,11.5,22.757,12.255,22.311,12.833z M1.438,21.563H5.75 v-11.5H1.438V21.563z M20.485,12.414c0.718-0.195,1.082-0.915,1.077-1.83c-0.005-0.915-0.809-1.83-1.83-1.83h-5.031 c0-1.83,1.372-2.679,1.372-4.574c0-1.149,0-2.744-2.287-2.744c-0.915,0.915-0.457,3.202-1.83,4.574 c-1.522,1.522-3.076,4.574-4.77,4.574v9.148c1.919,0,4.696,1.83,7.972,1.83c0.156,0,1.681,0.001,1.83,0 c1.718-0.017,2.943-0.828,2.57-3.188c0.735-0.394,1.282-1.763,0.675-2.785C21.203,15.094,21.203,12.938,20.485,12.414z M4.672,19.406c0,0.595-0.483,1.078-1.078,1.078s-1.078-0.483-1.078-1.078c0-0.595,0.483-1.078,1.078-1.078 S4.672,18.811,4.672,19.406z"/>
<path class="u-fill--inherit" d="M22.311,12.833c0.247,1.003,0.127,2.241-0.433,3.118c0.194,1.068-0.139,2.218-0.819,3.015 c0.086,2.422-1.395,4.034-4.058,4.034c-0.151,0.001-1.595,0-1.842,0C11.711,23,8.647,21.17,7.188,21.17v0.393 C7.188,22.356,6.544,23,5.75,23H1.438C0.644,23,0,22.356,0,21.563v-11.5c0-0.794,0.644-1.438,1.438-1.438H5.75 c0.491,0,0.924,0.246,1.184,0.622c0.137-0.026,0.263-0.058,0.361-0.1c0.971-0.522,2.588-3.094,3.646-4.153 c0.445-0.445,0.589-1.188,0.742-1.974C11.94,1.703,12.44,0,13.787,0c2.678,0,3.724,1.558,3.724,4.181 c0,1.388-0.538,2.356-0.93,3.136h3.151c1.826,0,3.267,1.568,3.267,3.26C23,11.5,22.757,12.255,22.311,12.833z M1.438,21.563H5.75 v-11.5H1.438V21.563z M20.485,12.414c0.718-0.195,1.082-0.915,1.077-1.83c-0.005-0.915-0.809-1.83-1.83-1.83h-5.031 c0-1.83,1.372-2.679,1.372-4.574c0-1.149,0-2.744-2.287-2.744c-0.915,0.915-0.457,3.202-1.83,4.574 c-1.522,1.522-3.076,4.574-4.77,4.574v9.148c1.919,0,4.696,1.83,7.972,1.83c0.156,0,1.681,0.001,1.83,0 c1.718-0.017,2.943-0.828,2.57-3.188c0.735-0.394,1.282-1.763,0.675-2.785C21.203,15.094,21.203,12.938,20.485,12.414z M4.672,19.406c0,0.595-0.483,1.078-1.078,1.078s-1.078-0.483-1.078-1.078c0-0.595,0.483-1.078,1.078-1.078 S4.672,18.811,4.672,19.406z"/>
</symbol>
<symbol id="ico--pen" viewBox="0 0 23 23">
<path class="u-fill--inherit" d="M22.158,2.901c1.123,1.123,1.123,2.943,0,4.066L6.327,22.798l-5.129,0.57 c-0.687,0.076-1.267-0.504-1.191-1.191l0.57-5.129L16.408,1.217c1.123-1.123,2.943-1.123,4.066,0L22.158,2.901z M7.398,15.977 c-0.281-0.281-0.281-0.736,0-1.016l8.117-8.117l-1.35-1.35L4.099,15.559H5.66v2.156h2.156v1.561L17.882,9.211l-1.35-1.35 l-8.117,8.117C8.134,16.258,7.679,16.258,7.398,15.977z M5.667,21.425l0.892-0.892v-1.561H4.402v-2.156H2.842L1.95,17.708 l-0.294,2.65l1.361,1.361L5.667,21.425z M21.141,5.951c0.562-0.562,0.562-1.471,0-2.033l-1.684-1.684 c-0.562-0.562-1.471-0.562-2.033,0l-2.243,2.243l3.717,3.717L21.141,5.951z"/>
</symbol>
<symbol id="ico--burger" viewBox="0 0 32 16">
<rect fill="#2A3644" width="32" height="2"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment