Skip to content

solution #714

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

solution #714

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3a4db1a
solution
IgorYuzepchyk May 9, 2026
7e26e2d
corrected the comments
IgorYuzepchyk May 11, 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://github.com/IgorYuzepchyk/Museum).
14. Copy `DEMO LINK` to the PR description.

> To update you PR repeat steps 7-11.
292 changes: 288 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,303 @@
<!doctype html>
<html lang="en">
<html class="html" lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Title</title>
<title>Museum</title>

<link rel="icon" href="src/images/icons/museum-favicon.png">


<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>

<link
rel="stylesheet"
href="src/styles/main.scss"
/>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap"
rel="stylesheet">

</head>


<body>
<h1>Hello Mate Academy</h1>
<script src="src/scripts/main.js"></script>

<div class="page">
<header class="header" id="header">
<div class="header__content">
<div class="header__wrapper">
<div class="header__menu">
<a href="#menu" class="header__menu-link">
<img class="header__menu-image" src="src/images/icons/burger-menu-x2.png"
alt="burger menu">
</a>
</div>
<section class="museum">
<h1 class="museum__title">ХУДОЖНІЙ МУЗЕЙ</h1>
<div class="museum__footer">
<div class="museum__vertical">
<span class="museum__text">ПОДІЇ</span>
</div>
<div class="museum__actions">
<div class="museum__tickets">КВИТКИ</div>
<a href="#events" class="museum__tickets-link">
<div class="museum__tickets-arrow">
<img class="museum__arrow"
src="src/images/icons/header-arrow.png" alt="arrow">
</div>
</a>
</div>
</div>
</section>
</div>
<div class="header__image">
<p class="header__logo-text">NA<br>MU</p>
</div>
</div>
</header>
<aside class="menu" id="menu">
<div class="menu__overlay"></div>
<div class="menu__wrapper">
<div class="menu__top">
<a href="#header" class="menu__icon-link">
<img class="menu__icon"
src="src/images/icons/menu-icon-closed.svg" alt="menu closed">
</a>
<div class="menu__container">
<ul class="menu__nav">
<li><a class="menu__item" href="#gallery">Галерея</a></li>
<li><a class="menu__item" href="#subscription">Про Нас</a></li>
<li><a class="menu__item" href="#events">Виставки та події</a></li>
<li><a class="menu__item" href="#contacts">Контакти</a></li>
</ul>
</div>
</div>
<div class="menu__tablet">
<div class="menu__line"></div>
<div class="menu__schedule">
<p class="menu__schedule-title">Графік роботи</p>
<p class="menu__schedule-item">
<span class="menu__schedule-time">12:00 — 20:00</span>
<span class="menu__schedule-day">середа</span>
</p>
<p class="menu__schedule-item">
<span class="menu__schedule-time">12:00 — 20:00</span>
<span class="menu__schedule-day">четвер</span>
</p>
<p class="menu__schedule-item">
<span class="menu__schedule-time">12:00 — 20:00</span>
<span class="menu__schedule-day">п’ятниця</span>
</p>
<p class="menu__schedule-item">
<span class="menu__schedule-time">11:00 — 19:00</span>
<span class="menu__schedule-day">субота</span>
</p>
<p class="menu__schedule-item">
<span class="menu__schedule-time">11:00 — 19:00</span>
<span class="menu__schedule-day">неділя</span>
</p>
</div>
<div> <p class="menu__schedule-weekend">Вихідні понеділок, вівторок <br>Каса припиняє роботу за 1 годину до закриття музею</p></div>
</div>
</div>
</aside>
<section class="events" id="events">
<div class="events">
<h2 class="events__title">Актуальні події</h2>
<div class="events__list">
<article class="events__item">
<img class="events__img" src="src/images/events-block-img1-x2.png"
alt="events img1">
<div class="events__container">
<p class="events__item-date">
<span class="events__item-type">ВИСТАВКА</span>
<span class="events__item-date-value">26.08–29.11.2019</span>
</p>
<h3 class="events__item-title">Йду і повертаюсь<span class="events__item-marker"></span></h3>
<p class="events__description">Національний Художній Музей України презентує унікальну частину колекції Градобанку - українське мистецтво другої половини 1980-1995 років.</p>
</div>
</article>
<article class="events__item">
<img class="events__img" src="src/images/events-block-img2-x2.png"
alt="events img1">
<div class="events__container">
<p class="events__item-date">
<span class="events__item-type">ВИСТАВКА</span>
<span class="events__item-date-value">26.08–29.11.2019</span>
</p>
<h3 class="events__item-title">І спогади і мрії<span class="events__item-marker"></span></h3>
<p class="events__description">Національний художній музей України до 100 річчя від дня народження видатної української художниці Тетяни Яблонської відкриває ретроспективну ювілейну виставку «І спогади і мрії».</p>
</div>
</article>
</div>
</div>
</section>
<section class="lecture">
<img class="lecture__image" src="src/images/lecture-block-img3-x2.png"
alt="lecture img"
>
<div class="lecture__content">
<p class="lecture__item-date">
<span class="lecture__item-type">ЛЕКЦІЯ</span>
<span class="lecture__item-date-value">26/08/2019 - 11:00</span>
</p>
<h2 class="lecture__title">Від класицизму до романтизму</h2>
</div>
</section>
<section class="gallery" id="gallery">
<h1 class="gallery__title">Галерея</h1>
<div class="slider-wrapper">
<div class="swiper slider">
<div class="swiper-wrapper">
<div class="swiper-slide slider__item">
<img class="slider__img" src="src/images/gallery-img1-x2.png"
alt="gallery img1">
</div>
<div class="swiper-slide slider__item">
<img class="slider__img" src="src/images/gallery-img2-x2.png"
alt="gallery img2">
</div>
<div class="swiper-slide slider__item">
<img class="slider__img" src="src/images/gallery-img1-x2.png"
alt="gallery img1">
</div>
<div class="swiper-slide slider__item">
<img class="slider__img" src="src/images/gallery-img2-x2.png"
alt="gallery img2">
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="gallery__grid">
<div class="gallery__item-1">
<img class="gallery__grid-img-1"
src="src/images/gallery-img1-x2.png" alt="gallery_img1">
</div>
<div class="gallery__item-2">
<img class="gallery__grid-img-2"
src="src/images/gallery-img3-x2.png" alt="gallery_img2">
</div>
<div class="gallery__item-3">
<img class="gallery__grid-img-3"
src="src/images/gallery-img4-x2.png" alt="gallery_img3">
</div>
<div class="gallery__item-4">
<img class="gallery__grid-img-4"
src="src/images/gallery-img5-x2.png" alt="gallery_img4">
</div>
</div>
</section>

