Segunda Portada

<link href="https://fonts.googleapis.com/css?family=Montserrat|Pacifico" rel="stylesheet">

<center><div class="fnd-blg1"><div class="titulo-blg1"><div class="titul1">Dear journal</div><div class="subtitul1">"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
</div></div><div class="foto-principal1"><img src="http://via.placeholder.com/250"/></div></div><div class="cred-blg" style="font-size:8px; color:#444;background:#eee; width:100px;text-transform:uppercase; font-family:arial; letter-spacing:1px; margin-top:-20px; padding:4px;"><a href="https://bettyleg.tumblr.com/">bettyleg</a></center></center>

<style>.fnd-blg1{ width:400px; height:560px; background:#444; outline:1px solid #ccc; outline-offset:5px; margin:30px; border-left:50px solid #463125;} .titulo-blg1{ height:110px; line-height:15px;width:400px; padding-top:20px; padding-bottom:30px;} .titul1{font-family: 'Pacifico', cursive; color:#fafafa; font-size:50px; margin-top:70px; height:50px;} .subtitul1{ font-family: 'Montserrat', sans-serif; color:#fafafa; font-size:12px; letter-spacing:1px; padding-top:5px; width:350px;} .foto-principal1 img{width:250px; height:250px; border-radius:180px; border:20px solid #333; margin-top:40px;} .cred-blg a{text-decoration:none;color:#444!important;}</style>