gossip girl

por **Admin** Dom Feb 18, 2018 12:04 am

titulo

subtitulo

20

Enero

GG

Edición

texto del articulo

Tagged

#Tag

#tag

Código:: <style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style> <div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edición</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/A9vDAIb.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>

titulo

subtitulo

20

Enero

GG

Edicion

texto del articulo

Tagged

#Tag

#tag

Código:: <style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top:20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style> <div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edicion</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/WlDITIq.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>

titulo

subtitulo

20

Enero

GG

Edicion

texto del articulo

Tagged

#Tag

#tag

Código:: <style>.c-post-blog {margin-top: 25px;margin-left: 25px;margin-right: 25px;background-color: white;position: relative;}.c-intro-post {height: 70px;background-color: #444;}.c-title-desc-post {width: 389px;color: white;height: 70px;float: left;}.title-post-blog {font-weight: 700;font-size: 30px;padding-left: 15px;margin-top: 20px;font-family:Playfair Display;}.desc-post-blog { margin-top: 3px; padding-left: 15px; text-transform: uppercase;font-size: 10px;font:montserrat;border-top:2px solid #fff;}.c-time-post {float: left;background-color: #963b5e;width: 75px;height: 70px;color: white;}.top-detail-post {font-size: 35px;font-weight: bold;text-align: center;margin-top:10px;}.bottom-detail-post { text-transform: uppercase;font-weight: bold;text-align: center;margin-top:20px;}.bottom-detail-post1 { text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 20px;}.c-author-post {height: 70px;width: 75px;float: left;background-color: #963b5e;color: white;margin-top:0px;}.c-content-post {padding-bottom: 25px;}.img-post-blog {height: 200px;background-color: #f1f1f1;margin: 25pxbackground-size: cover;background-position: center; margin-bottom:0px;}.r-post-blog { margin: 0px 25px; text-align: justify; line-height: 15px;margin-top: 10px;color: #7f7f7f;}.container-tags-people {height: 35px;background-color: #444;}.title-tags {font-weight: bold;text-transform: uppercase;color: white;line-height: 35px;background-color: #963b5e; width: 90px; padding-left: 25px; float: left;}.c-tag-people {float: left;color: white;text-transform: uppercase; font-size: 10px; line-height: 35px; height: 35px;margin-left: 10px; font-style: italic;}</style> <div class="c-post-blog"><div class="c-intro-post"> <div class="c-title-desc-post"><div class="title-post-blog">titulo</div><div class="desc-post-blog">subtitulo</div> </div><div class="c-time-post"> <div class="top-detail-post">20</div><div class="bottom-detail-post1">Enero</div></div> <div class="c-author-post"><div class="top-detail-post">GG</div> <div class="bottom-detail-post">Edicion</div> </div> </div><div class="c-content-post"><div class="img-post-blog" style="background-image:url(https://i.imgur.com/9ZmZWqr.png);"></div><div class="r-post-blog">texto del articulo</div></div> <div class="container-tags-people"> <div class="title-tags"><i class="fa fa-tag" aria-hidden="true"></i> Tagged</div><div class="c-tag-people">#Tag</div><div class="c-tag-people">#tag</div></div> </div>

por **Admin** Dom Feb 18, 2018 1:22 am

Titulo

Oslo News

Subtitulo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.

Subtitulo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. Morbi quis metus ex. Integer sed risus nec purus viverra blandit. Ut nec elit et risus imperdiet fermentum at non est.

Proin vehicula commodo nisi dignissim lobortis. Donec metus justo, consequat in sollicitudin sed, volutpat vitae lectus. Duis imperdiet lobortis sapien id condimentum. Fusce cursus odio nisl, vel tempus lacus semper nec. Nulla risus enim, aliquam sit amet vehicula a, lacinia sed dolor. Aliquam malesuada, est in pellentesque viverra, ipsum mi tristique ipsum, a luctus nibh sapien nec lectus. Proin euismod bibendum turpis eu porta. Sed sed viverra magna, nec sodales justo. Fusce id lectus et purus placerat varius in at neque. Phasellus malesuada posuere sem sit amet scelerisque. Cras ultricies, massa eu sollicitudin dapibus, sem leo egestas tellus, mattis maximus ligula mi molestie leo. Vivamus condimentum nisi sit amet sapien porta, at interdum diam aliquam. Maecenas vehicula diam ac risus fermentum iaculis. Nulla fermentum rutrum orci a egestas. Aliquam sit amet vulputate nunc, eget molestie metus.

Etiam a nisl enim. Duis volutpat vestibulum scelerisque. Proin ac cursus sapien, eu mollis ante. Ut facilisis, arcu ut mollis blandit, turpis nulla dictum metus, quis sagittis mi eros quis dolor. In ac ultricies dolor, sit amet mollis risus. Cras dictum orci et finibus lacinia. Duis fringilla dui non est tincidunt bibendum. Nam non justo ac dui viverra consectetur.

Pellentesque a interdum lectus, eu vehicula orci. Duis interdum arcu tortor, ut consequat nisi feugiat ac. Vivamus a sapien purus. Donec efficitur suscipit odio, eu aliquam felis dapibus ut. Etiam at purus a turpis placerat tincidunt at vitae nibh. Fusce ac dolor aliquet, pellentesque justo in, ultrices felis. Proin sed pellentesque neque. Ut vulputate tincidunt velit, eu euismod libero consequat ac. Ut dignissim at libero in aliquet. Suspendisse ut lectus aliquam, congue nisl a, tempor dui. Sed lobortis pharetra mi sit amet maximus. Vivamus massa erat, efficitur ut vehicula ac, iaculis a dolor.

Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.

Código:: <center><div style="width:500px;height:140px;background-color:#2a2a2a;color:#fff;font-family:playfair display;text-transform:uppercase;text-align:right;"><div style="line-height:140px;margin-right:50px;font-size:40px;">Titulo</div><div style="line-height:25px;margin-right:10px;font-size:10px;margin-top:-50px;border-top:2px solid #fff;">Oslo News</div></div><div style="width: 500px; height: 200px; background-image: url(https://i.imgur.com/Wvhe0lp.png);"></div><div style="width:500px; height: 2px; background-color: #f1f1f1; border-bottom: 1px dashed black;"></div><div style="width:500px;height:auto;background-color:#2a2a2a;"><div style="line-height:30px;font-size:20px;text-align:center;color:#fff;text-transform:uppercase;font-family:Abril Fatface;">Subtitulo</div></div><div style="width:450px;height:auto;background-color:#fff;padding:25px;text-align:justify;color:#2a2a2a;font-size:12px;column-count:2;column-gap:10px;;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. massa erat, efficitur ut vehicula ac, iaculis a dolor. Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet.</div><div style="width:500px;height:auto;background-color:#2a2a2a;"><div style="line-height:30px;font-size:20px;text-align:center;color:#fff;text-transform:uppercase;font-family:oswald;">Subtitulo</div></div><div style="width:450px;height:auto;background-color:#fff;padding:25px;text-align:justify;color:#2a2a2a;font-size:12px;column-count:2;column-gap:10px;;"><div style="width: 250px; height: 250px; background-image: url(https://i.imgur.com/sgwFfhs.png);"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ornare arcu ac magna bibendum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed imperdiet vestibulum lorem, ut congue libero facilisis id. Nam dolor odio, hendrerit suscipit ex nec, pretium blandit ipsum. Donec diam libero, accumsan eget tincidunt ut, dictum non velit. Proin pretium augue eget eros scelerisque rutrum. Curabitur in eros vel leo gravida tincidunt. Aliquam lorem urna, interdum id mi vitae, pretium dignissim ipsum. Morbi quis metus ex. Integer sed risus nec purus viverra blandit. Ut nec elit et risus imperdiet fermentum at non est. Proin vehicula commodo nisi dignissim lobortis. Donec metus justo, consequat in sollicitudin sed, volutpat vitae lectus. Duis imperdiet lobortis sapien id condimentum. Fusce cursus odio nisl, vel tempus lacus semper nec. Nulla risus enim, aliquam sit amet vehicula a, lacinia sed dolor. Aliquam malesuada, est in pellentesque viverra, ipsum mi tristique ipsum, a luctus nibh sapien nec lectus. Proin euismod bibendum turpis eu porta. Sed sed viverra magna, nec sodales justo. Fusce id lectus et purus placerat varius in at neque. Phasellus malesuada posuere sem sit amet scelerisque. Cras ultricies, massa eu sollicitudin dapibus, sem leo egestas tellus, mattis maximus ligula mi molestie leo. Vivamus condimentum nisi sit amet sapien porta, at interdum diam aliquam. Maecenas vehicula diam ac risus fermentum iaculis. Nulla fermentum rutrum orci a egestas. Aliquam sit amet vulputate nunc, eget molestie metus. Etiam a nisl enim. Duis volutpat vestibulum scelerisque. Proin ac cursus sapien, eu mollis ante. Ut facilisis, arcu ut mollis blandit, turpis nulla dictum metus, quis sagittis mi eros quis dolor. In ac ultricies dolor, sit amet mollis risus. Cras dictum orci et finibus lacinia. Duis fringilla dui non est tincidunt bibendum. Nam non justo ac dui viverra consectetur. Pellentesque a interdum lectus, eu vehicula orci. Duis interdum arcu tortor, ut consequat nisi feugiat ac. Vivamus a sapien purus. Donec efficitur suscipit odio, eu aliquam felis dapibus ut. Etiam at purus a turpis placerat tincidunt at vitae nibh. Fusce ac dolor aliquet, pellentesque justo in, ultrices felis. Proin sed pellentesque neque. Ut vulputate tincidunt velit, eu euismod libero consequat ac. Ut dignissim at libero in aliquet. Suspendisse ut lectus aliquam, congue nisl a, tempor dui. Sed lobortis pharetra mi sit amet maximus. Vivamus massa erat, efficitur ut vehicula ac, iaculis a dolor. Nunc tristique turpis at risus pellentesque faucibus. Nulla eget odio justo. Proin ac malesuada orci. Proin egestas ex non mi sollicitudin, in pellentesque nunc tempus. Proin accumsan erat quis est rhoncus, in vehicula ante placerat. Etiam urna erat, luctus ac urna eu, posuere volutpat enim. Donec non lacus justo. Mauris laoreet feugiat mattis. Curabitur aliquet quis sem ut convallis. Aenean tincidunt elit eget sodales imperdiet. </div></center>

por **Dylan Van den Broeck** Sáb Mar 24, 2018 10:45 pm

probanding