Skip to content

Commit

Permalink
Solution
Browse files Browse the repository at this point in the history
  • Loading branch information
katerinalex committed Sep 20, 2023
1 parent 274ba04 commit a6d92d0
Show file tree
Hide file tree
Showing 6 changed files with 27 additions and 105 deletions.
108 changes: 5 additions & 103 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
<nav class="header__menu menu">
<ul class="menu__list">
<li class="menu__item">
<a href="#about-us" class="menu__link">About us</a>
<a href="#whoWeAre" class="menu__link">About us</a>
</li>
<li class="menu__item">
<a href="#services" class="menu__link">Services</a>
Expand Down Expand Up @@ -85,7 +85,7 @@ <h4 class="strategicAgency__slider__description__title">INtro</h4>
</div>
</div>
</section>
<section class="whoWeAre page__section">
<section id="whoWeAre" class="whoWeAre page__section">
<div class="container">
<div class="whoWeAre__content">
<h2 class="whoWeAre__title">
Expand Down Expand Up @@ -139,32 +139,12 @@ <h3 class="photos__title">Strategy</h3>
<p class="photos__text">We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators.</p>
</div>
</div>

</div>
<!-- <div class="photos__description">
<div class="grid">
<div class="grid__item grid__item--desktop--1-4 grid__item--tablet--1-2">
<h3 class="photos__description__title">Branding</h3>
<p class="photos__description__text">We create additional value for companies, products, services as well as verbal and visual ways to deliver it to the audience.</p>
</div>
<div class="grid__item grid__item--desktop--5-8 grid__item--tablet--3-4">
<h3 class="photos__description__title">Communication</h3>
<p class="photos__description__text">We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies.
</p>
</div>
<div class="grid__item grid__item--desktop--9-12 grid__item--tablet--5-6">
<h3 class="photos__description__title">Strategy</h3>
<p class="photos__description__text">We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators.</p>
</div>
</div>
</div> -->
</div>
</div>
</section>

<section class="services page__section">
<section id="services" class="services page__section">
<div class="container grid grid--services">
<div class="services__text_block grid__item--1-4 grid__item--tablet--1-3
grid__item--row--1-3 grid__item--row--tablet--1-3">
Expand All @@ -176,84 +156,6 @@ <h2 class="services__text_block__title">Services</h2>
We are sure that first-rate job is possible only if all three components are united.
</p>
</div>
<!-- <div class="services__content">
<div class="services__content__block">
<div class="services__block__number">001</div>
<div class="services__block__description">
<p class="services__block__description__item">Brand Development</p>
<p class="services__block__description__item">Copywriting</p>
<p class="services__block__description__item">Logo & Webite Design</p>
<p class="services__block__description__item">Packaging</p>
</div>
<div class="services__block__learn_more">
<a href="#" class="services__block__learn_more__arrow">
<img
src="./images/mdi_arrow_forward.svg"
alt="arrow"
class="services__block__learn_more__arrow__image"
>
</a>
<a href="#" class="services__block__learn_more__link">Learn more</a>
</div>
</div>
<div class="services__content__block">
<div class="services__block__number">002</div>
<div class="services__block__description">
<p class="services__block__description__item">Content Production</p>
<p class="services__block__description__item">Graphic Design</p>
<p class="services__block__description__item">Video Production</p>
<p class="services__block__description__item">Post Production</p>
</div>
<div class="services__block__learn_more">
<a href="#" class="services__block__learn_more__arrow">
<img
src="./images/mdi_arrow_forward.svg"
alt="arrow"
class="services__block__learn_more__arrow__image"
>
</a>
<a href="#" class="services__block__learn_more__link">Learn more</a>
</div>
</div>
<div class="services__content__block">
<div class="services__block__number">003</div>
<div class="services__block__description">
<p class="services__block__description__item">Marketing Strategy</p>
<p class="services__block__description__item">Email Marketing</p>
<p class="services__block__description__item">Paid Advertising</p>
<p class="services__block__description__item">Blog Content & SEO</p>
</div>
<div class="services__block__learn_more">
<a href="#" class="services__block__learn_more__arrow">
<img
src="./images/mdi_arrow_forward.svg"
alt="arrow"
class="services__block__learn_more__arrow__image"
>
</a>
<a href="#" class="services__block__learn_more__link">Learn more</a>
</div>
</div>
<div class="services__content__block">
<div class="services__block__number">004</div>
<div class="services__block__description">
<p class="services__block__description__item">Digital Communications</p>
<p class="services__block__description__item">Influencer Marketing</p>
<p class="services__block__description__item">Product Placements</p>
<p class="services__block__description__item">Strategic Partnerships</p>
</div>
<div class="services__block__learn_more">
<a href="#" class="services__block__learn_more__arrow">
<img
src="./images/mdi_arrow_forward.svg"
alt="arrow"
class="services__block__learn_more__arrow__image"
>
</a>
<a href="#" class="services__block__learn_more__link">Learn more</a>
</div>
</div>
</div> -->
<div class="services__block grid__item--7-9 grid__item--tablet--1-3
grid__item--row--2-3 grid__item--row--tablet--4-5">
<div class="services__block__number">001</div>
Expand Down Expand Up @@ -336,7 +238,7 @@ <h2 class="services__text_block__title">Services</h2>
</div>
</div>
</section>
<section class="testimonials page__section">
<section id="testimonials" class="testimonials page__section">
<div class="container">
<h2 class="testimonials__title">Testimonials</h2>
<h3 class="testimonials__subtitle">What people say</h3>
Expand Down Expand Up @@ -427,7 +329,7 @@ <h2 class="form__title">
</div>
</section>

