| 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/public_html/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>
<div class="wrapper ovh">
<div class="preloader"></div>
<!-- Main Header Nav -->
<header class="header-nav nav-innerpage-style stricky main-menu bdrb1">
<!-- Ace Responsive Menu -->
<nav class="posr">
<div class="container-fluid 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>
<div class="home1_style bdrl1">
<div id="mega-menu">
<a class="btn-mega fw500" href="#"><span class="pl30 pl10-xl pr5 fz15 vam flaticon-menu"></span> Categories</a>
<ul class="menu ps-0">
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-developer"></span> <span class="menu-title">Development & IT</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-web-design-1"></span> <span class="menu-title">Design & Creative</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-digital-marketing"></span> <span class="menu-title">Digital Marketing</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-translator"></span> <span class="menu-title">Writing & Translation</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-microphone"></span> <span class="menu-title">Music & Audio</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-video-file"></span> <span class="menu-title">Video & Animation</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-ruler"></span> <span class="menu-title">Engineering & Architecture</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="dropdown" href="#"> <span class="menu-icn flaticon-goal"></span> <span class="menu-title">Finance & Accounting</span> </a>
<div class="drop-menu d-flex justify-content-between">
<div class="one-third">
<div class="h6 cat-title">Web & App Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Website Design</a></li>
<li><a href="#">App DesignUX Design</a></li>
<li><a href="#">Landing Page Design</a></li>
<li><a href="#">Icon Design</a></li>
</ul>
<div class="h6 cat-title">Marketing Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">Social Media Design</a></li>
<li><a href="#">Email Design</a></li>
<li><a href="#">Web Banners</a></li>
<li><a href="#">Signage Design</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Art & Illustration</div>
<ul class="ps-0 mb40">
<li><a href="#">Illustration</a></li>
<li><a href="#">NFT Art</a></li>
<li><a href="#">Pattern Design</a></li>
<li><a href="#">Portraits & Caricatures</a></li>
<li><a href="#">Cartoons & Comics</a></li>
<li><a href="#">Tattoo Design</a></li>
<li><a href="#">Storyboards</a></li>
</ul>
<div class="h6 cat-title">Gaming</div>
<ul class="ps-0 mb-0">
<li><a href="#">Game Art</a></li>
<li><a href="#">Graphics for Streamers</a></li>
<li><a href="#">Twitch Store</a></li>
</ul>
</div>
<div class="one-third">
<div class="h6 cat-title">Visual Design</div>
<ul class="ps-0 mb40">
<li><a href="#">Image Editing</a></li>
<li><a href="#">Presentation Design</a></li>
<li><a href="#">Infographic Design</a></li>
<li><a href="#">Vector Tracing</a></li>
<li><a href="#">Resume Design</a></li>
</ul>
<div class="h6 cat-title">Print Design</div>
<ul class="ps-0 mb-0">
<li><a href="#">T-Shirts & Merchandise</a></li>
<li><a href="#">Flyer Design</a></li>
<li><a href="#">Brochure Design</a></li>
<li><a href="#">Poster Design</a></li>
<li><a href="#">Catalog Design</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="d-flex align-items-center">
<!-- 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>
<a class="login-info bdrl1 pl15-lg pl30" data-bs-toggle="modal" href="#exampleModalToggle" role="button"><span class="flaticon-loupe vam"></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-dark 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 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-logo-dark.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">
<!-- Home Banner Style V1 -->
<section class="hero-home10 p-0 overflow-hidden">
<div class="container-fluid p-0">
<div class="row">
<div class="col-lg-12">
<div class="main-banner-wrapper home9-hero-content">
<div class="navi_pagi_vertical_right dots_nav_light banner-style-one slider-1-grid owl-theme owl-carousel">
<div class="slide slide-one" style="background-image: url(images/home/home-2.jpg);"></div>
<div class="slide slide-one" style="background-image: url(images/home/home-3.jpg);"></div>
<div class="slide slide-one" style="background-image: url(images/home/home-1.jpg);"></div>
</div>
<!-- /.carousel-btn-block banner-carousel-btn -->
</div>
<!-- /.main-banner-wrapper -->
</div>
</div>
</div>
<div class="home1-banner-content at-home9">
<div class="container">
<div class="row">
<div class="col-xl-7">
<h3 class="banner-title">Freelance Services For <br class="d-none d-lg-block">Your Business</h3>
<p class="banner-text text-white ff-heading mb30">Millions of people use freeio.com to turn their ideas into reality.</p>
<div class="advance-search-tab bgc-white bdrs60 p10 bdrs4-sm banner-btn position-relative zi9">
<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">
<div class="bselect-style1 bdrl1 bdrn-sm">
<select class="selectpicker" data-width="100%">
<option>City, state, or zip</option>
<option data-tokens="Miami">Miami</option>
<option data-tokens="NewYork">New York</option>
</select>
</div>
</div>
<div class="col-md-3 col-lg-2 col-xl-3">
<div class="text-center text-xl-start">
<button class="ud-btn btn-dark bdrs60 bdrs4-sm w-100" type="button">Search</button>
</div>
</div>
</div>
</div>
<p class="banner-text text-white ff-heading mt30 mb15">Popular Searches</p>
<div class="home9-tags d-md-flex align-items-center banner-btn">
<a class="bdrs60 mb-2 mb-md-0" href="">Designer</a>
<a class="bdrs60 mb-2 mb-md-0" href="">Developer</a>
<a class="bdrs60 mb-2 mb-md-0" href="">Web</a>
<a class="bdrs60 mb-2 mb-md-0" href="">IOS</a>
<a class="bdrs60 mb-2 mb-md-0" href="">PHP</a>
<a class="bdrs60 mb-2 mb-md-0" href="">Senior</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Partners -->
<section class="our-partners">
<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>
<!-- talent by category -->
<section class="pb40-md pb90 pt-0">
<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">Aliquam lacinia diam quis lacus euismod</p>
</div>
</div>
<div class="col-lg-3">
<div class="text-start text-lg-end mb-4">
<a class="ud-btn3 ud-btn btn-white2 double-border bdrs60" href="page-project-v1.html">All Category<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 wow fadeInUp" data-wow-delay="300ms">
<div class="dots_none slider-dib-sm slider-5-grid vam_nav_style owl-theme owl-carousel">
<div class="item">
<div class="feature-style1 mb30 bdrs16">
<div class="feature-img bdrs16 overflow-hidden"><img class="w-100" src="images/listings/category-1.jpg" alt=""></div>
<div class="feature-content">
<div class="top-area">
<h6 class="title mb-1">1.853 skills</h6>
<h5 class="text">Development & <br class="d-none d-lg-block">IT</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="feature-style1 mb30 bdrs16">
<div class="feature-img bdrs16 overflow-hidden"><img class="w-100" src="images/listings/category-2.jpg" alt=""></div>
<div class="feature-content">
<div class="top-area">
<h6 class="title mb-1">1.853 skills</h6>
<h5 class="text">Design & <br class="d-none d-lg-block">Creative</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="feature-style1 mb30 bdrs16">
<div class="feature-img bdrs16 overflow-hidden"><img class="w-100" src="images/listings/category-3.jpg" alt=""></div>
<div class="feature-content">
<div class="top-area">
<h6 class="title mb-1">1.853 skills</h6>
<h5 class="text">Digital <br class="d-none d-lg-block">Marketing</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="feature-style1 mb30 bdrs16">
<div class="feature-img bdrs16 overflow-hidden"><img class="w-100" src="images/listings/category-4.jpg" alt=""></div>
<div class="feature-content">
<div class="top-area">
<h6 class="title mb-1">1.853 skills</h6>
<h5 class="text">Writing & <br class="d-none d-lg-block">Translation</h5>
</div>
</div>
</div>
</div>
<div class="item">
<div class="feature-style1 mb30 bdrs16">
<div class="feature-img bdrs16 overflow-hidden"><img class="w-100" src="images/listings/category-5.jpg" alt=""></div>
<div class="feature-content">
<div class="top-area">
<h6 class="title mb-1">1.853 skills</h6>
<h5 class="text">Music & <br class="d-none d-lg-block">Audio</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Popular Services -->
<section class="pt-0 pb-0 pb30-md">
<div class="container">
<div class="row align-items-center wow fadeInUp">
<div class="col-xl-3">
<div class="main-title mb30-lg">
<h2 class="title">Popular Services</h2>
<p class="paragraph">Most viewed and all-time top-selling services</p>
</div>
</div>
<div class="col-xl-9">
<div class="navpill-style2 at-home9 mb50-lg">
<ul class="nav nav-pills mb20 justify-content-xl-end" 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>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="navpill-style2">
<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="row">
<div class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 default-box-shadow1 bdrs16">
<div class="list-thumb">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<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="item">
<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="item">
<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="item">
<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>
</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 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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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 class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-lg-12">
<div class="text-center mt30">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-service-v1.html">All Services<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade fz15 text" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="row">
<div class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 default-box-shadow1 bdrs16">
<div class="list-thumb">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<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="item">
<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="item">
<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="item">
<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>
</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 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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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 class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-lg-12">
<div class="text-center mt30">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-service-v1.html">All Services<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade fz15 text" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
<div class="row">
<div class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 default-box-shadow1 bdrs16">
<div class="list-thumb">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<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="item">
<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="item">
<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="item">
<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>
</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 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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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 class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-lg-12">
<div class="text-center mt30">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-service-v1.html">All Services<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade fz15 text" id="pills-audio" role="tabpanel" aria-labelledby="pills-audio-tab">
<div class="row">
<div class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 default-box-shadow1 bdrs16">
<div class="list-thumb">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<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="item">
<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="item">
<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="item">
<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>
</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 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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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 class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-lg-12">
<div class="text-center mt30">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-service-v1.html">All Services<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade fz15 text" id="pills-video" role="tabpanel" aria-labelledby="pills-video-tab">
<div class="row">
<div class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 default-box-shadow1 bdrs16">
<div class="list-thumb">
<div class="listing-thumbIn-slider position-relative navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme">
<div class="item">
<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="item">
<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="item">
<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="item">
<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>
</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 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 class="listing-style1 bdrs16">
<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="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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 class="col-sm-6 col-xl-3">
<div class="listing-style1 bdrs16">
<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 class="listing-style1 bdrs16">
<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="col-lg-12">
<div class="text-center mt30">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-service-v1.html">All Services<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our CTA -->
<section class="our-cta bgc-thm4 maxw1400 mx-auto pt80 pb90 pt60-md pb60-md mt110 mt0-lg bdrs16">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-7 col-xl-5 wow fadeInLeft">
<div class="cta-style3 pl80 pl0-lg">
<h2 class="cta-title">With talented freelancers do more work.</h2>
<div class="d-sm-flex align-items-center mt30">
<a href="page-project-v1.html" class="ud-btn btn-dark bdrs60 me-sm-3">Find Work <i class="fal fa-arrow-right-long"></i></a>
<a href="page-freelancer-v1.html" class="ud-btn btn-transparent double-border bdrs60">Find Talent <i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
<div class="col-md-5 col-xl-4 position-relative wow zoomIn">
<div class="cta-img me-4">
<img class="w-100" src="images/about/about-6.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Highest Rated Freelancers -->
<section class="pb120">
<div class="container">
<div class="row align-items-center wow fadeInUp">
<div class="col-lg-9">
<div class="main-title">
<h2 class="title">Highest Rated Freelancers</h2>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
<div class="col-lg-3">
<div class="text-start text-lg-end mb-4">
<a class="ud-btn btn-white2 double-border bdrs60" href="page-freelancer-v1.html">All Freelancers<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="navi_pagi_bottom_center slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle">
<img class="rounded-circle mx-auto" src="images/team/fl-1.png" alt="">
<span class="online"></span>
</div>
<div class="details">
<h5 class="title mb-1">Robert Fox</h5>
<p class="mb-0">Nursing Assistant</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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle">
<img class="rounded-circle mx-auto" src="images/team/fl-3.png" alt="">
<span class="online"></span>
</div>
<div class="details">
<h5 class="title mb-1">Darrell Steward</h5>
<p class="mb-0">Medical Assistant</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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle">
<img class="rounded-circle mx-auto" src="images/team/fl-4.png" alt="">
<span class="online"></span>
</div>
<div class="details">
<h5 class="title mb-1">Theresa Webb</h5>
<p class="mb-0">Marketing Coordinator</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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle">
<img class="rounded-circle mx-auto" src="images/team/fl-1.png" alt="">
<span class="online"></span>
</div>
<div class="details">
<h5 class="title mb-1">Robert Fox</h5>
<p class="mb-0">Nursing Assistant</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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="freelancer-style1 text-center bdr1 hover-box-shadow mb60 bdrs16">
<div class="thumb w90 mb25 mx-auto position-relative rounded-circle">
<img class="rounded-circle mx-auto" src="images/team/fl-3.png" alt="">
<span class="online"></span>
</div>
<div class="details">
<h5 class="title mb-1">Darrell Steward</h5>
<p class="mb-0">Medical Assistant</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 mb5">
<span class="tag">Figma</span>
<span class="tag mx10">Sketch</span>
<span class="tag">HTML5</span>
</div>
<hr class="opacity-100 mt20 mb15">
<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 class="d-grid mt15">
<a href="page-freelancer-single.html" class="ud-btn btn-white2 double-border bdrs60">View Profile<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Funfact -->
<section class="hover-bgc-color pb90 pb30-md overflow-hidden">
<img class="left-top-img wow zoomIn d-none d-lg-block" src="images/vector-img/left-top.png" alt="">
<img class="right-bottom-img wow zoomIn d-none d-lg-block" src="images/vector-img/right-bottom.png" alt="">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-xl-4 wow fadeInRight" data-wow-delay="100ms">
<div class="cta-style6 mb30-sm">
<h2 class="cta-title mb25">Find the talent needed to <br class="d-none d-lg-block">get your business growing.</h2>
<p class="text-thm2 fz15 mb25">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed <br class="d-none d-md-block"> do eiusmod tempor incididunt.</p>
<a href="page-contact.html" class="ud-btn btn-dark bdrs60">Get Started <i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
<div class="col-md-6 col-xl-6 offset-xl-2 wow fadeInLeft" data-wow-delay="300ms">
<div class="row align-items-center position-relative">
<div class="home9-floating-img position-absolute"><img class="w-100-lg" src="images/about/element-6.png" alt=""></div>
<div class="col-sm-6">
<div class="funfact-style1 bdrs16 text-center ms-md-auto">
<ul class="ps-0 mb-0 d-flex justify-content-center">
<li><div class="timer title mb15">4</div></li>
<li><span>.9/5</span></li>
</ul>
<p class="fz15 dark-color">Clients rate <br>professionals on Freeio</p>
</div>
<div class="funfact-style1 bdrs16 text-center ms-md-auto">
<ul class="ps-0 mb-0 d-flex justify-content-center">
<li><div class="timer title mb15">96</div></li>
<li><span>%</span></li>
</ul>
<p class="fz15 dark-color">95% of customers are satisfied through to see their <br>freelancers</p>
</div>
</div>
<div class="col-sm-6">
<div class="funfact-style1 bdrs16 text-center">
<ul class="ps-0 mb-0 d-flex justify-content-center">
<li><div class="title mb15">Award</div></li>
</ul>
<p class="fz15 dark-color">G2’s 2021 Best <br>Software Awards</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Trending Services -->
<section class="bgc-dark pb90 pb30-md">
<div class="container">
<div class="row align-items-center wow fadeInUp">
<div class="col-lg-9">
<div class="main-title">
<h2 class="title text-white">Trending Services</h2>
<p class="paragraph text-white">Most viewed and all-time top-selling services</p>
</div>
</div>
<div class="col-lg-3">
<div class="text-lg-end mb-4">
<a href="page-contact.html" class="ud-btn btn-light-white bdrs60">Get Started <i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="slider-outer-dib vam_nav_style dots_none slider-4-grid owl-carousel owl-theme">
<div class="item">
<div class="listing-style1 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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 class="item">
<div class="listing-style1 border-0 default-box-shadow1 bdrs16">
<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 border-0 default-box-shadow1 bdrs16">
<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>
</div>
</div>
</div>
</section>
<!-- Learn With Freeio -->
<section class="bgc-light-yellow">
<div class="container">
<div class="row align-items-md-center">
<div class="col-md-6 col-lg-8 mb30-md wow fadeInUp" data-wow-delay="100ms">
<div class="main-title">
<h2 class="title">People Love To Learn With Freeio</h2>
<p class="paragraph">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="row">
<div class="col-sm-6 col-lg-4">
<div class="funfact_one">
<div class="details">
<ul class="ps-0 d-flex mb-0">
<li><div class="timer">4</div></li>
<li><div>.</div></li>
<li><div class="timer">9</div></li>
<li><span>/</span></li>
<li><div class="timer">5</div></li>
</ul>
<p class="text mb-0">Clients rate professionals on Freeio</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="funfact_one">
<div class="details">
<ul class="ps-0 d-flex mb-0">
<li><div class="timer">99</div></li>
<li><span>%</span></li>
</ul>
<p class="text mb-0">95% of customers are satisfied <br> through to see their freelancers</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="funfact_one">
<div class="details">
<h2>Award winner</h2>
<p class="text mb-0">Home ownership</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-4">
<div class="testimonial-slider2 navi_pagi_bottom_center slider-1-grid owl-carousel owl-theme wow fadeInUp" data-wow-delay="300ms">
<div class="item">
<div class="testimonial-style1 default-box-shadow1 position-relative mb25">
<div class="testimonial-content">
<h4 class="title text-thm">Great Work</h4>
<span class="icon fas fa-quote-left"></span>
<h4 class="t_content">“I found the course material to be highly engaging, and the instructors to be helpful and communicative.”</h4>
</div>
<div class="thumb d-flex align-items-center">
<div class="flex-shrink-0">
<img class="wa" src="images/testimonials/testimonial-1.png" alt="">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0">Courtney Henry</h6>
<p class="fz14 mb-0">Web Designer</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-style1 default-box-shadow1 position-relative mb25">
<div class="testimonial-content">
<h4 class="title text-thm">Great Work</h4>
<span class="icon fas fa-quote-left"></span>
<h4 class="t_content">“I found the course material to be highly engaging, and the instructors to be helpful and communicative.”</h4>
</div>
<div class="thumb d-flex align-items-center">
<div class="flex-shrink-0">
<img class="wa" src="images/testimonials/testimonial-2.png" alt="">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0">Courtney Henry</h6>
<p class="fz14 mb-0">Web Designer</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-style1 default-box-shadow1 position-relative mb25">
<div class="testimonial-content">
<h4 class="title text-thm">Great Work</h4>
<span class="icon fas fa-quote-left"></span>
<h4 class="t_content">“I found the course material to be highly engaging, and the instructors to be helpful and communicative.”</h4>
</div>
<div class="thumb d-flex align-items-center">
<div class="flex-shrink-0">
<img class="wa" src="images/testimonials/testimonial-3.png" alt="">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0">Courtney Henry</h6>
<p class="fz14 mb-0">Web Designer</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-style1 default-box-shadow1 position-relative mb25">
<div class="testimonial-content">
<h4 class="title text-thm">Great Work</h4>
<span class="icon fas fa-quote-left"></span>
<h4 class="t_content">“I found the course material to be highly engaging, and the instructors to be helpful and communicative.”</h4>
</div>
<div class="thumb d-flex align-items-center">
<div class="flex-shrink-0">
<img class="wa" src="images/testimonials/testimonial-3.png" alt="">
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0">Courtney Henry</h6>
<p class="fz14 mb-0">Web Designer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills -->
<section class="pb90 pb30-md">
<div class="container">
<div class="row align-items-md-center">
<div class="col-lg-12">
<div class="home9-navtab-style">
<div class="navtab-style2">
<nav>
<div class="nav nav-tabs mb50" id="nav-tab2" role="tablist">
<button class="nav-link active fw600" id="nav-item1-tab" data-bs-toggle="tab" data-bs-target="#nav-item1" type="button" role="tab" aria-controls="nav-item1" aria-selected="true">Top skills</button>
<button class="nav-link fw600" id="nav-item2-tab" data-bs-toggle="tab" data-bs-target="#nav-item2" type="button" role="tab" aria-controls="nav-item2" aria-selected="false">Trending skills</button>
<button class="nav-link fw600" id="nav-item3-tab" data-bs-toggle="tab" data-bs-target="#nav-item3" type="button" role="tab" aria-controls="nav-item3" aria-selected="false">Top skills in US</button>
<button class="nav-link fw600" id="nav-item4-tab" data-bs-toggle="tab" data-bs-target="#nav-item4" type="button" role="tab" aria-controls="nav-item4" aria-selected="false">Project Catalog</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-item1" role="tabpanel" aria-labelledby="nav-item1-tab">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="#">Data Entry Specialists</a></li>
<li><a href="#">Video Editors</a></li>
<li><a href="#">Data Analyst</a></li>
<li><a href="#">Shopify Developer</a></li>
<li><a href="#">Ruby on Rails Developer</a></li>
<li><a href="#">Social Media Manager</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Android Developer</a></li>
<li><a href="">Bookkeeper</a></li>
<li><a href="">Content Writer</a></li>
<li><a href="">Copywriter</a></li>
<li><a href="">Database Administrator</a></li>
<li><a href="">Software Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Data Scientist</a></li>
<li><a href="">Front-End Developer</a></li>
<li><a href="">Game Developer</a></li>
<li><a href="">Graphic Designer</a></li>
<li><a href="">iOS Developer</a></li>
<li><a href="">Java Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">JavaScript Developer</a></li>
<li><a href="">Logo Designer</a></li>
<li><a href="">Mobile App Developer</a></li>
<li><a href="">PHP Developer</a></li>
<li><a href="">Python Developer</a></li>
<li><a href="">Resume Writer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Technical Writer</a></li>
<li><a href="">UI Designer</a></li>
<li><a href="">UX Designer</a></li>
<li><a href="">Virtual Assistant</a></li>
<li><a href="">Web Designer</a></li>
<li><a href="">Wordpress Developer</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-item2" role="tabpanel" aria-labelledby="nav-item2-tab">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="#">Data Entry Specialists</a></li>
<li><a href="#">Video Editors</a></li>
<li><a href="#">Data Analyst</a></li>
<li><a href="#">Shopify Developer</a></li>
<li><a href="#">Ruby on Rails Developer</a></li>
<li><a href="#">Social Media Manager</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Android Developer</a></li>
<li><a href="">Bookkeeper</a></li>
<li><a href="">Content Writer</a></li>
<li><a href="">Copywriter</a></li>
<li><a href="">Database Administrator</a></li>
<li><a href="">Software Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Data Scientist</a></li>
<li><a href="">Front-End Developer</a></li>
<li><a href="">Game Developer</a></li>
<li><a href="">Graphic Designer</a></li>
<li><a href="">iOS Developer</a></li>
<li><a href="">Java Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">JavaScript Developer</a></li>
<li><a href="">Logo Designer</a></li>
<li><a href="">Mobile App Developer</a></li>
<li><a href="">PHP Developer</a></li>
<li><a href="">Python Developer</a></li>
<li><a href="">Resume Writer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Technical Writer</a></li>
<li><a href="">UI Designer</a></li>
<li><a href="">UX Designer</a></li>
<li><a href="">Virtual Assistant</a></li>
<li><a href="">Web Designer</a></li>
<li><a href="">Wordpress Developer</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-item3" role="tabpanel" aria-labelledby="nav-item3-tab">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="#">Data Entry Specialists</a></li>
<li><a href="#">Video Editors</a></li>
<li><a href="#">Data Analyst</a></li>
<li><a href="#">Shopify Developer</a></li>
<li><a href="#">Ruby on Rails Developer</a></li>
<li><a href="#">Social Media Manager</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Android Developer</a></li>
<li><a href="">Bookkeeper</a></li>
<li><a href="">Content Writer</a></li>
<li><a href="">Copywriter</a></li>
<li><a href="">Database Administrator</a></li>
<li><a href="">Software Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Data Scientist</a></li>
<li><a href="">Front-End Developer</a></li>
<li><a href="">Game Developer</a></li>
<li><a href="">Graphic Designer</a></li>
<li><a href="">iOS Developer</a></li>
<li><a href="">Java Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">JavaScript Developer</a></li>
<li><a href="">Logo Designer</a></li>
<li><a href="">Mobile App Developer</a></li>
<li><a href="">PHP Developer</a></li>
<li><a href="">Python Developer</a></li>
<li><a href="">Resume Writer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Technical Writer</a></li>
<li><a href="">UI Designer</a></li>
<li><a href="">UX Designer</a></li>
<li><a href="">Virtual Assistant</a></li>
<li><a href="">Web Designer</a></li>
<li><a href="">Wordpress Developer</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-item4" role="tabpanel" aria-labelledby="nav-item4-tab">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="#">Data Entry Specialists</a></li>
<li><a href="#">Video Editors</a></li>
<li><a href="#">Data Analyst</a></li>
<li><a href="#">Shopify Developer</a></li>
<li><a href="#">Ruby on Rails Developer</a></li>
<li><a href="#">Social Media Manager</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Android Developer</a></li>
<li><a href="">Bookkeeper</a></li>
<li><a href="">Content Writer</a></li>
<li><a href="">Copywriter</a></li>
<li><a href="">Database Administrator</a></li>
<li><a href="">Software Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Data Scientist</a></li>
<li><a href="">Front-End Developer</a></li>
<li><a href="">Game Developer</a></li>
<li><a href="">Graphic Designer</a></li>
<li><a href="">iOS Developer</a></li>
<li><a href="">Java Developer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">JavaScript Developer</a></li>
<li><a href="">Logo Designer</a></li>
<li><a href="">Mobile App Developer</a></li>
<li><a href="">PHP Developer</a></li>
<li><a href="">Python Developer</a></li>
<li><a href="">Resume Writer</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="skill-list-style1 mb20">
<ul class="p-0 mb-0">
<li><a href="">Technical Writer</a></li>
<li><a href="">UI Designer</a></li>
<li><a href="">UX Designer</a></li>
<li><a href="">Virtual Assistant</a></li>
<li><a href="">Web Designer</a></li>
<li><a href="">Wordpress Developer</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Footer -->
<section class="footer-style1 at-home2 pb-0 pt60">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="footer-widget mb-4 mb-lg-5">
<div class="mailchimp-widget mb90">
<h6 class="title text-white mb20">Subscribe</h6>
<div class="mailchimp-style1 at-home9 bdrs60 overflow-hidden">
<input type="email" class="form-control" placeholder="Your email address">
<button class="text-thm" type="submit">Send</button>
</div>
</div>
<div class="row justify-content-between">
<div class="col-auto">
<div class="link-style1 mb-3">
<h6 class="text-white mb25">About</h6>
<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-auto">
<div class="link-style1 mb-3">
<h6 class="text-white mb25">Categories</h6>
<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-auto">
<div class="link-style1 mb-3">
<h6 class="text-white mb25">Support</h6>
<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>
</div>
</div>
<div class="col-lg-6 col-xl-4 offset-xl-2">
<div class="footer-widget mb-4 mb-lg-5">
<a class="footer-logo" href="index.html"><img class="mb40" src="images/header-logo4.svg" alt=""></a>
<div class="row mb-4 mb-lg-5">
<div class="col-auto">
<div class="contact-info">
<p class="info-title mb-2">Toll Free Customer Care</p>
<h5 class="info-phone"><a class="text-white" href="+(1)-123-456-7890">+(1) 123 456 7890</a></h5>
</div>
</div>
<div class="col-auto">
<div class="contact-info">
<p class="info-title mb-2">Need live support?</p>
<h5 class="info-mail"><a class="text-white" href="mailto:hi@freeio.com">hi@freeio.com</a></h5>
</div>
</div>
</div>
<div class="app-widget at-home9">
<h5 class="title text-white mb20">Apps</h5>
<div class="row mb-4 mb-lg-5">
<div class="col-auto">
<a href="">
<div class="app-info d-flex align-items-center mb10 bdrs60">
<div class="flex-shrink-0 pr15 border-0">
<i class="fab fa-apple fz30 text-white"></i>
</div>
<div class="flex-grow-1">
<p class="app-text text-white fz13 mb0">Download on the</p>
<h6 class="app-title mb-1 text-white">Apple Store</h6>
</div>
</div>
</a>
</div>
<div class="col-auto">
<a href="">
<div class="app-info d-flex align-items-center mb10 bdrs60">
<div class="flex-shrink-0 pr15 border-0">
<i class="fab fa-google-play fz24 text-white"></i>
</div>
<div class="flex-grow-1">
<p class="app-text text-white fz13 mb0">Get in on</p>
<h6 class="app-title mb-1 text-white">Google Play</h6>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="social-widget">
<h5 class="text-white mb20">Follow Us</h5>
<div class="social-style1">
<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>
</div>
<div class="container white-bdrt1 py-4">
<div class="row">
<div class="col-sm-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-sm-6">
<div class="footer_bottom_right_btns at-home9 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/jquery.counterup.js"></script>
<!-- Custom script for all pages -->
<script src="js/script.js"></script>
</body>
</html>