<section class="subscription" id="subscription">
<div class="subscription__container">
<div class="subscription__content">
<h1 class="subscription__title">Підписка</h1>
<p class="subscription__description">Бути в курсі всіх актуальних подій та останніх новин.</p>
</div>
<form class="subscription__form" action="/subscribe"
method="post"
onsubmit="this.reset(); return false;">
<input class="subscription__email"
type="email" placeholder="E-mail"
required>
<button class="subscription__button" type="submit">
<img class="subscription__arrow"
src="src/images/subscription-arrow-x2.png" alt="arrow">
</button>
</form>
</div>
</section>

<section class="footer">
<div class="footer__wrapper">
<div class="footer__top">
<p class="footer__logo-text">NA<br>MU</p>
<div class="footer__icon">
<a href="https://www.facebook.com/"
target="_blank" rel="noopener noreferrer"
class="footer__link-facebook"
>
<img class="footer__images"
src="src/images/icons/icon-facebook.svg" alt="img-facebook">
</a>
<a href="https://www.instagram.com/"
target="_blank" rel="noopener noreferrer"
class="footer__link-instagram"
>
<img class="footer__images"
src="src/images/icons/icon-instagram.svg" alt="img-instagram">
</a>

</div>
</div>
<div class="footer__schedule">
<p class="footer__schedule-title">Графік роботи</p>
<p class="footer__schedule-item">
<span class="footer__schedule-time">12:00 — 20:00</span>
<span class="footer__schedule-day">середа</span>
</p>
<p class="footer__schedule-item">
<span class="footer__schedule-time">12:00 — 20:00</span>
<span class="footer__schedule-day">четвер</span>
</p>
<p class="footer__schedule-item">
<span class="footer__schedule-time">12:00 — 20:00</span>
<span class="footer__schedule-day">п’ятниця</span>
</p>
<p class="footer__schedule-item">
<span class="footer__schedule-time">11:00 — 19:00</span>
<span class="footer__schedule-day">субота</span>
</p>
<p class="footer__schedule-item">
<span class="footer__schedule-time">11:00 — 19:00</span>
<span class="footer__schedule-day">неділя</span>
</p>
<p class="footer__schedule-weekend">Вихідні понеділок, вівторок Каса припиняє роботу за 1 годину до закриття музею</p>
</div>
<div class="footer__contacts" id="contacts">
<p class="footer__contacts-title">Контакти:</p>
<p class="footer__contacts-info">вул. М. Грушевського, 6; Київ, 01001 <br>тел. +38 (044) 278-13-57 <br>факс +38 (044) 278-74-54 <br>e-mail: info@namu.kiev.ua</p>
<div class="footer__arrow-up">
<a href="#header" class="footer__arrow-link">
<img class="footer__arrow-imag" src="src/images/footer-arrow-up.svg"
alt="footer arrow up">
</a>
</div>
</div>
<div class="footer__line"></div>
<ul class="footer__nav">
<li><a class="footer__item" href="#gallery">Галерея</a></li>
<li><a class="footer__item" href="#subscription">Про Нас</a></li>
<li><a class="footer__item" href="#events">Виставки та події</a></li>
<li><a class="footer__item" href="#contacts">Контакти</a></li>
</ul>
</div>
</section>
<section class="author">
<p class="author__name">Designed by Zhyriada Marina</p>
<p class="author__info">Copyright © 2019. All Rights Reserved.</p>
</section>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="./src/scripts/main.js"></script>
</div>

</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/events-block-img1-x2.png
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/events-block-img2-x2.png
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/footer-arrow-up.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/gallery -img4-x2.png
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-x2.png
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-x2.png
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-x2.png
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-x2.png
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-img5-x2.png
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/header-images.png
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/icons/burger-menu-x2.png
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/icons/header-arrow.png
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/icon-facebook.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.
3 changes: 3 additions & 0 deletions src/images/icons/icon-instagram.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.
3 changes: 3 additions & 0 deletions src/images/icons/menu-icon-closed.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/icons/museum-favicon.png
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/lecture-block-img3-x2.png
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/subscription-arrow-x2.png
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/subscription-bg.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.
Loading
Loading