| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/oninjas.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="bidding, fiverr, freelance marketplace, freelancers, freelancing, gigs, hiring, job board, job portal, job posting, jobs marketplace, peopleperhour, proposals, sell services, upwork">
<meta name="description" content="Freeio - Freelance Marketplace HTML Template">
<meta name="CreativeLayers" content="ATFN">
<!-- css file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/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/ud-custom-spacing.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/style.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 main-menu">
<!-- 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 pe-0">
<div class="d-flex align-items-center">
<a class="header-logo bdrr1 pr30 pr5-xl" href="index.html"><img src="images/header-logo-dark.svg" alt="Header Logo"></a>
<div class="home1_style">
<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"></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-thm 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">
<section class="categories_list_section overflow-hidden">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="listings_category_nav_list_menu">
<ul class="mb0 d-flex ps-0">
<li><a href="#">All Categories</a></li>
<li><a href="#">Graphics & Design</a></li>
<li><a class="active" href="#">Digital Marketing</a></li>
<li><a href="#">Writing & Translation</a></li>
<li><a href="#">Video & Animation</a></li>
<li><a href="#">Music & Audio</a></li>
<li><a href="#">Programming & Tech</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Trending</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcumb Sections -->
<section class="breadcumb-section">
<div class="container">
<div class="row">
<div class="col-sm-8 col-lg-10">
<div class="breadcumb-style1 mb10-xs">
<div class="breadcumb-list">
<a href="">Home</a>
<a href="">Services</a>
<a href="">Design & Creative</a>
</div>
</div>
</div>
<div class="col-sm-4 col-lg-2">
<div class="d-flex align-items-center justify-content-sm-end">
<div class="share-save-widget d-flex align-items-center">
<span class="icon flaticon-share dark-color fz12 mr10"></span>
<div class="h6 mb-0">Share</div>
</div>
<div class="share-save-widget d-flex align-items-center ml15">
<span class="icon flaticon-like dark-color fz12 mr10"></span>
<div class="h6 mb-0">Save</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Details -->
<section class="pt10">
<div class="container">
<div class="row wrap">
<div class="col-lg-8">
<div class="column">
<div class="cta-service-v1 freelancer-single-v1 pt60 pb60 bdrs16 position-relative overflow-hidden d-flex align-items-center">
<img class="left-top-img wow zoomIn" src="images/vector-img/left-top.png" alt="">
<img class="right-bottom-img wow zoomIn" src="images/vector-img/right-bottom.png" alt="">
<div class="row wow fadeInUp">
<div class="col-xl-12">
<div class="position-relative pl60 pl20-sm">
<h2>Website Designer Required For Directory Theme</h2>
<div class="list-meta mt15">
<p class="mb-0 dark-color fz15 fw500 list-inline-item mb5-sm"><i class="flaticon-place vam fz20 text-thm2 me-2"></i> London, UK</p>
<p class="mb-0 dark-color fz15 fw500 list-inline-item ml15 mb5-sm ml0-xs"><i class="flaticon-calendar text-thm2 vam fz20 me-2"></i> January 15, 2022</p>
<p class="mb-0 dark-color fz15 fw500 list-inline-item ml15 mb5-sm ml0-xs"><i class="flaticon-website text-thm2 vam fz20 me-2"></i> 902 Views</p>
</div>
</div>
</div>
</div>
</div>
<div class="row mt30">
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-notification-1"></span></div>
<div class="details">
<h5 class="title">Seller Type</h5>
<p class="mb-0 text">Company</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-dollar"></span></div>
<div class="details">
<h5 class="title">Project type</h5>
<p class="mb-0 text">Hourly</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-fifteen"></span></div>
<div class="details">
<h5 class="title">Project Duration</h5>
<p class="mb-0 text">10-15 Hours</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-like-1"></span></div>
<div class="details">
<h5 class="title">Project Level</h5>
<p class="mb-0 text">Expensive</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-translator"></span></div>
<div class="details">
<h5 class="title">Languages</h5>
<p class="mb-0 text">20</p>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-4">
<div class="iconbox-style1 contact-style d-flex align-items-start mb30">
<div class="icon flex-shrink-0"><span class="flaticon-goal"></span></div>
<div class="details">
<h5 class="title">English Level</h5>
<p class="mb-0 text">Professional</p>
</div>
</div>
</div>
</div>
<div class="service-about">
<h4>Description</h4>
<p class="text mb30">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p>
<p class="text mb30">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<hr class="opacity-100 mb60 mt60">
<h4 class="mb30">Attachments</h4>
<div class="row">
<div class="col-6 col-lg-3">
<div class="project-attach">
<h6 class="title">Project Brief</h6>
<p>PDF</p>
<span class="icon flaticon-page"></span>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="project-attach">
<h6 class="title">Project Brief</h6>
<p>PDF</p>
<span class="icon flaticon-page"></span>
</div>
</div>
</div>
<hr class="opacity-100 mb60 mt30">
<h4 class="mb30">Skills Required</h4>
<div class="mb60">
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">SaaS</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">Figma</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">Software Design</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">Sketch</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">Prototyping</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0 mr10">HTML5</a>
<a href="" class="tag list-inline-item mb-2 mb-xl-0">Design Writing</a>
</div>
<hr class="opacity-100 mb60">
<h4 class="mb30">Project Proposals (3)</h4>
<div class="row">
<div class="col-md-6 col-lg-12">
<div class="freelancer-style1 bdr1 hover-box-shadow row ms-0 align-items-start">
<div class="col-xl-10 px-0">
<div class="d-lg-flex">
<div class="thumb w90 position-relative rounded-circle mb15-md">
<img class="rounded-circle mx-auto" src="images/team/fl-1.png" alt="">
<span class="online"></span>
</div>
<div class="details ml20 ml0-md mb15-md">
<h5 class="title mb-1">Leslie Alexander</h5>
<div class="review mb20">
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="fas fa-star fz10 review-color pr10"></i> <span class="dark-color">4.9</span> (595 reviews)</p>
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="flaticon-30-days fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 2 hours ago</p>
<p class="mb-0 fz14 list-inline-item mb5-sm"><i class="flaticon-contract fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 1 Received</p>
</div>
<p class="text mb-0">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
</div>
</div>
<div class="col-xl-2 px-0">
<div class="text-lg-center text-xl-end mt-0 mt-lg-2 mt-xl-0">
<h4>$100 - $150</h4>
<p class="text mb-0">in 100 hours</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-12">
<div class="freelancer-style1 bdr1 hover-box-shadow row ms-0 align-items-start">
<div class="col-xl-10 px-0">
<div class="d-lg-flex">
<div class="thumb w90 position-relative rounded-circle mb15-md">
<img class="rounded-circle mx-auto" src="images/team/fl-5.png" alt="">
<span class="online"></span>
</div>
<div class="details ml20 ml0-md mb15-md">
<h5 class="title mb-1">Leslie Alexander</h5>
<div class="review mb20">
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="fas fa-star fz10 review-color pr10"></i> <span class="dark-color">4.9</span> (595 reviews)</p>
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="flaticon-30-days fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 2 hours ago</p>
<p class="mb-0 fz14 list-inline-item mb5-sm"><i class="flaticon-contract fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 1 Received</p>
</div>
<p class="text mb-0">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
</div>
</div>
<div class="col-xl-2 px-0">
<div class="text-lg-center text-xl-end mt-0 mt-lg-2 mt-xl-0">
<h4>$100 - $150</h4>
<p class="text mb-0">in 100 hours</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-12">
<div class="freelancer-style1 bdr1 hover-box-shadow row ms-0 align-items-start">
<div class="col-xl-10 px-0">
<div class="d-lg-flex">
<div class="thumb w90 position-relative rounded-circle mb15-md">
<img class="rounded-circle mx-auto" src="images/team/fl-3.png" alt="">
<span class="online"></span>
</div>
<div class="details ml20 ml0-md mb15-md">
<h5 class="title mb-1">Leslie Alexander</h5>
<div class="review mb20">
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="fas fa-star fz10 review-color pr10"></i> <span class="dark-color">4.9</span> (595 reviews)</p>
<p class="mb-0 fz14 list-inline-item mb5-sm pe-1"><i class="flaticon-30-days fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 2 hours ago</p>
<p class="mb-0 fz14 list-inline-item mb5-sm"><i class="flaticon-contract fz16 vam text-thm2 me-1 bdrl1 bdrn-md pl15 pl0-md bdrn-xs"></i> 1 Received</p>
</div>
<p class="text mb-0">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
</div>
</div>
</div>
<div class="col-xl-2 px-0">
<div class="text-lg-center text-xl-end mt-0 mt-lg-2 mt-xl-0">
<h4>$100 - $150</h4>
<p class="text mb-0">in 100 hours</p>
</div>
</div>
</div>
</div>
</div>
<div class="bsp_reveiw_wrt mt25">
<h4>Send Your Proposal</h4>
<form class="comments_form mt30 mb30-md">
<div class="row">
<div class="col-md-6">
<div class="mb20">
<label class="fw500 ff-heading dark-color mb-2">Your hourly price</label>
<input type="text" class="form-control" placeholder="$99">
</div>
</div>
<div class="col-md-6">
<div class="mb20">
<label class="fw500 ff-heading dark-color mb-2">Estimated Hours</label>
<input type="text" class="form-control" placeholder="4">
</div>
</div>
<div class="col-md-12">
<div class="mb-4">
<label class="fw500 fz16 ff-heading dark-color mb-2">Cover Letter</label>
<textarea class="pt15" rows="6" placeholder="There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text."></textarea>
</div>
</div>
<div class="col-md-12">
<div class="extra-service-tab mb40 mt30">
<nav>
<div class="nav flex-column nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link" id="nav-home2-tab" data-bs-toggle="tab" data-bs-target="#nav-home2" type="button" role="tab" aria-selected="true">
<label class="custom_checkbox fw500 text-start">100 Words (+2 days)
<span class="text text-bottom">I will professionally translate english to german</span>
<input type="checkbox">
<span class="checkmark"></span>
</label>
<span class="price">$25</span>
</button>
<button class="nav-link active" id="nav-profile2-tab" data-bs-toggle="tab" data-bs-target="#nav-profile2" type="button" role="tab" aria-selected="false">
<label class="custom_checkbox fw500 text-start">100 Words (+2 days)
<span class="text text-bottom">I will professionally translate english to german</span>
<input type="checkbox"checked="checked">
<span class="checkmark"></span>
</label>
<span class="price">$45</span>
</button>
<button class="nav-link" id="nav-contact2-tab" data-bs-toggle="tab" data-bs-target="#nav-contact2" type="button" role="tab" aria-selected="false">
<label class="custom_checkbox fw500 text-start">100 Words (+2 days)
<span class="text text-bottom">I will professionally translate english to german</span>
<input type="checkbox">
<span class="checkmark"></span>
</label>
<span class="price">$75</span>
</button>
</div>
</nav>
</div>
</div>
<div class="col-md-12">
<div class="d-grid">
<a href="" class="ud-btn btn-thm">Submit a Proposal<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="column">
<div class="blog-sidebar ms-lg-auto">
<div class="price-widget pt25 bdrs8">
<h3 class="widget-title">$100 - $150</h3>
<p class="text fz14">Hourly Rate</p>
<div class="d-grid">
<a href="page-contact.html" class="ud-btn btn-thm">Submit a Proposal<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
<div class="freelancer-style1 service-single mb-0 bdrs8">
<h4>About Buyer</h4>
<div class="wrapper d-flex align-items-center mt20">
<div class="thumb position-relative mb25">
<img class="rounded-circle mx-auto" src="images/team/client-1.png" alt="">
</div>
<div class="ml20">
<h5 class="title mb-1">Dropbox</h5>
<p class="mb-0">Digital Marketing</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>
</div>
<hr class="opacity-100">
<div class="details">
<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">Employees<br><span class="fz14 fw400">11-20</span></a>
<a class="meta fw500 text-start">Departments<br><span class="fz14 fw400">Designer</span></a>
</div>
</div>
<div class="d-grid mt30">
<a href="page-contact.html" class="ud-btn btn-thm-border">Contact Buyer<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Footer -->
<section class="footer-style1 pt25 pb-0">
<div class="container">
<div class="row bb-white-light pb10 mb60">
<div class="col-md-7">
<div class="d-block text-center text-md-start justify-content-center justify-content-md-start d-md-flex align-items-center mb-3 mb-md-0">
<a class="fz17 fw500 text-white mr15-md mr30" href="">Terms of Service</a>
<a class="fz17 fw500 text-white mr15-md mr30" href="">Privacy Policy</a>
<a class="fz17 fw500 text-white" href="">Site Map</a>
</div>
</div>
<div class="col-md-5">
<div class="social-widget text-center text-md-end">
<div class="social-style1">
<a class="text-white me-2 fw500 fz17" href="">Follow us</a>
<a href=""><i class="fab fa-facebook-f list-inline-item"></i></a>
<a href=""><i class="fab fa-twitter list-inline-item"></i></a>
<a href=""><i class="fab fa-instagram list-inline-item"></i></a>
<a href=""><i class="fab fa-linkedin-in list-inline-item"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">About</h5>
<div class="link-list">
<a href="">Careers</a>
<a href="">Press & News</a>
<a href="">Partnerships</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Service</a>
<a href="">Investor Relations</a>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">Categories</h5>
<ul class="ps-0">
<li><a href="">Graphics & Design</a></li>
<li><a href="">Digital Marketing</a></li>
<li><a href="">Writing & Translation</a></li>
<li><a href="">Video & Animation</a></li>
<li><a href="">Music & Audio</a></li>
<li><a href="">Programming & Tech</a></li>
<li><a href="">Data</a></li>
<li><a href="">Business</a></li>
<li><a href="">Lifestyle</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="link-style1 mb-4 mb-sm-5">
<h5 class="text-white mb15">Support</h5>
<ul class="ps-0">
<li><a href="">Help & Support</a></li>
<li><a href="">Trust & Safety</a></li>
<li><a href="">Selling on Freeio</a></li>
<li><a href="">Buying on Freeio</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-widget">
<div class="footer-widget mb-4 mb-sm-5">
<div class="mailchimp-widget">
<h5 class="title text-white mb20">Subscribe</h5>
<div class="mailchimp-style1">
<input type="email" class="form-control" placeholder="Your email address">
<button type="submit">Send</button>
</div>
</div>
</div>
<div class="app-widget mb-4 mb-sm-5">
<h5 class="title text-white mb20">Apps</h5>
<div class="row mb-4 mb-lg-5">
<div class="col-lg-12">
<a class="app-list d-flex align-items-center mb10" href="">
<i class="fab fa-apple fz17 mr15"></i>
<h6 class="app-title fz15 fw400 mb-0">iOS App</h6>
</a>
<a class="app-list d-flex align-items-center" href="">
<i class="fab fa-google-play fz15 mr15"></i>
<h6 class="app-title fz15 fw400 mb-0">Android App</h6>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container white-bdrt1 py-4">
<div class="row align-items-center">
<div class="col-md-6">
<div class="text-center text-lg-start">
<p class="copyright-text mb-2 mb-md-0 text-white-light ff-heading">© Freeio. 2023 CreativeLayers. All rights reserved.</p>
</div>
</div>
<div class="col-md-6">
<div class="footer_bottom_right_btns text-center text-lg-end">
<ul class="p-0 m-0">
<li class="list-inline-item">
<select class="selectpicker show-tick">
<option>US$ USD</option>
<option>Euro</option>
<option>Pound</option>
</select>
</li>
<li class="list-inline-item">
<select class="selectpicker show-tick">
<option>English</option>
<option>Frenc</option>
<option>Italian</option>
<option>Spanish</option>
<option>Turkey</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a>
</div>
</div>
<!-- Wrapper End -->
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery.mmenu.all.js"></script>
<script src="js/ace-responsive-menu.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/scrollbalance.js"></script>
<!-- Custom script for all pages -->
<script src="js/script.js"></script>
</body>
</html>
<script>
// Fixed sidebar Custom Script For That
$(function() {
var cols = $('.wrap .column');
var enabled = true;
var scrollbalance = new ScrollBalance(cols, {
minwidth: 1199
});
// bind to scroll and resize events
scrollbalance.bind();
});
</script>