make build

IrynaZahorodnia · Feb 29, 2024 · 6c25439 · 6c25439
commit 6c25439
Show file tree

Hide file tree

Showing 23 changed files with 42 additions and 0 deletions.
diff --git a/bodhi 1.e4115c5a.png b/bodhi 1.e4115c5a.png
diff --git a/bodhi 2.d96b3c79.png b/bodhi 2.d96b3c79.png
diff --git a/bodhi 3.65f66570.png b/bodhi 3.65f66570.png
diff --git a/collection.9b0a63ef.png b/collection.9b0a63ef.png
diff --git a/disney 1.ec23dc8d.png b/disney 1.ec23dc8d.png
diff --git a/disney 2.97910d08.png b/disney 2.97910d08.png
diff --git a/favicon.d35d05e9.ico b/favicon.d35d05e9.ico
diff --git a/footer.548d3849.png b/footer.548d3849.png
diff --git a/header-bgi.b98a2ecd.png b/header-bgi.b98a2ecd.png
diff --git a/icon-burger-menu-hover.a61893a5.svg b/icon-burger-menu-hover.a61893a5.svg
diff --git a/icon-burger-menu.3187f106.svg b/icon-burger-menu.3187f106.svg
diff --git a/icon-close.68ebb502.svg b/icon-close.68ebb502.svg
diff --git a/icon-phone.ceebdd72.svg b/icon-phone.ceebdd72.svg
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Met</title><link rel="icon" href="favicon.d35d05e9.ico" type="image/x-icon"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Inter:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="main.8f060b5c.css"><script src="main.b2b0b56a.js" defer></script></head><body class="page__body"> <header class="header"> <div class="container"> <div class="header__content"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="met-logo-2x.d35d05e9.png" alt="The Met logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <div class="icon icon--phone"> <div class="top-bar__contacts"> <a href="tel:+12125357710" class="top-bar__phone-number"> The Met Fifth Avenue <br> +1 212-535-7710 </a> <a href="tel:+12129233700" class="top-bar__phone-number"> The Met Cloisters <br> +1 212-923-3700 </a> </div> </div> <a href="#menu" class="icon icon--menu"></a> </div> </div> <h1 class="header__title"> Welcome <br> to The MET </h1> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo-link"> <img src="met-logo-2x.d35d05e9.png" alt="The Met logo" class="top-bar__logo"> </a> <a href="#" class="icon icon--close"></a> </div> <div class="menu__bottom"> <nav class="menu__nav nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#" class="nav__link"> Home </a> </li> <li class="nav__item"> <a href="#about-us" class="nav__link"> About Us </a> </li> <li class="nav__item"> <a href="#now-on-view" class="nav__link"> Now on view </a> </li> <li class="nav__item"> <a href="#explore-online" class="nav__link"> Explore Online </a> </li> <li class="nav__item"> <a href="#contacts" class="nav__link"> Contacts </a> </li> </ul> </nav> <a href="tel:+12125357710" class="menu__phone-number menu__phone-number--fifth-avenue"> The Met Fifth Avenue <br> +1 212-535-7710 </a> <a href="tel:+12129233700" class="menu__phone-number menu__phone-number--cloisters"> The Met Cloisters <br> +1 212-923-3700 </a> <a href="tel:+12125357710" class="menu__call-to-order"> call to order </a> </div> </div> </aside> <main class="main"> <div class="container"> <div class="main__content"> <section class="about-us" id="about-us"> <h2 class="about-us__title section-title section-title--align--left"> Museum hours </h2> <div class="about-us__content"> <div> <h3 class="about-us__subtitle">The Met Fifth Avenue</h3> <div class="about-us__work-time"> <div class="about-us__time"> <p>10 am - 5 pm</p> <p>10 am - 9 pm</p> <p>Closed</p> </div> <div class="about-us__day"> <p>Sun, Mon, Tue, Thu</p> <p>Fri, Sat</p> <p>Wen</p> </div> </div> <div> <p class="about-us__time">Closed on</p> <p class="about-us__day">Thanksgiving Day, Dec 25, Jan 1, and the first Monday in May.</p> </div> </div> <div> <h3 class="about-us__subtitle">The Met Cloisters</h3> <div class="about-us__work-time"> <div class="about-us__time"> <p>10 am – 4.30 pm</p> <p>Closed</p> </div> <div class="about-us__day"> <p>Thu - Tue</p> <p>Wen</p> </div> </div> <div> <p class="about-us__time">Closed on</p> <p class="about-us__day">Thanksgiving Day, Dec 25, Jan 1</p> </div> </div> </div> </section> <section class="now-on-view" id="now-on-view"> <h2 class="section-title section-title--bottom-small">Now On View</h2> <p class="now-on-view__description">Explore exhibition gallery guides, videos, articles, and more.</p> <div class="now-on-view__wrapper"> <article class="exhibition"> <div class="exhibition__photos"> <div class="exhibition__photo exhibition__photo--wide"> <img class="exhibition__img exhibition__img--fit" src="new look 1.69524abf.png" alt="A New Look at Old Masters"> </div> <div class="exhibition__photo exhibition__photo--square"> <img class="exhibition__img" src="new look 2.e928ff90.png" alt="A New Look at Old Masters"> </div> </div> <h3 class="exhibition__title">A New Look at Old Masters</h3> <p class="exhibition__period">December 12, 2020 – Through Spring 2023</p> </article> <article class="exhibition"> <div class="exhibition__photos exhibition__photos--gap"> <div class="exhibition__photo exhibition__photo--big exhibition__photo--square"> <img class="exhibition__img" src="bodhi 1.e4115c5a.png" alt="Bodhisattvas of Wisdom"> </div> <div class="exhibition__photo exhibition__photo--big exhibition__photo--square"> <img class="exhibition__img" src="bodhi 2.d96b3c79.png" alt="Bodhisattvas of Wisdom"> </div> <div class="exhibition__photo exhibition__photo--none exhibition__photo--square"> <img class="exhibition__img" src="bodhi 3.65f66570.png" alt="Bodhisattvas of Wisdom"> </div> </div> <h3 class="exhibition__title">Bodhisattvas of Wisdom, Compassion, and Power</h3> <p class="exhibition__period">March 27, 2021 – October 30, 2022</p> </article> <article class="exhibition"> <div class="exhibition__photos"> <div class="exhibition__photo exhibition__photo--square"> <img class="exhibition__img" src="disney 1.ec23dc8d.png" alt="Inspiring Walt Disney"> </div> <div class="exhibition__photo exhibition__photo--wide"> <img class="exhibition__img" src="disney 2.97910d08.png" alt="Inspiring Walt Disney"> </div> </div> <h3 class="exhibition__title">Inspiring Walt Disney: The Animation of French Decorative Arts</h3> <p class="exhibition__period">December 10, 2021 – March 6, 2022</p> </article> </div> <a href="javascript:alert('Welcome to our exhibitions!');" class="exhibition__button">View all exhibitions</a> </section> <section class="explore-online" id="explore-online"> <h2 class="section-title">More to Explore Online</h2> <div class="explore-online__tours"> <article class="explore-online__tour tour"> <img src="collection.9b0a63ef.png" alt="Collection Areas" class="tour__photo"> <h3 class="tour__title">Collection Areas</h3> <p class="tour__description">These collection areas study, exhibit, and care for the objects in The Met collection.</p> </article> <article class="explore-online__tour tour"> <img src="travel.7c3f8e2f.png" alt="Travel" class="tour__photo"> <h3 class="tour__title">Travel</h3> <p class="tour__description">Travel with The Met connects the Museum's wide and diverse audience to art, inspiration, and historical perspective.</p> </article> <article class="explore-online__tour tour"> <img src="virtual.760f86ae.png" alt="Virtual group tours" class="tour__photo"> <h3 class="tour__title">Virtual group tours</h3> <p class="tour__description">Request a guided tour, reserve admission and lead your own small group, or request a live virtual tour led by a Museum guide.</p> </article> </div> </section> <section class="contacts" id="contacts"> <h2 class="contacts__title section-title">Contact us</h2> <div class="contacts__wrapper"> <div class="contacts__group"> <div class="contacts__met"> <div class="contacts__subtitle">The Met Fifth Avenue</div> <div class="contacts__name">Phone</div> <a href="tel:+12125357710" class="contacts__info">+1 212-535-7710</a> <div class="contacts__name">Address</div> <a href="https://www.google.com.ua/maps/place/1000+5th+Ave,+New+York,+NY+10028,+%D0%A1%D0%A8%D0%90/@40.7794355,-73.9659593,17z/data=!3m1!4b1!4m6!3m5!1s0x89c25896dcda965d:0x5bbcfab18ea2c739!8m2!3d40.7794355!4d-73.9633844!16s%2Fg%2F1yl46zflv?hl=ru&entry=ttu" class="contacts__info" target="_blank"> 1000 Fifth Avenue <br> New York, NY 10028 </a> </div> <div class="contacts__met"> <div class="contacts__subtitle">The Met Cloisters</div> <div class="contacts__name">Phone</div> <a href="tel:+12129233700" class="contacts__info">+1 212-923-3700</a> <div class="contacts__name">Address</div> <a href="https://www.google.com.ua/maps/search/99+Margaret+Corbin+Drive+Fort+Tryon+Park+New+York,+NY+10040/@40.8633434,-73.9336517,18z/data=!3m1!4b1?hl=ru&entry=ttu" class="contacts__info" target="_blank"> 99 Margaret Corbin Drive Fort Tryon Park <br> New York, NY 10040 </a> </div> </div> <div class="contacts__form"> <form method="post" class="form" onsubmit="this.reset(); return false;"> <input class="form__input" type="text" name="name" placeholder="Name" required> <input class="form__input" type="email" name="email" placeholder="Email" required> <textarea class="form__input" name="message" rows="6" cols="30" placeholder="Message" required></textarea> <button class="form__button" type="submit">Send</button> </form> </div> </div> </section> </div> </div> </main> <footer class="footer"></footer> </body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="en" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Met</title><link rel="icon" href="favicon.d35d05e9.ico" type="image/x-icon"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Inter:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="main.8f060b5c.css"><script src="main.b2b0b56a.js" defer></script></head><body class="page__body"> <header class="header"> <div class="container"> <div class="header__content"> <div class="top-bar"> <a href="#" class="top-bar__logo-link"> <img src="met-logo-2x.d35d05e9.png" alt="The Met logo" class="top-bar__logo"> </a> <div class="top-bar__icons"> <div class="icon icon--phone"> <div class="top-bar__contacts"> <a href="tel:+12125357710" class="top-bar__phone-number"> The Met Fifth Avenue <br> +1 212-535-7710 </a> <a href="tel:+12129233700" class="top-bar__phone-number"> The Met Cloisters <br> +1 212-923-3700 </a> </div> </div> <a href="#menu" class="icon icon--menu"></a> </div> </div> <h1 class="header__title"> Welcome <br> to The MET </h1> </div> </div> </header> <aside class="menu page__menu" id="menu"> <div class="container"> <div class="menu__top top-bar"> <a href="#" class="top-bar__logo-link"> <img src="met-logo-2x.d35d05e9.png" alt="The Met logo" class="top-bar__logo"> </a> <a href="#" class="icon icon--close"></a> </div> <div class="menu__bottom"> <nav class="menu__nav nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#" class="nav__link"> Home </a> </li> <li class="nav__item"> <a href="#about-us" class="nav__link"> About Us </a> </li> <li class="nav__item"> <a href="#now-on-view" class="nav__link"> Now on view </a> </li> <li class="nav__item"> <a href="#explore-online" class="nav__link"> Explore Online </a> </li> <li class="nav__item"> <a href="#contacts" class="nav__link"> Contacts </a> </li> </ul> </nav> <a href="tel:+12125357710" class="menu__phone-number menu__phone-number--fifth-avenue"> The Met Fifth Avenue <br> +1 212-535-7710 </a> <a href="tel:+12129233700" class="menu__phone-number menu__phone-number--cloisters"> The Met Cloisters <br> +1 212-923-3700 </a> <a href="tel:+12125357710" class="menu__call-to-order"> call to order </a> </div> </div> </aside> <main class="main"> <div class="container"> <div class="main__content"> <section class="about-us" id="about-us"> <h2 class="about-us__title section-title section-title--align--left"> Museum hours </h2> <div class="about-us__content"> <div> <h3 class="about-us__subtitle">The Met Fifth Avenue</h3> <div class="about-us__work-time"> <div class="about-us__time"> <p>10 am - 5 pm</p> <p>10 am - 9 pm</p> <p>Closed</p> </div> <div class="about-us__day"> <p>Sun, Mon, Tue, Thu</p> <p>Fri, Sat</p> <p>Wen</p> </div> </div> <div> <p class="about-us__time">Closed on</p> <p class="about-us__day">Thanksgiving Day, Dec 25, Jan 1, and the first Monday in May.</p> </div> </div> <div> <h3 class="about-us__subtitle">The Met Cloisters</h3> <div class="about-us__work-time"> <div class="about-us__time"> <p>10 am – 4.30 pm</p> <p>Closed</p> </div> <div class="about-us__day"> <p>Thu - Tue</p> <p>Wen</p> </div> </div> <div> <p class="about-us__time">Closed on</p> <p class="about-us__day">Thanksgiving Day, Dec 25, Jan 1</p> </div> </div> </div> </section> <section class="now-on-view" id="now-on-view"> <h2 class="section-title section-title--bottom-small">Now On View</h2> <p class="now-on-view__description">Explore exhibition gallery guides, videos, articles, and more.</p> <div class="now-on-view__wrapper"> <article class="exhibition"> <div class="exhibition__photos"> <div class="exhibition__photo exhibition__photo--wide"> <img class="exhibition__img exhibition__img--fit" src="new look 1.69524abf.png" alt="A New Look at Old Masters"> </div> <div class="exhibition__photo exhibition__photo--square"> <img class="exhibition__img" src="new look 2.e928ff90.png" alt="A New Look at Old Masters"> </div> </div> <h3 class="exhibition__title">A New Look at Old Masters</h3> <p class="exhibition__period">December 12, 2020 – Through Spring 2023</p> </article> <article class="exhibition"> <div class="exhibition__photos exhibition__photos--gap"> <div class="exhibition__photo exhibition__photo--big exhibition__photo--square"> <img class="exhibition__img" src="bodhi 1.e4115c5a.png" alt="Bodhisattvas of Wisdom"> </div> <div class="exhibition__photo exhibition__photo--big exhibition__photo--square"> <img class="exhibition__img" src="bodhi 2.d96b3c79.png" alt="Bodhisattvas of Wisdom"> </div> <div class="exhibition__photo exhibition__photo--none exhibition__photo--square"> <img class="exhibition__img" src="bodhi 3.65f66570.png" alt="Bodhisattvas of Wisdom"> </div> </div> <h3 class="exhibition__title">Bodhisattvas of Wisdom, Compassion, and Power</h3> <p class="exhibition__period">March 27, 2021 – October 30, 2022</p> </article> <article class="exhibition"> <div class="exhibition__photos"> <div class="exhibition__photo exhibition__photo--square"> <img class="exhibition__img" src="disney 1.ec23dc8d.png" alt="Inspiring Walt Disney"> </div> <div class="exhibition__photo exhibition__photo--wide"> <img class="exhibition__img" src="disney 2.97910d08.png" alt="Inspiring Walt Disney"> </div> </div> <h3 class="exhibition__title">Inspiring Walt Disney: The Animation of French Decorative Arts</h3> <p class="exhibition__period">December 10, 2021 – March 6, 2022</p> </article> </div> <a href="javascript:alert('Welcome to our exhibitions!');" class="exhibition__button">View all exhibitions</a> </section> <section class="explore-online" id="explore-online"> <h2 class="section-title">More to Explore Online</h2> <div class="explore-online__tours"> <article class="explore-online__tour tour"> <img src="collection.9b0a63ef.png" alt="Collection Areas" class="tour__photo"> <h3 class="tour__title">Collection Areas</h3> <p class="tour__description">These collection areas study, exhibit, and care for the objects in The Met collection.</p> </article> <article class="explore-online__tour tour"> <img src="travel.7c3f8e2f.png" alt="Travel" class="tour__photo"> <h3 class="tour__title">Travel</h3> <p class="tour__description">Travel with The Met connects the Museum's wide and diverse audience to art, inspiration, and historical perspective.</p> </article> <article class="explore-online__tour tour"> <img src="virtual.760f86ae.png" alt="Virtual group tours" class="tour__photo"> <h3 class="tour__title">Virtual group tours</h3> <p class="tour__description">Request a guided tour, reserve admission and lead your own small group, or request a live virtual tour led by a Museum guide.</p> </article> </div> </section> <section class="contacts" id="contacts"> <h2 class="contacts__title section-title">Contact us</h2> <div class="contacts__wrapper"> <div class="contacts__group"> <div class="contacts__met"> <div class="contacts__subtitle">The Met Fifth Avenue</div> <div class="contacts__name">Phone</div> <a href="tel:+12125357710" class="contacts__info">+1 212-535-7710</a> <div class="contacts__name">Address</div> <a href="https://www.google.com.ua/maps/place/1000+5th+Ave,+New+York,+NY+10028,+%D0%A1%D0%A8%D0%90/@40.7794355,-73.9659593,17z/data=!3m1!4b1!4m6!3m5!1s0x89c25896dcda965d:0x5bbcfab18ea2c739!8m2!3d40.7794355!4d-73.9633844!16s%2Fg%2F1yl46zflv?hl=ru&entry=ttu" class="contacts__info" target="_blank"> 1000 Fifth Avenue <br> New York, NY 10028 </a> </div> <div class="contacts__met"> <div class="contacts__subtitle">The Met Cloisters</div> <div class="contacts__name">Phone</div> <a href="tel:+12129233700" class="contacts__info">+1 212-923-3700</a> <div class="contacts__name">Address</div> <a href="https://www.google.com.ua/maps/search/99+Margaret+Corbin+Drive+Fort+Tryon+Park+New+York,+NY+10040/@40.8633434,-73.9336517,18z/data=!3m1!4b1?hl=ru&entry=ttu" class="contacts__info" target="_blank"> 99 Margaret Corbin Drive Fort Tryon Park <br> New York, NY 10040 </a> </div> </div> <div class="contacts__form"> <form method="post" class="form" onsubmit="this.reset(); return false;"> <input class="form__input" type="text" name="name" placeholder="Name" required> <input class="form__input" type="email" name="email" placeholder="Email" required> <textarea class="form__input" name="message" rows="6" cols="30" placeholder="Message" required></textarea> <button class="form__button" type="submit">Send</button> </form> </div> </div> </section> </div> </div> </main> <footer class="footer"></footer> </body></html>