Skip to content

Commit

Permalink
museun_2
Browse files Browse the repository at this point in the history
  • Loading branch information
@NataliaDavida
NataliaDavida committed Sep 22, 2023
1 parent ed4d0f9 commit 16cf23d
Show file tree
Hide file tree
Showing 5 changed files with 59 additions and 33 deletions.
44 changes: 25 additions & 19 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Museum</title>
<link rel="icon" href="./images/logo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="./main.scss">
</head>
Expand All @@ -12,7 +13,7 @@
<div class="header__content">
<div class="container">
<div class="top-bar">
<a href="#main" class="top-bar__logo-link">
<a href="#" class="top-bar__logo-link">
<img
src="./images/logo.png"
alt="namu logo"
Expand All @@ -21,12 +22,12 @@
</a>

<div class="top-bar__icons">
<a href="#menu" class="icon icon--menu"></a>

<select class="top-bar__lang">
<option class="top-bar__lang--hidden">UA</option>
<option class="top-bar__lang--hidden">EN</option>
</select>

<a href="#menu" class="icon icon--menu"></a>
</div>
</div>

Expand Down Expand Up @@ -61,20 +62,25 @@ <h1 class="description__title">
<aside class="page__menu menu" id="menu">
<div class="container">
<div class="top-bar menu__top">
<a href="#main" class="top-bar__logo-link">
<a href="#" class="top-bar__logo-link">
<img
src="./images/logo.png"
alt="namu logo"
class="top-bar__logo-img"
>
</a>
<div class="top-bar__icons">
<select class="top-bar__lang">
<div class="top-bar__icons top-bar__icons--menu">
<select class="top-bar__lang top-bar__lang--menu">
<option class="top-bar__lang--hidden">UA</option>
<option class="top-bar__lang--hidden">EN</option>
</select>

<a href="#" class="icon icon--close"></a>

<select class="top-bar__lang">
<option class="top-bar__lang--hidden">UA</option>
<option class="top-bar__lang--hidden">EN</option>
</select>
</div>
</div>

Expand Down Expand Up @@ -413,7 +419,7 @@ <h3 class="footer__title">Контакти</h3>

<ul class="footer__nav-list">
<li>
<a class="footer__nav-link"
<a class="footer__nav-item"
href="https://www.google.com/maps/place/%D1%83%D0%BB.+%D0%9C%D0%B8%D1%85%D0%B0%D0%B8%D0%BB%D0%B0+%D0%93%D1%80%D1%83%D1%88%D0%B5%D0%B2%D1%81%D0%BA%D0%BE%D0%B3%D0%BE,+6,+%D0%9A%D0%B8%D0%B5%D0%B2,+02000/@50.4494397,30.5281844,17z/data=!3m1!4b1!4m6!3m5!1s0x40d4ce524453048d:0x49a2895b6cb43e10!8m2!3d50.4494397!4d30.5307593!16s%2Fg%2F1tj901fm?entry=ttu"
target="_blank">
Київ,</br>
Expand All @@ -422,14 +428,14 @@ <h3 class="footer__title">Контакти</h3>
</li>

<li>
<a class="footer__nav-link"
<a class="footer__nav-item"
href="tel:0442781357">
тел. 278-13-57
</a>
</li>

<li>
<a class="footer__nav-link"
<a class="footer__nav-item"
href="email:[email protected]">
[email protected]
</a>
Expand Down Expand Up @@ -484,13 +490,13 @@ <h3 class="footer__title">Контакти</h3>
<h3 class="footer__title">Розклад роботи</h3>

<ul class="footer__working-time">
<li>ПН: вихідни</li>
<li>ВТ: вихідний</li>
<li>СР: 10:00 - 17:00 </li>
<li>ЧТ: 10:00 - 17:00</li>
<li>ПТ: 12:00 - 19:00</li>
<li>СБ: 11:00 - 18:00</li>
<li>НД: 10:00 - 17:00</li>
<li class="footer__nav-item">ПН: вихідни</li>
<li class="footer__nav-item">ВТ: вихідний</li>
<li class="footer__nav-item">СР: 10:00 - 17:00</li>
<li class="footer__nav-item">ЧТ: 10:00 - 17:00</li>
<li class="footer__nav-item">ПТ: 12:00 - 19:00</li>
<li class="footer__nav-item">СБ: 11:00 - 18:00</li>
<li class="footer__nav-item">НД: 10:00 - 17:00</li>
</ul>
</div>

Expand All @@ -499,15 +505,15 @@ <h3 class="footer__title">Головна</h3>

<ul class="footer__nav-list">
<li>
<a href="#exhibition" class="footer__nav-link">Виставки</a>
<a href="#exhibition" class="footer__nav-item">Виставки</a>
</li>

<li>
<a href="#events" class="footer__nav-link">Події</a>
<a href="#events" class="footer__nav-item">Події</a>
</li>

<li>
<a href="#nevs" class="footer__nav-link">Новини</a>
<a href="#nevs" class="footer__nav-item">Новини</a>
</li>
</ul>
</div>
Expand Down
3 changes: 2 additions & 1 deletion src/styles/footer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,9 +77,10 @@
margin-bottom: 0;
}

&__nav-link {
&__nav-item {
text-decoration: none;
color: $c-gray;
line-height: 24px;

&:hover {
color: $links-hover;
Expand Down
6 changes: 5 additions & 1 deletion src/styles/form.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
&__form {
margin-top: 30px;
grid-column: 1 / -1;

display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 30px;
Expand All @@ -40,6 +40,10 @@
margin-bottom: 30px;
outline: none;

&:-webkit-autofill {
background-color: white;
}

grid-column: 1 /-1;

@include onTablet {
Expand Down
6 changes: 0 additions & 6 deletions src/styles/icon.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,6 @@
background-image: url("./images/icons/icon-menu-sm.png");
}

&--arrow--down {
background-image: url("./images/icons/icon-arrow-down.png");
width: 20px;
height: 10px;
}

&--close {
background-image: url("./images/icons/icon-close-sm.png");
}
Expand Down
33 changes: 27 additions & 6 deletions src/styles/top-bar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
&__logo {
height: 40px;
}

&__logo-link {
cursor: pointer;
@include hover(transform, scale(1.1));
Expand All @@ -16,22 +17,42 @@
&__icons {
display: flex;
gap: 40px;

&--menu {
display: flex;
gap: 15px;
}

@include onTablet {
&--menu {
gap: 40px;
}
}
}

&__lang {
display: block;
display: none;
background-color: transparent;
color: $c-gray;
font-size: 22px;
font-size: 16px;
border: none;
outline: none;

&--hidden {
display: none;
&--menu {
display: inline;
}

@include onTablet {
display: inline;

@include onTablet {
display: inline;
&--menu {
display: none;
}
}

&--visible {
display: none;
}
}

}

0 comments on commit 16cf23d

Please sign in to comment.