Skip to content

Develop #700

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kristinakovalchuk wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Develop #700

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f8aed8a
finish header
kristinakovalchuk Feb 5, 2026
99a7911
corect style on header
kristinakovalchuk Feb 5, 2026
2e5d56b
finish menu
kristinakovalchuk Feb 6, 2026
bc77848
finish section gallery and event
kristinakovalchuk Feb 9, 2026
29e5ca5
finich footer and add animation
kristinakovalchuk Feb 10, 2026
0163657
solution
kristinakovalchuk Feb 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions .github/workflows/test.yml-template
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
name: Test

on:
pull_request:
branches: [ master ]

jobs:
build:

runs-on: ubuntu-latest

strategy:
matrix:
node-version: [20.x]

steps:
- uses: actions/checkout@v2
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- run: npm install
- run: npm test
- name: Upload HTML report(backstop data)
if: ${{ always() }}
uses: actions/upload-artifact@v2
with:
name: report
path: backstop_data
309 changes: 306 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,317 @@
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<title>NAMU</title>
<link
rel="stylesheet"
href="src/styles/main.scss"
/>
<link rel="icon" href="./src/images/icons/NA MU.svg">
</head>
<body>
<h1>Hello Mate Academy</h1>
<body class="page">

<header class="header">
<div class="container">
<div class="header__content">

<div class="top-bar">
<a href="#menu" class="icon icon--menu"></a>
</div>
<div class="header__top">
<h1 class="header__logo-title">NA<br>MU</h1>
</div>

<div class="header__bottom">
<p class="header__title">ХУДОЖНІЙ МУЗЕЙ</p>

<div class="header__ticket">
<p class="header__ticket-text">КВИТКИ</p>
<a href="#contacts" class="icon icon--arrow"></a>
</div>

<div class="header__content-on-desctop">
<div class="header__content-on-desctop__container">
<p class="header__content-on-desctop__text">події</p>
<div class="header__content-on-desctop__line"></div>
</div>
</div>
</div>

</div>
</div>
</header>

<aside class="menu" id="menu">
<div class="container">
<div class="menu__wrapper ">

<div class="menu-left">

<div class="menu-left__container">
<a href="#" class="icon icon--close"></a>
<nav class="nav-menu">
<ul class="nav-list footer__nav-list">
<li><a href="#gallery" class="nav-link">Галерея</a></li>
<li><a href="#contacts" class="nav-link">Про нас</a></li>
</ul>
<ul class="nav-list footer__nav-list">
<li><a href="#events" class="nav-link">Виставки та події</a></li>
<li><a href="#contacts" class="nav-link">Контакти</a></li>
</ul>
</nav>
</div>

<div class="menu-left__line"></div>
</div>

<div class="menu-right">

<div class="menu-right__naw-menu" >
<p class="menu-right__title">Графік роботи</p>
<ul class="nav-list">
<li class="menu-right__item"><strong>12:00 — 20:00</strong> середа</li>
<li class="menu-right__item"><strong>12:00 — 20:00</strong> четвер</li>
<li class="menu-right__item"><strong>12:00 — 20:00</strong> п’ятниця</li>
<li class="menu-right__item"><strong>11:00 — 19:00</strong> субота</li>
<li class="menu-right__item"><strong>11:00 — 19:00</strong> неділя</li>
</ul>
</div>

<p class="menu-right__description ">
<strong>Вихідні:</strong> понеділок, вівторок <br>Каса припиняє роботу за 1 годину до закриття музею
</p>
</div>


</div>
</div>

<a href="#" class="menu__shadow"></a>
</aside>

<main class="main-content">
<div class="container">

<section class="events" id="events">
<p class="events__title">
Актуальні події
</p>
<div class="events__content">
<article class="events__card cards">
<div class="cards__content">
<img
src="./src/images/ivent/img1.svg"
alt=""
class="cards__img">

<div class="cards__description">
<div class="cards__title__small">
<p class="cards__title__text">Виставка</p>
<p class="cards__title__date">26.08-29.11.2019</p>
</div>

<div class="cards__title__big">
<p class="cards__title__big__text">Йду і повертаюсь</p>
<div class="cards__title__big__icon"></div>
</div>

<p class="cards__title__description">
Національний Художній Музей України презентує унікальну частину колекції Градобанку - українське мистецтво другої половини 1980-1995 років.
</p>
</div>
</div>
</article>

<article class="events__card cards">
<div class="cards__content">
<img
src="./src/images/ivent/img2.svg"
alt=""
class="cards__img">

<div class="cards__description">
<div class="cards__title__small">
<p class="cards__title__text">Виставка</p>
<p class="cards__title__date">26.08-29.11.2019</p>
</div>

<div class="cards__title__big">
<p class="cards__title__big__text">І спогади і мрії</p>
<div class="cards__title__big__icon"></div>
</div>

<p class="cards__title__description">
Національний художній музей України до 100 річчя від дня народження видатної української художниці Тетяни Яблонської відкриває ретроспективну ювілейну виставку «І спогади і мрії».
</p>
</div>
</div>
</article>

<div class="lecture__content">

<div class="lecture__description">
<div class="lecture__title__small ">
<p class="cards__title__text">Лекція</p>
<p class="cards__title__date">26/08/2019 - 11:00</p>
</div>

<p class="lecture__title">Від класицизму до романтизму</p>
</div>

