<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="box"> <h1><iframe src="https://www.google.com/maps/embed?pb=!4v1555367271808!6m8!1m7!1s_35aUW3xmI21YrK9ORdzbA!2m2!1d40.82947259615927!2d35.65739945801781!3f57.57!4f-0.39000000000000057!5f1.0255611842290056" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4968.659535992046!2d35.657568!3d40.829449!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x11196fc28c1118f0!2zVEVSQ1VNQU4gQsSwTMSwxZ7EsE0gTUVSS0VaxLAgVEVSQ1VNQU4gRcSexLBUxLBNIELEsEzEsE0gVEVLTsSwSyBBUkHFnlRJUk1BIEdFTMSwxZ5UxLBSTUUgTUVSS0VaxLA!5e1!3m2!1str!2sus!4v1555367181105!5m2!1str!2sus" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe><iframe src="https://yandex.com.tr/map-widget/v1/-/CCutFQ-~" width="400" height="300" frameborder="1" allowfullscreen="true"></iframe><iframe src="https://yandex.com.tr/map-widget/v1/-/CCuFQJ7A" width="400" height="300" frameborder="1" allowfullscreen="true"></iframe></h1> </div>

body { margin: 0; padding: 0; font-family: sans-serif; } .box { height: 100vh; background: url(https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1551783675/52920211_2190399114557518_7673482076766601216_n_wzwwae.jpg); background-size: cover; background-repeat: no-repeat; } h1 { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; text-align: center; font-size: 10em; color: #fff; text-transform: uppercase; text-shadow: 0 5px 10px rgba(0,0,0,1); mix-blend-mode: overlay; box-shadow: 0 5px 10px rgba(0,0,0,1); background: rgba(0,0,0,.5); }