VELIKE SLIKE
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<meta charset="utf-8">
<title>Fullscreen backgrounds with centered content</title>
<meta name="description" content="Fullscreen backgrounds with centered content">
</head>
<body>
<div class="fullscreen background" style="background-image:url('http://www.minimit.com/images/picjumbo.com_IMG_6648.jpg');" data-img-width="1600" data-img-height="1064">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</div>
<div class="not-fullscreen background" style="background-image:url('http://www.minimit.com/images/picjumbo.com_IMG_6643.jpg');" data-img-width="1600" data-img-height="1064">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</div>
<section class="not-fullscreen">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</section>
<div class="fullscreen background" style="background-image:url('http://www.minimit.com/images/picjumbo.com_DSC_3274.jpg');background-position:100% 50%;" data-img-width="1600" data-img-height="1064">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</div>
<section class="fullscreen">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</section>
<div class="fullscreen background" style="background-image:url('http://www.minimit.com/images/picjumbo.com_IMG_9857.jpg');" data-img-width="1600" data-img-height="1064">
<div class="content-a">
<div class="content-b">
<br>Content overflow<br>Content overflow
<br>Content overflow<br>Content overflow
<br>Content overflow<br>Content overflow
<br>Content overflow<br>Content overflow
<br><br>
</div>
</div>
</div>
<div class="not-fullscreen background" style="background-image:url('http://www.minimit.com/images/picjumbo.com_IMG_8697.jpg');" data-img-width="1600" data-img-height="1064">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</div>
<section class="fullscreen">
<div class="content-a">
<div class="content-b">
Centered content
</div>
</div>
</section>
</body>
</html>
----------------------------KOPIRAJ OVO
Fullscreen backgrounds with centered content · Minimit
------------------------------
Full Screen Background Image - Pure CSS Code
------------------------
