<style>
*
{
margin: 0;
padding: 0;
}
.container{
background: url('indir.jpg');
no-repeat :center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.container .up
{
width: 1400px;
height: 500px;
display: flex;
flex-direction: row;
justify-content: center;
}
.container .up .logo
{
border: 5px aqua groove;
width: 1000px;
height: 175px;
color: white;
}
.container .up .frontend
{ color: white;
width: 1000px;
height: 175px;
border: 5px red groove;
}
.container .down
{
display: flex;
justify-content: flex-start;
color: white;
}
.down span{
margin-top: -200px;
}
</style>
</head>
<body>
<div class="container">
<div class="up">
<div class="logo">Neos Yazılım <p class="lorem">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, cum.</p></div>
<div class="frontend">Front-End</div>
</div>
<div class="down">
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu lacus dapibus, feugiat lorem nec, sagittis eros. Nunc risus urna, tristique accumsan varius ac, porttitor vel ex. Phasellus gravida, metus et porta lobortis, ipsum tellus vulputate tortor, a aliquam elit felis ac justo. Etiam leo libero, molestie quis tristique id, condimentum a metus. Mauris tristique nibh in nulla auctor viverra. Pellentesque scelerisque massa molestie fringilla sollicitudin. Suspendisse potenti. Vestibulum sed mauris at orci efficitur facilisis.</span></div>
</div>
</body>
</html>
