Skip to content

solution #722

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
devsync25 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

solution #722

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6932f23
solution
Jun 10, 2026
f0bb1e4
solution
Jun 22, 2026
3e9af80
solution
Jun 29, 2026
9f57ff9
solution
Jul 3, 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
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ Check font styles. Use [IBM Plex Sans](https://fonts.google.com/specimen/IBM+Ple
11. `git push origin develop` - to send you code for PR.
12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
13. Replace `<your_account>` with your Github username in the
[DEMO LINK](https://<your_account>.github.io/Museum/).
[DEMO LINK](https://devsync25.github.io/Museum/).
14. Copy `DEMO LINK` to the PR description.

> To update you PR repeat steps 7-11.
254 changes: 251 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!-- #region head -->
<!doctype html>
<html lang="en">
<head>
Expand All @@ -6,14 +7,261 @@
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<title>Національний художній музей України</title>
<link
rel="stylesheet"
href="src/styles/main.scss"
/>
</head>
<body>
<h1>Hello Mate Academy</h1>
<!-- #endregion -->

<body class="page__body">
<!-- #region header + menu -->
<header class="header">
<div class="container">
<div class="header__content">
<div class="header__top">
<button
class="header__burger"
id="burger"
>
<span class="header__burger-line"></span>
<span class="header__burger-line"></span>
<span class="header__burger-line"></span>
</button>

<a
href="#"
class="header__logo"
>
NA
<br />
MU
</a>
</div>

<div class="header__image">
<img
src="/src/images/hero.jpg"
alt="ХУДОЖНІЙ МУЗЕЙ"
/>
</div>

<div class="header__bottom">
<h1 class="header__title">ХУДОЖНІЙ МУЗЕЙ</h1>
<a
href="#"
class="header__btn"
>
<span class="header__btn-text">КВИТКИ</span>
<span class="header__btn-icon">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"
></path>
</svg>
</span>
</a>

<a
href="#events"
class="header__events"
>
<span>ПОДІЇ</span>
</a>
</div>
</div>
</div>
</header>
<!-- #endregion -->

<!-- #region aside -->
<aside
class="menu"
id="menu"
>
<div class="menu__inner">
<button
class="menu__close"
id="menu-close"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"
></path>
</svg>
</button>

<ul class="menu__list">
<li class="menu__item">
<a
href="#gallery"
class="menu__link"
>
Галерея
</a>
</li>
<li class="menu__item">
<a
href="#subscription"
class="menu__link"
>
Про Нас
</a>
</li>
<li class="menu__item">
<a
href="#events"
class="menu__link"
>
Виставки та події
</a>
</li>
<li class="menu__item">
<a
href="#footer"
class="menu__link"
>
Контакти
</a>
</li>
</ul>

<div class="menu__schedule">
<p class="menu__schedule-title">Графік роботи</p>

<ul class="menu__schedule-list">
<li class="menu__schedule-item">
<strong class="menu__schedule-time">12:00 — 20:00</strong>
<span class="menu__schedule-day">середа</span>
</li>
<li class="menu__schedule-item">
<strong class="menu__schedule-time">12:00 — 20:00</strong>
<span class="menu__schedule-day">четвер</span>
</li>
<li class="menu__schedule-item">
<strong class="menu__schedule-time">12:00 — 20:00</strong>
<span class="menu__schedule-day">п’ятниця</span>
</li>
<li class="menu__schedule-item">
<strong class="menu__schedule-time">11:00 — 19:00</strong>
<span class="menu__schedule-day">субота</span>
</li>
<li class="menu__schedule-item">
<strong class="menu__schedule-time">11:00 — 19:00</strong>
<span class="menu__schedule-day">неділя</span>
</li>
</ul>

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

<main class="main">
<!-- #region current-events -->
<section
class="current-events"
id="events"
>
<div class="container">
<h2 class="current-events__title">Актуальні події</h2>

<div class="current-events__list">
<article class="current-event-card">
<div class="current-event-card__inner">
<div class="current-event-card__image-wrap">
<img
src="/src/images/current-events/current-event-1.jpg"
alt="Йду і повертаюсь"
class="current-event-card__img"
/>
</div>
<div class="current-event-card__body">
<div class="current-event-card__meta">
<span class="current-event-card__tag">ВИСТАВКА</span>
<span class="current-event-card__date">
26.08-29.11.2019
</span>
</div>
<h3 class="current-event-card__title">Йду і повертаюсь</h3>
<p class="current-event-card__text">
Національний Художній Музей України презентує унікальну
частину колекції Градобанку - українське мистецтво другої
половини 1980-1995 років.
</p>
</div>
</div>
</article>

<article class="current-event-card">
<div class="current-event-card__inner">
<div class="current-event-card__image-wrap">
<img
src="/src/images/current-events/current-event-2.jpg"
alt="І спогади і мрії"
class="current-event-card__img"
/>
</div>
<div class="current-event-card__body">
<div class="current-event-card__meta">
<span class="current-event-card__tag">ВИСТАВКА</span>
<span class="current-event-card__date">
26.08-29.11.2019
</span>
</div>
<h3 class="current-event-card__title">І спогади і мрії</h3>
<p class="current-event-card__text">
Національний художній музей України до 100 річчя від дня
народження видатної української художниці Тетяни Яблонської
відкриває ретроспективну ювілейну виставку «І спогади і
мрії».
</p>
</div>
</div>
</article>

<article class="current-event-card current-event-card--wide">
<div class="current-event-card__image-wrap">
<img
src="/src/images/current-events/current-event-3.jpg"
alt="Від класицизму до романтизму"
class="current-event-card__img"
/>
</div>
<div class="current-event-card__body">
<div class="current-event-card__meta">
<span class="current-event-card__tag">ЛЕКЦІЯ</span>
<span class="current-event-card__date">
26/08/2019 - 11:00
</span>
</div>
<h3 class="current-event-card__title">
Від класицизму до романтизму
</h3>
</div>
</article>
</div>
</div>
</section>

<!-- #endregion -->
</main>

<script src="src/scripts/main.js"></script>
</body>
</html>
Loading
Loading