I have a CSS file that looks like this:
.h_bg{
height:100%;
background-size:auto 100%;
background-position:center center;
background-repeat:no-repeat;
position:relative;
}
.h_bg h1{
width: 100%;
position:absolute;
line-height:1;
top: 23%;
color:#fff;
font-size:500%;
text-align: center;
padding-bottom: 15%;
background-size:89px 183px;
}
And an HTML page:
<!doctype html>
<html>
<head>
<title>Beauty Up</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class="h_bg">
<h1>Beauty Up - mobile<br>service for you</h1>
</div>
</body>
</html>
Within the div bg container, I am looking to add two more lines closer to the bottom (email and phone ones) with a floating distance from the <h1> to achieve a specific effect like this: