diff --git a/bodhi 1.901e8f02.png b/bodhi 1.901e8f02.png new file mode 100644 index 0000000000..7beb7a0b6a Binary files /dev/null and b/bodhi 1.901e8f02.png differ diff --git a/bodhi 2.d3eed9e8.png b/bodhi 2.d3eed9e8.png new file mode 100644 index 0000000000..203bc507ca Binary files /dev/null and b/bodhi 2.d3eed9e8.png differ diff --git a/bodhi 3.fede95a6.png b/bodhi 3.fede95a6.png new file mode 100644 index 0000000000..c85ca3dc95 Binary files /dev/null and b/bodhi 3.fede95a6.png differ diff --git a/collection.59b0ae35.png b/collection.59b0ae35.png new file mode 100644 index 0000000000..c11772cf90 Binary files /dev/null and b/collection.59b0ae35.png differ diff --git a/disney 1.8eb324ac.png b/disney 1.8eb324ac.png new file mode 100644 index 0000000000..955751991a Binary files /dev/null and b/disney 1.8eb324ac.png differ diff --git a/disney 2.a19e8dd7.png b/disney 2.a19e8dd7.png new file mode 100644 index 0000000000..29e0f866c5 Binary files /dev/null and b/disney 2.a19e8dd7.png differ diff --git a/favicon.9dfd8bc6.ico b/favicon.9dfd8bc6.ico new file mode 100644 index 0000000000..8d212c7f07 Binary files /dev/null and b/favicon.9dfd8bc6.ico differ diff --git a/footer.64ed10d4.png b/footer.64ed10d4.png new file mode 100644 index 0000000000..0a79a2c270 Binary files /dev/null and b/footer.64ed10d4.png differ diff --git a/header-bgi.e63e8c32.png b/header-bgi.e63e8c32.png new file mode 100644 index 0000000000..4b74dbb2e3 Binary files /dev/null and b/header-bgi.e63e8c32.png differ diff --git a/icon-burger-menu-hover.a12f1c29.svg b/icon-burger-menu-hover.a12f1c29.svg new file mode 100644 index 0000000000..876f5820c0 --- /dev/null +++ b/icon-burger-menu-hover.a12f1c29.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icon-burger-menu.6304bb29.svg b/icon-burger-menu.6304bb29.svg new file mode 100644 index 0000000000..749c4c89c0 --- /dev/null +++ b/icon-burger-menu.6304bb29.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icon-close.a491bbae.svg b/icon-close.a491bbae.svg new file mode 100644 index 0000000000..675505f339 --- /dev/null +++ b/icon-close.a491bbae.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icon-phone.df4ddc40.svg b/icon-phone.df4ddc40.svg new file mode 100644 index 0000000000..cba736f751 --- /dev/null +++ b/icon-phone.df4ddc40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.a107562a.css b/index.a107562a.css new file mode 100644 index 0000000000..8793918ad2 --- /dev/null +++ b/index.a107562a.css @@ -0,0 +1,2 @@ +.container{padding-left:20px;padding-right:20px}@media (min-width:576px){.container{padding-left:72px;padding-right:72px}}@media (min-width:1024px){.container{max-width:1020px;margin-left:auto;margin-right:auto;padding-left:120px;padding-right:120px}}.header{background:url(header-bgi.e63e8c32.png) 50%/cover no-repeat}.header__content{-ms-flex-direction:column;flex-direction:column;height:100vh;display:-ms-flexbox;display:flex}.header__title{color:#fff;letter-spacing:-1.5px;text-align:center;margin:0;font-size:40px;font-weight:700;line-height:100%;position:relative;top:20%}@media (min-width:576px){.header__title{font-size:64px}}body,p,h1,h2,h3{margin:0}.page{color:#161616;scroll-behavior:smooth;font-family:Cinzel,sans-serif;font-size:16px;line-height:27px}.page:has(.page__menu:target){overflow:hidden}.page__body{min-width:320px;margin:0}.page__menu{opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}.page__menu:target{opacity:1;pointer-events:all;transform:translate(0)}.top-bar{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:25px;padding-bottom:25px;display:-ms-flexbox;display:flex}@media (min-width:576px){.top-bar{padding-top:50px;padding-bottom:50px}}.top-bar__logo-link{display:-ms-flexbox;display:flex}.top-bar__logo{width:64px;height:46px;transition:transform .3s}@media (min-width:576px){.top-bar__logo{width:87px;height:65px}}.top-bar__logo:hover{transform:scale(1.2)}.top-bar__icons{-ms-flex-align:center;align-items:center;gap:24px;display:-ms-flexbox;display:flex}.top-bar__contacts{opacity:0;width:190px;position:absolute;top:-35px;right:30px}@media (min-width:576px){.top-bar__contacts{top:-40px;right:50px}}.top-bar__phone-number{color:#fff;text-align:right;font-size:12px;font-weight:700;line-height:27px;text-decoration:none;display:block}.top-bar__phone-number:hover{color:#f5e6ab}@media (min-width:576px){.top-bar__phone-number{font-size:16px}}.icon{background-size:cover;width:24px;height:24px;transition:transform .3s;display:block}@media (min-width:576px){.icon{width:32px;height:32px}}.icon:hover{transform:scale(1.2)}.icon--phone{background-image:url(icon-phone.df4ddc40.svg);position:relative}.icon--phone:hover .top-bar__contacts{opacity:1}.icon--menu{background-image:url(icon-burger-menu.6304bb29.svg)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.a12f1c29.svg)}.icon--close{background-image:url(icon-close.a491bbae.svg)}.menu{box-sizing:border-box;text-transform:uppercase;background-color:#d12d35;height:100vh;font-weight:700;overflow-y:auto}.menu__top{z-index:1;background-color:#d12d35;margin-bottom:15px;position:sticky;top:0}.menu__nav{margin-bottom:32px}.menu__phone-number{color:#fff;margin-bottom:8px;font-size:16px;line-height:27px;text-decoration:none;display:block}.menu__phone-number:hover{color:#161616}.menu__call-to-order{letter-spacing:2px;color:#fff;width:-moz-fit-content;border-bottom:1px solid #fff;width:fit-content;margin-top:16px;padding-bottom:7px;font-size:12px;line-height:16px;text-decoration:none;display:block}.menu__call-to-order:hover{color:#161616}.nav__list{letter-spacing:2px;-ms-flex-direction:column;flex-direction:column;gap:32px;margin:0;padding:0;font-size:22px;line-height:22px;list-style-type:none;display:-ms-flexbox;display:flex}.nav__link{color:#fff;text-decoration:none;position:relative}.nav__link:after{content:"";transform-origin:0;background-color:#fff;width:100%;height:1px;transition:transform .3s;display:block;position:absolute;bottom:-8px;transform:scale(0)}.nav__link:hover:after{transform:scale(1)}.section-title{letter-spacing:-1.5px;text-align:center;margin:0 0 40px;font-size:32px;font-weight:700;line-height:100%}@media (min-width:576px){.section-title{margin-bottom:48px;font-size:48px}}.section-title--align--left{text-align:left}.section-title--bottom-small{margin-bottom:8px}.main{background-color:#fff}.main__content{-ms-flex-direction:column;flex-direction:column;gap:100px;padding-top:100px;padding-bottom:100px;display:-ms-flexbox;display:flex}@media (min-width:576px){.main__content{gap:140px;padding-top:140px;padding-bottom:140px}}.about-us{--column-count:2;grid-template-columns:repeat(var(--column-count),1fr);column-gap:20px;display:grid}@media (min-width:576px){.about-us{--column-count:6;column-gap:24px}}@media (min-width:1024px){.about-us{--column-count:12}}.about-us__title{grid-column:1/-1;margin-bottom:32px}@media (min-width:576px){.about-us__title{grid-column:1/4}}@media (min-width:1024px){.about-us__title{grid-column:span 5}}.about-us__title:before{content:"Plan your visit";letter-spacing:0;text-align:left;color:#d12d35;font-size:12px;font-weight:700;line-height:17px;display:block}.about-us__content{grid-column:1/-1;row-gap:24px;display:grid}@media (min-width:576px){.about-us__content{grid-column:4/-1}}@media (min-width:1024px){.about-us__content{grid-column:span 7}}.about-us__subtitle{letter-spacing:0;text-align:left;margin-bottom:16px;font-size:24px;font-weight:700;line-height:30px}.about-us__work-time{gap:24px;margin-bottom:16px;display:-ms-flexbox;display:flex}.about-us__time{letter-spacing:0;text-align:left;row-gap:8px;font-weight:700;display:grid}.about-us__day{letter-spacing:0;text-align:left;row-gap:8px;font-weight:400;display:grid}.now-on-view__description{text-align:center;max-width:400px;margin:0 auto 48px}.now-on-view__wrapper{row-gap:48px;margin-bottom:40px;display:grid}.exhibition__photos{--column-count:2;grid-template-columns:repeat(var(--column-count),1fr);column-gap:20px;margin-bottom:24px;display:grid}@media (min-width:576px){.exhibition__photos{--column-count:6;column-gap:24px}}@media (min-width:1024px){.exhibition__photos{--column-count:12}}.exhibition__photos--gap{--column-count:3;column-gap:8px}@media (min-width:576px){.exhibition__photos--gap{--column-count:6;column-gap:24px}}@media (min-width:1024px){.exhibition__photos--gap{--column-count:12}}.exhibition__link{transition:transform .3s;position:relative}.exhibition__link:hover{transform:scale(1.08)}@media (min-width:576px){.exhibition__link--wide{grid-column:span 4}}@media (min-width:1024px){.exhibition__link--wide{grid-column:span 8}}.exhibition__link--square{height:0;padding-bottom:100%}@media (min-width:576px){.exhibition__link--square{grid-column:span 2}}@media (min-width:1024px){.exhibition__link--square{grid-column:span 4}}@media (min-width:576px){.exhibition__link--none{display:none}}@media (min-width:1024px){.exhibition__link--none{display:block}}@media (min-width:576px){.exhibition__link--big{grid-column:span 3}}@media (min-width:1024px){.exhibition__link--big{grid-column:span 4}}.exhibition__photo{object-position:top right;object-fit:cover;width:100%;height:100%;position:absolute}.exhibition__photo--fit{object-position:-45px}@media (min-width:576px){.exhibition__photo--fit{object-position:0}}.exhibition__title{color:#d12d35;font-size:16px;font-weight:700}.exhibition__button{text-align:center;color:#fff;background-color:#d12d35;border:0;max-width:392px;margin-left:auto;margin-right:auto;padding:15px 0;font-weight:700;text-decoration:none;display:block}.exhibition__button:hover{background:#ae1c23}.exhibition__button:active{background:#eb343d}.explore-online__tours{--column-count:2;grid-template-columns:repeat(var(--column-count),1fr);gap:48px 20px;display:grid}@media (min-width:576px){.explore-online__tours{--column-count:6;column-gap:24px}}@media (min-width:1024px){.explore-online__tours{--column-count:12}}.explore-online__tour{grid-column:1/-1}@media (min-width:576px){.explore-online__tour{grid-column:2/-2}}@media (min-width:1024px){.explore-online__tour{grid-column:span 4}}.tour__photo{width:100%;margin-bottom:16px;transition:transform .3s}.tour__photo:hover{transform:scale(1.08)}@media (min-width:576px){.tour__photo{margin-bottom:32px}}.tour__title{letter-spacing:0;color:#d12d35;text-align:center;margin-bottom:4px;font-size:24px;font-weight:700;line-height:34px}.tour__description{letter-spacing:0;text-align:center;font-family:Roboto,sans-serif;font-size:16px;line-height:27px}.contacts__title{margin-bottom:48px}.contacts__wrapper{--column-count:2;grid-template-columns:repeat(var(--column-count),1fr);column-gap:20px;display:grid}@media (min-width:576px){.contacts__wrapper{--column-count:6;column-gap:24px}}@media (min-width:1024px){.contacts__wrapper{--column-count:12}}.contacts__group{grid-column:1/-1}@media (min-width:576px){.contacts__group{grid-column:span 3}}@media (min-width:1024px){.contacts__group{grid-column:span 7;grid-template-columns:repeat(7,1fr);column-gap:24px;display:grid}}.contacts__met{margin-bottom:48px}@media (min-width:1024px){.contacts__met{grid-column:span 3}}.contacts__form{grid-column:1/-1}@media (min-width:576px){.contacts__form{grid-column:span 3}}@media (min-width:1024px){.contacts__form{grid-column:8/13}}.contacts__subtitle{margin-bottom:16px;font-weight:700}.contacts__name{margin-bottom:4px;font-size:14px}.contacts__info{color:#3e3e3e;margin-bottom:8px;font-weight:700;line-height:22px;text-decoration:none}.contacts__info:hover{color:#d12d35}.form__input{box-sizing:border-box;letter-spacing:0;color:#161616;resize:none;background-color:#f8f8fa;border:1px solid #f8f8fa;width:100%;margin-bottom:16px;padding:13px 11px;font-family:Cinzel,sans-serif;font-size:14px;line-height:20px}.form__input::placeholder{color:#7e7e83}.form__input::placeholder{color:#7e7e83}.form__input:hover{border:1px solid #d5d7de}.form__input:focus-visible{border:1px solid #161616;outline:0}.form__button{text-align:center;color:#fff;letter-spacing:0;cursor:pointer;background-color:#d12d35;border:0;width:100%;margin-top:16px;margin-left:auto;margin-right:auto;padding:15px 0;font-family:Cinzel,sans-serif;font-size:16px;font-weight:700;line-height:27px;text-decoration:none;display:block}.form__button:hover{background:#ae1c23}.form__button:active{background:#eb343d}.footer{z-index:-1;background:url(footer.64ed10d4.png) 50%/cover no-repeat;height:180px;position:sticky;bottom:0}@media (min-width:576px){.footer{height:359px}} +/*# sourceMappingURL=index.a107562a.css.map */ diff --git a/index.a107562a.css.map b/index.a107562a.css.map new file mode 100644 index 0000000000..ff59511b54 --- /dev/null +++ b/index.a107562a.css.map @@ -0,0 +1 @@ +{"mappings":"AEAA,gDCCE,yBDDF,iDCOE,0BDPF,uGEAA,qFAGE,+GAOA,qJDTA,yBCSA,+BCNF,yBAQA,yGAOE,8CAIA,qCAKA,4HAWE,uEEvCJ,4KJCE,yBIDF,+CAUE,qDAIA,+DJbA,yBIaA,uCJeA,0CIHA,mGAMA,gFJ/BA,yBI+BA,yCAaA,sIASE,2CJrDF,yBI4CA,uCC7CF,0FLCE,yBKDF,8BL6BE,iCKhBA,8FAIE,gDAKF,iFAGE,6FAKF,4EC9BF,2HAQE,uFAQA,8BAIA,oHAQE,wCAKF,+NAYE,yCC5CF,gMAYA,6DAKE,mLAcA,0CChCJ,uHRCE,yBQDF,kDAcE,4CAIA,+CClBF,4BAGE,iJTFA,yBSEA,iECHF,8GVCE,yBUDF,4CVOE,0BUPF,6BAGE,qDVFA,yBUEA,kCVIA,0BUJA,qCAYE,+JAYF,8DV1BA,yBU0BA,qCVpBA,0BUoBA,uCAeA,wHASA,kFAMA,0FASA,yFCjEA,+EAMA,mECNA,2IZAA,yBYAA,sDZMA,0BYNA,uCAKE,yDZLF,yBYKE,2DZCF,0BYDE,4CAiBF,6DZMA,8CA5BA,yBY2BE,4CZrBF,0BYqBE,4CAUA,uDZrCF,yBYqCE,8CZ/BF,0BY+BE,8CZrCF,yBYkDE,sCZ5CF,0BY4CE,uCZlDF,yBY4DE,2CZtDF,0BYsDE,2CAWF,uGAOE,8CZ9EF,yBY8EE,2CASF,gEAMA,wMZ/BA,6CAIA,8CalEA,yHbAA,yBaAA,yDbMA,0BaNA,0CAMA,uCbNA,yBaMA,wCbAA,0BaAA,0CCNA,oEd4BA,yCA5BA,yBcAA,iCAWA,gIAUA,oHCrBA,oCAIA,uHfJA,yBeIA,qDfEA,0BeFA,sCAIA,kCfRA,yBeQA,qCfFA,0BeEA,sGAgBA,kCflBA,0BekBA,mCAQA,iCfhCA,yBegCA,oCf1BA,0Be0BA,kCAYA,uDAKA,iDAKA,sGAOE,oCC7DF,8OAcE,wCAAA,wCAIA,4CAIA,8DAMF,2ShBkCA,uCAIA,wCiBnEF,kIjBCE,yBiBDF","sources":["index.a107562a.css","src/styles/main.scss","src/styles/blocks/container.scss","src/styles/utils/mixins.scss","src/styles/blocks/header.scss","src/styles/blocks/page.scss","src/styles/utils/variables.scss","src/styles/blocks/top-bar.scss","src/styles/blocks/icon.scss","src/styles/blocks/menu.scss","src/styles/blocks/nav.scss","src/styles/blocks/section-title.scss","src/styles/blocks/main__content.scss","src/styles/blocks/about-us.scss","src/styles/blocks/now-on-view.scss","src/styles/blocks/exhibition.scss","src/styles/blocks/explore-online.scss","src/styles/blocks/tour.scss","src/styles/blocks/contacts.scss","src/styles/blocks/form.scss","src/styles/blocks/footer.scss"],"sourcesContent":[".container {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n@media (min-width: 576px) {\n .container {\n padding-left: 72px;\n padding-right: 72px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1020px;\n margin-left: auto;\n margin-right: auto;\n padding-left: 120px;\n padding-right: 120px;\n }\n}\n\n.header {\n background: url(\"header-bgi.e63e8c32.png\") center / cover no-repeat;\n}\n\n.header__content {\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100vh;\n display: -ms-flexbox;\n display: flex;\n}\n\n.header__title {\n color: #fff;\n letter-spacing: -1.5px;\n text-align: center;\n margin: 0;\n font-size: 40px;\n font-weight: 700;\n line-height: 100%;\n position: relative;\n top: 20%;\n}\n\n@media (min-width: 576px) {\n .header__title {\n font-size: 64px;\n }\n}\n\nbody, p, h1, h2, h3 {\n margin: 0;\n}\n\n.page {\n color: #161616;\n scroll-behavior: smooth;\n font-family: Cinzel, sans-serif;\n font-size: 16px;\n line-height: 27px;\n}\n\n.page:has(.page__menu:target) {\n overflow: hidden;\n}\n\n.page__body {\n min-width: 320px;\n margin: 0;\n}\n\n.page__menu {\n opacity: 0;\n pointer-events: none;\n transition: all .3s;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n transform: translateX(-100%);\n}\n\n.page__menu:target {\n opacity: 1;\n pointer-events: all;\n transform: translateX(0);\n}\n\n.top-bar {\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-align: center;\n align-items: center;\n padding-top: 25px;\n padding-bottom: 25px;\n display: -ms-flexbox;\n display: flex;\n}\n\n@media (min-width: 576px) {\n .top-bar {\n padding-top: 50px;\n padding-bottom: 50px;\n }\n}\n\n.top-bar__logo-link {\n display: -ms-flexbox;\n display: flex;\n}\n\n.top-bar__logo {\n width: 64px;\n height: 46px;\n transition: transform .3s;\n}\n\n@media (min-width: 576px) {\n .top-bar__logo {\n width: 87px;\n height: 65px;\n }\n}\n\n.top-bar__logo:hover {\n transform: scale(1.2);\n}\n\n.top-bar__icons {\n -ms-flex-align: center;\n align-items: center;\n gap: 24px;\n display: -ms-flexbox;\n display: flex;\n}\n\n.top-bar__contacts {\n opacity: 0;\n width: 190px;\n position: absolute;\n top: -35px;\n right: 30px;\n}\n\n@media (min-width: 576px) {\n .top-bar__contacts {\n top: -40px;\n right: 50px;\n }\n}\n\n.top-bar__phone-number {\n color: #fff;\n text-align: right;\n font-size: 12px;\n font-weight: 700;\n line-height: 27px;\n text-decoration: none;\n display: block;\n}\n\n.top-bar__phone-number:hover {\n color: #f5e6ab;\n}\n\n@media (min-width: 576px) {\n .top-bar__phone-number {\n font-size: 16px;\n }\n}\n\n.icon {\n background-size: cover;\n width: 24px;\n height: 24px;\n transition: transform .3s;\n display: block;\n}\n\n@media (min-width: 576px) {\n .icon {\n width: 32px;\n height: 32px;\n }\n}\n\n.icon:hover {\n transform: scale(1.2);\n}\n\n.icon--phone {\n background-image: url(\"icon-phone.df4ddc40.svg\");\n position: relative;\n}\n\n.icon--phone:hover .top-bar__contacts {\n opacity: 1;\n}\n\n.icon--menu {\n background-image: url(\"icon-burger-menu.6304bb29.svg\");\n}\n\n.icon--menu:hover {\n background-image: url(\"icon-burger-menu-hover.a12f1c29.svg\");\n}\n\n.icon--close {\n background-image: url(\"icon-close.a491bbae.svg\");\n}\n\n.menu {\n box-sizing: border-box;\n text-transform: uppercase;\n background-color: #d12d35;\n height: 100vh;\n font-weight: 700;\n overflow-y: auto;\n}\n\n.menu__top {\n z-index: 1;\n background-color: #d12d35;\n margin-bottom: 15px;\n position: sticky;\n top: 0;\n}\n\n.menu__nav {\n margin-bottom: 32px;\n}\n\n.menu__phone-number {\n color: #fff;\n margin-bottom: 8px;\n font-size: 16px;\n line-height: 27px;\n text-decoration: none;\n display: block;\n}\n\n.menu__phone-number:hover {\n color: #161616;\n}\n\n.menu__call-to-order {\n letter-spacing: 2px;\n color: #fff;\n border-bottom: 1px solid #fff;\n width: -moz-fit-content;\n width: fit-content;\n margin-top: 16px;\n padding-bottom: 7px;\n font-size: 12px;\n line-height: 16px;\n text-decoration: none;\n display: block;\n}\n\n.menu__call-to-order:hover {\n color: #161616;\n}\n\n.nav__list {\n letter-spacing: 2px;\n -ms-flex-direction: column;\n flex-direction: column;\n gap: 32px;\n margin: 0;\n padding: 0;\n font-size: 22px;\n line-height: 22px;\n list-style-type: none;\n display: -ms-flexbox;\n display: flex;\n}\n\n.nav__link {\n color: #fff;\n text-decoration: none;\n position: relative;\n}\n\n.nav__link:after {\n content: \"\";\n transform-origin: 0;\n background-color: #fff;\n width: 100%;\n height: 1px;\n transition: transform .3s;\n display: block;\n position: absolute;\n bottom: -8px;\n transform: scale(0);\n}\n\n.nav__link:hover:after {\n transform: scale(1);\n}\n\n.section-title {\n letter-spacing: -1.5px;\n text-align: center;\n margin: 0 0 40px;\n font-size: 32px;\n font-weight: 700;\n line-height: 100%;\n}\n\n@media (min-width: 576px) {\n .section-title {\n margin-bottom: 48px;\n font-size: 48px;\n }\n}\n\n.section-title--align--left {\n text-align: left;\n}\n\n.section-title--bottom-small {\n margin-bottom: 8px;\n}\n\n.main {\n background-color: #fff;\n}\n\n.main__content {\n -ms-flex-direction: column;\n flex-direction: column;\n gap: 100px;\n padding-top: 100px;\n padding-bottom: 100px;\n display: -ms-flexbox;\n display: flex;\n}\n\n@media (min-width: 576px) {\n .main__content {\n gap: 140px;\n padding-top: 140px;\n padding-bottom: 140px;\n }\n}\n\n.about-us {\n --column-count: 2;\n grid-template-columns: repeat(var(--column-count), 1fr);\n column-gap: 20px;\n display: grid;\n}\n\n@media (min-width: 576px) {\n .about-us {\n --column-count: 6;\n column-gap: 24px;\n }\n}\n\n@media (min-width: 1024px) {\n .about-us {\n --column-count: 12;\n }\n}\n\n.about-us__title {\n grid-column: 1 / -1;\n margin-bottom: 32px;\n}\n\n@media (min-width: 576px) {\n .about-us__title {\n grid-column: 1 / 4;\n }\n}\n\n@media (min-width: 1024px) {\n .about-us__title {\n grid-column: span 5;\n }\n}\n\n.about-us__title:before {\n content: \"Plan your visit\";\n letter-spacing: 0;\n text-align: left;\n color: #d12d35;\n font-size: 12px;\n font-weight: 700;\n line-height: 17px;\n display: block;\n}\n\n.about-us__content {\n grid-column: 1 / -1;\n row-gap: 24px;\n display: grid;\n}\n\n@media (min-width: 576px) {\n .about-us__content {\n grid-column: 4 / -1;\n }\n}\n\n@media (min-width: 1024px) {\n .about-us__content {\n grid-column: span 7;\n }\n}\n\n.about-us__subtitle {\n letter-spacing: 0;\n text-align: left;\n margin-bottom: 16px;\n font-size: 24px;\n font-weight: 700;\n line-height: 30px;\n}\n\n.about-us__work-time {\n gap: 24px;\n margin-bottom: 16px;\n display: -ms-flexbox;\n display: flex;\n}\n\n.about-us__time {\n letter-spacing: 0;\n text-align: left;\n row-gap: 8px;\n font-weight: 700;\n display: grid;\n}\n\n.about-us__day {\n letter-spacing: 0;\n text-align: left;\n row-gap: 8px;\n font-weight: 400;\n display: grid;\n}\n\n.now-on-view__description {\n text-align: center;\n max-width: 400px;\n margin: 0 auto 48px;\n}\n\n.now-on-view__wrapper {\n row-gap: 48px;\n margin-bottom: 40px;\n display: grid;\n}\n\n.exhibition__photos {\n --column-count: 2;\n grid-template-columns: repeat(var(--column-count), 1fr);\n column-gap: 20px;\n margin-bottom: 24px;\n display: grid;\n}\n\n@media (min-width: 576px) {\n .exhibition__photos {\n --column-count: 6;\n column-gap: 24px;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__photos {\n --column-count: 12;\n }\n}\n\n.exhibition__photos--gap {\n --column-count: 3;\n column-gap: 8px;\n}\n\n@media (min-width: 576px) {\n .exhibition__photos--gap {\n --column-count: 6;\n column-gap: 24px;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__photos--gap {\n --column-count: 12;\n }\n}\n\n.exhibition__link {\n transition: transform .3s;\n position: relative;\n}\n\n.exhibition__link:hover {\n transform: scale(1.08);\n}\n\n@media (min-width: 576px) {\n .exhibition__link--wide {\n grid-column: span 4;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__link--wide {\n grid-column: span 8;\n }\n}\n\n.exhibition__link--square {\n height: 0;\n padding-bottom: 100%;\n}\n\n@media (min-width: 576px) {\n .exhibition__link--square {\n grid-column: span 2;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__link--square {\n grid-column: span 4;\n }\n}\n\n@media (min-width: 576px) {\n .exhibition__link--none {\n display: none;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__link--none {\n display: block;\n }\n}\n\n@media (min-width: 576px) {\n .exhibition__link--big {\n grid-column: span 3;\n }\n}\n\n@media (min-width: 1024px) {\n .exhibition__link--big {\n grid-column: span 4;\n }\n}\n\n.exhibition__photo {\n object-position: top right;\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.exhibition__photo--fit {\n object-position: -45px;\n}\n\n@media (min-width: 576px) {\n .exhibition__photo--fit {\n object-position: 0;\n }\n}\n\n.exhibition__title {\n color: #d12d35;\n font-size: 16px;\n font-weight: 700;\n}\n\n.exhibition__button {\n text-align: center;\n color: #fff;\n background-color: #d12d35;\n border: 0;\n max-width: 392px;\n margin-left: auto;\n margin-right: auto;\n padding: 15px 0;\n font-weight: 700;\n text-decoration: none;\n display: block;\n}\n\n.exhibition__button:hover {\n background: #ae1c23;\n}\n\n.exhibition__button:active {\n background: #eb343d;\n}\n\n.explore-online__tours {\n --column-count: 2;\n grid-template-columns: repeat(var(--column-count), 1fr);\n gap: 48px 20px;\n display: grid;\n}\n\n@media (min-width: 576px) {\n .explore-online__tours {\n --column-count: 6;\n column-gap: 24px;\n }\n}\n\n@media (min-width: 1024px) {\n .explore-online__tours {\n --column-count: 12;\n }\n}\n\n.explore-online__tour {\n grid-column: 1 / -1;\n}\n\n@media (min-width: 576px) {\n .explore-online__tour {\n grid-column: 2 / -2;\n }\n}\n\n@media (min-width: 1024px) {\n .explore-online__tour {\n grid-column: span 4;\n }\n}\n\n.tour__photo {\n width: 100%;\n margin-bottom: 16px;\n transition: transform .3s;\n}\n\n.tour__photo:hover {\n transform: scale(1.08);\n}\n\n@media (min-width: 576px) {\n .tour__photo {\n margin-bottom: 32px;\n }\n}\n\n.tour__title {\n letter-spacing: 0;\n color: #d12d35;\n text-align: center;\n margin-bottom: 4px;\n font-size: 24px;\n font-weight: 700;\n line-height: 34px;\n}\n\n.tour__description {\n letter-spacing: 0;\n text-align: center;\n font-family: Roboto, sans-serif;\n font-size: 16px;\n line-height: 27px;\n}\n\n.contacts__title {\n margin-bottom: 48px;\n}\n\n.contacts__wrapper {\n --column-count: 2;\n grid-template-columns: repeat(var(--column-count), 1fr);\n column-gap: 20px;\n display: grid;\n}\n\n@media (min-width: 576px) {\n .contacts__wrapper {\n --column-count: 6;\n column-gap: 24px;\n }\n}\n\n@media (min-width: 1024px) {\n .contacts__wrapper {\n --column-count: 12;\n }\n}\n\n.contacts__group {\n grid-column: 1 / -1;\n}\n\n@media (min-width: 576px) {\n .contacts__group {\n grid-column: span 3;\n }\n}\n\n@media (min-width: 1024px) {\n .contacts__group {\n grid-column: span 7;\n grid-template-columns: repeat(7, 1fr);\n column-gap: 24px;\n display: grid;\n }\n}\n\n.contacts__met {\n margin-bottom: 48px;\n}\n\n@media (min-width: 1024px) {\n .contacts__met {\n grid-column: span 3;\n }\n}\n\n.contacts__form {\n grid-column: 1 / -1;\n}\n\n@media (min-width: 576px) {\n .contacts__form {\n grid-column: span 3;\n }\n}\n\n@media (min-width: 1024px) {\n .contacts__form {\n grid-column: 8 / 13;\n }\n}\n\n.contacts__subtitle {\n margin-bottom: 16px;\n font-weight: 700;\n}\n\n.contacts__name {\n margin-bottom: 4px;\n font-size: 14px;\n}\n\n.contacts__info {\n color: #3e3e3e;\n margin-bottom: 8px;\n font-weight: 700;\n line-height: 22px;\n text-decoration: none;\n}\n\n.contacts__info:hover {\n color: #d12d35;\n}\n\n.form__input {\n box-sizing: border-box;\n letter-spacing: 0;\n color: #161616;\n resize: none;\n background-color: #f8f8fa;\n border: 1px solid #f8f8fa;\n width: 100%;\n margin-bottom: 16px;\n padding: 13px 11px;\n font-family: Cinzel, sans-serif;\n font-size: 14px;\n line-height: 20px;\n}\n\n.form__input::-ms-input-placeholder {\n color: #7e7e83;\n}\n\n.form__input::placeholder {\n color: #7e7e83;\n}\n\n.form__input:hover {\n border: 1px solid #d5d7de;\n}\n\n.form__input:focus-visible {\n border: 1px solid #161616;\n outline: 0;\n}\n\n.form__button {\n text-align: center;\n color: #fff;\n margin-left: auto;\n margin-right: auto;\n letter-spacing: 0;\n cursor: pointer;\n background-color: #d12d35;\n border: 0;\n width: 100%;\n margin-top: 16px;\n padding: 15px 0;\n font-family: Cinzel, sans-serif;\n font-size: 16px;\n font-weight: 700;\n line-height: 27px;\n text-decoration: none;\n display: block;\n}\n\n.form__button:hover {\n background: #ae1c23;\n}\n\n.form__button:active {\n background: #eb343d;\n}\n\n.footer {\n z-index: -1;\n background: url(\"footer.64ed10d4.png\") center / cover no-repeat;\n height: 180px;\n position: sticky;\n bottom: 0;\n}\n\n@media (min-width: 576px) {\n .footer {\n height: 359px;\n }\n}\n\n/*# sourceMappingURL=index.a107562a.css.map */\n","@import 'utils/variables';\n@import 'utils/mixins';\n@import 'blocks/container';\n@import 'blocks/header';\n@import 'blocks/page';\n@import 'blocks/top-bar';\n@import 'blocks/icon';\n@import 'blocks/menu';\n@import 'blocks/nav';\n@import 'blocks/section-title';\n@import 'blocks/main__content';\n@import 'blocks/about-us';\n@import 'blocks/now-on-view';\n@import 'blocks/exhibition';\n@import 'blocks/explore-online';\n@import 'blocks/tour';\n@import 'blocks/contacts';\n@import 'blocks/form';\n@import 'blocks/footer';\n",".container {\n @include content-padding-inline;\n}\n","@mixin on-tablet {\n @media (min-width: $tablet-min-width) {\n @content;\n }\n}\n\n@mixin on-desktop {\n @media (min-width: $desktop-min-width) {\n @content;\n }\n}\n\n@mixin content-padding-inline {\n padding-inline: 20px;\n\n @include on-tablet {\n padding-inline: 72px;\n }\n\n @include on-desktop {\n max-width: 1020px;\n margin-inline: auto;\n padding-inline: 120px;\n }\n}\n\n@mixin hover($property, $toValue) {\n transition: #{$property} $effect-duration;\n\n &:hover {\n #{$property}: $toValue;\n }\n}\n\n@mixin page-grid {\n --column-count: 2;\n\n display: grid;\n column-gap: 20px;\n grid-template-columns: repeat(var(--column-count), 1fr);\n\n @include on-tablet {\n --column-count: 6;\n\n column-gap: 24px;\n }\n\n @include on-desktop {\n --column-count: 12;\n }\n}\n\n@mixin button {\n display: block;\n text-align: center;\n margin-inline: auto;\n padding: 15px 0;\n font-weight: 700;\n color: $menu-text-color;\n background-color: $main-accent;\n text-decoration: none;\n border: 0;\n\n &:hover {\n background: $button-hover-color;\n }\n\n &:active {\n background: $button-pressed-color;\n }\n}\n",".header {\n background: no-repeat center/cover url(../../images/header-bgi.png);\n\n &__content {\n height: 100vh;\n\n display: flex;\n flex-direction: column;\n }\n\n &__title {\n color: #FFF;\n font-size: 40px;\n font-weight: 700;\n line-height: 100%;\n letter-spacing: -1.5px;\n text-align: center;\n margin: 0;\n position: relative;\n top: 20%;\n\n @include on-tablet {\n font-size: 64px;\n }\n }\n}\n","* {\n // box-sizing: border-box;\n}\n\nbody,\np,\nh1,\nh2,\nh3 {\n margin: 0;\n}\n\n.page {\n font-family: Cinzel, sans-serif;\n color: $main-text-color;\n font-size: 16px;\n line-height: 27px;\n scroll-behavior: smooth;\n\n &:has(.page__menu:target) {\n overflow: hidden;\n }\n\n &__body {\n margin: 0;\n min-width: 320px;\n }\n\n &__menu {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n\n transition: all 0.3s;\n opacity: 0;\n pointer-events: none;\n transform: translateX(-100%);\n\n &:target {\n opacity: 1;\n pointer-events: all;\n transform: translateX(0);\n }\n }\n}\n\n","$tablet-min-width: 576px;\n$desktop-min-width: 1024px;\n$effect-duration: 0.3s;\n$main-accent: #D12D35;\n$menu-text-color: #FFF;\n$main-text-color: #161616;\n$button-hover-color: #AE1C23;\n$button-pressed-color: #EB343D;\n$adress-color: #3E3E3E;\n",".top-bar {\n padding-block: 25px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n @include on-tablet {\n padding-block: 50px;\n }\n\n &__logo-link {\n display: flex;\n }\n\n &__logo {\n height: 46px;\n width: 64px;\n\n @include on-tablet {\n height: 65px;\n width: 87px;\n }\n\n @include hover(transform, scale(1.2));\n }\n\n &__icons {\n display: flex;\n gap: 24px;\n align-items: center;\n }\n\n &__contacts {\n position: absolute;\n width: 190px;\n top: -35px;\n right: 30px;\n opacity: 0;\n\n @include on-tablet {\n top: -40px;\n right: 50px;\n }\n }\n\n &__phone-number {\n display: block;\n text-decoration: none;\n font-size: 12px;\n font-weight: 700;\n line-height: 27px;\n color: $menu-text-color;\n text-align: right;\n\n &:hover {\n color: #f5e6ab;\n }\n\n @include on-tablet {\n font-size: 16px;\n }\n }\n}\n",".icon {\n display: block;\n height: 24px;\n width: 24px;\n background-size: cover;\n\n @include on-tablet {\n height: 32px;\n width: 32px;\n }\n\n @include hover(transform, scale(1.2));\n\n &--phone {\n background-image: url(../../images/icons/icon-phone.svg);\n position: relative;\n\n &:hover .top-bar__contacts {\n opacity: 1;\n }\n }\n\n &--menu {\n background-image: url(../../images/icons/icon-burger-menu.svg);\n\n &:hover {\n background-image: url(../../images/icons/icon-burger-menu-hover.svg);\n }\n }\n\n &--close {\n background-image: url(../../images/icons/icon-close.svg);\n }\n}\n",".menu {\n box-sizing: border-box;\n height: 100vh;\n background-color: $main-accent;\n text-transform: uppercase;\n font-weight: 700;\n overflow-y: auto;\n\n &__top {\n margin-bottom: 15px;\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: $main-accent;\n }\n\n &__nav {\n margin-bottom: 32px;\n }\n\n &__phone-number {\n display: block;\n margin-bottom: 8px;\n text-decoration: none;\n font-size: 16px;\n line-height: 27px;\n color: $menu-text-color;\n\n &:hover {\n color: $main-text-color;\n }\n }\n\n &__call-to-order {\n display: block;\n width: fit-content;\n margin-top: 16px;\n padding-bottom: 7px;\n border-bottom: solid 1px $menu-text-color;\n text-decoration: none;\n font-size: 12px;\n line-height: 16px;\n letter-spacing: 2px;\n color: $menu-text-color;\n\n &:hover {\n color: $main-text-color;\n }\n }\n}\n",".nav {\n &__list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: 32px;\n font-size: 22px;\n line-height: 22px;\n letter-spacing: 2px;\n }\n\n &__link {\n position: relative;\n text-decoration: none;\n color: $menu-text-color;\n\n &::after {\n position: absolute;\n content: '';\n display: block;\n height: 1px;\n width: 100%;\n bottom: -8px;\n background-color: $menu-text-color;\n\n transition: transform 0.3s;\n transform: scale(0);\n transform-origin: left;\n }\n\n &:hover::after {\n transform: scale(1);\n }\n }\n}\n",".section-title {\n margin: 0;\n margin-bottom: 40px;\n font-size: 32px;\n font-weight: 700;\n line-height: 100%;\n letter-spacing: -1.5px;\n text-align: center;\n\n @include on-tablet {\n font-size: 48px;\n margin-bottom: 48px;\n }\n\n &--align--left {\n text-align: left;\n }\n\n &--bottom-small {\n margin-bottom: 8px;\n }\n}\n",".main {\n background-color: #fff;\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: 100px;\n padding-block: 100px;\n\n @include on-tablet {\n gap: 140px;\n padding-block: 140px;\n }\n }\n}\n",".about-us {\n @include page-grid;\n\n &__title {\n grid-column: 1/-1;\n margin-bottom: 32px;\n\n @include on-tablet {\n grid-column: 1/4;\n }\n\n @include on-desktop {\n grid-column: span 5;\n }\n\n &::before {\n content: 'Plan your visit';\n font-size: 12px;\n font-weight: 700;\n line-height: 17px;\n letter-spacing: 0;\n text-align: left;\n color: $main-accent;\n display: block;\n }\n }\n\n &__content {\n display: grid;\n row-gap: 24px;\n\n grid-column: 1/-1;\n\n @include on-tablet {\n grid-column: 4/-1;\n }\n\n @include on-desktop {\n grid-column: span 7;\n }\n }\n\n &__subtitle {\n margin-bottom: 16px;\n font-size: 24px;\n font-weight: 700;\n line-height: 30px;\n letter-spacing: 0;\n text-align: left;\n }\n\n &__work-time {\n display: flex;\n gap: 24px;\n margin-bottom: 16px;\n }\n\n &__time {\n display: grid;\n row-gap: 8px;\n\n font-weight: 700;\n letter-spacing: 0;\n text-align: left;\n }\n\n &__day {\n display: grid;\n row-gap: 8px;\n\n font-weight: 400;\n letter-spacing: 0;\n text-align: left;\n }\n}\n",".now-on-view {\n &__description {\n text-align: center;\n max-width: 400px;\n margin: 0 auto 48px;\n }\n\n &__wrapper {\n display: grid;\n row-gap: 48px;\n margin-bottom: 40px;\n }\n}\n",".exhibition {\n &__photos {\n @include page-grid;\n\n margin-bottom: 24px;\n\n &--gap {\n --column-count: 3;\n\n column-gap: 8px;\n\n @include on-tablet {\n --column-count: 6;\n\n column-gap: 24px;\n }\n\n @include on-desktop {\n --column-count: 12;\n }\n }\n }\n\n &__link {\n position: relative;\n\n @include hover(transform, scale(1.08));\n\n &--wide {\n @include on-tablet {\n grid-column: span 4;\n }\n\n @include on-desktop {\n grid-column: span 8;\n }\n }\n\n &--square {\n height: 0;\n padding-bottom: 100%;\n\n @include on-tablet {\n grid-column: span 2;\n }\n\n @include on-desktop {\n grid-column: span 4;\n }\n }\n\n &--none {\n @include on-tablet {\n display: none;\n }\n\n @include on-desktop {\n display: block;\n }\n }\n\n &--big {\n @include on-tablet {\n grid-column: span 3;\n }\n\n @include on-desktop {\n grid-column: span 4;\n }\n }\n }\n\n &__photo {\n position: absolute;\n object-position: top right;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n &--fit {\n object-position: -45px;\n\n @include on-tablet {\n object-position: 0;\n }\n }\n }\n\n &__title {\n font-weight: 700;\n color: $main-accent;\n font-size: 16px;\n }\n\n &__button {\n @include button;\n\n max-width: 392px;\n }\n}\n",".explore-online {\n &__tours {\n @include page-grid;\n \n row-gap: 48px;\n }\n\n &__tour {\n grid-column: 1/-1;\n\n @include on-tablet {\n grid-column: 2/-2;\n }\n\n @include on-desktop {\n grid-column: span 4;\n }\n }\n}\n",".tour {\n &__photo {\n margin-bottom: 16px;\n width: 100%;\n\n @include hover(transform, scale(1.08));\n\n @include on-tablet {\n margin-bottom: 32px;\n }\n }\n\n &__title {\n margin-bottom: 4px;\n font-size: 24px;\n font-weight: 700;\n line-height: 34px;\n letter-spacing: 0;\n color: $main-accent;\n text-align: center;\n }\n\n &__description {\n font-family: Roboto, sans-serif;\n font-size: 16px;\n line-height: 27px;\n letter-spacing: 0;\n text-align: center;\n }\n}\n",".contacts {\n &__title {\n margin-bottom: 48px;\n }\n\n &__wrapper {\n @include page-grid;\n }\n\n &__group {\n grid-column: 1/-1;\n\n @include on-tablet {\n grid-column: span 3;\n }\n\n @include on-desktop {\n grid-column: span 7;\n\n display: grid;\n column-gap: 24px;\n grid-template-columns: repeat(7, 1fr);\n }\n }\n\n &__met {\n margin-bottom: 48px;\n\n @include on-desktop {\n grid-column: span 3;\n }\n }\n\n &__form {\n grid-column: 1/-1;\n\n @include on-tablet {\n grid-column: span 3;\n }\n\n @include on-desktop {\n grid-column: 8/13;\n }\n }\n\n &__subtitle {\n margin-bottom: 16px;\n font-weight: 700;\n }\n\n &__name {\n margin-bottom: 4px;\n font-size: 14px;\n }\n\n &__info {\n margin-bottom: 8px;\n font-weight: 700;\n line-height: 22px;\n color: $adress-color;\n text-decoration: none;\n\n &:hover {\n color: $main-accent;\n }\n }\n}\n",".form {\n &__input {\n box-sizing: border-box;\n margin-bottom: 16px;\n background-color: #F8F8FA;\n border: 1px solid #F8F8FA;\n width: 100%;\n padding: 13px 11px;\n font-size: 14px;\n line-height: 20px;\n font-family: Cinzel, sans-serif;\n letter-spacing: 0;\n color: $main-text-color;\n resize: none;\n\n &::placeholder {\n color: #7E7E83;\n }\n\n &:hover {\n border: 1px solid #D5D7DE;\n }\n\n &:focus-visible {\n outline: 0;\n border: 1px solid $main-text-color;\n }\n }\n\n &__button {\n @include button;\n\n margin-top: 16px;\n width: 100%;\n font-family: Cinzel, sans-serif;\n font-size: 16px;\n font-weight: 700;\n line-height: 27px;\n letter-spacing: 0;\n cursor: pointer;\n }\n}\n",".footer {\n height: 180px;\n background: no-repeat center/cover url(../../images/footer.png);\n position: sticky;\n bottom: 0;\n z-index: -1;\n\n @include on-tablet {\n height: 359px;\n }\n}\n"],"names":[],"version":3,"file":"index.a107562a.css.map"} \ No newline at end of file diff --git a/index.cabb280d.js b/index.cabb280d.js new file mode 100644 index 0000000000..e43077fff5 --- /dev/null +++ b/index.cabb280d.js @@ -0,0 +1,2 @@ + +//# sourceMappingURL=index.cabb280d.js.map diff --git a/index.cabb280d.js.map b/index.cabb280d.js.map new file mode 100644 index 0000000000..9d54ef7950 --- /dev/null +++ b/index.cabb280d.js.map @@ -0,0 +1 @@ +{"mappings":"","sources":["src/scripts/main.js"],"sourcesContent":["'use strict';\n"],"names":[],"version":3,"file":"index.cabb280d.js.map"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000..6a80bf30ee --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Met
The Met Fifth Avenue
+1 212-535-7710 The Met Cloisters
+1 212-923-3700

Welcome
to The MET

Museum hours

The Met Fifth Avenue

10 am - 5 pm

10 am - 9 pm

Closed

Sun, Mon, Tue, Thu

Fri, Sat

Wen

Closed on

Thanksgiving Day, Dec 25, Jan 1, and the first Monday in May.

The Met Cloisters

10 am – 4.30 pm

Closed

Thu - Tue

Wen

Closed on

Thanksgiving Day, Dec 25, Jan 1

Now On View

Explore exhibition gallery guides, videos, articles, and more.

A New Look at Old Masters A New Look at Old Masters

A New Look at Old Masters

December 12, 2020 – Through Spring 2023

Bodhisattvas of Wisdom Bodhisattvas of Wisdom Bodhisattvas of Wisdom

Bodhisattvas of Wisdom, Compassion, and Power

March 27, 2021 – October 30, 2022

Inspiring Walt Disney Inspiring Walt Disney

Inspiring Walt Disney: The Animation of French Decorative Arts

December 10, 2021 – March 6, 2022

View all exhibitions

More to Explore Online

Collection Areas

Collection Areas

These collection areas study, exhibit, and care for the objects in The Met collection.

Travel

Travel

Travel with The Met connects the Museum's wide and diverse audience to art, inspiration, and historical perspective.

Virtual group tours

Virtual group tours

Request a guided tour, reserve admission and lead your own small group, or request a live virtual tour led by a Museum guide.

Contact us

The Met Fifth Avenue
Phone
+1 212-535-7710
Address
1000 Fifth Avenue
New York, NY 10028
The Met Cloisters
Phone
+1 212-923-3700
Address
99 Margaret Corbin Drive Fort Tryon Park
New York, NY 10040
\ No newline at end of file diff --git a/met-logo-2x.b9f8d69a.png b/met-logo-2x.b9f8d69a.png new file mode 100644 index 0000000000..b64e62db44 Binary files /dev/null and b/met-logo-2x.b9f8d69a.png differ diff --git a/new look 1.d6c7575c.png b/new look 1.d6c7575c.png new file mode 100644 index 0000000000..b02f7337d7 Binary files /dev/null and b/new look 1.d6c7575c.png differ diff --git a/new look 2.ae421c97.png b/new look 2.ae421c97.png new file mode 100644 index 0000000000..7e33d5673f Binary files /dev/null and b/new look 2.ae421c97.png differ diff --git a/travel.d09579dd.png b/travel.d09579dd.png new file mode 100644 index 0000000000..dc9f397eda Binary files /dev/null and b/travel.d09579dd.png differ diff --git a/virtual.0ea7cdad.png b/virtual.0ea7cdad.png new file mode 100644 index 0000000000..16248ea1ac Binary files /dev/null and b/virtual.0ea7cdad.png differ