Demo of Blog Modules, Blog Sections and Blog Layouts for Divi Theme

(Pack-2)
<style><!-- [et_pb_line_break_holder] -->.purchase-now{<!-- [et_pb_line_break_holder] --> padding: 5px 20px !important;<!-- [et_pb_line_break_holder] --> line-height:normal;<!-- [et_pb_line_break_holder] --> font-weight:900;<!-- [et_pb_line_break_holder] --> -webkit-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.purchase-now:hover{<!-- [et_pb_line_break_holder] --> padding: 5px 20px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-menu-style .fullwidth-menu li{<!-- [et_pb_line_break_holder] --> border:1px solid #777777;<!-- [et_pb_line_break_holder] --> padding:0px !important;<!-- [et_pb_line_break_holder] --> margin:10px 15px 10px 0px;<!-- [et_pb_line_break_holder] --> border-radius:5px;<!-- [et_pb_line_break_holder] --> -webkit-transition:all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -moz-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-menu-style .fullwidth-menu li a{<!-- [et_pb_line_break_holder] --> padding:10px 25px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-menu-style .fullwidth-menu li:hover{<!-- [et_pb_line_break_holder] --> background-color:#f64123;<!-- [et_pb_line_break_holder] --> border:1px solid #f64123;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-menu-style .fullwidth-menu li:hover >a{<!-- [et_pb_line_break_holder] --> opacity:1;<!-- [et_pb_line_break_holder] --> color:#fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-menu-style .et_pb_row{<!-- [et_pb_line_break_holder] --> width:70%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-menu-style .fullwidth-menu-nav .fullwidth-menu{<!-- [et_pb_line_break_holder] --> padding:20px 0px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style-title{<!-- [et_pb_line_break_holder] --> padding:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style-title .et_pb_fullwidth_header_container.center .header-content{<!-- [et_pb_line_break_holder] --> margin:0px auto !important; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style-title .et_pb_fullwidth_header_container.center .header-content {<!-- [et_pb_line_break_holder] --> padding:20px 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style-title .et_pb_fullwidth_header_container.center .header-content h1, .blog-style-title .et_pb_fullwidth_header_container.center .et_pb_fullwidth_header_subhead {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> padding-bottom: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->

News Blog Homepage Excerpts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum, urna id interdum congue, tortor leo ornare metus. Duis vulputate eros nec quam.

Auctor dictum enim magna sit amet erat

Auctor dictum enim magna sit amet erat

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Quisque viverra dictum risus, sit amet gravida

Quisque viverra dictum risus, sit amet gravida

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Need is mother of invention & innovation

Need is mother of invention & innovation

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more

News Blog Homepage Excerpts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestibulum, urna id interdum congue, tortor leo ornare metus. Duis vulputate eros nec quam.

Auctor dictum enim magna sit amet erat

Auctor dictum enim magna sit amet erat

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Quisque viverra dictum risus, sit amet gravida

venenatis id interdum eros, eu hendrerit massa

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Quisque viverra dictum risus, sit amet gravida

Quisque viverra dictum risus, sit amet gravida

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Need is mother of invention & innovation

Need is mother of invention & innovation

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
Auctor dictum enim magna sit amet erat

Future of web will be Artificial Intelligence

Mauris id interdum eros, eu hendrerit massa. Nullam quis ex lacus. Donec at neque eros. Praesent vel sodales ante. Vestibulum posuere, ante et rhoncus elementum, est justo tristique est, auctor dictum enim magna sit amet erat. Nullam felis metus, venenatis nec tortor...

read more
<style><!-- [et_pb_line_break_holder] --> .blog-news14 .et_pb_post{<!-- [et_pb_line_break_holder] --> width: 31%;<!-- [et_pb_line_break_holder] --> float: left; <!-- [et_pb_line_break_holder] --> position: relative; <!-- [et_pb_line_break_holder] --> margin-right: 3.5%; <!-- [et_pb_line_break_holder] --> overflow:hidden;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 5px rgba(0,0,0,0.22);<!-- [et_pb_line_break_holder] --> margin-bottom:30px;<!-- [et_pb_line_break_holder] --> padding-bottom:30px;<!-- [et_pb_line_break_holder] --> background-color:#000;<!-- [et_pb_line_break_holder] --> z-index:1; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:nth-child(3n){<!-- [et_pb_line_break_holder] --> margin-right:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:nth-child(3n+1){<!-- [et_pb_line_break_holder] -->clear:both;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> margin-bottom:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .entry-featured-image-url img { <!-- [et_pb_line_break_holder] --> height:100%;<!-- [et_pb_line_break_holder] --> object-fit: cover;<!-- [et_pb_line_break_holder] --> display: block; <!-- [et_pb_line_break_holder] --> min-height:280px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .description-wrap{ <!-- [et_pb_line_break_holder] --> padding:30px 30px 0px; <!-- [et_pb_line_break_holder] --> position:relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .description-wrap h2 {<!-- [et_pb_line_break_holder] --> margin-top: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .vryn-cats{<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> bottom:110%;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> margin:0px 30px 0px;<!-- [et_pb_line_break_holder] --> padding-bottom:5px;<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(50px);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(50px);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(50px);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(50px);<!-- [et_pb_line_break_holder] --> transform: translateY(50px);<!-- [et_pb_line_break_holder] --> -webkit-transition: .7s -webkit-transform cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -moz-transition: .7s -moz-transform cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -ms-transition: .7s -ms-transform cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -o-transition: .7s -ms-transform cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> transition: .7s transform cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:hover .vryn-cats{<!-- [et_pb_line_break_holder] --> -webkit-transform: translateY(0px);<!-- [et_pb_line_break_holder] --> -moz-transform: translateY(0px);<!-- [et_pb_line_break_holder] --> -ms-transform: translateY(0px);<!-- [et_pb_line_break_holder] --> -o-transform: translateY(0px);<!-- [et_pb_line_break_holder] --> transform: translateY(0px); <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .vryn-cats:before{<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index:-1;<!-- [et_pb_line_break_holder] --> bottom: 0; <!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> width:0;<!-- [et_pb_line_break_holder] --> height:100%;<!-- [et_pb_line_break_holder] --> border-bottom:1px solid #fff;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:hover .vryn-cats:before{<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> right:0;<!-- [et_pb_line_break_holder] --> left:0; <!-- [et_pb_line_break_holder] --> -webkit-transition-delay: .2s;<!-- [et_pb_line_break_holder] --> -moz-transition-delay: .2s;<!-- [et_pb_line_break_holder] --> -ms-transition-delay: .2s;<!-- [et_pb_line_break_holder] --> -o-transition-delay: .2s;<!-- [et_pb_line_break_holder] --> transition-delay: .2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .vryn-cats a{ <!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] --> right:0;<!-- [et_pb_line_break_holder] --> top:0; <!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> font-size: 20px;<!-- [et_pb_line_break_holder] --> -webkit-opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-opacity: 0;<!-- [et_pb_line_break_holder] --> opacity: 0; <!-- [et_pb_line_break_holder] --> -webkit-transition: .6s opacity cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -moz-transition: .6s opacity cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -ms-transition: .6s opacity cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> -o-transition:.6s opacity cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] --> transition: .6s opacity cubic-bezier(.165,.84,.44,1) .1s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:hover .vryn-cats a{<!-- [et_pb_line_break_holder] --> -webkit-opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-opacity: 1;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post a.more-link { <!-- [et_pb_line_break_holder] --> color:#000 !important;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> line-height: normal; <!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] --> padding: 6px 20px; <!-- [et_pb_line_break_holder] --> text-transform:capitalize;<!-- [et_pb_line_break_holder] --> margin-top:25px; <!-- [et_pb_line_break_holder] --> border-radius:5px;<!-- [et_pb_line_break_holder] --> border:2px solid transparent;<!-- [et_pb_line_break_holder] --> font-weight:bold;<!-- [et_pb_line_break_holder] --> -moz-transition: all .4s ease-in-out;<!-- [et_pb_line_break_holder] --> -ms-transition: all .4s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .4s ease-in-out;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .4s ease-in-out;<!-- [et_pb_line_break_holder] --> transition:all .4s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post a.more-link:hover{<!-- [et_pb_line_break_holder] --> color:#fff !important; <!-- [et_pb_line_break_holder] --> background-color:transparent;<!-- [et_pb_line_break_holder] --> border-color:#fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .post-meta a{<!-- [et_pb_line_break_holder] --> color:#fff !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .vryn-cats a:last-child:before {<!-- [et_pb_line_break_holder] --> content: " & ";<!-- [et_pb_line_break_holder] --> padding: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post .vryn-cats a:before {<!-- [et_pb_line_break_holder] --> content: ",";<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> padding: 0px 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news14 .vryn-cats a:first-child:before {<!-- [et_pb_line_break_holder] --> content: "" ;<!-- [et_pb_line_break_holder] --> padding: 0px;<!-- [et_pb_line_break_holder] --> display:none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:980px){<!-- [et_pb_line_break_holder] --> .blog-news14 .et_pb_post{<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> margin:0 auto 60px !important;<!-- [et_pb_line_break_holder] --> float:none;<!-- [et_pb_line_break_holder] --> max-width:500px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news14 .et_pb_post:last-child{<!-- [et_pb_line_break_holder] --> margin-bottom:0px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<script><!-- [et_pb_line_break_holder] --> jQuery(function() {<!-- [et_pb_line_break_holder] --> jQuery(".et_pb_module.blog-news14 .et_pb_post").each(function(){<!-- [et_pb_line_break_holder] --> jQuery(this).children().not(".entry-featured-image-url").wrapAll("<div class='description-wrap'></div>")<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> jQuery(".blog-news14 .post-meta").each(function(){<!-- [et_pb_line_break_holder] --> //Add wrapper vryn-cats for the categories<!-- [et_pb_line_break_holder] --> jQuery(this).children().not(".author").not(".published").wrapAll("<div class='vryn-cats'></div>")<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //Replace comma and pipe line character inside post-meta<!-- [et_pb_line_break_holder] --> $var_meta = jQuery(this).html().replace(/,/g, '').replace(/[|]/g, '');<!-- [et_pb_line_break_holder] --> jQuery(this).html($var_meta);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }); <!-- [et_pb_line_break_holder] --></script>