| 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/slider.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>
<!-- Menu In Hiddn SideBar -->
<div class="rightside-hidden-bar">
<div class="hsidebar-header">
<div class="sidebar-close-icon"><span class="far fa-times"></span></div>
<h4 class="title">Welcome to Realton</h4>
</div>
<div class="hsidebar-content">
<div class="hiddenbar_navbar_content">
<div class="hiddenbar_navbar_menu">
<ul class="navbar-nav">
<li class="nav-item"> <a class="nav-link" href="" role="button">Apartments</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Bungalow</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Houses</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Loft</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Office</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Townhome</a></li>
<li class="nav-item"> <a class="nav-link" href="" role="button">Villa</a></li>
</ul>
</div>
<div class="hiddenbar_footer position-relative bdrt1">
<div class="row pt45 pb30 pl30">
<div class="col-auto">
<div class="contact-info">
<p class="info-title dark-color">Total Free Customer Care</p>
<h6 class="info-phone dark-color"><a href="+(0)-123-050-945-02">+(0) 123 050 945 02</a></h6>
</div>
</div>
<div class="col-auto">
<div class="contact-info">
<p class="info-title dark-color">Nee Live Support?</p>
<h6 class="info-mail dark-color"><a href="mailto:hi@homez.com">hi@homez.com</a></h6>
</div>
</div>
</div>
<div class="row pt30 pb30 bdrt1">
<div class="col-auto">
<div class="social-style-sidebar d-flex align-items-center pl30">
<h6 class="me-4 mb-0">Follow us</h6>
<a class="me-3" href=""><i class="fab fa-facebook-f"></i></a>
<a class="me-3" href=""><i class="fab fa-twitter"></i></a>
<a class="me-3" href=""><i class="fab fa-instagram"></i></a>
<a class="me-3" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Menu In Hiddn SideBar -->
<!-- Filter Content In Hiddn SideBar -->
<div class="lefttside-hidden-bar">
<div class="hsidebar-header bdrb1">
<h4 class="list-title">All filters</h4>
<div class="sidebar-close-icon"><span class="far fa-times"></span></div>
</div>
<div class="hsidebar-content">
<div class="widget-wrapper">
<div class="sidebar-accordion">
<div class="accordion" id="accordionExample2">
<div class="card mb20 pb10">
<div class="card-header active" id="headingZero">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseZero" aria-expanded="true" aria-controls="collapseZero">Delivery Time</button>
</h4>
</div>
<div id="collapseZero" class="collapse show" aria-labelledby="headingZero" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<div class="radio-element">
<div class="form-check d-flex align-items-center mb10">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1s">
<label class="form-check-label" for="flexRadioDefault1s">Express 24H</label><span class="right-tags">(1,945)</span>
</div>
<div class="form-check d-flex align-items-center mb10">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2s" checked="checked">
<label class="form-check-label" for="flexRadioDefault2s">Up to 3 days</label><span class="right-tags">(8,136)</span>
</div>
<div class="form-check d-flex align-items-center mb10">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3s">
<label class="form-check-label" for="flexRadioDefault3s">Up to 7 days</label><span class="right-tags">(917)</span>
</div>
<div class="form-check d-flex align-items-center">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4s">
<label class="form-check-label" for="flexRadioDefault4s">Anytime</label><span class="right-tags">(240)</span>
</div>
</div>
</div>
</div>
</div>
<div class="card mb20 pb0">
<div class="card-header" id="headingOnes">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOnes" aria-expanded="true" aria-controls="collapseOnes">Budget</button>
</h4>
</div>
<div id="collapseOnes" class="collapse" aria-labelledby="headingOnes" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<!-- Range Slider Mobile Version -->
<div class="range-slider-style2">
<div class="range-wrapper">
<div class="mb10 mt15" id="slider"></div>
<div class="d-flex align-items-center justify-content-center">
<span id="slider-range-value1"></span><i class="fa-sharp fa-solid fa-minus mx-2 dark-color icon"></i>
<span id="slider-range-value2"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mb20 pb5">
<div class="card-header" id="headingTwos">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwos" aria-expanded="true" aria-controls="collapseTwos">Design Tool</button>
</h4>
</div>
<div id="collapseTwos" class="collapse" aria-labelledby="headingTwos" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<div class="checkbox-style1 mb15">
<label class="custom_checkbox">Adobe Photoshop
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(1,945)</span>
</label>
<label class="custom_checkbox">Figma
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<span class="right-tags">(8,136)</span>
</label>
<label class="custom_checkbox">Sketch
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(917)</span>
</label>
<label class="custom_checkbox">Adobe XD
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(240)</span>
</label>
<label class="custom_checkbox">Balsamiq
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">((2,460)</span>
</label>
</div>
<a class="text-thm" href="">+20 more</a>
</div>
</div>
</div>
<div class="card mb20 pb5">
<div class="card-header" id="headingThrees">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThrees" aria-expanded="true" aria-controls="collapseThrees">Location</button>
</h4>
</div>
<div id="collapseThrees" class="collapse" aria-labelledby="headingThrees" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<div class="search_area mb15">
<input type="text" class="form-control" placeholder="What are you looking for?">
<label><span class="flaticon-loupe"></span></label>
</div>
<div class="checkbox-style1 mb15">
<label class="custom_checkbox">United States
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(1,945)</span>
</label>
<label class="custom_checkbox">United Kingdom
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<span class="right-tags">(8,136)</span>
</label>
<label class="custom_checkbox">Canada
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(917)</span>
</label>
<label class="custom_checkbox">Germany
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(240)</span>
</label>
<label class="custom_checkbox">Turkey
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">((2,460)</span>
</label>
</div>
<a class="text-thm" href="">+20 more</a>
</div>
</div>
</div>
<div class="card mb20 pb5">
<div class="card-header" id="headingFours">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFours" aria-expanded="true" aria-controls="collapseFours">Speaks</button>
</h4>
</div>
<div id="collapseFours" class="collapse" aria-labelledby="headingFours" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<div class="checkbox-style1 mb15">
<label class="custom_checkbox">Turkish
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(1,945)</span>
</label>
<label class="custom_checkbox">English
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<span class="right-tags">(8,136)</span>
</label>
<label class="custom_checkbox">Italian
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(917)</span>
</label>
<label class="custom_checkbox">Spanish
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(240)</span>
</label>
</div>
<a class="text-thm" href="">+20 more</a>
</div>
</div>
</div>
<div class="card mb20 pb0">
<div class="card-header" id="headingFives">
<h4>
<button class="btn btn-link ps-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFives" aria-expanded="true" aria-controls="collapseFives">Level</button>
</h4>
</div>
<div id="collapseFives" class="collapse" aria-labelledby="headingFives" data-parent="#accordionExample">
<div class="card-body card-body px-0 pt-0">
<div class="checkbox-style1">
<label class="custom_checkbox">Top Rated Seller
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(1,945)</span>
</label>
<label class="custom_checkbox">Level Two
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<span class="right-tags">(8,136)</span>
</label>
<label class="custom_checkbox">Level One
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(917)</span>
</label>
<label class="custom_checkbox">New Seller
<input type="checkbox">
<span class="checkmark"></span>
<span class="right-tags">(240)</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Filter Content In Hiddn SideBar -->
<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">
<!-- UI Elements Sections -->
<section class="pb-0 pb50">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcumb-style1">
<h2 class="title mb-3">UI Elements</h2>
<p class="text">Give your visitor a smooth online experience with a solid UX design</p>
</div>
</div>
</div>
</div>
</section>
<!-- UI Elements Sections -->
<section class="pt0 pb90 our-ui-elements">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Accordions</h5>
<div class="accordion-style1 mb-4 mb-lg-5">
<div class="accordion" id="accordionExample">
<div class="accordion-item active">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">What methods of payments are supported?</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Can I cancel at anytime?</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How do I get a receipt for my purchase?</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Which license do I need?</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">How do I get access to a theme I purchased?</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
<div class="accordion-body">Cras vitae ac nunc orci. Purus amet tortor non at phasellus ultricies hendrerit. Eget a, sit morbi nunc sit id massa. Metus, scelerisque volutpat nec sit vel donec.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Tabs</h5>
<div class="navpill-style1 mb70">
<ul class="nav nav-pills mb30" 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>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade fz15 text show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
<div class="tab-pane fade fz15 text" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
<div class="tab-pane fade fz15 text" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
</div>
</div>
<div class="navtab-style1 mb-4 mb-lg-5 mt50">
<nav>
<div class="nav nav-tabs mb20" 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">Items 1</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">Items 2</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">Items 3</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active fz15 text" id="nav-item1" role="tabpanel" aria-labelledby="nav-item1-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
<div class="tab-pane fade fz15 text" id="nav-item2" role="tabpanel" aria-labelledby="nav-item2-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
<div class="tab-pane fade fz15 text" id="nav-item3" role="tabpanel" aria-labelledby="nav-item3-tab">Pharetra nulla ullamcorper sit lectus. Fermentum mauris pellentesque nec nibh sed et, vel diam, massa. Placerat quis vel fames interdum urna lobortis sagittis sed pretium. Aliquam eget posuere sit enim elementum nulla vulputate magna. Morbi sed arcu proin quis tortor non risus. </div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Table</h5>
<div class="table-style1 table-responsive mb-4 mb-lg-5">
<table class="table table-borderless">
<thead class="thead-light">
<tr>
<th class="fz15 fw500" scope="col">Description</th>
<th class="fz15 fw500" scope="col">Hour</th>
<th class="fz15 fw500" scope="col">Quantity</th>
</tr>
</thead>
<tbody>
<tr>
<td>Design UX and UI</td>
<td>14</td>
<td>3</td>
</tr>
<tr>
<td>Design UX and UI</td>
<td>14</td>
<td>3</td>
</tr>
<tr>
<td>Design UX and UI</td>
<td>14</td>
<td>3</td>
</tr>
<tr>
<td>Design UX and UI</td>
<td>14</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Message Boxes</h5>
<div class="message-alart-style1">
<div class="alert alart_style_one alert-dismissible fade show mb20" role="alert">Info: User pending action
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
<div class="alert alart_style_two alert-dismissible fade show mb20" role="alert">Warning: User has to be admin
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
<div class="alert alart_style_three alert-dismissible fade show mb20" role="alert">Error: Internal Server Error
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
<div class="alert alart_style_four alert-dismissible fade show mb20" role="alert">Success: Updated members status
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ui-content">
<h5 class="title">Buttons</h5>
</div>
</div>
<div class="col-lg-10">
<div class="ui-content mb-4">
<div class="button-list">
<a href="" class="ud-btn btn-thm mb25 me-4">Button Primary<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-dark mb25 me-4">Button Primary Hover<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-white mb25 me-4">Button Third<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-light-gray mb25 me-4">Button Third Hover<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-light-gray mb25 filter-btn-left me-4">LeftSide HiddenBar<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-light-gray mb25 filter-btn-right me-4">RightSide HiddenBar<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-thm2 mb25 me-4">Button Secondary<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-thm mb25">Button Secondary Hover<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-thm-border mb25 me-4">Button Third<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-light-gray mb25 me-4">Button Third Hover<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-white2 mb25 me-4">Button Third<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-light-thm mb25 me-4">Button Light Theme<i class="fal fa-arrow-right-long"></i></a>
<a href="" class="ud-btn btn-transparent mb25 me-4">Button Fourth<i class="fal fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ui-content mt10">
<h5 class="title">Form</h5>
</div>
</div>
<div class="col-lg-6 col-xl-5">
<div class="ui-content mb40">
<div class="form-style1">
<label class="form-label fw500 fz16 dark-color">Input</label>
<input type="text" class="form-control" placeholder="Your Name">
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5 offset-xl-1">
<div class="ui-content mb40">
<div class="form-style1">
<label class="form-label fw500 fz16 dark-color">Input Focus</label>
<input type="text" class="form-control active" placeholder="Your Name">
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5">
<div class="ui-content mb40">
<div class="form-style1">
<label class="form-label fw500 fz16 dark-color">Search Select boxes, Hover</label>
<div class="bootselect-multiselect">
<select class="selectpicker" data-live-search="true" data-width="100%">
<option>Search</option>
<option data-tokens="Banking">Banking</option>
<option data-tokens="Digital&Creative">Digital & Creative</option>
<option data-tokens="Retail">Retail</option>
<option data-tokens="Designer">Designer</option>
<option data-tokens="Developer">Developer</option>
</select>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5 offset-xl-1">
<div class="ui-content mb40">
<div class="form-style1">
<label class="form-label fw500 fz16 dark-color">Search Select boxes, Hover</label>
<div class="bootselect-multiselect">
<select class="selectpicker" multiple>
<option>Search</option>
<option>Banking</option>
<option>Digital & Creative</option>
<option>Retail</option>
<option>Designer</option>
<option>Developer</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-xl-5">
<div class="ui-content mb40">
<div class="form-style1">
<label class="form-label fw500 fz16 dark-color">Textarea</label>
<textarea name="text" id="textarea1" cols="30" rows="7">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>
<div class="col-lg-6 col-xl-5 offset-xl-1">
<div class="row">
<div class="col-auto">
<div class="ui-content">
<h5 class="title fz15 mb20 mt50">Radiobox</h5>
<div class="radiobox-style1">
<div class="radio-element">
<div class="form-check d-flex align-items-center mb15">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
<label class="form-check-label" for="flexRadioDefault1">Items</label>
</div>
<div class="form-check d-flex align-items-center mb15">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
<label class="form-check-label" for="flexRadioDefault2">Items</label>
</div>
<div class="form-check d-flex align-items-center mb15">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault3" checked="checked">
<label class="form-check-label" for="flexRadioDefault3">Items</label>
</div>
<div class="form-check d-flex align-items-center">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault4">
<label class="form-check-label" for="flexRadioDefault4">Items</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-auto">
<div class="ui-content">
<h5 class="title fz15 mb20 mt50">Checkbox</h5>
<div class="checkbox-style1">
<label class="custom_checkbox">Items
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="custom_checkbox">Items
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="custom_checkbox">Items
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
<label class="custom_checkbox">Items
<input type="checkbox">
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
<div class="col-auto">
<div class="ui-content">
<h5 class="title fz15 mb20 mt50">Switch</h5>
<div class="switch-style1">
<div class="form-check form-switch mb20">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Items</label>
</div>
</div>
<div class="switch-style1">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault2" checked="checked">
<label class="form-check-label" for="flexSwitchCheckDefault2">Items</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Tooltips</h5>
<div class="tooltip-list">
<button type="button" class="ud-btn btn-gray me-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">Top</button>
<button type="button" class="ud-btn btn-gray me-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">Bottom</button>
<button type="button" class="ud-btn btn-gray me-2" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">Right</button>
<button type="button" class="ud-btn btn-gray" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">Left</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ui-content">
<h5 class="title">Progress bars</h5>
<div class="progressbar-style1">
<div class="progressbar-bg"></div>
<div class="progressd-bar" style="width: 90%;"><span>90%</span></div>
</div>
<div class="progressbar-style1 mt50">
<div class="progressbar-bg"></div>
<div class="progressd-bar" style="width: 50%;"><span>50%</span></div>
</div>
<div class="progressbar-style1 mt50">
<div class="progressbar-bg"></div>
<div class="progressd-bar" style="width: 40%;"><span>40%</span></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ui-content">
<h5 class="title">Range Slider</h5>
<!-- Range Slider Desktop Version -->
<div class="range-slider-style1 mb-4 mb-lg-5">
<div class="range-wrapper">
<div class="slider-range mt35 mb20"></div>
<div class="text-center">
<input type="text" class="amount" placeholder="$20"><span class="fa-sharp fa-solid fa-minus mx-2 dark-color"></span>
<input type="text" class="amount2" placeholder="$70987">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<div class="ui-content">
<h5 class="title">Typography</h5>
<h5 class="mb20">Bringing the culture of sharing to everyone</h5>
<p class="mb25 ff-heading text">Aliquam hendrerit sollicitudin purus, quis rutrum mi accumsan nec. Quisque bibendum orci ac nibh facilisis, at malesuada orci congue. Nullam tempus sollicitudin cursus. Ut et adipiscing erat. Curabitur this is a text link libero tempus congue.</p>
<p class="ff-heading text mb60">Duis mattis laoreet neque, et ornare neque sollicitudin at. Proin sagittis dolor sed mi elementum pretium. Donec et justo ante. Vivamus egestas sodales est, eu rhoncus urna semper eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tristique elit lobortis purus bibendum, quis dictum metus mattis. Phasellus posuere felis sed eros porttitor mattis. Curabitur massa magna, tempor in blandit id, porta in ligula. Aliquam laoreet nisl massa, at interdum mauris sollicitudin et.</p>
</div>
</div>
<div class="col-lg-8">
<div class="blockquote-style1 mb-4 mb-lg-5">
<blockquote class="blockquote">
<p class="fst-italic fz15 fw500 ff-heading dark-color">Aliquam hendrerit sollicitudin purus, quis rutrum mi accumsan nec. Quisque bibendum orci ac nibh facilisis, at malesuada orci congue.</p>
<h6 class="quote-title">Luis Pickford</h6>
</blockquote>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-8">
<div class="ui-content mt15">
<h5 class="title">What you'll learn</h5>
</div>
<div class="row">
<div class="col-auto">
<div class="ui-content">
<div class="list-style1">
<ul>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Become a UI/UX designer.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>You will be able to start earning money Figma skills.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Build a UI project from beginning to end.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Work with colors & fonts.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>You will create your own UI Kit.</li>
</ul>
</div>
</div>
</div>
<div class="col-auto">
<div class="ui-content">
<div class="list-style1">
<ul>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Build & test a complete mobile app.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Learn to design mobile apps & websites.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Design 3 different logos.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Create low-fidelity wireframe.</li>
<li><i class="far fa-check text-thm3 bgc-thm3-light"></i>Downloadable exercise files.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="advance-search-field position-relative bdr1">
<form action="#" method="get" class="form-search form-style1 position-relative" accept-charset="utf-8">
<div class="box-search">
<span class="icon fal fa-magnifying-glass"></span>
<input class="form-control bdrs12" type="text" name="search" placeholder="Search products…">
<div class="search-suggestions">
<h6 class="ml30 mt25 mb-3">Popular Search</h6>
<div class="box-suggestions">
<ul class="ps-0 m-0 pb30">
<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>
</div>
<div class="col-xl-6">
<div class="ui-content mt15">
<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>
</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/pricing-slider.js"></script>
<!-- Custom script for all pages -->
<script src="js/script.js"></script>
</body>
</html>