</div>
</div>
</section>

<section class="gallery" id="gallery">
<div class="gallery__content">
<p class="gallery__title">Галерея</p>

<div class="gallery__slyder">
<img
src="./src/images/gallery/img1.jpg"
alt="paintign"
class="gallery__img gallery__img--wide gallery__img--long">
<img
src="./src/images/gallery/img2.jpg"
alt="paintign"
class="gallery__img gallery__img--squere gallery__img--long">
<img
src="./src/images/gallery/img3.jpg"
alt="paintign"
class="gallery__img gallery__img--squere gallery__img--short ">
<img
src="./src/images/gallery/img4.jpg"
alt="paintign"
class="gallery__img gallery__img--wide gallery__img--short">
</div>
</div>

<div class="gallery__switch">
<div class="gallery__switchers gallery__switchers--active"></div>
<div class="gallery__switchers"></div>
<div class="gallery__switchers"></div>
<div class="gallery__switchers"></div>
</div>
</section>

<section class="follow">
<div class="follow__wrapper">

<div class="follow__content">
<div class="follow__text">
<p class="follow__title">Підписка</p>
<p class="follow__description">Бути в курсі всіх актуальних подій та останніх новин.</p>
</div>

<form
class="follow__arrow"
onsubmit="this.reset(); return false;"
>

<input
class="follow__input"
type="email"
placeholder="Email"
required
/>
<button class="icon icon--arrow follow__icon"></button>
</form>

</div>
</div>
</section>

</div>
</main>

<footer class="footer" id="contacts">
<div class="container">

<div class="footer__content">

<div class="footer__title">
<p class="header__logo-title footer__logo">NA<br>MU</p>

<div class="footer__icons">
<a
href="https://www.facebook.com/"
class="icon icon--facebook"
target="_blank"
rel="noopener noreferrer"
></a>

<a
href="https://www.instagram.com/"
class="icon icon--instagram"
target="_blank"
rel="noopener noreferrer"
></a>
</div>

</div>

<div class="footer__schedule">

<div class="footer__schedule__naw-menu" >
<p class="footer__schedule__title">Графік роботи</p>
<ul class="nav-list">
<li class="footer__schedule__item"><strong>12:00 — 20:00</strong> середа</li>
<li class="footer__schedule__item"><strong>12:00 — 20:00</strong> четвер</li>
<li class="footer__schedule__item"><strong>12:00 — 20:00</strong> п’ятниця</li>
<li class="footer__schedule__item"><strong>11:00 — 19:00</strong> субота</li>
<li class="footer__schedule__item"><strong>11:00 — 19:00</strong> неділя</li>
</ul>
</div>

<p class="footer__schedule__description">
Вихідні: понеділок, вівторок <br> Каса припиняє роботу за 1 годину до закриття музею
</p>
</div>

<div class="footer__contacts">
<p class="footer__contacts__title footer__contacts__title-text">Контакти:</p>

<a
class="footer__contacts__title footer__contacts__map"
href="https://maps.app.goo.gl/EZ9yHgmpy8XECETE6"
target="_blank"
rel="noopener noreferrer">
вул. М. Грушевського, 6; Київ, 01001
</a>

<a href="tel:+38 (044) 278-13-57" class="footer__contacts__title footer__contacts__phone">тел. +38 (044) 278-13-57</a>
<a href="tel:+38 (044) 278-74-54" class="footer__contacts__title footer__contacts__phone">факс +38 (044) 278-74-54</a>

<p class="footer__contacts__title footer__contacts__email">e-mail:</p>

<a href="mailto:[email protected]" class="footer__contacts__title footer__contacts__gmail"> [email protected]</a>
</div>

<div class="footer__line"></div>

<nav class="footer__menu--left">
<ul class="nav-list footer__nav-list">
<li><a href="#events" class="footer__nav-link">Виставки та події</a></li>
<li><a href="#contacts" class="footer__nav-link">Контакти</a></li>
</ul>
</nav>

<nav class="footer__menu--right">
<ul class="nav-list footer__nav-list">
<li><a href="#gallery" class="footer__nav-link">Галерея</a></li>
<li><a href="#contacts" class="footer__nav-link">Про нас</a></li>
</ul>
</nav>

<div class="footer__description">
<p class="footer__description__text">Designed by Zhyriada Marina</p>
<p class="footer__description__text">Copyright © 2019. All Rights Reserved.</p>
</div>

</div>
</div>
</footer>

<script src="src/scripts/main.js"></script>
</body>
</html>
9 changes: 5 additions & 4 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
"@mate-academy/eslint-config": "latest",
"@mate-academy/jest-mochawesome-reporter": "^1.0.0",
"@mate-academy/linthtml-config": "latest",
"@mate-academy/scripts": "^2.1.1",
"@mate-academy/scripts": "^2.1.3",
"@mate-academy/stylelint-config": "latest",
"cypress": "^13.13.0",
"eslint": "^8.57.0",
Expand Down
Binary file added src/images/bg-img/0e38579b397d74fefe899344f6f1daccae67b92e.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/images/bg-img/Natsionalnij-hudozhnij-muzej-Ukrayini-Kiyiv-10-1800x1200.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/bg-img/follow-img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/gallery/img1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/gallery/img2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/gallery/img3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/gallery/img4.jpg
View file
Open in desktop
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/icons/NA MU.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions src/images/icons/facebook-icon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading