<section class="bg-black text-white">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-8">
<h2 class="font-weight-bold">From our blog</h2>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<a href="" class="card equal hover-gradient hover-arrow text-white">
<figure class="image" style="background-image: url('assets/images/startup-5.jpg')"></figure>
<div class="card-footer text-shadow">
<div>
<time datetime="2020-12-18 20:00" class="eyebrow text-secondary mb-1">18 December</time>
<h5 class="card-title">Ethical Considerations In UX Research: The Need For Training And Review</h5>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<ul class="list-group list-group-lg px-5 px-lg-0">
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h5>From Design To Developer-Friendly React Code In Minutes With Anima</h5></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 January</time>
</article>
</li>
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h5>How To Optimize Progressive Web Apps: Going Beyond The Basics</h5></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">19:35, 18 December</time>
</article>
</li>
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h5>How To Design A Simple UI When You Have A Complex Solution</h5></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">10:00, 15 December</time>
</article>
</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2 class="font-weight-bold mb-1">Latest posts from our blog</h2>
<a href="" class="action underline text-secondary">To the blog <i class="icon-arrow-right"></i></a>
</div>
</div>
<div class="row gutter-4 gutter-lg-6">
<div class="col-md-6 col-lg-4">
<a href="" class="card equal equal-3-4 hover-gradient hover-arrow text-white">
<figure class="image" style="background-image: url('assets/images/small-1.jpg')"></figure>
<div class="card-footer">
<div>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
<h5 class="card-title">Ethical Considerations In UX Research: The Need For Training And Review</h5>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="" class="card equal equal-3-4 hover-gradient hover-arrow text-white">
<figure class="image" style="background-image: url('assets/images/small-2.jpg')"></figure>
<div class="card-footer">
<div>
<time datetime="2020-12-18 22:00" class="eyebrow text-muted mb-1">22:00, 18 December</time>
<h5 class="card-title">How To Optimize Progressive Web Apps: Going Beyond The Basics</h5>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="" class="card equal equal-3-4 hover-gradient hover-arrow text-white">
<figure class="image" style="background-image: url('assets/images/small-3.jpg')"></figure>
<div class="card-footer">
<div>
<time datetime="2020-12-18 22:00" class="eyebrow text-muted mb-1">22:00, 18 December</time>
<h5 class="card-title">How To Optimize Progressive Web Apps: Going Beyond The Basics</h5>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row mb-2">
<div class="col">
<h2 class="eyebrow text-muted">Latest posts</h2>
</div>
</div>
<div class="row gutter-4 gutter-lg-6 justify-content-between">
<div class="col-lg-7">
<article class="card">
<a href=""><img src="assets/images/small-1.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December, 2020</time>
<a href="" class="card-title card-title-arrow"><h5>How To Optimize Progressive Web Apps: Going Beyond The Basics</h5></a>
</div>
</article>
</div>
<div class="col-lg-4">
<article class="card">
<a href=""><img src="assets/images/small-6.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">18 December, 2020</time>
<a href="" class="card-title card-title-arrow"><h5>How To Design A Simple UI When You Have A Complex Solution</h5></a>
</div>
</article>
</div>
</div>
<div class="row gutter-4 gutter-lg-6 justify-content-between">
<div class="col-lg-6">
<article class="card">
<a href=""><img src="assets/images/small-3.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
<a href="" class="card-title card-title-arrow"><h5>Ethical Considerations In UX Research: The Need For Training And Review</h5></a>
</div>
</article>
</div>
<div class="col-lg-5">
<article class="card">
<a href=""><img src="assets/images/small-4.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December, 2020</time>
<a href="" class="card-title card-title-arrow"><h5>From Design To Developer-Friendly React Code In Minutes With Anima</h5></a>
</div>
</article>
</div>
</div>
<div class="row gutter-4 gutter-lg-6 justify-content-between">
<div class="col-lg-5">
<article class="card">
<a href=""><img src="assets/images/small-8.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
<a href="" class="card-title card-title-arrow"><h5>Creating A Continuous Integration Test Workflow Using GitHub Actions</h5></a>
</div>
</article>
</div>
<div class="col-lg-6">
<article class="card">
<a href=""><img src="assets/images/small-9.jpg" class="card-img-top" alt="Image"></a>
<div class="card-body p-0 pt-3">
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">18 December, 2020</time>
<a href="" class="card-title card-title-arrow"><h5>3D Shapes Inspired from Old Microsoft Logos</h5></a>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col text-center">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#"><i class="icon-chevron-right"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section class="bg-black text-white">
<div class="container">
<div class="row align-items-start justify-content-between">
<div class="col-12">
<div class="row align-items-end mb-1">
<div class="col-md-6"><h2 class="eyebrow">Weekly highlights</h2></div>
<div class="col-md-6 text-right">
<a href="" class="eyebrow action underline text-primary">View all <i class="icon-arrow-up-right"></i></a>
</div>
</div>
<hr>
</div>
<div class="col-lg-5 pt-lg-4">
<article class="card">
<a href="" class="card-title"><h3>How To Optimize Progressive Web Apps: Going Beyond The Basics</h3></a>
<time datetime="2020-12-20 21:30" class="eyebrow text-muted mb-1">21:30, 20 December</time>
</article>
</div>
<div class="col-lg-6">
<div class="row gutter-4">
<div class="col-md-6">
<ul class="list-group list-group-lg">
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h6>How To Design A Simple UI When You Have A Complex Solution</h6></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
</article>
</li>
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h6>From Design To Developer-Friendly React Code In Minutes With Anima</h6></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
</article>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-group list-group-lg">
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h6>Ethical Considerations In UX Research: The Need For Training And Review</h6></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
</article>
</li>
<li class="list-group-item">
<article class="card">
<a href="" class="card-title"><h6>A Simple Day Illustration Series</h6></a>
<time datetime="2020-12-18 20:00" class="eyebrow text-muted mb-1">20:00, 18 December</time>
</article>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>