Tinta sobre el papel

Dom Sep 05, 2021 12:15 pm por **Mahariel**

Título
Subtítulo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dictum est a interdum blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus vitae interdum justo. Phasellus semper mi tellus, non porttitor ipsum aliquet et. Morbi interdum, justo ac placerat finibus, est erat mollis ante, ac eleifend dolor enim ac justo. Mauris scelerisque augue quis ante efficitur laoreet. Aenean a tempor nunc. Sed sed mi enim. Aenean nec leo eu ligula venenatis pulvinar. Nulla et diam vel quam elementum luctus eu nec lorem. Etiam pharetra tristique eros nec porta. Pellentesque interdum dapibus diam, nec pulvinar sem semper nec. Nunc et elit ac nisi vehicula pretium eu eget felis. Nulla facilisi. Aliquam et bibendum augue.

Vivamus a rhoncus orci, vel placerat magna. Morbi dapibus est id turpis aliquet, non faucibus ex vehicula. Vivamus rhoncus libero eu mi tempor, id vulputate sem varius. Praesent feugiat tincidunt blandit. Quisque iaculis enim non lobortis fermentum. Integer luctus aliquet ex, et porttitor diam congue et. Nulla ullamcorper ex a nisl tincidunt iaculis.

bettyleg

Código:: <div class="profb1" style="border-color:#eee"><div class="portb1" style="background:url(https://i.imgur.com/JBELEfa.png); background-size:cover;"><div class="picprofb1"><img class="cover" src="https://via.placeholder.com/100x100"/></div></div><div class="tringb2"></div><div class="titb1"><span style="color:#b0383f">Título</span><br/><span class="chtitb1">Subtítulo</span></div><div class="pstb1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dictum est a interdum blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus vitae interdum justo. Phasellus semper mi tellus, non porttitor ipsum aliquet et. Morbi interdum, justo ac placerat finibus, est erat mollis ante, ac eleifend dolor enim ac justo. Mauris scelerisque augue quis ante efficitur laoreet. Aenean a tempor nunc. Sed sed mi enim. Aenean nec leo eu ligula venenatis pulvinar. Nulla et diam vel quam elementum luctus eu nec lorem. Etiam pharetra tristique eros nec porta. Pellentesque interdum dapibus diam, nec pulvinar sem semper nec. Nunc et elit ac nisi vehicula pretium eu eget felis. Nulla facilisi. Aliquam et bibendum augue. Vivamus a rhoncus orci, vel placerat magna. Morbi dapibus est id turpis aliquet, non faucibus ex vehicula. Vivamus rhoncus libero eu mi tempor, id vulputate sem varius. Praesent feugiat tincidunt blandit. Quisque iaculis enim non lobortis fermentum. Integer luctus aliquet ex, et porttitor diam congue et. Nulla ullamcorper ex a nisl tincidunt iaculis.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div> <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.cover {object-fit: cover; object-position:center;}.profb1{width:400px; font-family: 'Lora', serif; font-size:14px; border:15px solid #f4f4f4; margin: 10px auto; background:#fff; padding-bottom:10px;} .portb1{height:210px; background:#000; display:flex; align-items:center; justify-content:center; width:400px;} .portb1 img{width:100px; height:100px; border-radius:180px; border:6px solid #fff; top:60px; position:relative;} .tringb2{ width: 0; height: 0; border-right: 400px solid #fff; border-top: 100px solid transparent; border-bottom: 0px solid transparent; margin-top:-100px; margin-bottom:50px;} .picprofb1{display:flex; align-items:center; justify-content:center;} .nmbb1{line-height:18px; padding-left:20px; color:#fff; font-family: 'Playfair Display', serif; font-style:italic; font-size:18px; border-bottom:0px solid #fff; margin-left:-2px; padding-bottom:5px;} .titb1{font-family: 'Playfair Display', serif; font-size:28px; font-style:italic; text-align:right; color:#444; padding:0px 20px 20px; line-height:18px; font-weight:900;} .chtitb1{font-size:12px;font-family: 'Lora', serif; font-weight:500; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .pstb1{ padding:10px 40px 20px; text-align:justify; font-size:12px; line-height:18px;}</style>