Skip to content

Commit

Permalink
add task solution
Browse files Browse the repository at this point in the history
  • Loading branch information
Gnydyn committed Oct 9, 2023
1 parent fd2e69a commit e093d52
Show file tree
Hide file tree
Showing 7 changed files with 76 additions and 89 deletions.
110 changes: 50 additions & 60 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -31,9 +31,11 @@
</svg>
</a>
<nav class="header__nav">
<li class="header__nav__item">
<a href="#menu" class="header__nav__link header__menu"></a>
</li>
<ul class="header__nav__list">
<li class="header__nav__item">
<a href="#menu" class="header__nav__link header__menu"></a>
</li>
</ul>
<div>
<div class="header__nav__wrapper nav__wrapper">
<ul class="nav">
Expand All @@ -52,9 +54,11 @@
</ul>
</div>
</div>
<li class="header__nav__item">
<a href="#contact-form" class="header__nav__link header__hire-us">Hire us</a>
</li>
<ul class="header__nav__list">
<li class="header__nav__item">
<a href="#contact-form" class="header__nav__link header__hire-us">Hire us</a>
</li>
</ul>
</nav>
</div>
</div>
Expand All @@ -66,12 +70,9 @@
<h1 class="header__title--white--strategic-agency section-title section-title--white ">Strategic Agency</h1>
<p class="header__title--p">We believe in the power of bold ideas that can solve business challenges.</p>
</div>

<button class="button header__button">
<a class="button__link" href="#work">
<span class="button__text">Learn more</span>
</a>
</button>
<a class="button header__button" href="#work">
Learn more
</a>
</div>
</div>

Expand Down Expand Up @@ -105,7 +106,7 @@ <h4 class="header__bottom__intro">Intro</h4>
</div>
</div>
</div>

</div>
</div>
</header>
Expand Down Expand Up @@ -195,17 +196,15 @@ <h3 class="section-title section-title--align--left process__title">Air is a ful
</div>

<div class="components__bottom">
<button class="components__bottom__button">
<a class="components__bottom__link" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
</button>
<a class="components__bottom__button" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
<a class="components__bottom__link" href="#work">
<span class="components__bottom__text">Learn more</span>
Learn more
</a>
</div>
</div>
Expand All @@ -227,17 +226,15 @@ <h3 class="section-title section-title--align--left process__title">Air is a ful
</ul>
</div>
<div class="components__bottom">
<button class="components__bottom__button">
<a class="components__bottom__link" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
</button>
<a class="components__bottom__button" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
<a class="components__bottom__link" href="#work">
<span class="components__bottom__text">Learn more</span>
Learn more
</a>
</div>
</div>
Expand All @@ -259,17 +256,15 @@ <h3 class="section-title section-title--align--left process__title">Air is a ful
</ul>
</div>
<div class="components__bottom">
<button class="components__bottom__button">
<a class="components__bottom__link" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
</button>
<a class="components__bottom__button" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
<a class="components__bottom__link" href="#work">
<span class="components__bottom__text">Learn more</span>
Learn more
</a>
</div>
</div>
Expand All @@ -291,17 +286,15 @@ <h3 class="section-title section-title--align--left process__title">Air is a ful
</ul>
</div>
<div class="components__bottom">
<button class="components__bottom__button">
<a class="components__bottom__link" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
</button>
<a class="components__bottom__button" href="#work">
<img
class="components__bottom__arrow"
src="images/process/process-arrow.png"
alt="arrow"
>
</a>
<a class="components__bottom__link" href="#work">
<span class="components__bottom__text">Learn more</span>
Learn more
</a>
</div>
</div>
Expand Down Expand Up @@ -432,12 +425,9 @@ <h2 class="section-title section-title--align--left testimonials__title">What pe
<h2 class="section-title vision-passion-results__title">Vision, Passion, Results</h2>
<p class="section-p">We are sure that first-rate job is possible only if all three components are united.</p>
</div>

<button class="button vision-passion-results__button">
<a class="button__link" href="#contact-form">
<span class="button__text vision-passion-results__button__text">Apply</span>
</a>
</button>
<a class="button vision-passion-results__button button__link" href="#contact-form">
Apply
</a>
</div>
</div>
</section>
Expand Down Expand Up @@ -470,7 +460,7 @@ <h3 class="section-title section-title--white send-us__title">Send us a message
required
>
<input
type="textarea"
type="text"
name="text"
placeholder="Your message"
class="send-us__input send-us__input--message"
Expand Down
19 changes: 6 additions & 13 deletions src/styles/blocks/button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,12 @@
border-radius: 8px;
cursor: pointer;
transition: 340ms;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
margin: 0;
color: #fff;
text-decoration: none;

@include onTablet {
width: 264px;
Expand All @@ -18,17 +24,4 @@
background-color: $input-border-color-blue;
transition: 340ms;
}

&__link {
text-decoration: none;
padding: 10px 80px;
}

&__text {
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 600;
margin: 0;
color: #fff;
}
}
17 changes: 9 additions & 8 deletions src/styles/blocks/components.scss
Original file line number Diff line number Diff line change
Expand Up @@ -69,23 +69,24 @@
width: 40px;
border-radius: 50%;
border: none;
}

&__arrow {
height: 24px;
width: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
}

&__link {
text-decoration: none;
}

&__text {
margin: 0;
color: $text-color-grey;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 600;
}

&__arrow {
height: 24px;
width: 24px;
margin: 8px;
}
}
}
7 changes: 7 additions & 0 deletions src/styles/blocks/header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,11 @@
padding: 0;
margin: 0;

&__list {
padding: 0;
margin: 0;
}

&__item {
list-style: none;
}
Expand Down Expand Up @@ -85,6 +90,8 @@
}

&__titles {
margin-bottom: 48px;

@include onSmallDesktop {
grid-column: 1 / 6;
}
Expand Down
2 changes: 1 addition & 1 deletion src/styles/blocks/header__nav.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.header__nav {

&__wrapper {
position: absolute;
right: 0;
opacity: 0;

@include onSmallDesktop {
Expand Down
6 changes: 3 additions & 3 deletions src/styles/blocks/who-we-are.scss
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
.who-we-are {
text-align: center;
padding-top: 120px;
padding-top: 260px;
margin-bottom: 120px;

@include onTablet {
padding-top: 148px;
padding-top: 168px;
margin-bottom: 148px;
}

Expand All @@ -29,7 +29,7 @@

&__p {
text-align: center;

@include onSmallDesktop {
width: 716px;
}
Expand Down
4 changes: 0 additions & 4 deletions src/styles/main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,4 @@

.main {
color: $text-color-light-grey;

&__content {
display: grid;
}
}

0 comments on commit e093d52

Please sign in to comment.