| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/oninjas.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="bidding, fiverr, freelance marketplace, freelancers, freelancing, gigs, hiring, job board, job portal, job posting, jobs marketplace, peopleperhour, proposals, sell services, upwork">
<meta name="description" content="Freeio - Freelance Marketplace HTML Template">
<meta name="CreativeLayers" content="ATFN">
<!-- css file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/ace-responsive-menu.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/bootstrap-select.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/ud-custom-spacing.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>Freeio - Freelance Marketplace HTML Template</title>
<!-- Favicon -->
<link href="images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
<link href="images/favicon.ico" sizes="128x128" rel="shortcut icon" />
<!-- Apple Touch Icon -->
<link href="images/apple-touch-icon-60x60.png" sizes="60x60" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<link href="images/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<link href="images/apple-touch-icon-180x180.png" sizes="180x180" rel="apple-touch-icon">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="maxw1700 mx-auto">
<div class="wrapper ovh">
<div class="preloader"></div>
<!-- Main Header Nav -->
<header class="header-nav nav-innerpage-style stricky main-menu at-home3 bdrb1">
<!-- Ace Responsive Menu -->
<nav class="posr">
<div class="container posr menu_bdrt1">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<div class="d-flex align-items-center justify-content-between">
<div class="logos mr20">
<a class="header-logo logo2" href="index.html"><img src="images/header-logo3.svg" alt="Header Logo"></a>
</div>
<!-- Responsive Menu Structure-->
<ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
<li class="visible_list"> <a class="list-item" href="#"><span class="title">Home</span></a>
<!-- Level Two-->
<ul>
<li><a href="index.html">Home V1</a></li>
<li><a href="index2.html">Home V2</a></li>
<li><a href="index3.html">Home V3</a></li>
<li><a href="index4.html">Home V4</a></li>
<li><a href="index5.html">Home V5</a></li>
<li><a href="index6.html">Home V6</a></li>
<li><a href="index7.html">Home V7</a></li>
<li><a href="index8.html">Home V8</a></li>
<li><a href="index9.html">Home V9</a></li>
<li><a href="index10.html">Home V10</a></li>
<li><a href="index11.html">Home V11</a></li>
<li><a href="index12.html">Home V12</a></li>
<li><a href="index13.html">Home V13</a></li>
<li><a href="index14.html">Home V14</a></li>
<li><a href="index15.html">Home V15</a></li>
<li><a href="index16.html">Home V16</a></li>
<li><a href="index17.html">Home V17</a></li>
<li><a href="index18.html">Home V18</a></li>
<li><a href="index19.html">Home V19</a></li>
<li><a href="index20.html">Home V20</a></li>
</ul>
</li>
<li class="visible_list"> <a class="list-item" href="#"><span class="title">Browse Jobs</span></a>
<ul >
<li> <a href="#"><span class="title">Services</span></a>
<ul>
<li><a href="page-service-v1.html">Service v1</a></li>
<li><a href="page-service-v2.html">Service v2</a></li>
<li><a href="page-service-v3.html">Service v3</a></li>
<li><a href="page-service-v4.html">Service v4</a></li>
<li><a href="page-service-v5.html">Service v5</a></li>
<li><a href="page-service-v6.html">Service v6</a></li>
<li><a href="page-service-v7.html">Service v7</a></li>
<li><a href="page-service-all.html">Service All</a></li>
<li><a href="page-service-single.html">Service Single</a></li>
<li><a href="page-service-single-v1.html">Single V1</a></li>
<li><a href="page-service-single-v2.html">Single V2</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Projects</span></a>
<ul>
<li><a href="page-project-v1.html">Project v1</a></li>
<li><a href="page-project-list-v1.html">List v1</a></li>
<li><a href="page-project-list-v2.html">List v2</a></li>
<li><a href="page-project-list-v3.html">List v3</a></li>
<li><a href="page-project-single.html">Project Single</a></li>
<li><a href="page-project-single-v1.html">Single V1</a></li>
<li><a href="page-project-single-v2.html">Single V2</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Job View</span></a>
<ul>
<li><a href="page-job-list-v1.html">Job list v1</a></li>
<li><a href="page-job-list-v2.html">Job list v2</a></li>
<li><a href="page-job-list-v3.html">Job list V3</a></li>
<li><a href="page-job-list-single.html">Job Single</a></li>
</ul>
</li>
</ul>
</li>
<li class="visible_list"> <a class="list-item" href="#"><span class="title">Users</span></a>
<ul>
<li> <a href="#"><span class="title">Dashboard</span></a>
<ul>
<li><a href="page-dashboard.html">Dashboard</a></li>
<li><a href="page-dashboard-proposal.html">Proposal</a></li>
<li><a href="page-dashboard-save.html">Saved</a></li>
<li><a href="page-dashboard-message.html">Message</a></li>
<li><a href="page-dashboard-reviews.html">Reviews</a></li>
<li><a href="page-dashboard-invoice.html">Invoice</a></li>
<li><a href="page-dashboard-payouts.html">Payouts</a></li>
<li><a href="page-dashboard-statement.html">Statement</a></li>
<li><a href="page-dashboard-manage-service.html">Manage Service</a></li>
<li><a href="page-dashboard-add-service.html">Add Services</a></li>
<li><a href="page-dashboard-manage-jobs.html">Manage Jobs</a></li>
<li><a href="page-dashboard-manage-project.html">Manage Project</a></li>
<li><a href="page-dashboard-create-project.html">Create Project</a></li>
<li><a href="page-dashboard-profile.html">My Profile</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Employee</span></a>
<ul>
<li><a href="page-employee-v1.html">Employee V1</a></li>
<li><a href="page-employee-v2.html">Employee V2</a></li>
<li><a href="page-employee-single.html">Employee Single</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Freelancer</span></a>
<ul>
<li><a href="page-freelancer-v1.html">Freelancer V1</a></li>
<li><a href="page-freelancer-v2.html">Freelancer V2</a></li>
<li><a href="page-freelancer-v3.html">Freelancer V3</a></li>
<li><a href="page-freelancer-list-v1.html">List V1</a></li>
<li><a href="page-freelancer-list-v2.html">List V2</a></li>
<li><a href="page-freelancer-list-v3.html">List V3</a></li>
<li><a href="page-freelancer-single.html">Freelancer Single</a></li>
<li><a href="page-freelancer-single-v1.html">Single V1</a></li>
<li><a href="page-freelancer-single-v2.html">Single V2</a></li>
</ul>
</li>
<li> <a href="page-become-seller.html"><span class="title">Become Seller</span></a></li>
</ul>
</li>
<li class="visible_list"> <a class="list-item" href="#"><span class="title">Pages</span></a>
<ul>
<li> <a href="#"><span class="title">About</span></a>
<ul>
<li><a href="page-about.html">About v1</a></li>
<li><a href="page-about-v2.html">About v2</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Blog</span></a>
<ul>
<li><a href="page-blog-v1.html">List V1</a></li>
<li><a href="page-blog-v2.html">List V2</a></li>
<li><a href="page-blog-v3.html">List V3</a></li>
<li><a href="page-blog-single.html">Single</a></li>
</ul>
</li>
<li> <a href="#"><span class="title">Shop</span></a>
<ul>
<li><a href="page-shop.html">List</a></li>
<li><a href="page-shop-single.html">Single</a></li>
<li><a href="page-shop-cart.html">Cart</a></li>
<li><a href="page-shop-checkout.html">Checkout</a></li>
<li><a href="page-shop-order.html">Order</a></li>
</ul>
</li>
<li><a href="page-contact.html">Contact</a></li>
<li><a href="page-error.html">404</a></li>
<li><a href="page-faq.html">Faq</a></li>
<li><a href="page-help.html">Help</a></li>
<li><a href="page-invoice.html">Invoices</a></li>
<li><a href="page-login.html">Login</a></li>
<li><a href="page-pricing.html">Pricing</a></li>
<li><a href="page-register.html">Register</a></li>
<li><a href="page-terms.html">Terms</a></li>
<li><a href="page-ui-element.html">UI Elements</a></li>
</ul>
</li>
<li> <a class="list-item" href="page-contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="d-flex align-items-center">
<a class="login-info" data-bs-toggle="modal" href="#exampleModalToggle" role="button"><span class="flaticon-loupe"></span></a>
<a class="login-info mx15-lg mx30" href="page-become-seller.html"><span class="d-none d-xl-inline-block">Become a</span> Seller</a>
<a class="login-info mr15-lg mr30" href="page-login.html">Sign in</a>
<a class="ud-btn btn-home3 add-joining" href="page-register.html">Join</a>
</div>
</div>
</div>
</div>
</nav>
</header>
<!-- Search Modal -->
<div class="search-modal">
<div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalToggleLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i class="fal fa-xmark"></i></button>
</div>
<div class="modal-body">
<div class="popup-search-field search_area">
<input type="text" class="form-control border-0" placeholder="What service are you looking for today?">
<label><span class="far fa-magnifying-glass"></span></label>
<button class="ud-btn btn-thm" type="submit">Search</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hiddenbar-body-ovelay"></div>
<!-- Mobile Nav -->
<div id="page" class="mobilie_header_nav stylehome1">
<div class="mobile-menu">
<div class="header bgc-thm5 bdrb1">
<div class="menu_and_widgets">
<div class="mobile_menu_bar d-flex justify-content-between align-items-center">
<a class="mobile_logo" href="#"><img src="images/header-logo2.svg" alt=""></a>
<div class="right-side text-end">
<a class="" href="page-login.html">join</a>
<a class="menubar ml30" href="#menu"><img src="images/mobile-dark-nav-icon.svg" alt=""></a>
</div>
</div>
</div>
<div class="posr"><div class="mobile_menu_close_btn"><span class="far fa-times"></span></div></div>
</div>
</div>
<!-- /.mobile-menu -->
<nav id="menu" class="">
<ul>
<li><span>Home</span>
<ul>
<li><a href="index.html">Home V1</a></li>
<li><a href="index2.html">Home V2</a></li>
<li><a href="index3.html">Home V3</a></li>
<li><a href="index4.html">Home V4</a></li>
<li><a href="index5.html">Home V5</a></li>
<li><a href="index6.html">Home V6</a></li>
<li><a href="index7.html">Home V7</a></li>
<li><a href="index8.html">Home V8</a></li>
<li><a href="index9.html">Home V9</a></li>
<li><a href="index10.html">Home V10</a></li>
<li><a href="index11.html">Home V11</a></li>
<li><a href="index12.html">Home V12</a></li>
<li><a href="index13.html">Home V13</a></li>
<li><a href="index14.html">Home V14</a></li>
<li><a href="index15.html">Home V15</a></li>
<li><a href="index16.html">Home V16</a></li>
<li><a href="index17.html">Home V17</a></li>
<li><a href="index18.html">Home V18</a></li>
<li><a href="index19.html">Home V19</a></li>
<li><a href="index20.html">Home V20</a></li>
</ul>
</li>
<li><span>Browse Jobs</span>
<ul>
<li><span>Services</span>
<ul>
<li><a href="page-service-v1.html">Service v1</a></li>
<li><a href="page-service-v2.html">Service v2</a></li>
<li><a href="page-service-v3.html">Service v3</a></li>
<li><a href="page-service-v4.html">Service v4</a></li>
<li><a href="page-service-v5.html">Service v5</a></li>
<li><a href="page-service-v6.html">Service v6</a></li>
<li><a href="page-service-v7.html">Service v7</a></li>
<li><a href="page-service-all.html">Service All</a></li>
<li><a href="page-service-single.html">Service Single</a></li>
<li><a href="page-service-single-v1.html">Single V1</a></li>
<li><a href="page-service-single-v2.html">Single V2</a></li>
</ul>
</li>
<li><span>Projects</span>
<ul>
<li><a href="page-project-v1.html">Project v1</a></li>
<li><a href="page-project-list-v1.html">List v1</a></li>
<li><a href="page-project-list-v2.html">List v2</a></li>
<li><a href="page-project-list-v3.html">List v3</a></li>
<li><a href="page-project-single.html">Project Single</a></li>
<li><a href="page-project-single-v1.html">Single V1</a></li>
<li><a href="page-project-single-v2.html">Single V2</a></li>
</ul>
</li>
<li><span>Job View</span>
<ul>
<li><a href="page-job-list-v1.html">Job list v1</a></li>
<li><a href="page-job-list-v2.html">Job list v2</a></li>
<li><a href="page-job-list-v3.html">Job list V3</a></li>
<li><a href="page-job-list-single.html">Job Single</a></li>
</ul>
</li>
</ul>
</li>
<li><span>Users</span>
<ul>
<li><span>Dashboard</span>
<ul>
<li><a href="page-dashboard.html">Dashboard</a></li>
<li><a href="page-dashboard-proposal.html">Proposal</a></li>
<li><a href="page-dashboard-save.html">Saved</a></li>
<li><a href="page-dashboard-message.html">Message</a></li>
<li><a href="page-dashboard-reviews.html">Reviews</a></li>
<li><a href="page-dashboard-invoice.html">Invoice</a></li>
<li><a href="page-dashboard-payouts.html">Payouts</a></li>
<li><a href="page-dashboard-statement.html">Statement</a></li>
<li><a href="page-dashboard-manage-service.html">Manage Service</a></li>
<li><a href="page-dashboard-add-service.html">Add Services</a></li>
<li><a href="page-dashboard-manage-jobs.html">Manage Jobs</a></li>
<li><a href="page-dashboard-manage-project.html">Manage Project</a></li>
<li><a href="page-dashboard-create-project.html">Create Project</a></li>
<li><a href="page-dashboard-profile.html">My Profile</a></li>
</ul>
</li>
<li><span>Employee</span>
<ul>
<li><a href="page-employee-v1.html">Employee V1</a></li>
<li><a href="page-employee-v2.html">Employee V2</a></li>
<li><a href="page-employee-single.html">Employee Single</a></li>
</ul>
</li>
<li><span>Freelancer</span>
<ul>
<li><a href="page-freelancer-v1.html">Freelancer V1</a></li>
<li><a href="page-freelancer-v2.html">Freelancer V2</a></li>
<li><a href="page-freelancer-v3.html">Freelancer V3</a></li>
<li><a href="page-freelancer-list-v1.html">List V1</a></li>
<li><a href="page-freelancer-list-v2.html">List V2</a></li>
<li><a href="page-freelancer-list-v3.html">List V3</a></li>
<li><a href="page-freelancer-single.html">Freelancer Single</a></li>
<li><a href="page-freelancer-single-v1.html">Single V1</a></li>
<li><a href="page-freelancer-single-v2.html">Single V2</a></li>
</ul>
</li>
<li><a href="page-become-seller.html">Become Seller</a></li>
</ul>
</li>
<li><span>Pages</span>
<ul>
<li><span>About</span>
<ul>
<li><a href="page-about.html">About v1</a></li>
<li><a href="page-about-v2.html">About v2</a></li>
</ul>
</li>
<li><span>Shop</span>
<ul>
<li><a href="page-shop.html">List</a></li>
<li><a href="page-shop-single.html">Single</a></li>
<li><a href="page-shop-cart.html">Cart</a></li>
<li><a href="page-shop-checkout.html">Checkout</a></li>
<li><a href="page-shop-order.html">Order</a></li>
</ul>
</li>
<li><a href="page-contact.html">Contact</a></li>
<li><a href="page-error.html">404</a></li>
<li><a href="page-faq.html">Faq</a></li>
<li><a href="page-help.html">Help</a></li>
<li><a href="page-invoice.html">Invoices</a></li>
<li><a href="page-login.html">Login</a></li>
<li><a href="page-pricing.html">Pricing</a></li>
<li><a href="page-register.html">Register</a></li>
<li><a href="page-terms.html">Terms</a></li>
<li><a href="page-ui-element.html">UI Elements</a></li>
</ul>
</li>
<li><span>Blog</span>
<ul>
<li><a href="page-blog-v1.html">List V1</a></li>
<li><a href="page-blog-v2.html">List V2</a></li>
<li><a href="page-blog-v3.html">List V3</a></li>
<li><a href="page-blog-single.html">Single</a></li>
</ul>
</li>
<!-- Only for Mobile View -->
</ul>
</nav>
</div>
<div class="body_content">
<section class="categories_list_section overflow-hidden bgc-thm5">
<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 href="#">Digital Marketing</a></li>
<li><a href="#">Writing & Translation</a></li>
<li><a href="#">Video & Animation</a></li>
<li><a class="active" 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>
<!-- Home Banner Style V1 -->
<section class="home3-hero">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-7">
<div class="home3-hero-content pe-xl-5 position-relative zi1">
<h2 class="title text-thm2 animate-up-1">Hire Experts & Get Your <br class="d-none d-lg-block">Any Job Done</h2>
<p class="ff-heading mb30 mt20 animate-up-2">Work with talented people at the most affordable price to get the most out of your time and cost</p>
<div class="advance-search-tab at-home3 default-box-shadow1 bgc-white bgct-sm bdrn-sm p10 p0-md bdrs4 position-relative zi9 animate-up-3">
<div class="row">
<div class="col-md-5 col-lg-6 col-xl-6">
<div class="advance-search-field mb10-sm">
<form class="form-search position-relative">
<div class="box-search">
<span class="icon far fa-magnifying-glass"></span>
<input class="form-control" type="text" name="search" placeholder="What are you looking for?">
<div class="search-suggestions">
<h6 class="fz14 ml30 mt25 mb-3">Popular Search</h6>
<div class="box-suggestions">
<ul class="px-0 m-0 pb-4">
<li>
<div class="info-product">
<div class="item_title">mobile app development</div>
</div>
</li>
<li>
<div class="info-product">
<div class="item_title">mobile app builder</div>
</div>
</li>
<li>
<div class="info-product">
<div class="item_title">mobile legends</div>
</div>
</li>
<li>
<div class="info-product">
<div class="item_title">mobile app ui ux design</div>
</div>
</li>
<li>
<div class="info-product">
<div class="item_title">mobile game app development</div>
</div>
</li>
<li>
<div class="info-product">
<div class="item_title">mobile app design</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xl-3 d-none d-md-block">
<div class="bselect-style1 bdrl1 bdrn-sm">
<select class="selectpicker" data-width="100%">
<option>City, state, or zip</option>
<option data-tokens="Graphics&Design">Graphics & Design</option>
<option data-tokens="DigitlMarketing">Digital Marketing</option>
<option data-tokens="Writing&Translation">Writing & Translation</option>
<option data-tokens="Video&Animation">Video & Animation</option>
<option data-tokens="Music&Audio">Music & Audio</option>
<option data-tokens="Programming&Tech">Programming & Tech</option>
</select>
</div>
</div>
<div class="col-md-3 col-lg-2 col-xl-3">
<div class="text-center text-xl-end">
<button class="ud-btn btn-home3 w-100-sm" type="button">Search</button>
</div>
</div>
</div>
</div>
<p class="text fz15 me-2 mb-0 mt30 animate-up-4">Trusted by</p>
<div class="home3-hero-partner mt20 animate-up-4">
<li class="d-inline-block me-3 me-sm-5 mb-3 mb-md-0"><img src="images/partners/1.png" alt=""></li>
<li class="d-inline-block me-3 me-sm-5 mb-3 mb-md-0"><img src="images/partners/2.png" alt=""></li>
<li class="d-inline-block me-3 me-sm-5 mb-3 mb-md-0"><img src="images/partners/3.png" alt=""></li>
<li class="d-inline-block"><img src="images/partners/4.png" alt=""></li>
</div>
</div>
</div>
<div class="col-xl-5 d-none d-xl-block">
<div class="position-relative">
<div class="home3-hero-img">
<div class="d-flex align-items-center">
<img src="images/about/home3-hero-img-1.jpg" alt="" class="animate-up-1">
<div class="wrapper ml10">
<img src="images/about/home3-hero-img-2.jpg" alt="" class="animate-up-2 mb10">
<img src="images/about/home3-hero-img-3.jpg" alt="" class="animate-up-3">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Popular Services -->
<section class="pt200 pb-0 pb30-md">
<div class="container">
<div class="row align-items-center wow fadeInUp">
<div class="col-lg-9 mx-auto">
<div class="main-title text-center mb30">
<h2 class="title">Popular Services</h2>
<p class="paragraph">Most viewed and all-time top-selling services</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="navpill-style2">
<ul class="nav nav-pills mb60 justify-content-center" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active fw500 dark-color" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Development & IT</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw500 dark-color" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Design & Creative</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw500 dark-color" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">Digital Marketing</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw500 dark-color" id="pills-music-tab" data-bs-toggle="pill" data-bs-target="#pills-music" type="button" role="tab" aria-controls="pills-music" aria-selected="false">Music & Audio</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link fw500 dark-color" id="pills-video-tab" data-bs-toggle="pill" data-bs-target="#pills-video" type="button" role="tab" aria-controls="pills-video" aria-selected="false">Video & Animation</button>
</li>
</ul>
<div class="tab-content ha" id="pills-tabContent">
<div class="tab-pane fade fz15 text show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-2.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title line-clamp2"><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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-5.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-6.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-7.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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>
<div class="tab-pane fade fz15 text" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-2.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title line-clamp2"><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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-5.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-6.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-7.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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>
<div class="tab-pane fade fz15 text" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-2.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title line-clamp2"><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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-5.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-6.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-7.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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>
<div class="tab-pane fade fz15 text" id="pills-audio" role="tabpanel" aria-labelledby="pills-audio-tab">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-2.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title line-clamp2"><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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-5.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-6.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-7.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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>
<div class="tab-pane fade fz15 text" id="pills-video" role="tabpanel" aria-labelledby="pills-video-tab">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-1.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-2.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle wa" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-3.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-4.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<p class="list-text body-color fz14 mb-1">Web & App Design</p>
<h5 class="list-title line-clamp2"><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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-4.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-5.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-1.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-6.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-2.png" alt="Freelancer Photo">
<span class="online-badges"></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="item">
<div class="listing-style1">
<div class="list-thumb">
<img class="w-100" src="images/listings/g-7.jpg" alt="">
<a href="" class="listing-fav fz12"><span class="far fa-heart"></span></a>
</div>
<div class="list-content">
<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 class="d-flex" href="">
<span class="position-relative mr10">
<img class="rounded-circle" src="images/team/fl-s-3.png" alt="Freelancer Photo">
<span class="online-badges"></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>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Talent by category -->
<section class="pb40-md pb90">
<div class="container">
<div class="row align-items-center wow fadeInUp" data-wow-delay="300ms">
<div class="col-lg-9">
<div class="main-title2">
<h2 class="title">Browse talent by category</h2>
<p class="paragraph">Get some Inspirations from 1800+ skills</p>
</div>
</div>
<div class="col-lg-3">
<div class="text-start text-lg-end mb-4 mb-lg-0">
<a class="ud-btn2" href="page-service-single.html">All Categories<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
<div class="row d-none d-lg-flex wow fadeInUp">
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-developer"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Development & <br class="d-none d-lg-block"> IT</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-web-design-1"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Design & <br class="d-none d-lg-block"> Creative</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-digital-marketing"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Digital <br class="d-none d-lg-block"> Marketing</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-translator"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Writing & <br class="d-none d-lg-block"> Translation</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-microphone"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Music & <br class="d-none d-lg-block"> Audio</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-video-file"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Video & <br class="d-none d-lg-block"> Animation</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-ruler"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Engineering & <br class="d-none d-lg-block"> Architecture</h5>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style1 bdr1 d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-goal"></span></div>
<div class="details ml40">
<p class="mb-0 text">1.853 skills</p>
<h5 class="title">Finance & <br class="d-none d-lg-block"> Accounting</h5>
</div>
</div>
</div>
</div>
<div class="row d-block d-lg-none">
<div class="col-lg-12">
<div class="slider-outer-dib navi_pagi_top_right slider-5-grid owl-carousel owl-theme wow fadeInUp">
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-developer"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Development & IT</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-web-design-1"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Design & Creative</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-digital-marketing"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Digital Marketing</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-translator"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Writing & Translation</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-microphone"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Music & Audio</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-video-file"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Video & Animation</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-ruler"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Engineering & Architecture</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
<div class="item">
<div class="iconbox-style1">
<div class="icon"><span class="flaticon-goal"></span></div>
<div class="details mt20">
<p class="text mb5">1.853 skills</p>
<h4 class="title">Finance & Accounting</h4>
<p class="mb-0">Software Engineer, Web / Mobile Developer & More</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Us -->
<section class="pt0 pb40-md">
<div class="cta-banner bgc-light-yellow mx-auto maxw1700 pt110 pb80 pb30-md bdrs12 position-relative">
<div class="container">
<div class="row align-items-start align-items-xl-center">
<div class="col-md-6 col-lg-7 col-xl-6">
<div class="position-relative mb35 mb0-sm wow fadeInRight" data-wow-delay="300ms">
<div class="freelancer-widget d-none d-lg-block">
<h5 class="title mb20"><span class="text-thm">200+</span> Verified Freelancer</h5>
<div class="thumb d-flex align-items-center mb20">
<div class="flex-shrink-0">
<img class="wa" src="images/team/ea-1.png" alt="">
</div>
<div class="flex-grow-1 ml20">
<h6 class="title mb-0">Marvin McKinney</h6>
<p class="fz14 mb-0">Designer</p>
</div>
</div>
<div class="thumb d-flex align-items-center mb20">
<div class="flex-shrink-0">
<img class="wa" src="images/team/ea-2.png" alt="">
</div>
<div class="flex-grow-1 ml20">
<h6 class="title mb-0">Ralph Edwards</h6>
<p class="fz14 mb-0">Designer</p>
</div>
</div>
<div class="thumb d-flex align-items-center mb20">
<div class="flex-shrink-0">
<img class="wa" src="images/team/ea-3.png" alt="">
</div>
<div class="flex-grow-1 ml20">
<h6 class="title mb-0">Annette Black</h6>
<p class="fz14 mb-0">Designer</p>
</div>
</div>
<div class="thumb d-flex align-items-center">
<div class="flex-shrink-0">
<img class="wa" src="images/team/ea-4.png" alt="">
</div>
<div class="flex-grow-1 ml20">
<h6 class="title mb-0">Jane Cooper</h6>
<p class="fz14 mb-0">Designer</p>
</div>
</div>
</div>
<div class="freelancer-style1 about-page-style text-center d-none d-lg-block">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle"><img class="rounded-circle mx-auto" src="images/team/fl-2.png" alt=""><span class="online"></span></div>
<div class="details">
<h5 class="title mb-1">Kristin Watson</h5>
<p class="mb-0">Dog Trainer</p>
<div class="review"><p><i class="fas fa-star fz10 review-color pr10"></i><span class="dark-color">4.9</span> (595 reviews)</p></div>
<div class="skill-tags d-flex align-items-center justify-content-center">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr>
<div class="fl-meta d-flex align-items-center justify-content-between">
<a class="meta fw500 text-start">Location<br><span class="fz14 fw400">London</span></a>
<a class="meta fw500 text-start">Rate<br><span class="fz14 fw400">$90 / hr</span></a>
<a class="meta fw500 text-start">Job Success<br><span class="fz14 fw400">%98</span></a>
</div>
</div>
</div>
<img class="d-block d-lg-none w-100" src="images/about/verified-freelancer.png" alt="">
<div class="imgbox-about-page position-relative d-none d-xl-block">
<img class="img-1 spin-right" src="images/about/element-1.png" alt="">
<img class="img-2 bounce-x" src="images/about/element-2.png" alt="">
<img class="img-3 bounce-y" src="images/about/element-3.png" alt="">
<img class="img-4 bounce-y" src="images/about/element-4.png" alt="">
<img class="img-5 spin-right" src="images/about/element-5.png" alt="">
</div>
</div>
</div>
<div class="col-md-6 col-lg-5 col-xl-5 offset-xl-1">
<div class="about-box-1 pe-4 mt100 mt0-lg mb30-lg wow fadeInLeft" data-wow-delay="300ms">
<h2 class="title mb10">Truested By Best <br>Freelancer</h2>
<p class="text mb25 mb30-md">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod <br> tempor incididunt.</p>
<div class="list-style3 mb40 mb30-md">
<ul>
<li><i class="far fa-check text-white bgc-review-color2"></i>Last Education of Bachelor Degree</li>
<li><i class="far fa-check text-white bgc-review-color2"></i>More Than 15 Years Experience</li>
<li><i class="far fa-check text-white bgc-review-color2"></i>12 Education Award Winning</li>
</ul>
</div>
<a href="page-service-single.html" class="ud-btn btn-thm2">See More<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Partners -->
<section class="our-partners pt0">
<div class="container">
<div class="row wow fadeInUp">
<div class="col-lg-12">
<div class="main-title text-center">
<h6>Trusted by the world’s best</h6>
</div>
</div>
</div>
<div class="row wow fadeInUp">
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/1.png" alt="1.png"></div>
</div>
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/2.png" alt="2.png"></div>
</div>
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/3.png" alt="3.png"></div>
</div>
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/4.png" alt="4.png"></div>
</div>
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/5.png" alt="5.png"></div>
</div>
<div class="col-6 col-md-4 col-xl-2">
<div class="partner_item text-center mb30-lg"><img class="wa m-auto" src="images/partners/6.png" alt="6.png"></div>
</div>
</div>
</div>
</section>
<!-- CTA Banner -->
<section class="p-0">
<div class="cta-banner3 mx-auto maxw1600 pt120 pt60-lg pb90 pb60-lg position-relative overflow-hidden">
<div class="container">
<div class="row">
<div class="col-xl-5 wow fadeInRight">
<div class="mb30">
<div class="main-title">
<h2 class="title">A whole world of freelance <br class="d-none d-xl-block"> talent at your fingertips</h2>
</div>
</div>
<div class="why-chose-list">
<div class="list-one d-flex align-items-start mb30">
<span class="list-icon flex-shrink-0 flaticon-badge"></span>
<div class="list-content flex-grow-1 ml20">
<h4 class="mb-1">Proof of quality</h4>
<p class="text mb-0 fz15">Check any pro’s work samples, client reviews, and identity <br class="d-none d-lg-block"> verification.</p>
</div>
</div>
<div class="list-one d-flex align-items-start mb30">
<span class="list-icon flex-shrink-0 flaticon-money"></span>
<div class="list-content flex-grow-1 ml20">
<h4 class="mb-1">No cost until you hire</h4>
<p class="text mb-0 fz15">Interview potential fits for your job, negotiate rates, and only pay <br class="d-none d-lg-block"> for work you approve.</p>
</div>
</div>
<div class="list-one d-flex align-items-start mb30">
<span class="list-icon flex-shrink-0 flaticon-security"></span>
<div class="list-content flex-grow-1 ml20">
<h4 class="mb-1">Safe and secure</h4>
<p class="text mb-0 fz15">Focus on your work knowing we help protect your data and privacy. We’re here with 24/7 support if you need it.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<img class="cta-banner3-img wow fadeInLeft" src="images/about/about-5.jpg" alt="" data-wow-delay="300ms">
</div>
</section>
<!-- Customers Testimonials -->
<section>
<div class="container">
<div class="row wow fadeInUp">
<div class="col-lg-12">
<div class="home3-testimonial-slider navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<div class="row align-items-center">
<div class="col-lg-5 col-xl-4">
<div class="testimonial-style4-img position-relative">
<img class="bdrs4" src="images/about/about-8.jpg" alt="">
</div>
</div>
<div class="col-lg-6 col-xl-8">
<div class="testimonial-style4 position-relative">
<h2 class="sub-title text-thm mb25">Envato</h2>
<h4 class="title mb35">“ I have used Freeio numerous times for several different companies. I have always had great experiences. I once tried using someone else and I ended up having to cancel the order and move back to Freeio. ”</h4>
<h6 class="author fz14">Courtney Henry</h6>
<p class="desig mb-0">Product Manager | Envato</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row align-items-center">
<div class="col-lg-5 col-xl-4">
<div class="testimonial-style4-img position-relative">
<img class="bdrs4" src="images/about/about-8.jpg" alt="">
</div>
</div>
<div class="col-lg-6 col-xl-8">
<div class="testimonial-style4 position-relative">
<h2 class="sub-title text-thm mb25">Envato</h2>
<h4 class="title mb35">“ I have used Freeio numerous times for several different companies. I have always had great experiences. I once tried using someone else and I ended up having to cancel the order and move back to Freeio. ”</h4>
<h6 class="author fz14">Courtney Henry</h6>
<p class="desig mb-0">Product Manager | Envato</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Banner -->
<section class="cta-banner-about2 mx-auto maxw1700 position-relative pt60-lg pb60-lg">
<img class="cta-about2-img bdrs4 d-none d-xl-block" src="images/about/about-9.jpg" alt="">
<div class="container">
<div class="row">
<div class="col-md-11 wow fadeInUp" data-wow-delay="200ms">
<div class="main-title">
<h2 class="title text-capitalize">Need something done?</h2>
<p class="text">Most viewed and all-time top-selling services</p>
</div>
</div>
</div>
<div class="row wow fadeInDown" data-wow-delay="400ms">
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style9 default-box-shadow1 bgc-white p40 bdrs12 position-relative mb30">
<span class="icon fz40 flaticon-cv"></span>
<h4 class="iconbox-title mt20">Post a job</h4>
<p class="text mb-0">It’s free and easy to post a job.<br class="d-none d-md-block"> Simply fill in a title, description.</p>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style9 default-box-shadow1 bgc-white p40 bdrs12 position-relative mb30">
<span class="icon fz40 flaticon-web-design"></span>
<h4 class="iconbox-title mt20">Choose freelancers</h4>
<p class="text mb-0">It’s free and easy to post a job.<br class="d-none d-md-block"> Simply fill in a title, description.</p>
</div>
</div>
<div class="col-sm-6 col-lg-4 col-xl-3">
<div class="iconbox-style9 default-box-shadow1 bgc-white p40 bdrs12 position-relative mb30">
<span class="icon fz40 flaticon-secure"></span>
<h4 class="iconbox-title mt20">Pay safely</h4>
<p class="text mb-0">It’s free and easy to post a job.<br class="d-none d-md-block"> Simply fill in a title, description.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Faq Area -->
<section class="our-faq pb90">
<div class="container">
<div class="row">
<div class="col-lg-6 m-auto wow fadeInUp" data-wow-delay="300ms">
<div class="main-title text-center">
<h2 class="title">Frequently Asked Questions</h2>
<p class="paragraph mt10">Give your visitor a smooth online experience with a solid UX design</p>
</div>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay="300ms">
<div class="col-lg-8 mx-auto">
<div class="ui-content">
<div class="accordion-style1 faq-page mb-4 mb-lg-5">
<div class="accordion" id="accordionExample">
<div class="accordion-item active">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">What methods of payments are supported?</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec. Sagittis, id volutpat erat vel.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Can I cancel at anytime?</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec. Sagittis, id volutpat erat vel.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How do I get a receipt for my purchase?</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec. Sagittis, id volutpat erat vel.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Which license do I need?</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec. Sagittis, id volutpat erat vel.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">How do I get access to a theme I purchased?</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec. Sagittis, id volutpat erat vel.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our CTA -->
<section class="our-cta cta-home3-last pt90 pb90 pt60-md pb60-md mt100 mt0-lg">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6 col-lg-7 col-xl-5 wow fadeInLeft">
<div class="cta-style3">
<h2 class="cta-title">Find the talent needed to get your business growing.</h2>
<p class="cta-text">Advertise your jobs to millions of monthly users and search 15.8 million CVs</p>
<a href="page-contact.html" class="ud-btn btn-thm2">Get Started <i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-5 col-xl-5 position-relative wow zoomIn">
<div class="cta-img">
<img class="w-100" src="images/about/about-5.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Our Footer -->
<section class="footer-style1 pt25 pb-0">
<div class="container">
<div class="row bb-white-light pb10 mb60">
<div class="col-md-7">
<div class="d-block text-center text-md-start justify-content-center justify-content-md-start d-md-flex align-items-center mb-3 mb-md-0">
<a class="fz17 fw500 text-white mr15-md mr30" href="">Terms of Service</a>
<a class="fz17 fw500 text-white mr15-md mr30" href="">Privacy Policy</a>
<a class="fz17 fw500 text-white" href="">Site Map</a>
</div>
</div>
<div class="col-md-5">
<div class="social-widget text-center text-md-end">
<div class="social-style1">
<a class="text-white me-2 fw500 fz17" href="">Follow us</a>
<a href=""><i class="fab fa-facebook-f list-inline-item"></i></a>
<a href=""><i class="fab fa-twitter list-inline-item"></i></a>
<a href=""><i class="fab fa-instagram list-inline-item"></i></a>
<a href=""><i class="fab fa-linkedin-in list-inline-item"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">About</h5>
<div class="link-list">
<a href="">Careers</a>
<a href="">Press & News</a>
<a href="">Partnerships</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Service</a>
<a href="">Investor Relations</a>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">Categories</h5>
<ul class="ps-0">
<li><a href="">Graphics & Design</a></li>
<li><a 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="">Data</a></li>
<li><a href="">Business</a></li>
<li><a href="">Lifestyle</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">Support</h5>
<ul class="ps-0">
<li><a href="">Help & Support</a></li>
<li><a href="">Trust & Safety</a></li>
<li><a href="">Selling on Freeio</a></li>
<li><a href="">Buying on Freeio</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-widget">
<div class="footer-widget mb-4 mb-sm-5">
<div class="mailchimp-widget">
<h5 class="title text-white mb20">Subscribe</h5>
<div class="mailchimp-style1">
<input type="email" class="form-control" placeholder="Your email address">
<button type="submit">Send</button>
</div>
</div>
</div>
<div class="app-widget mb-4 mb-sm-5">
<h5 class="title text-white mb20">Apps</h5>
<div class="row mb-4 mb-lg-5">
<div class="col-lg-12">
<a class="app-list d-flex align-items-center mb10" href="">
<i class="fab fa-apple fz17 mr15"></i>
<h6 class="app-title fz15 fw400 mb-0">iOS App</h6>
</a>
<a class="app-list d-flex align-items-center" href="">
<i class="fab fa-google-play fz15 mr15"></i>
<h6 class="app-title fz15 fw400 mb-0">Android App</h6>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container white-bdrt1 py-4">
<div class="row align-items-center">
<div class="col-md-6">
<div class="text-center text-lg-start">
<p class="copyright-text mb-2 mb-md-0 text-white-light ff-heading">© Freeio. 2023 CreativeLayers. All rights reserved.</p>
</div>
</div>
<div class="col-md-6">
<div class="footer_bottom_right_btns text-center text-lg-end">
<ul class="p-0 m-0">
<li class="list-inline-item">
<select class="selectpicker show-tick">
<option>US$ USD</option>
<option>Euro</option>
<option>Pound</option>
</select>
</li>
<li class="list-inline-item">
<select class="selectpicker show-tick">
<option>English</option>
<option>Frenc</option>
<option>Italian</option>
<option>Spanish</option>
<option>Turkey</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a>
</div>
</div>
<!-- Wrapper End -->
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery.mmenu.all.js"></script>
<script src="js/ace-responsive-menu.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/parallax.js"></script>
<!-- Custom script for all pages -->
<script src="js/script.js"></script>
</body>
</html>