<section class="contacts grid__item grid__item--7-12">
<section id="contact-us" class="contacts grid__item grid__item--7-12">
<div class="container">
<h2 class="contacts__title">Contact us</h2>
<div class="contacts__number">
Expand Down
4 changes: 4 additions & 0 deletions src/styles/contacts.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,8 @@
}

&__address {
margin-top: 30px;

&__label {
color: rgba(255, 255, 255, 0.5);
font-family: "Poppins", "Open Sans", sans-serif;
Expand All @@ -56,6 +58,8 @@
}

&__socials {
margin-top: 30px;

&__label {
color: rgba(255, 255, 255, 0.5);
font-family: "Poppins", "Open Sans", sans-serif;
Expand Down
1 change: 1 addition & 0 deletions src/styles/form.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 30px;

&::placeholder {
color: rgba(255, 255, 255, 0.7);
Expand Down
2 changes: 1 addition & 1 deletion src/styles/grid.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
justify-content: center;

@include onTablet {
grid-template-columns: repeat(1, 1fr);
grid-template-columns: repeat(6, 1fr);
column-gap: 10px;
}
@include onDesktop {
Expand Down
5 changes: 5 additions & 0 deletions src/styles/services.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
.services {
margin-top: 40px;

&__text_block {
margin-top: 30px;

&__title {
color: #c0cdd7;
font-family: "Poppins", "Open Sans", sans-serif;
Expand Down Expand Up @@ -66,6 +70,7 @@

&__learn_more {
display: flex;
align-items: center;
gap: 15px;

&__arrow {
Expand Down
12 changes: 11 additions & 1 deletion src/styles/testimonials.scss
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,11 @@
margin: 0 auto;
width: 196px;
height: 196px;

@include onTablet {
width: 150px;
height: 150px;
}
}
}

Expand All @@ -46,6 +51,7 @@
background-image: url("../images/testimonials/Group19.svg");
background-size: cover;
background-repeat: no-repeat;
margin-top: 10px;
}

&__quote {
Expand All @@ -56,6 +62,9 @@
font-style: normal;
font-weight: 600;
line-height: 150%; /* 19.5px */
box-sizing: border-box;
padding: 10px 50px;
margin-top: 10px;
}

&__name {
Expand All @@ -66,6 +75,7 @@
font-style: normal;
font-weight: 600;
line-height: 150%; /* 19.5px */
margin-top: 20px;
}

&__job {
Expand All @@ -78,7 +88,7 @@
line-height: normal;
letter-spacing: 3px;
text-transform: uppercase;

margin-top: 10px;
}
}
}

0 comments on commit a6d92d0

Please sign in to comment.