https://blackgallery.be Black Gallery Tue, 13 Jun 2023 15:45:15 +0000 https://blackgallery.be en https://blackgallery.be/full-page-header Tue, 13 Jun 2023 15:45:15 +0000 Black Gallery https://blackgallery.be/full-page-header <img src="https://freight.cargo.site/t/original/i/a00f455f0f0fb15e952555f4a99d3e6911b426f40af15c0e9fc2c5021cac7ee0/BG-logo.png"> Artists Exhibitions Black—Gallery INTL. About Us <img src=""> .page_background { } .img-container { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; min-height: 100vh; min-width: 100vw; background-image: url(https://freight.cargo.site/t/original/i/2e97c02f6a876fa94f63a7d3f06af10de7cf51c3cb49a5d7cd8121ea51e1eb08/photo_2025-12-11_14-38-12.jpg) !important; background-repeat: no-repeat; background-size: 30%; background-position: center center; /*padding: 40px; (If don't want to set min-height or some image content is there) */ } /*.img-container img { width: 30vw; background-image: url(#); background-repeat: no-repeat; background-size: 0%; background-position: center center; }*/ .paddingTopContainer { padding-top: 300px !important; } .logo img { z-index: 99; width: 200px; position: fixed; top: 80px; left: 80px; } nav, .navbar-toggle { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } nav { position: fixed; z-index: 10; background-color: white; width: 100%; height: 100%; text-align: center; display: table; color: white; } .nav-hide { display: none; } nav ul { padding-top: 30vh; display: table-cell; padding-left: 0 !important; } nav ul li { list-style: none; margin-bottom: 50px; } nav ul li a { font-size: 35pt; color: black !important; font-weight: bolder; text-decoration: none; } .navbar-toggle { position: fixed; top: 80px; right: 80px; width: 45px; height: 45px; z-index: 20; cursor: pointer; } .bar1, .bar2, .bar3 { width: 100%; height: 3px; margin-bottom: 10px; background-color: black; transition: all 0.3s ease-in-out; } .navbar-on .bar1, .navbar-on .bar2, .navbar-on .bar3 { background-color: black; } .navbar-on .bar1 { transform-origin: 10% 40%; transform: rotate(45deg); } .navbar-on .bar3 { transform-origin: 10% 40%; transform: rotate(-45deg); } .navbar-on .bar2 { background-color: transparent; } @media only screen and (max-width: 800px) { /*.img-container { background-image: url(https://freight.cargo.site/t/original/i/51a5fd9eb48823c2a13076b0e1bb3d19473571b2e666556d18b23d5e062d4cd9/Screenshot-2024-01-14-at-21.15.52.jpg) !important; background-size: 100vh !important; }*/ .img-container { margin-top: -30px; width: 100vw; background-size: 80%; } .img-container img { margin-top: -30px; width: 100vw; background-size: 80%; } .logo img { width: 100px; top: 20px; left: 20px; } .navbar-toggle { top: 20px; right: 20px; } nav ul { padding-top: 200px; } nav ul li a{ font-size: 30px !important; } .paddingTopContainer { padding-top: 150px !important; } } $(function(){ $('.navbar-toggle, nav').click(function(){ $('.navbar-toggle').toggleClass('navbar-on'); $('nav').fadeToggle(); $('nav').removeClass('nav-hide'); }); });