Blogs - List
Component #1
The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Purge Maze Halloween
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Purge Maze Halloween
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Purge Maze Halloween
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
<!-- Blog Card -->
<div>
<div class="text-center tab-nav__v5">
<ul class="nav mb-4 pb-1 overflow-auto flex-nowrap flex-md-wrap" role="tablist">
<li class="nav-item flex-shrink-0 flex-shrink-md-1">
<a class="nav-link active" id="pills-one-code-features-example2-tab" data-toggle="pill" href="#pills-one-code-features-example2" role="tab" aria-controls="pills-one-code-features-example2" aria-selected="true">Movie News</a>
</li>
<li class="nav-item flex-shrink-0 flex-shrink-md-1">
<a class="nav-link" id="pills-two-code-features-example2-tab" data-toggle="pill" href="#pills-two-code-features-example2" role="tab" aria-controls="pills-two-code-features-example2" aria-selected="false">Reviews</a>
</li>
<li class="nav-item flex-shrink-0 flex-shrink-md-1">
<a class="nav-link" id="pills-three-code-features-example2-tab" data-toggle="pill" href="#pills-three-code-features-example2" role="tab" aria-controls="pills-three-code-features-example2" aria-selected="false">Trailers</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="pills-one-code-features-example2" role="tabpanel" aria-labelledby="pills-one-code-features-example2-tab">
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 6 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Purge Maze Halloween</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Movies</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 20 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-two-code-features-example2" role="tabpanel" aria-labelledby="pills-two-code-features-example2-tab">
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 6 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Purge Maze Halloween</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Movies</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 20 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-three-code-features-example2" role="tabpanel" aria-labelledby="pills-three-code-features-example2-tab">
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">The Rock Reveals State Of Feud With Tyron Gibson Franchise – Video Embed</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 6 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row mb-4">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Purge Maze Halloween</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Movies</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<a class="d-block mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/370x210/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center">
<h6 class="product_title font-size-22 font-secondary font-weight-semi-bold text-lh-1dot3 mb-1 pr-1">
<a href="#">Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 20 2020</span>
</a>
</div>
<p class="font-size-1 mb-0 pr-lg-7">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Blog List-->
Component #2
<!-- Blog List -->
<div>
<div class="d-flex align-items-baseline justify-content-between mb-5 pb-1">
<h6 class="font-size-24 font-weight-medium font-secondary mb-0">What's hot</h6>
<div class="border-top col p-0 mx-3 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">VIEW ALL</a>
</div>
<div class="row">
<div class="col-lg-6 col-xl-12">
<div class="row no-gutters border-bottom mb-4 pb-4">
<div class="col-md-2">
<a class="d-flex h-100 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/88x75/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md">
<div class="ml-md-3">
<h6 class="product_title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#" >Jones apologises Craig for Trump</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Basketball</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-12">
<div class="row no-gutters border-bottom mb-4 pb-4">
<div class="col-md-2">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/88x75/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md">
<div class="ml-md-3">
<h6 class="product_title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#" >Seven uncapped players in NZ</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Views</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-12">
<div class="row no-gutters border-bottom mb-4 pb-4">
<div class="col-md-2">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/88x75/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md">
<div class="ml-md-3">
<h6 class="product_title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#" >Record-setting Griefer or Villain?</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Review</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-12">
<div class="row no-gutters border-bottom mb-4 pb-4">
<div class="col-md-2">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/88x75/img4.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md">
<div class="ml-md-3">
<h6 class="product_title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#" >Federer wins Stuttgart title</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">News</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-12">
<div class="row no-gutters">
<div class="col-md-2">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/88x75/img5.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md">
<div class="ml-md-3">
<h6 class="product_title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#" >Jones apologises Craig for Trump</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Soccer</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Blog List -->
Component #3
Actors Life
VIEW ALL
Wizard Actor Has Another Digital Comics Role – Featured Slideshow Post
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Another free game from Mazaon Games
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Thorin Used Anti-glay Slur
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
How Martin Absence Affects The Other Sprinting Fear TheCharacters On Plan
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Saints, Leicester agree Maddison fee
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
<!-- Blogs Section -->
<section>
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
<h5 class="font-size-24 font-weight-medium font-secondary mb-0">Actors Life</h5>
<div class="border-top col p-0 mx-3 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">VIEW ALL</a>
</div>
<div class="mb-7">
<a href="#" class="d-block mb-2 pb-2">
<img class="img-fluid" src="../assets/img/750x330/img1.jpg" alt="Image-Description">
</a>
<h5 class="product_title font-size-26 font-weight-semi-bold font-secondary text-lh-1 mb-md-0">
<a href="#">Wizard Actor Has Another Digital Comics Role – Featured Slideshow Post</a>
</h5>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 5 2020</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
<div class="mb-4 mb-lg-0">
<div class="row mb-5">
<div class="col-xl-4">
<a href="#" class="d-block mb-3 mb-xl-0">
<img class="img-fluid" src="../assets/img/210x150/img1.jpg">
</a>
</div>
<div class="col-xl-8">
<h6 class="product_title font-size-22 font-weight-semi-bold font-secondary mb-0">
<a href="#">Another free game from Mazaon Games</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Games</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 5 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row mb-5">
<div class="col-xl-4">
<a href="#" class="d-block mb-3 mb-xl-0">
<img class="img-fluid" src="../assets/img/210x150/img2.jpg">
</a>
</div>
<div class="col-xl-8">
<h6 class="product_title font-size-22 font-weight-semi-bold font-secondary mb-0">
<a href="#">Thorin Used Anti-glay Slur</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>News</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 15 2020</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row mb-5">
<div class="col-xl-4">
<a href="#" class="d-flex h-100">
<img class="img-fluid" src="../assets/img/210x150/img3.jpg">
</a>
</div>
<div class="col-xl-8">
<h6 class="product_title font-size-22 font-weight-semi-bold font-secondary mb-0 mt-3 mt-xl-0">
<a href="#">How Martin Absence Affects The Other Sprinting Fear TheCharacters On Plan</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>August 5 2020</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
<div class="row">
<div class="col-xl-4">
<a href="#" class="d-block mb-3 mb-xl-0">
<img class="img-fluid" src="../assets/img/210x150/img4.jpg">
</a>
</div>
<div class="col-xl-8">
<h6 class="product_title font-size-22 font-weight-semi-bold font-secondary mb-0">
<a href="#">Saints, Leicester agree Maddison fee</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Trailors</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 5 2020</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
</section>
<!-- End Blogs Section -->
Component #4
Hot Rumours
VIEW ALL
<!-- Blogs Section -->
<section>
<div class="d-flex align-items-center justify-content-between mb-4 pb-1">
<h5 class="font-size-24 font-weight-medium font-secondary mb-0">Hot Rumours</h5>
<div class="border-top col p-0 mx-2 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">VIEW ALL</a>
</div>
<div class="mb-7">
<div class="position-relative mb-5">
<div class="bg-img-hero bg-gradient__1" style="background-image: url(../assets/img/280x210/img1.jpg); height: 210px">
<div class="position-absolute bottom-0 z-index-2 pl-3 pr-7 mb-3">
<h6 class="product--title font-size-18 text-lh-1dot3 font-weight-semi-bold font-secondary">
<a href="#">How turned Hot Wheels into sheer genius</a>
</h6>
<div class="text-lh-sm">
<a href="#" class="font-weight-bold font-size-13">
<span>Articles</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary mr-9">
<span>February 5, 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
</div>
</div>
</div>
<div class="position-relative mb-5">
<div class="bg-img-hero bg-gradient__1" style="background-image: url(../assets/img/280x210/img2.jpg); height: 210px">
<div class="position-absolute bottom-0 z-index-2 pl-3 pr-7 mb-3">
<h6 class="product--title font-size-18 text-lh-1dot3 font-weight-semi-bold font-secondary">
<a href="#">Grab free skin and loot From Phone</a>
</h6>
<div class="text-lh-sm">
<a href="#" class="font-weight-bold font-size-13">
<span>Articles</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary mr-9">
<span>February 5, 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
</div>
</div>
</div>
<div class="position-relative">
<div class="bg-img-hero bg-gradient__1" style="background-image: url(../assets/img/280x210/img3.jpg); height: 210px">
<div class="position-absolute bottom-0 z-index-2 pl-3 pr-7 mb-3">
<h6 class="product--title font-size-18 text-lh-1dot3 font-weight-semi-bold font-secondary">
<a href="#">Drum Gum added in 4.5 Update</a>
</h6>
<div class="text-lh-sm">
<a href="#" class="font-weight-bold font-size-13">
<span>Articles</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary mr-9">
<span>February 5, 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>1 Comment</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="text-center tab-nav__v5 mb-4 pb-1">
<ul class="nav flex-nowrap flex-xl-wrap" role="tablist">
<li class="nav-item pl-0">
<a class="nav-link active" id="pills-one-code-features-example4-tab" data-toggle="pill" href="#pills-one-code-features-example4" role="tab" aria-controls="pills-one-code-features-example4" aria-selected="true">Topics</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-two-code-features-example4-tab" data-toggle="pill" href="#pills-two-code-features-example4" role="tab" aria-controls="pills-two-code-features-example4" aria-selected="false">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-three-code-features-example4-tab" data-toggle="pill" href="#pills-three-code-features-example4" role="tab" aria-controls="pills-three-code-features-example4" aria-selected="false">Trailers</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="pills-one-code-features-example4" role="tabpanel" aria-labelledby="pills-one-code-features-example4-tab">
<div class="row">
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class=" d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Long Run</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Black Dvision 3</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Infinity World War</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img4.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Dark Mist</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img5.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Young Newton</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img6.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Halloween Weekend</a>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-two-code-features-example4" role="tabpanel" aria-labelledby="pills-two-code-features-example4-tab">
<div class="row">
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class=" d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Long Run</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Black Dvision 3</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Infinity World War</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img4.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Dark Mist</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img5.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Young Newton</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img6.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Halloween Weekend</a>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-three-code-features-example4" role="tabpanel" aria-labelledby="pills-one-code-features-example4-tab">
<div class="row">
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class=" d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Long Run</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Black Dvision 3</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Infinity World War</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img4.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">The Dark Mist</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters mb-2 pb-1">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img5.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Young Newton</a>
</h6>
</div>
</div>
</div>
<div class="col-6 col-md-4 col-lg-12">
<div class="row no-gutters">
<div class="col-lg-3">
<a class="d-block pr-md-3 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/206x270/img6.jpg" alt="Image-Description">
</a>
</div>
<div class="col-lg-8 d-flex flex-column justify-content-center">
<h6 class="product_title font-secondary font-weight-semi-bold font-size-17">
<a href="#">Halloween Weekend</a>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Blogs Section -->
Component #5
<!-- Blogs List -->
<div>
<div class="d-flex align-items-center justify-content-between mb-5">
<h5 class="font-size-24 font-weight-medium font-secondary text-lh-1dot25 mb-0">Recent <br>
Comments</h5>
<div class="border-top col p-0 mx-3 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">VIEW ALL</a>
</div>
<div class="border-bottom pb-2 mb-1">
<div class="font-size-15 font-weight-normal">admin on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-dark">Paradigm Lost</a>
</div>
</div>
<div class="border-bottom pb-2 mb-1">
<div class="font-size-15 font-weight-normal">admin on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-dark">The Tale</a>
</div>
</div>
<div class="border-bottom pb-2 mb-1">
<div class="font-size-15 font-weight-normal">nilofer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-dark">How To Talk Girls At Parties</a>
</div>
</div>
<div class="border-bottom pb-2 mb-1">
<div class="font-size-15 font-weight-normal">nilofer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-dark">American Made</a>
</div>
</div>
<div>
<div class="font-size-15 font-weight-normal">imran on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-dark">Gnome Alone</a>
</div>
</div>
</div>
<!-- End Blogs List -->
Component #6
Latest News
View All
Ro 3D or Not To 3D: Buy The Right SummerVacation Ticket
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
NHRA at Bristol: Courtney Force earns 7th No. 1 spot of 2018; Greg McPerson takes 100th
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
David Fales may have the inside track to No. 2 job in Miami but go againts goverment.
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Spain coach Hierro: Portugal “extremely fortunate” to have Ronaldo
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
<!-- Blogs List -->
<div class="container px-md-4">
<header class="d-md-flex align-items-center justify-content-between mb-3 pb-1 w-100">
<h6 class="font-size-24 font-weight-medium m-0 text-gray-700">Latest News</h6>
<div class="border-top col p-0 mx-3 border-gray-3600"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">View All</a>
</header>
<div class="mb-9">
<a class="d-block mb-3" href="#">
<img class="img-fluid" src="../assets/img/710x315/img1.jpg" alt="Image-Description">
</a>
<h2 class="product-title font-weight-semi-bold font-size-26 mb-0">
<a href="#">Ro 3D or Not To 3D: Buy The Right SummerVacation Ticket</a>
</h2>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="font-size-1 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
<div class="row mb-4 pb-1">
<div class="col-md-4 ">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/200x150/img1.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0 ">
<h6 class="font-size-22 font-weight-semi-bold product_title text-lh-1dot25 mb-1 mb-md-0">
<a href="#">NHRA at Bristol: Courtney Force earns 7th No. 1 spot of 2018; Greg McPerson takes 100th</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row mb-4 pb-1">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/200x150/img2.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product_title text-lh-1dot25 mb-1 mb-md-0">
<a href="#">Apparently Anthon McCarthy Decided To Star In The Murders Really Quickly</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row mb-4 pb-1">
<div class="col-md-4 ">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/200x150/img3.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-3 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product_title text-lh-1dot25 mb-1 mb-md-0">
<a href="#">David Fales may have the inside track to No. 2 job in Miami but go againts goverment.</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Football</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/200x150/img4.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product_title text-lh-1dot25 mb-1 mb-md-0">
<a href="#">Spain coach Hierro: Portugal “extremely fortunate” to have Ronaldo</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>MLB</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
</div>
<!-- End Blogs List -->
Component #7
<!-- Blogs List -->
<div class="bg-gray-1100 space-1">
<div class="container px-md-4">
<header class="d-md-flex align-items-center justify-content-between mb-3 pb-1 w-100 home-section">
<h6 class="font-size-24 font-weight-medium mb-2 mb-md-0 text-white">What's hot</h6>
<div class="d-none d-md-block border-top col p-0 mx-3 border-gray-6830"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">View All</a>
</header>
<div class="mb-5 mb-md-7 mb-lg-6 pb-lg-1">
<div>
<div class="row no-gutters border-bottom border-gray-3200 mb-4 pb-4">
<div class="col-md-4">
<a class="d-flex h-100 mb-3 mb-lg-0" href="#">
<img class="img-fluid" src="../assets/img/480x270/img14.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8">
<div class="ml-md-3">
<h6 class="product--title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#">Record-Setting Griefer or Villain?</a>
</h6>
<div class="d-flex align-items-center d-md-block">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Uncategorized</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row no-gutters border-bottom border-gray-3200 mb-4 pb-4">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img15.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8">
<div class="ml-md-3">
<h6 class="product--title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#">Wizard Actor Has Another Role</a>
</h6>
<div class="d-flex align-items-center d-md-block">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Hot Rumours</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row no-gutters border-bottom border-gray-3200 mb-4 pb-4">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img16.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8">
<div class="ml-md-3">
<h6 class="product--title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#">Saints, Leicester agree Maddison fee</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Trilers</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row no-gutters border-bottom border-gray-3200 mb-4 pb-4">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img17.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8">
<div class="ml-md-3">
<h6 class="product--title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#">Galaxy Wars: XII Anne Trailer #2</a>
</h6>
<div class="d-flex align-items-center d-md-block">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Movie Trailers</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="row no-gutters">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img18.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8">
<div class="ml-md-3">
<h6 class="product--title font-size-17 font-weight-semi-bold font-secondary mb-0 mt-3 mt-md-0">
<a href="#">Black Division Bringing Back</a>
</h6>
<div class="d-flex align-items-center">
<div class="text-lh-1dot1">
<a class="font-size-13 font-weight-bold" href="#">Movie</a>
</div>
<div>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>October 6 2020</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mb-5 mb-lg-7 mb-xl-0">
<header class="d-md-flex align-items-center justify-content-between mb-3 pb-1 w-100 home-section">
<h6 class="font-size-24 font-weight-medium mb-2 mb-md-0 text-white">Recents <br> Comments</h6>
<div class="d-none d-md-block border-top col p-0 mx-3 border-gray-6830"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">View All</a>
</header>
<div class="border-bottom border-gray-3200 pb-2 mb-1">
<div class="font-size-15 font-weight-normal text-gray-1300">Abu backer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-white">Movies That Earned a 0% Rating on Rotten Pomidoros</a>
</div>
</div>
<div class="border-bottom border-gray-3200 pb-2 mb-1">
<div class="font-size-15 font-weight-normal text-gray-1300">Abu backer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-white">Great Movies in 2020 That No One is Talking About</a>
</div>
</div>
<div class="border-bottom border-gray-3200 pb-2 mb-1">
<div class="font-size-15 font-weight-normal text-gray-1300">Akther Jabeen on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-white">One Big Question Monster 3 Needs To Answer</a>
</div>
</div>
<div class="border-bottom border-gray-3200 pb-2 mb-1">
<div class="font-size-15 font-weight-normal text-gray-1300">Abu backer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-white">An Unforgettable Worldcup</a>
</div>
</div>
<div>
<div class="font-size-15 font-weight-normal text-gray-1300">Abu backer on</div>
<div class="font-secondary font-size-15 font-weight-semi-bold">
<a href="#" class="text-white">2020 Motorcycle Racing Crash Compilation</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Blogs List -->
Component #8
Latest News
View All
Battle Mode Not Currently Planned For Crytek's New Shooter
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Why Announcing Bad Never Let Walt Try His Blue Meth
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
First Glass Photos Bring Unbreakable and Split Villians Together
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
The 6 Best Hard Movies That Aren't Not Actually Hard
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
Open-World Star Wars Game May Still Use Uncharted
Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.
<!-- Blogs List -->
<div class="bg-gray-1100 space-1">
<div class="container px-md-4">
<div>
<header class="d-md-flex align-items-center justify-content-between mb-3 pb-1 w-100 home-section">
<h6 class="font-size-24 font-weight-medium mb-2 mb-md-0 text-white">Latest News</h6>
<div class="d-none d-md-block border-top col p-0 mx-3 border-gray-6830"></div>
<a href="#" class="h-g-primary font-size-1 font-weight-medium font-secondary">View All</a>
</header>
<div class="mb-6 mb-lg-9">
<a class="d-block mb-4" href="#">
<img class="img-fluid" src="../assets/img/990x435/img1.jpg" alt="Image-Description">
</a>
<h2 class="product--title font-weight-semi-bold font-size-26 text-lh-1 mb-2 mb-md-0">
<a href="#">Battle Mode Not Currently Planned For Crytek's New Shooter</a>
</h2>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>News</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="font-size-1 text-gray-1300 mb-0">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
<div class="row mb-5 pb-1">
<div class="col-md-4 ">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img19.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product--title text-lh-1dot25 mb-2 mb-md-0">
<a href="#">Why Announcing Bad Never Let Walt Try His Blue Meth</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>TV Series</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1 text-gray-1300">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row mb-5 pb-1">
<div class="col-md-4 ">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img20.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product--title text-lh-1dot25 mb-2 mb-md-0">
<a href="#">First Glass Photos Bring Unbreakable and Split Villians Together</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Hot Rumours</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1 text-gray-1300">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row mb-5 pb-1">
<div class="col-md-4 ">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img21.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product--title text-lh-1dot25 mb-2 mb-md-0">
<a href="#">The 6 Best Hard Movies That Aren't Not Actually Hard</a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Reviews</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1 text-gray-1300">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a class="d-flex h-100" href="#">
<img class="img-fluid" src="../assets/img/480x270/img22.jpg" alt="Image-Description">
</a>
</div>
<div class="col-md-8 d-flex flex-column justify-content-center">
<div class="pr-lg-4 mt-3 mt-lg-0">
<h6 class="font-size-22 font-weight-semi-bold product--title text-lh-1dot25 mb-2 mb-md-0">
<a href="#">Open-World Star Wars Game May Still Use Uncharted </a>
</h6>
<div class="mb-2 pb-1">
<a href="#" class="font-weight-bold font-size-13">
<span>Aticles</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>February 2 2020</span>
</a>
<a href="#" class="product-comment font-weight-normal font-size-13 font-italic h-g-primary">
<span>leave a comment</span>
</a>
</div>
<p class="mb-0 font-size-1 text-gray-1300">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Blogs List -->