body, html {
height: 100%;
margin: 0;
font-family: 'Barlow', sans-serif;
}
.bgimg-1, .bgimg-2, .bgimg-3 {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bgimg-1 {
background-image: url("https://canrifatturcan.com/wp-content/uploads/2020/07/milkyway.jpg");
height: 100%;
}
.logo {
background-image:url("https://canrifatturcan.com/wp-content/uploads/2020/07/imza.png");
width: 180px;
display: block;
margin: 0 auto;
height: 100px;
background-repeat: no-repeat;
background-size: 180px;
margin-top: 15px;
}
.caption {
position: relative;
width: 100%;
text-align: center;
color: #000;
right: 0;
height: 100vh;
display: flex;
flex-direction: column;
}
.caption span.border {
color: #fff;
padding: 10px 30px;
font-size: 32px;
letter-spacing: 10px;
position: absolute;
bottom: 200px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
font-weight: 400;
}
.caption span.border .text {
display:block;
font-size:18px;
letter-spacing:5px;
font-weight: 300;
margin-top: 20px;
}
.caption .social {
position: absolute;
bottom: 70px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
.caption .social a.fab{
color:#fff;
padding: 10px;
font-size: 30px;
width:40px;
text-align: center;
text-decoration: none;
opacity:0.7;
}
.caption .social a.fa-instagram:hover {
color: #bc2a8d;
opacity:1;
}
.caption .social a.fa-twitter:hover {
color: #55ACEE;
opacity:1;
}
.caption .social a.fa-youtube:hover {
color: #ff0000;
opacity:1;
}
@media screen and (max-width: 580px) {
.logo {
width: 100px;
background-size: 100px;
}
.caption {
height:90vh;
}
.caption span.border {
bottom:120px;
font-size: 22px;
}
.caption span.border .text {
font-size:15px;
letter-spacing:1px;
}
.caption .social {
bottom: 40px;
}
}
ÇOK YAKINDA!
Sıradışı fotoğraflar ve daha fazlası...