More widget
More widget for your website
<!-- category widget -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Category</span>
</h4>
</div>
<!-- widget content -->
<ul class="list-unstyled hover-link text-uppercase before-caret-dark mb-4">
<li>
<a class="nav-link h6" href="#">Business <span class="badge float-end bg-light text-primary rounded-0">12</span></a>
</li>
<li>
<a class="nav-link h6" href="#">Politics <span class="badge float-end bg-light text-primary rounded-0">32</span></a>
</li>
<li>
<a class="nav-link h6" href="#">Health <span class="badge float-end bg-light text-primary rounded-0">24</span></a>
</li>
<li>
<a class="nav-link h6" href="#">Science <span class="badge float-end bg-light text-primary rounded-0">42</span></a>
</li>
</ul>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
<!-- category widget -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Category</span>
</h4>
</div>
<!-- widget content -->
<ul class="list-unstyled border-bottom-last-0 mb-4 no-mb fw-500">
<li>
<a class="py-3 d-block" href="#">Business <span class="badge float-end bg-light text-primary rounded-0">12</span></a>
</li>
<li>
<a class="py-3 d-block" href="#">Politics <span class="badge float-end bg-light text-primary rounded-0">32</span></a>
</li>
<li>
<a class="py-3 d-block" href="#">Health <span class="badge float-end bg-light text-primary rounded-0">24</span></a>
</li>
<li>
<a class="py-3 d-block" href="#">Science <span class="badge float-end bg-light text-primary rounded-0">42</span></a>
</li>
</ul>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
<!-- tags box -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Tags</span>
</h4>
</div>
<!-- widget content -->
<div class="mb-5">
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Business</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Sport</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Unique</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Hot</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Health</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">World</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Animals</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Automotive</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Best</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Science</a>
<a class="btn btn-outline-primary btn-sm rounded-0 me-2 mb-2" href="#">Politics</a>
</div>
<!-- end widget content -->
<div class="gap-0"></div>
</div>
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Archive</span>
</h4>
</div>
<!-- widget content -->
<div id="accordion" class="mb-4">
<!--collapse 1-->
<div class="px-3">
<!--title-->
<div id="headingOne">
<h5 class="mb-0 before-caret-dark">
<a class="btn btn-link px-0 cursor-pointer collapsed" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">2018</a> <span class="small">(734)</span>
</h5>
</div>
<!--content-->
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion" style="">
<!--link-->
<ul class="list-unstyled before-caret-dark ps-4">
<li class="pb-2">
<a href="#">December</a> <span class="small">(25)</span>
</li>
<li class="pb-2">
<a href="#">November</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">October</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">September</a> <span class="small">(22)</span>
</li>
<li class="pb-2">
<a href="#">August</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">July</a> <span class="small">(14)</span>
</li>
<li class="pb-2">
<a href="#">June</a> <span class="small">(13)</span>
</li>
<li class="pb-2">
<a href="#">May</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">April</a> <span class="small">(15)</span>
</li>
<li class="pb-2">
<a href="#">March</a> <span class="small">(16)</span>
</li>
<li class="pb-2">
<a href="#">February</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">January</a> <span class="small">(24)</span>
</li>
</ul>
<!--end link-->
</div>
</div>
<!--collapse 2-->
<div class="px-3">
<!--title-->
<div id="headingTwo">
<h5 class="mb-0 before-caret-dark">
<a class="btn btn-link px-0 cursor-pointer collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">2017</a> <span class="small">(342)</span>
</h5>
</div>
<!--content-->
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<!--link-->
<ul class="list-unstyled before-caret-dark ps-4">
<li class="pb-2">
<a href="#">December</a> <span class="small">(25)</span>
</li>
<li class="pb-2">
<a href="#">November</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">October</a> <span class="small">(14)</span>
</li>
<li class="pb-2">
<a href="#">September</a> <span class="small">(22)</span>
</li>
<li class="pb-2">
<a href="#">August</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">July</a> <span class="small">(14)</span>
</li>
<li class="pb-2">
<a href="#">June</a> <span class="small">(13)</span>
</li>
<li class="pb-2">
<a href="#">May</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">April</a> <span class="small">(15)</span>
</li>
<li class="pb-2">
<a href="#">March</a> <span class="small">(16)</span>
</li>
<li class="pb-2">
<a href="#">February</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">January</a> <span class="small">(24)</span>
</li>
</ul>
<!--end link-->
</div>
<!--end content-->
</div>
<!--collapse 3-->
<div class="px-3">
<!--title-->
<div id="headingThree">
<h5 class="mb-0 before-caret-dark">
<a class="btn btn-link px-0 cursor-pointer collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">2016</a> <span class="small">(678)</span>
</h5>
</div>
<!--content-->
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<!--link-->
<ul class="list-unstyled before-caret-dark ps-4">
<li class="pb-2">
<a href="#">December</a> <span class="small">(25)</span>
</li>
<li class="pb-2">
<a href="#">November</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">October</a> <span class="small">(14)</span>
</li>
<li class="pb-2">
<a href="#">September</a> <span class="small">(22)</span>
</li>
<li class="pb-2">
<a href="#">August</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">July</a> <span class="small">(14)</span>
</li>
<li class="pb-2">
<a href="#">June</a> <span class="small">(13)</span>
</li>
<li class="pb-2">
<a href="#">May</a> <span class="small">(12)</span>
</li>
<li class="pb-2">
<a href="#">April</a> <span class="small">(15)</span>
</li>
<li class="pb-2">
<a href="#">March</a> <span class="small">(16)</span>
</li>
<li class="pb-2">
<a href="#">February</a> <span class="small">(21)</span>
</li>
<li class="pb-2">
<a href="#">January</a> <span class="small">(24)</span>
</li>
</ul>
<!--end link-->
</div>
<!--end content-->
</div>
<!--end collapse 3-->
</div>
<div class="gap-0"></div>
<!-- end widget content -->
</div>
<!-- Fixtures widget -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Fixtures & Results</span>
</h4>
</div>
<!-- widget content -->
<div class="matches small mb-5">
<!--day-->
<h4 class="h6 text-center match-title">Wed 14th November</h4>
<!--match-->
<ul class="list-unstyled match-score">
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Switzerland</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>0</span>
<span>1</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Qatar</span>
</div>
</a>
</li>
</ul>
<!--end match-->
<!--day-->
<h4 class="h6 text-center match-title">Thu 15th November</h4>
<!--match-->
<ul class="list-unstyled match-score">
<!--list match-->
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Germany</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>15:00</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Brazil</span>
</div>
</a>
</li>
<!--end list match-->
<!--list match-->
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Italy</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>15:00</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Spain</span>
</div>
</a>
</li>
<!--end list match-->
<!--list match-->
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Belgium</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>15:00</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Iceland</span>
</div>
</a>
</li>
<!--end list match-->
<!--list match-->
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Croatia</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>18:00</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Austria</span>
</div>
</a>
</li>
<!--end list match-->
<!--list match-->
<li>
<a class="row" href="#">
<div class="col-5 text-end">
<span class="teamname">Australia</span>
</div>
<div class="col-2">
<span class="teamscores">
<span>18:00</span>
</span>
</div>
<div class="col-5 text-start">
<span class="teamname">Indonesia</span>
</div>
</a>
</li>
<!--end list match-->
</ul>
<!--end match-->
</div>
<div class="gap-0"></div>
</div>
<!-- ranked widget -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Ranked</span>
</h4>
</div>
<!-- widget content -->
<table class="table small mb-5">
<thead class="thead-light">
<tr>
<th scope="col"></th>
<th scope="col">Team</th>
<th scope="col">P</th>
<th scope="col">GD</th>
<th scope="col">Pts</th>
</tr>
</thead>
<tbody>
<tr class="bg-success text-white">
<th scope="row">1</th>
<td>Man Utd</td>
<td>12</td>
<td>31</td>
<td>32</td>
</tr>
<tr class="bg-success text-white">
<th scope="row">2</th>
<td>Man City</td>
<td>12</td>
<td>29</td>
<td>30</td>
</tr>
<tr class="bg-secondarytext-white">
<th scope="row">3</th>
<td>Liverpool</td>
<td>12</td>
<td>28</td>
<td>29</td>
</tr>
<tr class="bg-warning text-dark">
<th scope="row">4</th>
<td>Chelsea</td>
<td>12</td>
<td>20</td>
<td>27</td>
</tr>
<tr class="bg-danger text-white">
<th scope="row">5</th>
<td>Arsenal</td>
<td>12</td>
<td>25</td>
<td>26</td>
</tr>
</tbody>
</table>
<div class="gap-0"></div>
</div>
<!-- tags cloud -->
<div class="widget">
<!-- widget title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Tags</span>
</h4>
</div>
<!-- widget content -->
<ul class="tagcloud list-unstyled">
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">1990 style</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 14pt;">adventure</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">american football</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 16pt;">basketball</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">basket ball</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">blue cars</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">brain surgery</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 18pt;">cars</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">champions</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">champions league</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">clibbing</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 14pt;">fashion</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">final</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 22pt;">football</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">france</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">fun</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 14pt;">health</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">holiday</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">horse</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">hotel</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">ice skate</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">island</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">kids fashion</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">korean style</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">laboratory</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">lifestyle</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">maps</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">monitor</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">monitoring</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">mot gp</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">moto gp</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 8pt;">moto racing</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 16pt;">motorcycle</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">nba</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 15pt;">NFL</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">racing</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 13pt;">racing team</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 14pt;">science</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">slam dunk</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">soccer</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 14pt;">super cars</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 20pt;">travel</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">wear</a>
</li>
<li>
<a href="#" class="tag-cloud-link" style="font-size: 11pt;">white cars</a>
</li>
</ul>
<div class="gap-0"></div>
</div>