Skip to content

Commit

Permalink
Merge pull request #203 from activebridge/fix/services_dedicated_team…
Browse files Browse the repository at this point in the history 
…s_titles

Fix Services/Dedicted teams titles and descriptions
  • Loading branch information
@katatsu12
katatsu12 authored Apr 23, 2024
2 parents 1ca4c93 + 61920c0 commit 3711622
Show file tree
Hide file tree
Showing 4 changed files with 41 additions and 125 deletions.
1 change: 1 addition & 0 deletions _data/team_extension.yml
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
page-title: Cooperation Model
title: Team Extension Engament model
subtitle: Experience management flexibility by augmenting your in-house team with our experts, offering offshore specialist rates.
specialists:
Expand Down
63 changes: 0 additions & 63 deletions _sass/staff_augmentation_services.scss
View file
Original file line number Diff line number Diff line change
@@ -1,20 +1,8 @@
.staff_augmentation_services {
.header-2 { font-size: 22px; }

.header-3 {
max-width: 70%;
margin: auto;
}

.header-2.with-margin { margin: 4vh auto; }

.list-with-images.horizontal {
.list-with-images__item {
margin-bottom: 0;

&-icon img { border-radius: 20px; }

.description { margin-top: 4vh; }
}
}

Expand All @@ -39,7 +27,6 @@
padding-top: 10vh;

.list-with-images.horizontal {
margin-top: 8vh;

.list-with-images__item {
max-width: 23%;
Expand All @@ -50,62 +37,32 @@
border-radius: 50%;
box-shadow: none;
}

.description {
margin-top: 0;
font-size: .9em;
}
}
}
}

&__team_as_service {
padding: 0;

.header-3.blue {
color: $sky-ua;
font-size: 1.4em;
font-weight: bolder;
letter-spacing: 0.1em;
max-width: 100%;
}
}

&__extension {
background: radial-gradient(circle, $buzok -25%, transparent 45%);

.description.with-margin { margin-top: 5vh; }

.list-with-images.horizontal { margin-bottom: 0; }
}

&__advantages {
background-image: linear-gradient($palianytsia, transparent);
box-shadow: 0px 4px 25px 0px rgba($purple-heart, 0.25);

.list-with-images.horizontal {
margin-bottom: 5vh;

.list-with-images__item {
max-width: 23%;

&-icon img { box-shadow: none; }
}
}

.header-2:last-child {
font-size: 1.1em;
text-align: justify;
}
}

