Skip to content

Commit

Permalink
добавлены стили лого, текущих состояний
Browse files Browse the repository at this point in the history
  • Loading branch information
@TarasovDR
TarasovDR committed Nov 19, 2020
1 parent febc5af commit aee7309
Show file tree
Hide file tree
Showing 3 changed files with 46 additions and 26 deletions.
20 changes: 16 additions & 4 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@
--secondary-bg-color: #2f303a;
}

* {
/* * {
margin: 0;
padding: 0;
}
} */

body {
background-color: var(--primary-bg-color);
Expand All @@ -20,6 +20,10 @@ body {
list-style: none;
}

a {
text-decoration: none;
}

.logo-web,
.site-nav .link:hover,
.site-nav .link:focus,
Expand All @@ -28,11 +32,14 @@ body {
color: var(--accent-color);
}

.site-nav .link.current {
.site-nav .link.current,
.auth-nav .link.current {
color: var(--accent-color);
}

.auth-nav a {
.auth-nav a,
.subtitle,
.profession {
color: var(--secondary-text-color);
}

Expand Down Expand Up @@ -63,3 +70,8 @@ footer {
.team {
background-color: #f5f4fa;
}

.logo-footer,
.address {
color: var(--primary-bg-color);
}
28 changes: 17 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,11 @@
</nav>

<ul class="auth-nav list">
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li>
<a href="mailto:[email protected]" class="link current"
>[email protected]</a
>
</li>
<li><a href="tel:+380961111111">+38 096 111 11 11</a></li>
</ul>
</header>
Expand All @@ -40,28 +44,28 @@ <h2 class="section-title">Особенности</h2>
<ul class="list">
<li>
<h3>Внимание к деталям</h3>
<p>
<p class="subtitle">
Идейные соображения, а также начало повседневной работы по
формированию позиции.
</p>
</li>
<li>
<h3>Пунктуальность</h3>
<p>
<p class="subtitle">
Задача организации, в особенности же рамки и место обучения кадров
влечет за собой.
</p>
</li>
<li>
<h3>Планирование</h3>
<p>
<p class="subtitle">
Равным образом консультация с широким активом в значительной
степени обуславливает.
</p>
</li>
<li>
<h3>Современные технологии</h3>
<p>
<p class="subtitle">
Значимость этих проблем настолько очевидна, что реализация
плановых заданий.
</p>
Expand Down Expand Up @@ -110,7 +114,7 @@ <h2 class="section-title">Наша команда</h2>
height="260"
/>
<h3>Игорь Демьяненко</h3>
<p>Product Designer</p>
<p class="profession">Product Designer</p>
</li>
<li>
<img
Expand All @@ -120,7 +124,7 @@ <h3>Игорь Демьяненко</h3>
height="260"
/>
<h3>Ольга Репина</h3>
<p>Frontend Developer</p>
<p class="profession">Frontend Developer</p>
</li>
<li>
<img
Expand All @@ -130,7 +134,7 @@ <h3>Ольга Репина</h3>
height="260"
/>
<h3>Николай Тарасов</h3>
<p>Marketing</p>
<p class="profession">Marketing</p>
</li>
<li>
<img
Expand All @@ -140,21 +144,23 @@ <h3>Николай Тарасов</h3>
height="260"
/>
<h3>Михаил Ермаков</h3>
<p>UI Designer</p>
<p class="profession">UI Designer</p>
</li>
</ul>
</section>
</main>

<footer class="footer">
<a href="https://tarasovdr.github.io/goit-markup-hw-01/"
<a
href="https://tarasovdr.github.io/goit-markup-hw-01/"
class="logo-footer"
><span class="logo-web">Web</span>Studio</a
>

<address>
<ul class="auth-nav list">
<li>
<a href="https://goo.gl/maps/oSqtVdrNRLuUKtEEA">
<a href="https://goo.gl/maps/oSqtVdrNRLuUKtEEA" class="address">
г. Киев, пр-т Леси Украинки, 26
</a>
</li>
Expand Down
24 changes: 13 additions & 11 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ <h2 class="section-title">Портфолио</h2>
height="294"
/>
<h3>Технокряк</h3>
<p>Веб-сайт</p>
<p class="subtitle">Веб-сайт</p>
</li>
<li>
<img
Expand All @@ -63,7 +63,7 @@ <h3>Технокряк</h3>
height="294"
/>
<h3>Постер New Orlean vs Golden Star</h3>
<p>Дизайн</p>
<p class="subtitle">Дизайн</p>
</li>
<li>
<img
Expand All @@ -73,7 +73,7 @@ <h3>Постер New Orlean vs Golden Star</h3>
height="294"
/>
<h3>Ресторан Seafood</h3>
<p>Приложение</p>
<p class="subtitle">Приложение</p>
</li>
<li>
<img
Expand All @@ -83,7 +83,7 @@ <h3>Ресторан Seafood</h3>
height="294"
/>
<h3>Проект Prime</h3>
<p>Маркетинг</p>
<p class="subtitle">Маркетинг</p>
</li>
<li>
<img
Expand All @@ -93,7 +93,7 @@ <h3>Проект Prime</h3>
height="294"
/>
<h3>Проект Boxes</h3>
<p>Приложение</p>
<p class="subtitle">Приложение</p>
</li>
<li>
<img
Expand All @@ -103,7 +103,7 @@ <h3>Проект Boxes</h3>
height="294"
/>
<h3>Inspiration has no Borders</h3>
<p>Веб-сайт</p>
<p class="subtitle">Веб-сайт</p>
</li>
<li>
<img
Expand All @@ -113,7 +113,7 @@ <h3>Inspiration has no Borders</h3>
height="294"
/>
<h3>Издание Limited Edition</h3>
<p>Дизайн</p>
<p class="subtitle">Дизайн</p>
</li>
<li>
<img
Expand All @@ -123,7 +123,7 @@ <h3>Издание Limited Edition</h3>
height="294"
/>
<h3>Проект LAB</h3>
<p>Маркетинг</p>
<p class="subtitle">Маркетинг</p>
</li>
<li>
<img
Expand All @@ -133,21 +133,23 @@ <h3>Проект LAB</h3>
height="294"
/>
<h3>Growing Business</h3>
<p>Приложение</p>
<p class="subtitle">Приложение</p>
</li>
</ul>
</section>
</main>

<footer class="footer">
<a href="https://tarasovdr.github.io/goit-markup-hw-02/"
<a
href="https://tarasovdr.github.io/goit-markup-hw-02/"
class="logo-footer"
><span class="logo-web">Web</span>Studio</a
>

<address>
<ul class="auth-nav list">
<li>
<a href="https://goo.gl/maps/oSqtVdrNRLuUKtEEA">
<a href="https://goo.gl/maps/oSqtVdrNRLuUKtEEA" class="address">
г. Киев, пр-т Леси Украинки, 26
</a>
</li>
Expand Down

0 comments on commit aee7309

Please sign in to comment.