JONAS BROTHERS.

/***************** AFILIACIONES CLARAS ***********************/
<div class="afiliacion-b1"><div class="ATitulo-b1"><div class="ATDatos"><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Foro</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Tumblr</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Búsquedas</a></div><div class="ATModul-dato"><a href=""><i class="fas fa-external-link-alt"></i> Ambientación</a></div></div><div class="ATContenido"><div class="ATTit"><div><b>Jonas Brothers</b><br/><span>I'm a sucker for you.</span></div></div><div class="ATimagen"><img src="https://placehold.jp/250x120.png"/></div></div></div><div class="imagenGrande"><div class="modul-DatoGrande"><div class="AMText"><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae erat ex. Nulla massa nunc, dapibus non nisi sed, vehicula elementum arcu. Suspendisse euismod erat in libero accumsan dignissim. Aenean quis feugiat mauris, nec commodo risus. Fusce consequat in libero at vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec eget porta tellus. Ut mattis aliquam velit, vitae vehicula risus consectetur ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consectetur ligula dignissim arcu interdum scelerisque.<br/><br/>Nunc sit amet mattis ligula. Sed ac nisl sem. Vivamus a mi blandit, varius mi et, blandit felis. Mauris gravida lacinia erat eu varius. Curabitur lobortis, elit ac tempor cursus, urna augue efficitur odio, nec fermentum dolor justo imperdiet est. Morbi molestie accumsan nulla ut ornare. In accumsan felis et diam ultrices, a fringilla justo placerat.<br/><br/>Vivamus iaculis nisl sit amet faucibus pharetra. Ut sodales ultricies tellus, sed gravida urna scelerisque sed. Duis porta aliquam posuere. Aliquam nec turpis quam. Duis dictum orci nec sem congue, vel hendrerit quam dignissim. Morbi sollicitudin ullamcorper urna vel malesuada. Proin volutpat dignissim placerat. In ultricies ornare eros, eu fringilla urna mattis eget.<br/><br/>Praesent diam quam, molestie sit amet sollicitudin ac, vehicula et nunc. Etiam porta felis lectus, vitae venenatis ante fringilla eget. Pellentesque porta neque ut sapien semper suscipit. Suspendisse lacus nunc, interdum in elit ac, rutrum bibendum ipsum. Donec ac sagittis neque. Morbi sit amet lacinia libero, vitae condimentum turpis. Maecenas ac eleifend ligula. Ut quis sem eleifend, volutpat erat quis, eleifend mauris.</div></div></div></div><div class="tituloSecundario">Botones</div><div class="botonesAF">Aqui tus bonitos botones</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Noto+Sans+JP&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>.tituloSecundario,.ATModul-dato:hover a,.ATModul-dato i,.ATTit{color:#4B738E} .modul-DatoGrande{background:rgba(75, 115, 142,.75)} .imagenGrande{background:url(https://placehold.jp/500x250.png)center; width:500px; height:250px; background-size:cover;} .afiliacion-b1{width:500px; border:1px solid #ccc; background:#fff; margin:10px auto;} .ATitulo-b1{height:260px; display:flex; margin:20px 30px;} .ATDatos{width:160px; height:100px; padding:120px 0px 20px; border:1px solid #ccc; margin:10px; } .ATTit b{font-family: 'Montserrat', sans-serif; font-size:30px; text-transform:uppercase; letter-spacing:-1px; font-weight:900;} .ATTit {width:270px; height:100px; align-items:center; padding-left:20px; margin-top:30px; margin-left:-60px; background:#fff; display:flex; line-height:25px;} .ATTit div span{font-family: 'Noto Sans JP', sans-serif; font-size:11px; color:#777; display:block; line-height:14px;} .ATimagen {width:250px; height:120px; background:#ddd; border:1px solid #ccc;} .ATModul-dato{margin:5px 10px 0px; padding:2px 5px;font-family: 'Noto Sans JP', sans-serif; font-size:11px; border:1px solid #ddd; background:#fff;} .ATModul-dato a{color:#777; text-decoration:none; } .ATimagen img{width:250px; height:120px;} .ATModul-dato i{padding-right:5px} .ATModul-dato:hover a{font-weight:800;} .modul-DatoGrande{height:250px; display:flex; align-items:center; justify-content:center;} .AMText {width:400px; height:200px; background:#fff; border:5px solid #fafafa; outline:1px solid #ddd; outline-offset:-5px; position:relative; margin-right:-10px;} .AMText div{margin:20px 30px; line-height:16px; font-size:11px; text-align:justify; overflow:auto; height:160px; padding-right:10px; margin-right:20px; font-family: 'Noto Sans JP', sans-serif; color:#444;} .tituloSecundario{font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing:-1px; font-size:20px; height:20px; background:#eee; padding:20px 40px; border-bottom:1px solid #ddd;font-weight:900;}.botonesAF{padding:10px 40px; color:#444;font-family: 'Noto Sans JP', sans-serif; font-size:12px;}.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;}</style>