&__dedicated_model {
background-image: linear-gradient(30deg, #C685D7 0%, $white 82%);
box-shadow: inset 0px 12px 15px -7px rgba($purple-heart, 0.25), 0 4px 4px 0 rgba(0, 0, 0, .25);
padding-top: 8vh;

.header-3 + .header-2.with-margin { text-align: justify; }

&_description {
display: flex;
align-items: center;
Expand Down Expand Up @@ -167,19 +124,12 @@
background-image: linear-gradient(165deg, $purple-heart, $sky-ua);
padding: 5vh 0;
box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .25);

.header-2 { max-width: 70%; }
}

&__services {
background-image: linear-gradient($white, $sky-ua);
box-shadow: 0 4px 25px 0 rgba($purple-heart, .25);

.header-2 {
max-width: 70%;
margin: 2vh auto 8vh;
}

.button {
margin-top: 8vh;
background-color: $white;
Expand All @@ -201,11 +151,6 @@

@media screen and (max-width: 700px) {
.staff_augmentation_services {
.header-2 { font-size: 1em; }

.header-3 { max-width: 100%; }

.description { font-size: .8em; }

.web_dev_services__full_stack-list {
padding-left: 0;
Expand All @@ -218,27 +163,20 @@
}

.list-with-images.horizontal .list-with-images__item { margin-bottom: 3vh; }

.timeline-item__icon:nth-child(even)::before,
.timeline-item__icon:nth-child(odd)::before { background-color: $sky-ua; }

&__main { padding-top: 7vh; }

&__main,
&__advantages {
.list-with-images.horizontal {
.list-with-images__item {
max-width: 45%;

.description { font-size: .8em; }
}
}
}

&__team_as_service .header-3.blue { font-size: .85em; }

&__transparency .header-2 { max-width: 100%; }

&__dedicated_model {
padding-top: 7vh;

Expand All @@ -255,7 +193,6 @@

&__benefits {
.web_dev_services__full_stack-list-item { font-size: .8em; }

.absolute-img { display: none; }
}
}
Expand Down
1 change: 1 addition & 0 deletions _sass/utility.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
.cera-bold { font-family: "Cera-Bold", serif; }
.inria-bold { font-family: "Inria Bold", serif; }
.inria-regular { font-family: "Inria Regular", serif; }
.blue { color: $sky-ua }

@media (max-width: 767px) {
.mb-4 { margin-bottom: 25px; }
Expand Down
101 changes: 39 additions & 62 deletions services/dedicated-teams-cooperation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,16 +13,17 @@
<div class="container staff_augmentation_services development">
<div class="staff_augmentation_services__main">
<div class="wrapper">
<div class="header-3 white-text">{{ site.data.team_extension.title }}</div>
<div class="header-2 with-margin">{{ site.data.team_extension.subtitle }}</div>
<p class="page-title white-text">{{ site.data.team_extension.page-title }}</p>
<h2 class="block-inria-title">{{ site.data.team_extension.title }}</h2>
<p class="message inria-regular">{{ site.data.team_extension.subtitle }}</p>
<div class="list-with-images horizontal">
{% for item in site.data.team_extension.specialists %}
<div class="list-with-images__item">
<div class="list-with-images__item-icon">
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Specialist">
</div>
<div class="list-with-images__item-text">
<div class="description">{{ item.description }}</div>
<div class="list-with-images__item-text mt-1">
<p class="description">{{ item.description }}</p>
</div>
</div>
{% endfor %}
Expand All @@ -32,43 +33,31 @@

<div class="staff_augmentation_services__team_as_service">
<div class="wrapper">
<h1 class="header-3">{{ site.data.team_extension.team_as_service.title }}</h1>
<div class="header-2 with-margin">
{{ site.data.team_extension.team_as_service.subtitle }}
</div>
<div class="header-3 blue">
{{ site.data.team_extension.team_as_service.list_title }}
</div>
<h1 class="block-cera-title">{{ site.data.team_extension.team_as_service.title }}</h1>
<p class="message inria-regular">{{ site.data.team_extension.team_as_service.subtitle }}</p>
<h2 class="block-sub-title blue">{{ site.data.team_extension.team_as_service.list_title }}</h2>
<ul class="web_dev_services__full_stack-list">
{% for item in site.data.team_extension.team_as_service.all %}
<li class="web_dev_services__full_stack-list-item">
{{ item.item }}
</li>
<li class="web_dev_services__full_stack-list-item">{{ item.item }}</li>
{% endfor %}
</ul>
<div class="description">
{{ site.data.team_extension.team_as_service.description }}
</div>
<p class="description">{{ site.data.team_extension.team_as_service.description }}</p>
</div>
</div>

<div class="staff_augmentation_services__extension wrap">
<div class="wrapper">
<h2 class="header-3">{{ site.data.team_extension.extension.title }}</h2>
<div class="description with-margin">
{{ site.data.team_extension.extension.description }}
</div>
<div class="header-2 with-margin">
{{ site.data.team_extension.extension.subtitle }}
</div>
<div class="list-with-images horizontal">
<h2 class="block-cera-title">{{ site.data.team_extension.extension.title }}</h2>
<p class="description mb-4">{{ site.data.team_extension.extension.description }}<p>
<p class="message inria-bold">{{ site.data.team_extension.extension.subtitle }}</p>
<div class="list-with-images horizontal mb-0">
{% for item in site.data.team_extension.extension.all %}
<div class="list-with-images__item">
<div class="list-with-images__item-icon">
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Extension">
</div>
<div class="list-with-images__item-text">
<div class="description">{{ item.description }}</div>
<div class="list-with-images__item-text mt-1">
<p class="description">{{ item.description }}</p>
</div>
</div>
{% endfor %}
Expand All @@ -78,51 +67,43 @@ <h2 class="header-3">{{ site.data.team_extension.extension.title }}</h2>

<div class="staff_augmentation_services__advantages wrap">
<div class="wrapper">
<h2 class="header-3">{{ site.data.team_extension.advantages.title }}</h2>
<div class="header-2 with-margin">
{{ site.data.team_extension.advantages.subtitle }}
</div>
<div class="list-with-images horizontal">
<h2 class="block-cera-title">{{ site.data.team_extension.advantages.title }}</h2>
<p class="message inria-bold">{{ site.data.team_extension.advantages.subtitle }}</p>
<div class="list-with-images horizontal mb-0">
{% for item in site.data.team_extension.advantages.all %}
<div class="list-with-images__item">
<div class="list-with-images__item-icon">
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Advantage">
</div>
<div class="list-with-images__item-text">
<div class="description">{{ item.description }}</div>
<div class="list-with-images__item-text mt-1">
<p class="description">{{ item.description }}</p>
</div>
</div>
{% endfor %}
</div>
<div class="header-2">{{ site.data.team_extension.advantages.description }}</div>
<p class="description cera-bold">{{ site.data.team_extension.advantages.description }}</p>
</div>
</div>

<div class="staff_augmentation_services__dedicated_model">
<div class="wrapper">
<h2 class="header-3">{{ site.data.team_extension.dedicated_model.title }}</h2>
<div class="header-2 with-margin">
{{ site.data.team_extension.dedicated_model.subtitle_1 }}
</div>
<div class="staff_augmentation_services__dedicated_model_description">
<h2 class="block-cera-title">{{ site.data.team_extension.dedicated_model.title }}</h2>
<p class="description">{{ site.data.team_extension.dedicated_model.subtitle_1 }}</p>
<div class="staff_augmentation_services__dedicated_model_description mb-4">
<div class="staff_augmentation_services__dedicated_model_description_icon">
<img src="/assets/images/team_extension/magic_trick.webp" alt="Magic Trick">
</div>
<div class="description">
{{ site.data.team_extension.dedicated_model.description }}
</div>
<p class="description">{{ site.data.team_extension.dedicated_model.description }}</p>
</div>
<div class="header-2 with-margin">
{{ site.data.team_extension.dedicated_model.subtitle_2 }}
</div>
<div class="list-with-images horizontal">
<p class="message inria-bold">{{ site.data.team_extension.dedicated_model.subtitle_2 }}</p>
<div class="list-with-images horizontal mb-0">
{% for item in site.data.team_extension.dedicated_model.all %}
<div class="list-with-images__item">
<div class="list-with-images__item-icon">
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Model">
</div>
<div class="list-with-images__item-text">
<div class="description">{{ item.description }}</div>
<div class="list-with-images__item-text mt-1">
<p class="description">{{ item.description }}</p>
</div>
</div>
{% endfor %}
Expand All @@ -133,10 +114,8 @@ <h2 class="header-3">{{ site.data.team_extension.dedicated_model.title }}</h2>
<div class="staff_augmentation_services__benefits wrap">
<div class="wrapper">
<img src="/assets/images/team_extension/key.webp" alt="Key" class="absolute-img">
<div class="header-3">{{ site.data.team_extension.benefits.title }}</div>
<div class="header-2 with-margin">
{{ site.data.team_extension.benefits.subtitle }}
</div>
<h2 class="block-cera-title">{{ site.data.team_extension.benefits.title }}</h2>
<p class="message inria-bold mb-4">{{ site.data.team_extension.benefits.subtitle }}</p>
<ul class="web_dev_services__full_stack-list">
{% for item in site.data.team_extension.benefits.all %}
<li class="web_dev_services__full_stack-list-item">
Expand All @@ -149,15 +128,13 @@ <h2 class="header-3">{{ site.data.team_extension.dedicated_model.title }}</h2>

<div class="staff_augmentation_services__transparency">
<div class="wrapper">
<div class="header-2 white-text">
{{ site.data.team_extension.transparency }}
</div>
<p class="message inria-bold mb-0 white-text">{{ site.data.team_extension.transparency }}</p>
</div>
</div>

<div class="staff_augmentation_services__process">
<div class="wrap">
<div class="header-3">{{ site.data.team_extension.process.title }}</div>
<h2 class="block-cera-title mb-0">{{ site.data.team_extension.process.title }}</h2>
</div>
<div class="timeline wrapper animated-cards" data-animation="snake">
<svg class="desktop-svg" viewBox="0 0 888 1397" fill="none" preserveAspectRatio="none">
Expand All @@ -169,8 +146,8 @@ <h2 class="header-3">{{ site.data.team_extension.dedicated_model.title }}</h2>
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Process">
</div>
<div class="timeline-item__content">
<div class="timeline-item__content-title inria">{{ item.title }}</div>
<div class="timeline-item__content-description">{{ item.description }}</div>
<h3 class="timeline-item__content-title inria">{{ item.title }}</h3>
<p class="timeline-item__content-description">{{ item.description }}</p>
</div>
</div>
{% endfor %}
Expand All @@ -179,15 +156,15 @@ <h2 class="header-3">{{ site.data.team_extension.dedicated_model.title }}</h2>

<div class="staff_augmentation_services__services wrap development__cards">
<div class="wrapper">
<div class="header-2">{{ site.data.team_extension.services.title }}</div>
<h2 class="message inria-bold">{{ site.data.team_extension.services.title }}</h2>
<div class="cards-container">
{% for item in site.data.team_extension.services.all %}
<div class="card">
<div class="card__title-2">{{ item.title }}</div>
<h3 class="card__title-2">{{ item.title }}</h3>
<div class="card__icon">
<img src="/assets/images/team_extension/{{ item.icon }}" alt="Service">
</div>
<div class="card__description">{{ item.description }}</div>
<p class="card__description">{{ item.description }}</p>
</div>
{% endfor %}
</div>
Expand Down

0 comments on commit 3711622

Please sign in to comment.