Commit 358de24d authored by Simonas's avatar Simonas

Merge branch 'langing-pages' into dev

parents 4ba3f759 12a1e7ae
......@@ -32,6 +32,7 @@ services:
- ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
- ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
- ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
- ./wp-content/plugins/biuro-jobs:/var/www/html/wp-content/plugins/biuro-jobs
- ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
- ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
- ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
......@@ -100,6 +101,7 @@ services:
- ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
- ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
- ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
- ./wp-content/plugins/biuro-jobs:/var/www/html/wp-content/plugins/biuro-jobs
- ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
- ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
- ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
......@@ -140,6 +142,7 @@ services:
- ./wp-content/plugins/biuro-contacts:/var/www/html/wp-content/plugins/biuro-contacts
- ./wp-content/plugins/biuro-feedbacks:/var/www/html/wp-content/plugins/biuro-feedbacks
- ./wp-content/plugins/biuro-html:/var/www/html/wp-content/plugins/biuro-html
- ./wp-content/plugins/biuro-jobs:/var/www/html/wp-content/plugins/biuro-jobs
- ./wp-content/plugins/biuro-sections:/var/www/html/wp-content/plugins/biuro-sections
- ./wp-content/plugins/biuro-services:/var/www/html/wp-content/plugins/biuro-services
- ./wp-content/plugins/biuro-values:/var/www/html/wp-content/plugins/biuro-values
......
......@@ -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' || $attr['page'] == 'landing-2')):
if (isset($attr['page']) && ($attr['page'] == 'landing-1' || $attr['page'] == 'landing-2' || $attr['page'] == 'landing-3' || $attr['page'] == 'landing-4')):
?>
<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
......
......@@ -91,6 +91,18 @@ window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Land
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 2' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-3'):
?>
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 3' });
</script>
<?php
elseif (isset($attr['page']) && $attr['page'] == 'landing-4'):
?>
<script>
window.dataLayer.push({ event: 'b2c_form_submit_success_validated', label: 'Landing page 4' });
</script>
<?php
else:
?>
......
......@@ -66,7 +66,8 @@ class Biuro_HTML extends WP_Widget {
}
if ( $content != "" ) {
echo '<p>' . $content . '</p>';
// echo '<p>' . $content . '</p>';
echo $content;
}
// WordPress core after_widget hook (always include )
......
<?php
/*
Plugin Name: Biuro Jobs
Description: Biuro Jobs plugin
Author: Biuro
Version: 1.0
Author URI: https://www.biuro.lt/
*/
class Biuro_Jobs extends WP_Widget {
// Main constructor
public function __construct() {
parent::__construct(
'biuro-jobs',
__( 'Biuro Jobs | Biuro', 'biuro' ),
array(
'customize_selective_refresh' => true,
)
);
}
// The widget form (for the backend )
public function form( $instance ) {
// Set widget defaults
$defaults = array(
'heading' => '',
'url' => '',
'title1' => '',
'description1' => '',
'city1' => '',
'salary1' => '',
'id1' => '',
'title2' => '',
'description2' => '',
'city2' => '',
'salary2' => '',
'id2' => '',
'title3' => '',
'description3' => '',
'city3' => '',
'salary3' => '',
'id3' => '',
'title4' => '',
'description4' => '',
'city4' => '',
'salary4' => '',
'id4' => '',
'title5' => '',
'description5' => '',
'city5' => '',
'salary5' => '',
'id5' => '',
);
// Parse current settings with defaults
extract( wp_parse_args( ( array ) $instance, $defaults ) ); ?>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'heading' ) ); ?>"><?php _e( 'Heading', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'heading' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'heading' ) ); ?>" type="text" value="<?php echo esc_attr( ${'heading'} ); ?>" />
</p>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'url' ) ); ?>"><?php _e( 'More page URL', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'url' ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'url' ) ); ?>" type="text" value="<?php echo esc_attr( ${'url'} ); ?>" />
</p>
<?php
for ($i = 1; $i <= 5; $i++):
?>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'title' . $i ) ); ?>"><?php _e( 'Title', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'title' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'title' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'title' . $i} ); ?>" />
</p>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'description' . $i ) ); ?>"><?php _e( 'Description', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<textarea class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'description' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'description' . $i ) ); ?>" rows="4"><?php echo wp_kses_post( ${'description' . $i} ); ?></textarea>
</p>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'city' . $i ) ); ?>"><?php _e( 'City', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'city' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'city' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'city' . $i} ); ?>" />
</p>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'salary' . $i ) ); ?>"><?php _e( 'Salary', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'salary' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'salary' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'salary' . $i} ); ?>" />
</p>
<p>
<label for="<?php echo esc_attr( $this->get_field_id( 'id' . $i ) ); ?>"><?php _e( 'Job ID', 'biuro' ); ?><?php echo ' ' . $i . ':'; ?></label>
<input class="widefat" id="<?php echo esc_attr( $this->get_field_id( 'id' . $i ) ); ?>" name="<?php echo esc_attr( $this->get_field_name( 'id' . $i ) ); ?>" type="text" value="<?php echo esc_attr( ${'id' . $i} ); ?>" />
</p>
<hr>
<?php
endfor;
?>
<?php }
// Update widget settings
public function update( $new_instance, $old_instance ) {
$instance = $old_instance;
$instance['heading'] = isset( $new_instance['heading'] ) ? wp_strip_all_tags( $new_instance['heading'] ) : '';
$instance['url'] = isset( $new_instance['url'] ) ? wp_strip_all_tags( $new_instance['url'] ) : '';
for ($i = 1; $i <= 6; $i++):
$instance['title' . $i] = isset( $new_instance['title' . $i] ) ? wp_strip_all_tags( $new_instance['title' . $i] ) : '';
$instance['description' . $i] = isset( $new_instance['description' . $i] ) ? wp_kses_post( $new_instance['description' . $i] ) : '';
$instance['city' . $i] = isset( $new_instance['city' . $i] ) ? wp_strip_all_tags( $new_instance['city' . $i] ) : '';
$instance['salary' . $i] = isset( $new_instance['salary' . $i] ) ? wp_strip_all_tags( $new_instance['salary' . $i] ) : '';
$instance['id' . $i] = isset( $new_instance['id' . $i] ) ? wp_strip_all_tags( $new_instance['id' . $i] ) : '';
endfor;
return $instance;
}
// Display the widget
public function widget( $args, $instance ) {
extract( $args );
$heading = isset( $instance['heading'] ) ?$instance['heading'] : '';
$url = isset( $instance['url'] ) ?$instance['url'] : '';
for ($i = 1; $i <= 6; $i++):
${'title' . $i} = isset( $instance['title' . $i] ) ?$instance['title' . $i] : '';
${'description' . $i} = isset( $instance['description' . $i] ) ?$instance['description' . $i] : '';
${'city' . $i} = isset( $instance['city' . $i] ) ?$instance['city' . $i] : '';
${'salary' . $i} = isset( $instance['salary' . $i] ) ?$instance['salary' . $i] : '';
${'id' . $i} = isset( $instance['id' . $i] ) ?$instance['id' . $i] : '';
endfor;
// WordPress core before_widget hook (always include )
echo $before_widget;
// Display the widget
echo '<div class="c-jobs c-jobs--alt">';
echo '<div class="c-jobs--inner-custom">';
if ( $heading != "" ) {
echo '<h2 class="c-jobs--headline">' . $heading . '</h2>';
}
echo '<table cellspacing="0" cellpadding="0" class="c-jobs--table">';
for ($i = 1; $i <= 5; $i++):
if ( ${'title' . $i} != "" && ${'description' . $i} != "" && ${'city' . $i} != "" && ${'salary' . $i} != "" && ${'id' . $i} != ""):
echo '<tr>';
echo '<td class="c-jobs--col c-jobs--col-position">';
echo '<a class="c-jobs--anchor" href="' . get_post_permalink( ${'id' . $i} ) . '" title="">' . ${'title' . $i} . '</a>';
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-description">';
echo '<a class="c-jobs--anchor-alt" href="' . get_post_permalink( ${'id' . $i} ) . '" title="">' . ${'description' . $i} . '</a>';
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-city">';
echo ${'city' . $i};
echo '</td>';
echo '<td class="c-jobs--col c-jobs--col-salary">';
echo ${'salary' . $i};
echo '</td>';
echo '</tr>';
/*echo get_post_permalink( $ID );*/
// echo '<div class="c-jobs--item-inner">';
// if ( ${'title' . $i} != "" ) {
// echo '<div class="c-jobs--header"><div class="c-jobs--ico"><svg width="56px" height="56px"><use xlink:href="#ico--section-' . $i . '"></use></svg></div>' . ${'title' . $i} . '</div>';
// }
// echo '<div class="c-jobs--content">';
// if ( ${'description' . $i} != "" ) {
// echo '<div class="c-jobs--description">' . ${'description' . $i} . '</div>';
// }
// if ( ${'content' . $i} != "" ) {
// echo ${'content' . $i};
// }
// echo '</div>';
// echo '</div>';
endif;
endfor;
echo '</table>';
if ( $url != "" ) {
echo '<div class="c-jobs--more">';
echo '<a href=" ' . $url . ' " class="o-btn c-btn--alt">' . __('More job ads', 'biuro') . '</a>';
echo '</div>';
}
echo '</div>';
echo '</div>';
// WordPress core after_widget hook (always include )
echo $after_widget;
}
}
// register Biuro_Jobs
add_action( 'widgets_init', function(){
register_widget( 'Biuro_Jobs' );
});
......@@ -4,6 +4,8 @@
.l-inner { max-width: var(--layout-width); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
.l-inner-jobs { max-width: 990px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
.l-inner-small { max-width: var(--layout-width--small); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; }
.l-inner--header { display: flex; flex-direction: row; align-items: center;
......
......@@ -46,6 +46,18 @@
}
}
.l-section--landing-3 { display: flex; align-items: flex-end; padding: 0 !important; background-color: #515e70; height: 240px;
@media (--min--medium) {
height: 348px;
}
}
.l-section--landing-4 { display: flex; align-items: flex-end; padding: 0 !important; background-color: #515e70; height: 240px;
@media (--min--medium) {
height: 348px;
}
}
/* critical:end */
......@@ -78,7 +90,6 @@
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
}
.l-section--landing-1 { background-image: url(/wp-content/themes/biuro/i/sections/landing-1.jpg); background-position: 0 50%; }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-1.webp) 1x)) {
.l-section--landing-1 { background-image: url(/wp-content/themes/biuro/i/sections/landing-1.webp); }
......@@ -95,3 +106,13 @@
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/recommend.webp) 1x)) {
.l-section--recommend { background-image: url(/wp-content/themes/biuro/i/sections/recommend.webp); }
}
.l-section--landing-3 { background-image: url(/wp-content/themes/biuro/i/sections/landing-3.jpg); background-position: 0 50%; }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-3.webp) 1x)) {
.l-section--landing-3 { background-image: url(/wp-content/themes/biuro/i/sections/landing-3.webp); }
}
.l-section--landing-4 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.jpg); background-position: 0 50%; }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-4.webp) 1x)) {
.l-section--landing-4 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.webp); }
}
......@@ -17,6 +17,8 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--contact.css';
@import '_component--contact-landing-1.css';
@import '_component--contact-landing-2.css';
@import '_component--contact-landing-3.css';
@import '_component--contact-landing-4.css';
@import '_component--copyright.css';
@import '_component--data-controller.css';
@import '_component--divisions.css';
......
......@@ -14,6 +14,11 @@
&:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); }
}
.c-btn--phone { color: #fff; background: var(--color--green); border: 2px solid var(--color--green); border-radius: 44px; overflow: hidden; height: 44px; line-height: 24px; margin: -15px 0 15px; padding: 9px 15px 8px;
svg { float: left; margin: 0 10px 0 0; }
&:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); }
}
.c-btn--disabled { background: #6f7479; border-color: #6f7479; outline: none; pointer-events: none; user-select: none;
&:hover { background: #6f7479; cursor: not-allowed; border-color: #6f7479;}
}
......
/* ------------- Component: contact section ------------- */
/* critical:start */
.c-contact-landing-3 { padding: 10px 0;
@media (--max--medium) {
max-width: 440px; margin: 0 auto;
}
@media (--min--medium) {
padding: 20px 0 40px;
}
}
.c-contact-landing-3--inner { max-width: 990px; padding: 0 10px; margin: 0 auto 40px;
@media (--min--medium) {
display: flex; justify-content: space-between;
}
}
.c-contact-landing-3--content { color: #2A3644; font-weight: 500; padding: 15px 0 20px 15px;
@media (--min--medium) {
flex: 1 1 40%; max-width: 500px; padding: 0; /* padding: 0 0 0 90px; */
}
img { max-width: 100%; height: auto; }
span { display: block; overflow: hidden; line-height: 22px; padding: 2px 0 0 0; }
}
.c-contact-landing-3--img { margin-top: 40px; }
.c-contact-landing-3--form { max-width: 420px;
@media (--min--medium) {
flex: 1 1 40%; margin-top: -180px;
}
}
/* critical:end */
.c-contact-landing-3--aside { padding: 10px 20px; margin: 0 -10px 0 -25px; background: linear-gradient(90deg, #C5F3EC 0%, #E4FAF7 100%);
@media (--min--medium) {
margin: 0; padding: 10px;
}
svg { float: left; margin-right: 25px;
@media (--max--medium) {
display: none;
}
}
p { overflow: hidden; color: #149183; margin: 0; text-align: center;
@media (--min--medium) {
max-width: 300px; padding: 5px 0 0; text-align: left;
}
}
@media (--min--medium) {
width: 549px; margin-left: 40px; border-radius: 33px; overflow: hidden;
}
}
/* ------------- Component: contact section ------------- */
/* critical:start */
.c-contact-landing-4 { padding: 10px 0;
@media (--max--medium) {
max-width: 440px; margin: 0 auto;
}
@media (--min--medium) {
padding: 20px 0 40px;
}
}
.c-contact-landing-4--inner { max-width: 1000px; padding: 0 10px ;margin: 0 auto;
@media (--min--medium) {
display: flex; justify-content: space-between;
}
}
.c-contact-landing-4--content { color: #2A3644; font-weight: 500; padding: 15px 0 20px 15px;
@media (--min--medium) {
flex: 1 1 40%; max-width: 500px; padding: 0 0 0 90px;
}
img { max-width: 100%; height: auto; }
span { display: block; overflow: hidden; line-height: 22px; padding: 2px 0 0 0; }
}
.c-contact-landing-4--img { margin-top: 40px; }
.c-contact-landing-4--form { max-width: 420px;
@media (--min--medium) {
flex: 1 1 40%; margin-top: -180px;
}
}
/* critical:end */
.c-contact-landing-4--aside { padding: 10px 20px; margin: 0 -10px 0 -25px; background: linear-gradient(90deg, #C5F3EC 0%, #E4FAF7 100%);
@media (--min--medium) {
margin: 0; padding: 10px;
}
svg { float: left; margin-right: 25px;
@media (--max--medium) {
display: none;
}
}
p { overflow: hidden; color: #149183; margin: 0; text-align: center;
@media (--min--medium) {
max-width: 300px; padding: 5px 0 0; text-align: left;
}
}
@media (--min--medium) {
width: 549px; margin-left: 40px; border-radius: 33px; overflow: hidden;
}
}
......@@ -48,6 +48,36 @@
}
}
.c-heading--landing-3 {
h1 { color: #fff; font-size: 21px; line-height: 32px;
@media (--min--medium) {
max-width: 500px; font-size: 36px; line-height: 45px;
}
span { color: #19C5A7; }
}
@media (--max--medium) {
max-width: 440px; margin: 0 auto; padding: 0 20px;
}
@media (--min--medium) {
padding-left: 30px;
}
}
.c-heading--landing-4 { color: #fff; padding: 0 20px;
h1 { /* max-width: 230px; */ color: #fff; font-size: 21px; line-height: 32px;
@media (--min--medium) {
max-width: 500px; font-size: 36px; line-height: 45px;
}
span { color: #19C5A7; }
}
@media (--max--medium) {
max-width: 440px; margin: 0 auto;
}
@media (--min--medium) {
padding-left: 110px;
}
}
.c-heading--recommend-friend {
h1 { max-width: 420px; color: #fff; font-size: 26px; line-height: 37px; padding: 0 20px 20px;
@media (--max--medium) {
......
......@@ -8,6 +8,7 @@
.c-ico--area { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); margin-top: -1px; }
.c-ico--phone { float: left; margin: 3px 10px 0 1px; }
.c-ico--phone-recommend { float: left; margin: 0 15px 0 0; }
......@@ -18,18 +19,24 @@
.c-ico--filter { float: left; margin: 3px 15px 0 3px; }
.c-ico--time { float: left; margin: 2px 20px 0 0; }
.c-ico--time { float: left; margin: 2px 16px 0 0; }
.c-ico--offer { float: left; margin: 1px 23px 0 0; }
.c-ico--offer { float: left; margin: 1px 17px 0 0; }
.c-ico--pen { float: left; margin: 5px 21px 0 0; }
.c-ico--pen { float: left; margin: 5px 17px 0 0; }
.c-ico--easy { float: left; margin: 0 21px 0 0; }
.c-ico--easy { float: left; margin: 0 17px 0 0; }
.c-ico--edit { float: left; margin: 0 13px 0 1px; }
.c-ico--edit { float: left; margin: -1px 13px 0 1px; }
.c-ico--euro { float: left; margin: 0 15px 0 0; }
.c-ico--calendar { float: left; margin: 0 20px 0 0; }
.c-ico--lunch { float: left; margin: 2px 18px 0 0; }
.c-ico--transport { float: left; margin: 2px 20px 0 0; }
.c-ico--attachment { margin: -2px 4px -1px 0; opacity: 0.5; }
/* critical:end */
......
......@@ -5,8 +5,16 @@
.c-jobs { }
.c-jobs--alt {
@media (--max--medium) {
padding-top: 30px;
}
}
.c-jobs--inner { @extend .l-inner-small; }
.c-jobs--inner-custom { max-width: 990px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
.c-jobs--table { margin: 0 0 20px; }
.c-jobs--headline {margin: 0 0 25px; padding: 20px 20px 0;
......@@ -46,6 +54,12 @@
}
}
.c-jobs--col-description {
@media (--max--medium) {
width: 100%; padding-top: 0;
}
}
.c-jobs--col-valid,
.c-jobs--col-city {
@media (--max--medium) {
......@@ -76,10 +90,17 @@
width: 50%; border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0; text-align: right;
}
}
.c-jobs--col-salary { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; width: 140px; text-align: right;
@media (--max--medium) {
width: 50%; border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0; text-align: right;
}
}
/* critical:start */
.c-jobs--anchor { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none; }
.c-jobs--anchor-alt { display: block; padding: 4px 0; color: #2A3644; line-height: 18px; text-decoration: none; }
/* critical:end */
.c-jobs--anchor { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
@media (--max--medium) {
font-size: 16px; line-height: 23px;
......@@ -91,6 +112,10 @@
&:visited { color: #551B89; }
}
.c-jobs--anchor-alt {
&:hover { text-decoration: underline; }
}
/* critical:start */
.c-jobs--more { margin-bottom: 50px;
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<?php
/**
* Template Name: Employees Landing Page III
*
* 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 class="l-section l-section--landing-3">
<div class="l-section--inner">
<?php
while ( have_posts() ) :
?>
<div class="c-heading--landing-3">
<?php
the_post();
the_content();
?>
</div>
<?php
endwhile;
?>
</div>
</div>
<div id="content">
<main id="main" class="l-main">
<div class="c-contact-landing-3">
<div class="c-contact-landing-3--inner">
<div class="c-contact-landing-3--content">
<?php
if ( is_active_sidebar( 'landing_page_employees_3' ) ) :
dynamic_sidebar( 'landing_page_employees_3' );
endif;
?>
<div class="c-contact-landing-3--aside">
<svg width="44" height="44" xmlns="http://www.w3.org/2000/svg">
<circle fill="#6CCDBC" cx="22" cy="22" r="22"/>
<path d="M31.268 13.198l-1.466-1.466A2.49 2.49 0 0028.035 11c-.64 0-1.28.244-1.768.732L12.502 25.497l-.496 4.462a.938.938 0 001.035 1.035l4.458-.492 13.769-13.77a2.5 2.5 0 000-3.534zm-14.343 16.11l-3.634.403.405-3.64 10.308-10.308 3.233 3.233-10.312 10.312zm13.459-13.459l-2.263 2.263-3.233-3.233 2.263-2.263c.236-.236.55-.366.884-.366.334 0 .647.13.884.366l1.465 1.465c.487.488.487 1.28 0 1.768z" fill="#FFF"/>
</svg>
<p><?php _e('Fill out the inquiry form and we will get back to you within 2 business days!', 'biuro'); ?></p>
</div>
</div>
<div class="c-contact-landing-3--form">
<?php
echo do_shortcode('[biuro-contacts--employees page="landing-3"]');
?>
</div>
</div><!-- .c-contact-landing-3--inner -->
<?php
if ( is_active_sidebar( 'landing_page_jobs_3' ) ) :
dynamic_sidebar( 'landing_page_jobs_3' );
endif;
?>
</div><!-- .c-contact-landing-3 -->
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
endif;
?>
</main><!-- .l-main -->
</div><!-- #content -->
<?php get_footer();
<?php
/**
* Template Name: Employees Landing Page IV
*
* 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 class="l-section l-section--landing-4">
<div class="l-section--inner">
<?php
while ( have_posts() ) :
?>
<div class="c-heading--landing-4">
<?php
the_post();
the_content();
?>
</div>
<?php
endwhile;
?>
</div>
</div>
<div id="content">
<main id="main" class="l-main">
<div class="c-contact-landing-4">
<div class="c-contact-landing-4--inner">
<div class="c-contact-landing-4--content">
<?php
if ( is_active_sidebar( 'landing_page_employees_4' ) ) :
dynamic_sidebar( 'landing_page_employees_4' );
endif;
?>
<div class="c-contact-landing-4--aside">
<svg width="44" height="44" xmlns="http://www.w3.org/2000/svg">
<circle fill="#6CCDBC" cx="22" cy="22" r="22"/>
<path d="M31.268 13.198l-1.466-1.466A2.49 2.49 0 0028.035 11c-.64 0-1.28.244-1.768.732L12.502 25.497l-.496 4.462a.938.938 0 001.035 1.035l4.458-.492 13.769-13.77a2.5 2.5 0 000-3.534zm-14.343 16.11l-3.634.403.405-3.64 10.308-10.308 3.233 3.233-10.312 10.312zm13.459-13.459l-2.263 2.263-3.233-3.233 2.263-2.263c.236-.236.55-.366.884-.366.334 0 .647.13.884.366l1.465 1.465c.487.488.487 1.28 0 1.768z" fill="#FFF"/>
</svg>
<p><?php _e('Fill out the inquiry form and we will get back to you within 2 business days!', 'biuro'); ?></p>
</div>
</div>
<div class="c-contact-landing-4--form">
<?php
echo do_shortcode('[biuro-contacts--employees page="landing-4"]');
?>
</div>
</div><!-- .c-contact-landing-4--inner -->
</div><!-- .c-contact-landing-4 -->
<br>
<br>
<div class="c-jobs c-jobs--alt">
<div class="c-jobs--inner-custom">
<h2 class="c-jobs--headline"><?php _e('Free transport to / from work in these cities', 'biuro'); ?></h2>
</div>
<div style="border: 1px solid #000; height: 495px;">
</div>
</div>
<br>
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
endif;
?>
</main><!-- .l-main -->
</div><!-- #content -->
<?php get_footer();
......@@ -112,7 +112,7 @@
$contactsPage->the_post();
?>
<div class="c-footer-action">
<a href="<?php echo get_the_permalink(); ?>#action" class="o-btn c-btn--main c-btn--footer"><?php _e('Get a job offer', 'biuro'); ?></a>
<a href="<?php echo get_the_permalink(); ?>#action" class="js-submit-employees-form o-btn c-btn--main c-btn--footer"><?php _e('Get a job offer', 'biuro'); ?></a>
</div>
<?php
endwhile;
......@@ -154,7 +154,7 @@
<?php
endif;
?>
<script src="/wp-content/themes/biuro/js/main-bda32991.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main-44985e00.min.js" async></script>
<?php
// global $time_start;
......
......@@ -283,6 +283,33 @@ function biuro_widger_areas() {
'after_title' => '',
) );
register_sidebar( array(
'name' => 'Landing page: Employees 3',
'id' => 'landing_page_employees_3',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
) );
register_sidebar( array(
'name' => 'Landing page: Employees 3 Jobs',
'id' => 'landing_page_jobs_3',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
) );
register_sidebar( array(
'name' => 'Landing page: Employees 4',
'id' => 'landing_page_employees_4',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
) );
register_sidebar( array(
'name' => 'Jobs: No job ads area',
'id' => 'no_job_ads',
......
......@@ -31,18 +31,18 @@
<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-86e15d5a72.min.css'; ?></style>
<style><?php include 'css/core-9fc5a0a5d0.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" >
<link rel="preload" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css">
</noscript>
<?php wp_head(); ?>
......
......@@ -31,18 +31,18 @@
<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-86e15d5a72.min.css'; ?></style>
<style><?php include 'css/core-9fc5a0a5d0.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" >
<link rel="preload" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-196f407b9c.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-1cb140d15a.min.css">
</noscript>
<?php wp_head(); ?>
......
......@@ -773,6 +773,22 @@ if (document.querySelector('#submit-recommend')) {
});
}
if (document.querySelector('.js-submit-employees-form')) {
document.querySelector('.js-submit-employees-form').addEventListener('click', (e) => {
const button = document.querySelector('[name="form-employees"] [type="submit"]');
if (!button) {
return;
}
e.preventDefault();
e.currentTarget.classList.add('c-btn--disabled');
button.click();
});
}
const collapseContent = (n) => {
const h = n.scrollHeight;
const t = n.style.transition;
......
......@@ -83,4 +83,13 @@
<path class="u-fill--inherit" d="M256 0C114.848 0 0 114.848 0 256s114.848 256 256 256 256-114.848 256-256S397.152 0 256 0zm0 480C132.48 480 32 379.52 32 256S132.48 32 256 32s224 100.48 224 224-100.48 224-224 224z"/>
<path class="u-fill--inherit" d="M310.976 339.744C299.072 347.872 285.952 352 272 352c-29.472 0-55.008-19.456-68.864-48H256c8.832 0 16-7.168 16-16s-7.168-16-16-16h-62.656c-.736-5.216-1.344-10.528-1.344-16s.608-10.784 1.344-16H272c8.832 0 16-7.168 16-16s-7.168-16-16-16h-68.864c13.856-28.544 39.392-48 68.864-48 13.952 0 27.072 4.128 38.976 12.256 7.296 4.96 17.28 3.136 22.24-4.192 4.992-7.296 3.104-17.248-4.192-22.24C311.936 134.176 292.224 128 272 128c-46.88 0-87.008 33.184-103.68 80H144c-8.832 0-16 7.168-16 16s7.168 16 16 16h17.408c-.576 5.312-1.408 10.528-1.408 16s.832 10.688 1.408 16H144c-8.832 0-16 7.168-16 16s7.168 16 16 16h24.32c16.672 46.816 56.8 80 103.68 80 20.224 0 39.936-6.176 57.024-17.824 7.296-4.992 9.184-14.944 4.192-22.24-4.96-7.296-14.944-9.152-22.24-4.192z"/>
</symbol>
<symbol id="ico--calendar" viewBox="0 0 20 24">
<path class="u-fill--inherit" d="M17.857 3.357h-2.143V1.036A.537.537 0 0015.18.5h-.358a.537.537 0 00-.535.536v2.321H5.714V1.036A.537.537 0 005.18.5H4.82a.537.537 0 00-.535.536v2.321H2.143C.96 3.357 0 4.317 0 5.5v15.714c0 1.183.96 2.143 2.143 2.143h15.714c1.183 0 2.143-.96 2.143-2.143V5.5c0-1.183-.96-2.143-2.143-2.143zM2.143 4.786h15.714c.393 0 .714.321.714.714v2.143H1.43V5.5c0-.393.321-.714.714-.714zm15.714 17.143H2.143a.716.716 0 01-.714-.715V9.071H18.57v12.143a.716.716 0 01-.714.715zm-11.25-7.143a.537.537 0 00.536-.536v-1.786a.537.537 0 00-.536-.535H4.821a.537.537 0 00-.535.535v1.786c0 .295.24.536.535.536h1.786zm4.286 0a.537.537 0 00.536-.536v-1.786a.537.537 0 00-.536-.535H9.107a.537.537 0 00-.536.535v1.786c0 .295.242.536.536.536h1.786zm4.286 0a.537.537 0 00.535-.536v-1.786a.537.537 0 00-.535-.535h-1.786a.537.537 0 00-.536.535v1.786c0 .295.241.536.536.536h1.786zm-4.286 4.285a.537.537 0 00.536-.535V16.75a.537.537 0 00-.536-.536H9.107a.537.537 0 00-.536.536v1.786c0 .294.242.535.536.535h1.786zm-4.286 0a.537.537 0 00.536-.535V16.75a.537.537 0 00-.536-.536H4.821a.537.537 0 00-.535.536v1.786c0 .294.24.535.535.535h1.786zm8.572 0h-1.786a.537.537 0 01-.536-.535V16.75c0-.295.241-.536.536-.536h1.786c.294 0 .535.241.535.536v1.786a.537.537 0 01-.535.535z" fill-rule="nonzero"/>
</symbol>
<symbol id="ico--lunch" viewBox="0 0 22 21">
<path class="u-fill--inherit" d="M0 2.792c0 5.458 2.666 8.242 7.204 8.651L3.216 14.98a2.294 2.294 0 00-.1 3.334l1.07 1.07a2.29 2.29 0 003.335-.1l3.556-4.014 3.449 4.06a2.291 2.291 0 003.292.054l1.07-1.07c.92-.92.886-2.417-.061-3.3l-4.13-3.83.276-.295c1.482.462 2.945.268 4.213-.997l.214-.227c.834-.932 2.159-2.84 2.337-3.1.768-1.088-.279-2.551-1.428-2.696-.107-.844-.902-1.585-1.677-1.68-.15-1.185-1.627-2.182-2.697-1.43l-.966.684c-.797.576-1.862 1.373-2.36 1.872C11.381 4.541 11.13 6 11.61 7.528l-.427.393L3.85 1.115C2.391-.241 0 .795 0 2.792zM14.503 9.56l-.703.79-1.715-1.592.86-.76c-.719-1.26-.589-2.7.53-3.82.745-.748 3.163-2.418 3.163-2.418.29-.21.959.47.741.753l-3.094 3.09c-.267.313.416 1.008.741.752l3.289-2.918c.282-.206.95.459.745.745L16.14 7.471c-.252.324.44 1.012.757.745l3.09-3.09c.266-.209.884.374.78.686l-.028.054s-1.669 2.414-2.418 3.167c-1.13 1.123-2.57 1.237-3.82.527zm-6.15 2.502l1.925 2.265-3.67 4.148a1.07 1.07 0 01-1.559.046L3.98 17.45a1.074 1.074 0 01.046-1.558l4.327-3.831zm-7.13-9.27c0-.932 1.11-1.421 1.798-.783l14.973 13.903c.443.412.458 1.111.027 1.54l-1.07 1.069a1.07 1.07 0 01-1.535-.023l-6.975-8.22c-5.347 0-7.219-3.01-7.219-7.486z" fill-rule="nonzero"/>
</symbol>
<symbol id="ico--transport" viewBox="0 0 20 21">
<path class="u-fill--inherit" d="M5 15.5A1.25 1.25 0 105 13a1.25 1.25 0 000 2.5zm10 0a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zm4.062-10h-.312V3.625c0-1.712-3.708-3.065-8.434-3.123L10 .5C5.125.5 1.25 1.875 1.25 3.625V5.5H.937A.937.937 0 000 6.438v3.125c0 .517.42.937.937.937h.313v6.25c0 .69.56 1.25 1.25 1.25v1.25c0 .69.56 1.25 1.25 1.25h1.875c.69 0 1.25-.56 1.25-1.25V18h6.25v1.25c0 .69.56 1.25 1.25 1.25h1.875c.69 0 1.25-.56 1.25-1.25V18c.69 0 1.25-.56 1.25-1.25V10.5h.312c.518 0 .938-.42.938-.937V6.438a.937.937 0 00-.938-.938zM5.625 19.25H3.75V18h1.875v1.25zm10.625 0h-1.875V18h1.875v1.25zm1.25-2.5h-15v-5h15v5zm0-6.25h-15v-5H17.5v5zm.001-6.25H2.5v-.613C2.629 3.117 5.133 1.75 10 1.75c4.867 0 7.37 1.367 7.501 1.887v.613z" fill-rule="nonzero"/>
</symbol>
</svg>
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