<!-- Hero Section -->
<div class="gradient-y-overlay-lg-white bg-img-hero space-2" style="background-image: url(../../assets/img/1920x800/img10.jpg);">
<div class="container">
<div class="row">
<div class="col-md-7 col-lg-8">
<small class="btn btn-xs btn-success btn-pill text-uppercase mb-2">Bestseller</small>
<h1 class="text-lh-sm">Complete Python Bootcamp: Go from zero to hero in Python 3</h1>
<p>Learn Python like a Professional! Start from the basics and go all the way to creating your own applications and games!</p>
<div class="d-flex align-items-center flex-wrap">
<!-- Authors -->
<div class="d-flex align-items-center mr-4">
<div class="avatar-group">
<span class="avatar avatar-xs avatar-circle">
<img class="avatar-img" src="../../assets/img/100x100/img1.jpg" alt="Image Description">
</span>
</div>
<span class="pl-2">Created by <a class="link-underline" href="#">Nataly Gaga</a></span>
</div>
<!-- End Authors -->
<!-- Rating -->
<div class="d-flex align-items-center flex-wrap">
<ul class="list-inline mt-n1 mb-0 mr-2">
<li class="list-inline-item mx-0"><img src="../../assets/svg/illustrations/star.svg" alt="Review rating" width="16"></li>
<li class="list-inline-item mx-0"><img src="../../assets/svg/illustrations/star.svg" alt="Review rating" width="16"></li>
<li class="list-inline-item mx-0"><img src="../../assets/svg/illustrations/star.svg" alt="Review rating" width="16"></li>
<li class="list-inline-item mx-0"><img src="../../assets/svg/illustrations/star.svg" alt="Review rating" width="16"></li>
<li class="list-inline-item mx-0"><img src="../../assets/svg/illustrations/star-half.svg" alt="Review rating" width="16"></li>
</ul>
<span class="d-inline-block">
<span class="text-dark font-weight-bold mr-1">4.87</span>
<span class="text-muted">(1.5k+ reviews)</span>
</span>
</div>
<!-- End Rating -->
</div>
</div>
</div>
</div>
</div>
<!-- End Hero Section -->