Primer portada

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

<center><div class="fnd-blg"><div class="titulo-blg"  style="background-color:#444;background:url(https://i2.wp.com/designbeep.designbeep.netdna-cdn.com/wp-content/uploads/2013/04/5.lined-paper-texture.jpg)center;"><div class="titul">Dear journal</div><div class="subtitul">"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</div></div><div class="foto-principal"><img src="http://via.placeholder.com/400"/></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>

<style>.fnd-blg{ width:400px; height:560px; background:#444; outline:1px solid #ccc; outline-offset:5px; margin:30px;} .titulo-blg{background:url(https://i2.wp.com/designbeep.designbeep.netdna-cdn.com/wp-content/uploads/2013/04/5.lined-paper-texture.jpg); height:110px; line-height:15px;width:400px; padding-top:20px; padding-bottom:30px;} .titul{font-family: 'Pacifico', cursive; color:#444; font-size:50px; margin-top:20px; height:50px;} .subtitul{ font-family: 'Montserrat', sans-serif; color:#444; font-size:12px; letter-spacing:1px; padding-top:5px; width:350px;} .foto-principal img{width:400px; height:400px;} .cred-blg a{text-decoration:none;color:#444!important;}</style>