File: /var/www/html/resources/views/livewire/pages/search-result.blade.php
<div class="mt80">
<section class="categories_list_section overflow-hidden">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="listings_category_nav_list_menu">
<ul class="mb0 d-flex ps-0">
<li><a href="#">All Categories</a></li>
<li><a href="#">Graphics & Design</a></li>
<li><a class="active" href="#">Digital Marketing</a></li>
<li><a href="#">Writing & Translation</a></li>
<li><a href="#">Video & Animation</a></li>
<li><a href="#">Music & Audio</a></li>
<li><a href="#">Programming & Tech</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Trending</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="breadcumb-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcumb-style1">
<div class="breadcumb-list">
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">Design & Creative</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt90 pb90">
<div class="container">
<div class="row mt35">
<div class="col-md-6">
<div class="listing-style1 list-style d-block d-xl-flex align-items-center">
<div class="list-thumb flex-shrink-0">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
</div>
<div class="list-content flex-grow-1 ms-1">
<a href="#" class="listing-fav fz12 mt10"><span class="far fa-heart"></span></a>
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title"><a href="page-services-single.html">I will design modern websites in figma or adobe xd</a></h5>
<div class="review-meta d-flex align-items-center">
<i class="fas fa-star fz10 review-color me-2"></i>
<p class="mb-0 body-color fz14"><span class="dark-color me-2">4.82</span>94 reviews</p>
</div>
<hr class="my-2">
<div class="list-meta d-flex justify-content-between align-items-center mt15">
<a href="#">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badge"></span>
</span>
<span class="fz14">Wanda Runo</span>
</a>
<div class="budget">
<p class="mb-0 body-color">Starting at<span class="fz17 fw500 dark-color ms-1">$983</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="listing-style1 list-style d-block d-xl-flex align-items-center">
<div class="list-thumb flex-shrink-0">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<img class="" src="images/listings/g-2.jpg" alt="">
</div>
<div class="item">
<img class="" src="images/listings/g-3.jpg" alt="">
</div>
<div class="item">
<img class="" src="images/listings/g-4.jpg" alt="">
</div>
<div class="item">
<img class="" src="images/listings/g-5.jpg" alt="">
</div>
</div>
</div>
<div class="list-content flex-grow-1 ms-1">
<a href="#" class="listing-fav fz12"><span class="far fa-heart"></span></a>
<p class="list-text body-color fz14 mb-1">Art & Illustration</p>
<h5 class="list-title"><a href="page-services-single.html">I will create modern flat design illustration</a></h5>
<div class="review-meta d-flex align-items-center">
<i class="fas fa-star fz10 review-color me-2"></i>
<p class="mb-0 body-color fz14"><span class="dark-color me-2">4.82</span>94 reviews</p>
</div>
<hr class="my-2">
<div class="list-meta d-flex justify-content-between align-items-center mt15">
<a href="#">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badge"></span>
</span>
<span class="fz14">Ali Tufan</span>
</a>
<div class="budget">
<p class="mb-0 body-color">Starting at<span class="fz17 fw500 dark-color ms-1">$983</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="listing-style1 list-style d-block d-xl-flex align-items-center">
<div class="list-thumb flex-shrink-0">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
</div>
<div class="list-content flex-grow-1 ms-1">
<a href="#" class="listing-fav fz12"><span class="far fa-heart"></span></a>
<p class="list-text body-color fz14 mb-1">Design & Creative</p>
<h5 class="list-title line-clamp2"><a href="page-services-single.html">I will build a fully responsive design in HTML,CSS, bootstrap, and javascript</a></h5>
<div class="review-meta d-flex align-items-center">
<i class="fas fa-star fz10 review-color me-2"></i>
<p class="mb-0 body-color fz14"><span class="dark-color me-2">4.82</span>94 reviews</p>
</div>
<hr class="my-2">
<div class="list-meta d-flex justify-content-between align-items-center mt15">
<a href="#">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badge"></span>
</span>
<span class="fz14">Wanda Runo</span>
</a>
<div class="budget">
<p class="mb-0 body-color">Starting at<span class="fz17 fw500 dark-color ms-1">$983</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="listing-style1 list-style d-block d-xl-flex align-items-center">
<div class="list-thumb flex-shrink-0">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
</div>
<div class="list-content flex-grow-1 ms-1">
<a href="#" class="listing-fav fz12"><span class="far fa-heart"></span></a>
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title"><a href="page-services-single.html">I will do mobile app development for ios and android</a></h5>
<div class="review-meta d-flex align-items-center">
<i class="fas fa-star fz10 review-color me-2"></i>
<p class="mb-0 body-color fz14"><span class="dark-color me-2">4.82</span>94 reviews</p>
</div>
<hr class="my-2">
<div class="list-meta d-flex justify-content-between align-items-center mt15">
<a href="#">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badge"></span>
</span>
<span class="fz14">Wanda Runo</span>
</a>
<div class="budget">
<p class="mb-0 body-color">Starting at<span class="fz17 fw500 dark-color ms-1">$983</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>