Skip to content

Commit

Permalink
+ links
Browse files Browse the repository at this point in the history
  • Loading branch information
@Irina-anat
Irina-anat committed Mar 7, 2024
1 parent e81eb9f commit 31d705d
Show file tree
Hide file tree
Showing 2 changed files with 162 additions and 53 deletions.
187 changes: 144 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@
<a class="header__link" href="./portfolio.html">Портфоліо</a>
</li>
<li class="header__item">
<a class="header__link" href="#">Контакти</a>
<a class="header__link" href="#contacts">Контакти</a>
</li>
</ul>
<button type="button" class="header__menu js-open-menu">
Expand Down Expand Up @@ -188,7 +188,7 @@ <h2 class="section-title">Наша команда</h2>
./images/[email protected] 900w
"
src="./images/foto1270.jpg"
alt="фото продукт дизайнера"
alt="фото Product Designer"
sizes="(min-width: 1200px) 25vw, (min-width: 768px) 50vw, 100vw"
/>
<div class="komand__information">
Expand All @@ -198,23 +198,37 @@ <h3 class="komand__title">Ігор Дем'яненко</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Інстаграм"
href="#"
aria-label="instagram icon"
href="https://www.instagram.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Твіттер" href="#">
<a
class="social-link"
aria-label="twitter icon"
href="https://twitter.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Фейсбук" href="#">
<a
class="social-link"
aria-label="facebook icon"
href="https://www.facebook.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-facebook"></use>
</svg>
Expand All @@ -223,8 +237,10 @@ <h3 class="komand__title">Ігор Дем'яненко</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Лінкедін"
href="#"
aria-label="linkedin icon"
href="https://www.linkedin.com/in/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-linkedin"></use>
Expand Down Expand Up @@ -255,23 +271,37 @@ <h3 class="komand__title">Ольга Рєпіна</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Інстаграм"
href="#"
aria-label="instagram icon"
href="https://www.instagram.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Твіттер" href="#">
<a
class="social-link"
aria-label="twitter icon"
href="https://twitter.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Фейсбук" href="#">
<a
class="social-link"
aria-label="facebook icon"
href="https://www.facebook.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-facebook"></use>
</svg>
Expand All @@ -280,8 +310,10 @@ <h3 class="komand__title">Ольга Рєпіна</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Лінкедін"
href="#"
aria-label="linkedin icon"
href="https://www.linkedin.com/in/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-linkedin"></use>
Expand Down Expand Up @@ -312,23 +344,37 @@ <h3 class="komand__title">Микола Тарасов</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Інстаграм"
href="#"
aria-label="instagram icon"
href="https://www.instagram.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Твіттер" href="#">
<a
class="social-link"
aria-label="twitter icon"
href="https://twitter.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Фейсбук" href="#">
<a
class="social-link"
aria-label="facebook icon"
href="https://www.facebook.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-facebook"></use>
</svg>
Expand All @@ -337,8 +383,10 @@ <h3 class="komand__title">Микола Тарасов</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Лінкедін"
href="#"
aria-label="linkedin icon"
href="https://www.linkedin.com/in/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-linkedin"></use>
Expand All @@ -359,7 +407,7 @@ <h3 class="komand__title">Микола Тарасов</h3>
./images/[email protected] 900w
"
src="./images/foto4270.jpg"
alt="фото дизайнера інтерфейсу"
alt="фото UI Designer"
sizes="(min-width: 1200px) 25vw, (min-width: 768px) 50vw, 100vw"
/>
<div class="komand__information">
Expand All @@ -369,33 +417,48 @@ <h3 class="komand__title">Михайло Єрмаков</h3>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Інстаграм"
href="#"
aria-label="instagram icon"
href="https://www.instagram.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Твіттер" href="#">
<a
class="social-link"
aria-label="twitter icon"
href="https://twitter.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li class="social-card">
<a class="social-link" aria-label="іконка Фейсбук" href="#">
<a
class="social-link"
aria-label="facebook icon"
href="https://www.facebook.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-facebook"></use>
</svg>
</a>
</li>
<li class="social-card">
<a
class="social-link"
aria-label="іконка Лінкедін"
href="#"
aria-label="linkedin icon"
href="https://www.linkedin.com/in/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-linkedin"></use>
Expand All @@ -414,42 +477,72 @@ <h3 class="komand__title">Михайло Єрмаков</h3>
<h2 class="section-title">Постійні клієнти</h2>
<ul class="clients__list">
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group1"></use>
</svg>
</a>
</li>
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group2"></use>
</svg>
</a>
</li>
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group3"></use>
</svg>
</a>
</li>
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group4"></use>
</svg>
</a>
</li>
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group5"></use>
</svg>
</a>
</li>
<li class="сlients__card">
<a class="clients__link" href="#">
<a
class="clients__link"
href="#"
target="_blank"
rel="noreferrer noopener"
>
<svg class="clients__icon" width="106" height="60">
<use href="./images/icons.svg#icon-group6"></use>
</svg>
Expand All @@ -466,7 +559,7 @@ <h2 class="section-title">Постійні клієнти</h2>
<a class="logo" href="./index.html"
>Web<span class="footer__logo">Studio</span></a
>
<address>
<address id="contacts">
<ul>
<li class="footer-list">
<a
Expand Down Expand Up @@ -497,8 +590,10 @@ <h3 class="footer__title">приєднуйтесь</h3>
<li class="social-card">
<a
class="social-link footer-link"
aria-label="іконка Інстаграм"
href="#"
aria-label="instagram icon"
href="https://www.instagram.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-instagram"></use>
Expand All @@ -508,8 +603,10 @@ <h3 class="footer__title">приєднуйтесь</h3>
<li class="social-card">
<a
class="social-link footer-link"
aria-label="іконка Твіттер"
href="#"
aria-label="twitter icon"
href="https://twitter.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-twitter"></use>
Expand All @@ -519,8 +616,10 @@ <h3 class="footer__title">приєднуйтесь</h3>
<li class="social-card">
<a
class="social-link footer-link"
aria-label="іконка Фейсбук"
href="#"
aria-label="facebook icon"
href="https://www.facebook.com/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-facebook"></use>
Expand All @@ -530,8 +629,10 @@ <h3 class="footer__title">приєднуйтесь</h3>
<li class="social-card">
<a
class="social-link footer-link"
aria-label="іконка Лінкедін"
href="#"
aria-label="linkedin icon"
href="https://www.linkedin.com/in/"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social-icon" width="20" height="20">
<use href="./images/icons.svg#icon-linkedin"></use>
Expand Down
Loading

0 comments on commit 31d705d

Please sign in to comment.