Skip to content

Commit

Permalink
correction
Browse files Browse the repository at this point in the history
  • Loading branch information
Vitalii committed Dec 7, 2024
1 parent c2051ff commit 06cc19e
Show file tree
Hide file tree
Showing 8 changed files with 104 additions and 24 deletions.
3 changes: 3 additions & 0 deletions src/images/contact-us/facebook.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/images/contact-us/instagram.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/images/contact-us/twitter.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
67 changes: 49 additions & 18 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ <h2 class="header__information-text">We believe in the power of bold ideas that
</a>
</div>
<div class="header__photo-change--text">
<h3>Intro</h3><br>
<h3>Intro</h3>
<p>By the same illusion which lifts the <br>horizon.</p>
</div>
</div>
Expand Down Expand Up @@ -388,30 +388,61 @@ <h2 class="footer__contact-title">
</h2>
<div class="footer__contact-information">
<h3>Call us</h3>
<p>654 321 987</p>
<p><a href="tel:654 321 987">654 321 987</a></p>
</div>
<div class="footer__contact-information">
<h3>Visit us</h3>
<p>2905 West Drive, Buffalo Grove</p>
<p>
<a href="https://www.google.com/maps/search/2905+West+Drive,+Buffalo+Grove/@42.169758,-88.0347239,12z/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI0MTIwNC4wIKXMDSoASAFQAw%3D%3D"
target="_blank"
>
2905 West Drive, Buffalo Grove
</a>
</p>
</div>
<div class="footer__contact-information">
<h3>our socials</h3>
<p>
<img
class="footer__contact-information-image"
src="./images/contact-us/facebook-logo.png"
alt="facebook"
>
<img
class="footer__contact-information-image"
src="./images/contact-us/twitter.png"
alt="twitter"
>
<img
class="footer__contact-information-image"
src="./images/contact-us/instagram.png"
alt="instagram"
>
<a href="#">
<svg
class="footer__contact-information-image"
width="25"
height="25"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M14.6667 0.666738C14.6667 0.489927 14.5964 0.320358 14.4714 0.195334C14.3464 0.0703093 14.1768 7.12564e-05 14 7.12564e-05H10.6667C8.98816 -0.0835409 7.3448 0.500593 6.09563 1.62484C4.84646 2.7491 4.09305 4.32207 4 6.00007V9.60007H0.666667C0.489856 9.60007 0.320287 9.67031 0.195262 9.79533C0.070238 9.92036 0 10.0899 0 10.2667V13.7334C0 13.9102 0.070238 14.0798 0.195262 14.2048C0.320287 14.3298 0.489856 14.4001 0.666667 14.4001H4V23.3334C4 23.5102 4.07024 23.6798 4.19526 23.8048C4.32029 23.9298 4.48986 24.0001 4.66667 24.0001H8.66667C8.84348 24.0001 9.01305 23.9298 9.13807 23.8048C9.2631 23.6798 9.33333 23.5102 9.33333 23.3334V14.4001H12.8267C12.9749 14.4022 13.1197 14.3548 13.238 14.2655C13.3563 14.1762 13.4415 14.0499 13.48 13.9067L14.44 10.4401C14.4665 10.3416 14.4701 10.2383 14.4504 10.1382C14.4308 10.0381 14.3884 9.94384 14.3265 9.8627C14.2647 9.78155 14.1851 9.71568 14.0938 9.67015C14.0025 9.62462 13.902 9.60064 13.8 9.60007H9.33333V6.00007C9.3665 5.67004 9.52149 5.36422 9.76803 5.14233C10.0146 4.92044 10.335 4.79841 10.6667 4.80007H14C14.1768 4.80007 14.3464 4.72983 14.4714 4.60481C14.5964 4.47978 14.6667 4.31021 14.6667 4.1334V0.666738Z"
fill="white"
/>
</svg>
</a>
<a href="#">
<svg
class="footer__contact-information-image"
width="25"
height="25"
viewBox="0 0 32 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M6.77241 21.6671C8.744 21.733 10.7088 21.4031 12.5507 20.6968C14.3926 19.9905 16.0743 18.9221 17.4963 17.5548C18.9183 16.1875 20.0517 14.549 20.8297 12.7362C21.6077 10.9234 22.0144 8.97305 22.0257 7.00038C22.9293 5.88227 23.6002 4.59482 23.9991 3.21372C24.0289 3.1046 24.0264 2.9892 23.9922 2.88142C23.9579 2.77363 23.8931 2.67806 23.8058 2.6062C23.7184 2.53435 23.6122 2.48928 23.4998 2.47642C23.3874 2.46356 23.2737 2.48346 23.1724 2.53372C22.6997 2.76126 22.1675 2.83475 21.6509 2.74386C21.1342 2.65296 20.6591 2.40225 20.2924 2.02705C19.8243 1.51449 19.2582 1.10109 18.6274 0.811354C17.9966 0.521617 17.3141 0.361433 16.6203 0.340296C15.9265 0.319159 15.2356 0.437498 14.5883 0.6883C13.9411 0.939103 13.3508 1.31727 12.8524 1.80038C12.17 2.46126 11.6702 3.28744 11.4015 4.19862C11.1328 5.1098 11.1044 6.07499 11.3191 7.00038C6.85241 7.26705 3.78574 5.14705 1.33241 2.24038C1.25871 2.15692 1.1623 2.09672 1.05495 2.06714C0.947601 2.03757 0.833963 2.03989 0.727912 2.07382C0.621861 2.10776 0.527987 2.17184 0.457753 2.25825C0.38752 2.34465 0.343966 2.44964 0.332412 2.56038C-0.134962 5.15295 0.202184 7.82645 1.29857 10.2218C2.39495 12.6172 4.19807 14.6197 6.46574 15.9604C4.94526 17.7042 2.81002 18.7933 0.505745 19.0004C0.382295 19.0209 0.268334 19.0794 0.179814 19.1679C0.0912932 19.2563 0.0326428 19.3702 0.0120705 19.4937C-0.00850186 19.6171 0.0100338 19.7439 0.0650833 19.8563C0.120133 19.9686 0.208941 20.061 0.319079 20.1204C2.32377 21.1222 4.53139 21.6513 6.77241 21.6671Z"
fill="white"
/>
</svg>
</a>
<a href="#">
<svg
class="footer__contact-information-image"
width="25"
height="25"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M16.0027 9.8467C12.5974 9.8467 9.85075 12.594 9.85075 16C9.85075 19.406 12.5974 22.1533 16.0027 22.1533C19.4079 22.1533 22.1546 19.406 22.1546 16C22.1546 12.594 19.4079 9.8467 16.0027 9.8467ZM16.0027 20.0004C13.8021 20.0004 12.0031 18.2064 12.0031 16C12.0031 13.7936 13.7968 11.9996 16.0027 11.9996C18.2086 11.9996 20.0022 13.7936 20.0022 16C20.0022 18.2064 18.2032 20.0004 16.0027 20.0004ZM23.8412 9.595C23.8412 10.3929 23.1987 11.0302 22.4062 11.0302C21.6085 11.0302 20.9713 10.3876 20.9713 9.595C20.9713 8.80241 21.6138 8.15977 22.4062 8.15977C23.1987 8.15977 23.8412 8.80241 23.8412 9.595ZM27.9157 11.0517C27.8247 9.12909 27.3856 7.42608 25.9775 6.02298C24.5747 4.61988 22.8721 4.18074 20.9499 4.08435C18.9689 3.97188 13.0311 3.97188 11.0501 4.08435C9.1333 4.17539 7.43068 4.61453 6.02253 6.01763C4.61439 7.42073 4.1807 9.12373 4.08433 11.0463C3.97189 13.0278 3.97189 18.9669 4.08433 20.9483C4.17535 22.8709 4.61439 24.5739 6.02253 25.977C7.43068 27.3801 9.12794 27.8193 11.0501 27.9157C13.0311 28.0281 18.9689 28.0281 20.9499 27.9157C22.8721 27.8246 24.5747 27.3855 25.9775 25.977C27.3803 24.5739 27.8193 22.8709 27.9157 20.9483C28.0281 18.9669 28.0281 13.0331 27.9157 11.0517ZM25.3564 23.0744C24.9388 24.1241 24.1303 24.9327 23.0755 25.3558C21.496 25.9824 17.7481 25.8378 16.0027 25.8378C14.2572 25.8378 10.504 25.977 8.92984 25.3558C7.88042 24.9381 7.07195 24.1294 6.64897 23.0744C6.02253 21.4946 6.16709 17.7458 6.16709 16C6.16709 14.2542 6.02789 10.5001 6.64897 8.92558C7.06659 7.87593 7.87507 7.06728 8.92984 6.6442C10.5093 6.01763 14.2572 6.16222 16.0027 6.16222C17.7481 6.16222 21.5014 6.02298 23.0755 6.6442C24.1249 7.06192 24.9334 7.87058 25.3564 8.92558C25.9828 10.5054 25.8383 14.2542 25.8383 16C25.8383 17.7458 25.9828 21.4999 25.3564 23.0744Z"
fill="#ffffff"/>
</svg>
</a>
</p>
</div>
</article>
Expand Down
25 changes: 23 additions & 2 deletions src/styles/blocks/footer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,12 @@
&__message{
display: flex;
flex-direction: column;

grid-column: 1 /-1;

@include on-small-desktop{
grid-column: 1 / 6;
}

& button{
@extend %button;

Expand Down Expand Up @@ -64,7 +67,13 @@
&__contact{
grid-column: 1 / -1;

@include on-small-desktop{
grid-column: 7 / 12;
}

@include on-large-desktop{
grid-column: 8 / 13;
}

&-title{
font-size: 32px;
Expand Down Expand Up @@ -93,12 +102,25 @@
margin-bottom: 40px;
}

& a{
text-decoration: none;
color: inherit;
}
& a:hover{
color: #144ED4;
}

&-image{
object-fit: contain;
object-position: center;
width: 32px;
height: 32px;
margin-right: 32px;
fill: #fff;

&:hover path{
fill: #144ED4;
}
}
}
}
Expand Down Expand Up @@ -137,7 +159,6 @@
@include on-tablet{
flex-direction: row;


& :not(:last-child){
margin-right: 64px;
}
Expand Down
19 changes: 15 additions & 4 deletions src/styles/blocks/header.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
.header {
// display: none !important;
width: 100%;
height: 893px;
background-color: $bg-header;
Expand Down Expand Up @@ -79,6 +78,8 @@
flex-direction: row;
}



&--text{
color: #fff;
margin-top: 16px;
Expand All @@ -91,13 +92,23 @@
margin-left: 24px;
}

& span{
font-family: poppins, Arial, Helvetica, sans-serif;
& h3{
display: block;
font-size: 13px;
line-height: 150%;
letter-spacing: 3px;
font-weight: 700;
font-family: poppins, Arial, Helvetica, sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 8px;

}

& p{
font-family: "open sans", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
font-weight: 400;

}
}
Expand Down
4 changes: 4 additions & 0 deletions src/styles/page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,3 +8,7 @@ body {
background: $c-gray;
margin: 0;
}

button{
cursor: pointer;
}
4 changes: 4 additions & 0 deletions src/styles/utils/_extends.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,4 +10,8 @@
background-color: #2060F6;
color: #fff;
border: 0;
font-size: 15px;
line-height: 150%;
font-weight: 600;
font-family: poppins, Arial, Helvetica, sans-serif;
}

0 comments on commit 06cc19e

Please sign in to comment.