301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: pekm.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="en_GB" dir="ltr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="igTCrwDnMAgAO4isNUhNSEuhynByyZVMJ5TpGPD4"> <!-- favicon --> <link rel="icon" href="https://www.pekm.com/assets/uploads/media-uploader/icon1739427582.png" sizes="40x40" type="icon/png"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <!-- bootstrap --> <link rel="stylesheet" href="https://www.pekm.com/assets/common/css/bootstrap.min.css"> <!-- Animate Css --> <link rel="stylesheet" href="https://www.pekm.com/assets/frontend/css/animate.css"> <!-- FontAwesome --> <link rel="stylesheet" href="https://www.pekm.com/assets/frontend/css/slick.css"> <!-- All Plugin Css --> <link rel="stylesheet" href="https://www.pekm.com/assets/common/css/all_plugin.css"> <!-- Toastr Css --> <link rel="stylesheet" href="https://www.pekm.com/assets/common/css/toastr.min.css"> <!-- Helper Css --> <link rel="stylesheet" href="https://www.pekm.com/assets/frontend/css/helpers.css"> <!-- Main Stylesheet --> <link rel="stylesheet" href="https://www.pekm.com/assets/frontend/css/magnific-popup.css"> <link rel="stylesheet" href="https://www.pekm.com/assets/frontend/css/style.css"> <style> :root { --main-color-one: #11b50e; --main-color-two: #2bdfff; --main-color-one-rgb: 97, 118, 246; --secondary-color: #11b50e; --secondary-color-rgb: 255, 165, 0; --bg-gradient: linear-gradient(90deg, #fef0db 0%, #fefbf6 50%, #ecf8f0 100%); --section-bg-base: #6176f6; --section-bg-1: #F7F8FF; --section-bg-2: #F5F5F5; --footer-bg-1: #020418; --footer-bg-2: #1E84FE; --copyright-bg-1: #323336; --border-color: #EAECF0; --border-color-2: #ddd; --heading-color: #1D2635; --paragraph-color: #475467; --body-color: #667085; --white: #fff; --active-color: #00C897; --active-color-rgb: 0, 200, 151; --success-color: #65c18c; --success-color-rgb: 101, 193, 140; --danger-color: #f53a3a; --danger-color-rgb: 245, 58, 58; --promo-one: #e3e1ff; --promo-two: #ffe6d3; --promo-three: #dbf3ff; --promo-four: #efffe6; --promo-five: #ffc9c9; --promo-six: #ceffda; --promo-seven: #b2ccfd; --promo-eight: #f0bcff; --heading-font: Plus Jakarta Sans,sans-serif; --body-font: Manrope,sans-serif; --Otomanopee-font: ,sans-serif; } </style> <!-- page css --> <title>PEKM - Freelance Services Marketplace</title> <!-- Primary Meta Tags --> <meta name="title" content="PEKM - Freelance Services Marketplace"> <meta name="description" content="PEKM find work. work as freelancer on pekm. find web developers and designers. Post jobs and hire talented people"> <meta name="keywords" content="PEKM,freelancers,work"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.pekm.com"> <meta property="og:title" content="PEKM - Freelance Services Marketplace"> <meta property="og:description" content="PEKM find work. work as freelancer on pekm. find web developers and designers. Post jobs and hire talented people"> <meta property="og:image" content="https://www.pekm.com/assets/uploads/media-uploader/icon1739427582.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://www.pekm.com"> <meta property="twitter:title" content="PEKM - Freelance Services Marketplace"> <meta property="twitter:description" content="PEKM find work. work as freelancer on pekm. find web developers and designers. Post jobs and hire talented people"> <meta property="twitter:description" content="https://www.pekm.com/assets/uploads/media-uploader/icon1739427582.png"> </head> <body> <header class="header-style-01"> <!-- Menu area Starts --> <nav class="navbar navbar-area navbar-expand-lg" > <div class="container bg-white nav-container"> <div class="logo-wrapper"> <a href="https://www.pekm.com" class="logo"> <img src="https://www.pekm.com/assets/uploads/media-uploader/pekm-high-resolution-logo-transparent1746483427.png" alt=""/> </a> </div> <div class="responsive-mobile-menu d-lg-none"> <a href="javascript:void(0)" class="click-nav-right-icon"> <i class="fas fa-ellipsis-v"></i> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#xilancer_menu"> <span class="navbar-toggler-icon"></span> </button> </div> <div class="collapse navbar-collapse" id="xilancer_menu"> <ul class="navbar-nav"> <li class=" menu-item-has-children "> <a href="https://www.pekm.com">Home</a> <ul class="sub-menu"> <li > </li> <li > </li></ul> </li> <li > <a href="https://www.pekm.com/jobs/all">Jobs</a> </li> <li > <a href="https://www.pekm.com/talents/all">Talents</a> </li> <li class=" menu-item-has-children "> <a href="#">Pages</a> <ul class="sub-menu"> <li > <a href="https://www.pekm.com/projects/all">Projects</a> </li> <li > <a href="https://www.pekm.com/blogs/all">Blog</a> </li> <li > <a href="https://www.pekm.com/privacy-policy">Privacy Policy</a> </li> <li > <a href="https://www.pekm.com/terms-conditions">Terms Conditions</a> </li> <li > <a href="https://www.pekm.com/about-us">About Us</a> </li></ul> </li> <li > <a href="https://www.pekm.com/contact-us">Contact</a> </li> </ul> </div> <div class="navbar-right-content show-nav-content"> <div class="single-right-content"> <div class="navbar-right-flex"> <div class="navbar-right-item position-relative"> <a href="#0" class="navbar-right-chat search-header-open"> <i class="fa-solid fa-magnifying-glass"></i> </a> <div class="header-global-search"> <div class="header-global-search-header"> <h5 class="header-global-search-title">Search</h5> <div class="header-global-search-close search-close"><i class="fa-solid fa-times"></i> </div> </div> <div class="header-global-search-input d-flex align-items-center"> <div class="header-global-search-input-inner"> <div class="header-global-search-input-inner-icon" id="header_search_load_spinner"> <i class="fa-solid fa-magnifying-glass"></i> </div> <input type="text" id="search_your_desired_job" class="form-control" placeholder="Search" autocomplete="off"> <div class="header-global-search-select"> <select id="Select_project_or_job_for_search"> <option value="project">Project</option> <option value="job">Job</option> <option value="talent">Talent</option> </select> </div> </div> </div> <div class="display_search_result"></div> </div> <div class="search-overlay"></div> </div> <div class="navbar-right-btn"> <a href="https://www.pekm.com/login" class="cmn-btn btn-outline-1 color-one btn-small radius-10">Log In </a> </div> <div class="btn-wrapper"> <a href="https://www.pekm.com/user-register" class="cmn-btn btn-bg-1 btn-small radius-10">Sign Up </a> </div> </div> </div> </div> </div> </nav> <div class="categorySub-area categorySub-padding border-top bg-white"> <div class="container custom-container-one"> <div class="row"> <div class="col-lg-12"> <div class="categorySub"> <div class="categorySub-list nav-horizontal-scroll has-arrows" id="categoryWrap-list"> <div class="categorySub-arrow" id="left-arrow"></div> <ul class="categorySub-list-slide" id="categoryslide-list"> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/design-and-creative" class="categorySub-list-slide-link">Design and Creative<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/web-design">Web design</a></li> <li><a href="https://www.pekm.com/sub-categories/mobile-app">Mobile App</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/website-development" class="categorySub-list-slide-link">Website Development<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/wordpress">Wordpress</a></li> <li><a href="https://www.pekm.com/sub-categories/php-developer">Php Developer</a></li> <li><a href="https://www.pekm.com/sub-categories/frontend-developer">Frontend Developer</a></li> <li><a href="https://www.pekm.com/sub-categories/backend-developer">Backend Developer</a></li> <li><a href="https://www.pekm.com/sub-categories/website-maintenance">Website Maintenance</a></li> <li><a href="https://www.pekm.com/sub-categories/software-development">Software Development</a></li> <li><a href="https://www.pekm.com/sub-categories/game-development">Game Development</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/mobile-app-development" class="categorySub-list-slide-link">Mobile App Development<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/android-development">Android Development</a></li> <li><a href="https://www.pekm.com/sub-categories/ios-app-development">IOS App Development</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/education" class="categorySub-list-slide-link">Education & Teachings<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/english">English</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/digital-marketing" class="categorySub-list-slide-link">Digital Marketing<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/search-engine-amp-social-media">Search Engine & Social Media</a></li> <li><a href="https://www.pekm.com/sub-categories/analytics-amp-strategy">Analytics & Strategy</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/graphic-design" class="categorySub-list-slide-link">Graphic design<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/graphic-design">Graphic Design</a></li> <li><a href="https://www.pekm.com/sub-categories/3d-design">3D Design</a></li> <li><a href="https://www.pekm.com/sub-categories/logo-design">Logo Design</a></li> </ul> </li> <li class="categorySub-list-slide-list"> <a href="https://www.pekm.com/categories/video-animation-services" class="categorySub-list-slide-link">Video Animation Services<span class="mobileIcon"></span></a> <ul class="categorySub-slide-submenu"> <li><a href="https://www.pekm.com/sub-categories/product-animation">Product Animation</a></li> </ul> </li> </ul> <div class="categorySub-arrow right-arrow" id="right-arrow"></div> </div> </div> </div> </div> </div> </div> <!-- Menu area end --> </header> <!-- Banner area Starts --> <div class="banner-area banner-area-three section-bg-gradient" data-padding-top="154" data-padding-bottom="145"> <div class="banner-shapes-bg"> <img src="https://www.pekm.com/assets/uploads/media-uploader/03_banner_shapes17155826911735569496.png" alt=""/> </div> <div class="container"> <div class="row gy-4 justify-content-center align-items-center"> <div class="col-lg-8"> <div class="banner-single"> <div class="banner-single-content center-text"> <h1 class="banner-single-content-title">Connecting talented people & businesses</h1> <p class="banner-single-content-para"></p> <div class="btn-wrapper flex-btn mt-5"> <a href="https://www.pekm.com/jobs/all" class="cmn-btn btn-bg-secondary"> Find Work </a> <a href="https://www.pekm.com/projects/all" class="cmn-btn btn-outline-1 color-one"> Find Project </a> </div> </div> </div> </div> <div class="col-lg-12"> <div class="banner-wrapper"> <div class="banner-wrapper-left"> <div class="banner-wrapper-thumb"> <img src="https://www.pekm.com/assets/static/img/freelancer.png" alt="Freelancer Image"> </div> <div class="banner-wrapper-project"> <div class="banner-wrapper-project-flex"> <div class="banner-wrapper-project-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/03_banner_light17155949331735569385.png" alt=""/> </div> <div class="banner-wrapper-project-content"> </div> </div> </div> </div> <div class="banner-wrapper-right"> <div class="banner-wrapper-thumb"> <img src="https://www.pekm.com/assets/static/img/client.png" alt="Client Image"> </div> <div class="banner-wrapper-project"> <div class="banner-wrapper-project-flex"> <div class="banner-wrapper-project-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/03_banner_tallent17155949471735569461.png" alt=""/> </div> <div class="banner-wrapper-project-content"> </div> </div> </div> </div> <div class="banner-wrapper-line"> <div class="banner-wrapper-line-shape"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work416984887771735569718.svg" alt=""/> </div> <div class="banner-wrapper-line-fav"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work216984887771735569718.svg" alt=""/> </div> </div> </div> </div> </div> </div> </div> <!-- Banner area end --><!-- Category area starts --> <section class="category-area pat-50 pab-50" data-padding-top="97" data-padding-bottom="88" style="background-color:"> <div class="container"> <div class="section-title center-text"> <h2 class="title"> Browse Projects By Categories </h2> </div> <div class="row gy-4 mt-4"> <div class="col-lg-12"> <div class="global-slick-init nav-style-one slider-inner-margin" data-rtl="false" data-appendArrows=".append-projectCategory" data-slidesToShow="6" data-infinite="true" data-arrows="true" data-dots="false" data-swipeToSlide="true" data-autoplay="true" data-autoplaySpeed="2500" data-prevArrow='<div class="prev-icon"><i class="fas fa-arrow-left"></i></div>' data-nextArrow='<div class="next-icon"><i class="fas fa-arrow-right"></i></div>' data-responsive='[{"breakpoint": 1400,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 480, "settings": {"slidesToShow": 1} }]'> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/design-and-creative"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/account_s11676182965.svg" alt=""/> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Design and Creative </h5> <span class="single-category-contents-subtitle"> 5 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/website-development"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/account_s21676183067.svg" alt=""/> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Website Development </h5> <span class="single-category-contents-subtitle"> 9 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/mobile-app-development"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/account_s41676183896.svg" alt=""/> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Mobile App Development </h5> <span class="single-category-contents-subtitle"> 1 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/education"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/account_s51676183967.svg" alt=""/> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Education & Teachings </h5> <span class="single-category-contents-subtitle"> 1 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/digital-marketing"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/account_s81676184135.svg" alt=""/> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Digital Marketing </h5> <span class="single-category-contents-subtitle"> 1 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/graphic-design"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Graphic design </h5> <span class="single-category-contents-subtitle"> 1 Projects </span> </div> </div> </a> </div> <div class="category-slider-item"> <a href="https://www.pekm.com/categories/video-animation-services"> <div class="single-category center-text radius-10"> <div class="single-category-icon"> </div> <div class="single-category-contents"> <h5 class="single-category-contents-title"> Video Animation Services </h5> <span class="single-category-contents-subtitle"> 1 Projects </span> </div> </div> </a> </div> </div> </div> </div> <div class="row mt-5 appendSliderWrapper"> <div class="testimonial-arrows center-text"> <div class="append-projectCategory"> <span> Swipe </span> </div> </div> </div> </div> </section> <!-- Category area end --> <style> .single-work{height:100%} </style> <!-- Work area starts --> <section class="work-area pat-100 pab-50" data-padding-top="87" data-padding-bottom="80" style="background-color:"> <div class="container"> <div class="section-title center-text"> <h2 class="title"> Why work on PEKM? </h2> </div> <div class="row gy-4 mt-5"> <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInRight" data-wow-delay=".2s"> <div class="single-work single-work-border radius-10"> <div class="single-work-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work16984887771735569718.svg" alt=""/> </div> <div class="single-work-contents mt-3"> <h4 class="single-work-contents-title"> <a href="#/">3K+ Jobs Posted Everyday</a> </h4> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInRight" data-wow-delay=".2s"> <div class="single-work single-work-border radius-10"> <div class="single-work-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work216984887771735569718.svg" alt=""/> </div> <div class="single-work-contents mt-3"> <h4 class="single-work-contents-title"> <a href="#/">9K+ Globally Verified Clients</a> </h4> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInRight" data-wow-delay=".2s"> <div class="single-work single-work-border radius-10"> <div class="single-work-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work316984887771735569718.svg" alt=""/> </div> <div class="single-work-contents mt-3"> <h4 class="single-work-contents-title"> <a href="#/">Only Pay Once You Have Earned Something</a> </h4> </div> </div> </div> <div class="col-xl-3 col-lg-4 col-sm-6 wow fadeInRight" data-wow-delay=".2s"> <div class="single-work single-work-border radius-10"> <div class="single-work-icon"> <img src="https://www.pekm.com/assets/uploads/media-uploader/work416984887771735569718.svg" alt=""/> </div> <div class="single-work-contents mt-3"> <h4 class="single-work-contents-title"> <a href="#/">Get Certificates of Earnings</a> </h4> </div> </div> </div> </div> </div> </section> <!-- Work area end --><!-- Project area starts --> <section class="project-area pat-50 pab-50" data-padding-top="87" data-padding-bottom="84" style="background-color:"> <div class="container"> <div class="section-title text-left append-flex"> <div class="d-flex w-100 justify-content-between"> <h2 class="subtitle"> Explore Projects</h2> <div> </div> </div> </div> <div class="d-flex w-100 justify-content-between"> <div class="section-title text-left mx-0"> <div class="title"> <span>Website Development</span> </div> </div> <div class="append-project"></div> </div> <div class="row mt-5"> <div class="col-12"> <div class="global-slick-init project-slider nav-style-one slider-inner-margin" data-rtl="false" data-appendArrows=".append-project" data-arrows="true" data-infinite="true" data-dots="false" data-slidesToShow="3" data-swipeToSlide="true" data-autoplaySpeed="2500" data-prevArrow='<div class="prev-icon"><i class="fa-solid fa-arrow-left"></i></div>' data-nextArrow='<div class="next-icon"><i class="fa-solid fa-arrow-right"></i></div>' data-responsive='[{"breakpoint": 1400,"settings": {"slidesToShow": 3}},{"breakpoint": 1200,"settings": {"slidesToShow": 2}},{"breakpoint": 992,"settings": {"slidesToShow": 2}},{"breakpoint": 768,"settings": {"slidesToShow": 1}},{"breakpoint": 576, "settings": {"slidesToShow": 1} }]'> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-for-driving-school-amp-instructors"> <img src="https://www.pekm.com/assets/uploads/project/1746298742-6816677665013.png" alt="Website for driving school & instructors"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-for-driving-school-amp-instructors">Website for driving school & instructors </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a month </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/xenforo-custom-addon-development"> <img src="https://www.pekm.com/assets/uploads/project/1739443662-67adcdce73f2e.png" alt="XenForo custom addon development"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/xenforo-custom-addon-development">XenForo custom addon development </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $50.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-for-plumbers-and-contractors"> <img src="https://www.pekm.com/assets/uploads/project/1746917991-681fda6740fc0.png" alt="Website for Plumbers and contractors"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-for-plumbers-and-contractors">Website for Plumbers and contractors </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/roman55/website-for-driving-school-and-instructors"> <img src="https://www.pekm.com/assets/uploads/project/1739802098-67b345f2c1a90.png" alt="Website for Driving School and Instructors"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/roman55/website-for-driving-school-and-instructors">Website for Driving School and Instructors </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $250.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-for-takeaway-and-restaurants"> <img src="https://www.pekm.com/assets/uploads/project/1739303649-67abaae1ec5a8.jpg" alt="Website for takeaway and restaurants"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-for-takeaway-and-restaurants">Website for takeaway and restaurants </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $30.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a month </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Project area end --> <!-- Project area starts --> <section class="project-area pat-50 pab-50" data-padding-top="40" data-padding-bottom="47" style="background-color:"> <div class="container"> <div class="section-title text-left append-flex"> <div class="d-flex w-100 justify-content-between"> <h2 class="subtitle"> Explore Projects</h2> <div> </div> </div> </div> <div class="d-flex w-100 justify-content-between"> <div class="section-title text-left mx-0"> <div class="title"> <span>Design and Creative</span> </div> </div> <div class="append-project"></div> </div> <div class="row mt-5"> <div class="col-12"> <div class="global-slick-init project-slider nav-style-one slider-inner-margin" data-rtl="false" data-appendArrows=".append-project" data-arrows="true" data-infinite="true" data-dots="false" data-slidesToShow="3" data-swipeToSlide="true" data-autoplaySpeed="2500" data-prevArrow='<div class="prev-icon"><i class="fa-solid fa-arrow-left"></i></div>' data-nextArrow='<div class="next-icon"><i class="fa-solid fa-arrow-right"></i></div>' data-responsive='[{"breakpoint": 1400,"settings": {"slidesToShow": 3}},{"breakpoint": 1200,"settings": {"slidesToShow": 2}},{"breakpoint": 992,"settings": {"slidesToShow": 2}},{"breakpoint": 768,"settings": {"slidesToShow": 1}},{"breakpoint": 576, "settings": {"slidesToShow": 1} }]'> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/roman55/design-and-develop-website-for-pharmacy"> <img src="https://www.pekm.com/assets/uploads/project/1739442082-67adc7a22c610.png" alt="Design and Develop website for pharmacy"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/roman55/design-and-develop-website-for-pharmacy">Design and Develop website for pharmacy </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $300.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a month </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/web-design-for-dentistry"> <img src="https://www.pekm.com/assets/uploads/project/1746998275-68211403dd372.png" alt="Web Design for Dentistry"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/web-design-for-dentistry">Web Design for Dentistry </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/williamhat9/website-amp-template-design-for-any-business"> <img src="https://www.pekm.com/assets/uploads/project/1738840462-67a4998ee2e52.jpg" alt="Website & template design for any business."> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/williamhat9/website-amp-template-design-for-any-business">Website & template design for any business. </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $450.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> 1 Days </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-design-for-solicitors-and-lawyers"> <img src="https://www.pekm.com/assets/uploads/project/1746959362-68207c02238ff.png" alt="Website Design for Solicitors & Lawyers"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-design-for-solicitors-and-lawyers">Website Design for Solicitors & Lawyers </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/roman55/design-gaming-app-android-and-ios"> <img src="https://www.pekm.com/assets/uploads/project/1738927984-67a5ef701c26c.jpg" alt="Design Gaming App android and IOS"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/roman55/design-gaming-app-android-and-ios">Design Gaming App android and IOS </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $400.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> 1 Days </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Project area end --> <!-- Project area starts --> <section class="project-area pat-50 pab-50" data-padding-top="55" data-padding-bottom="52" style="background-color:"> <div class="container"> <div class="section-title text-left append-flex"> <h2 class="title"> Latest Projects </h2> <div class="d-flex flex-column gap-2 align-items-end"> <div> </div> <div class="append-project"></div> </div> </div> <div class="row mt-5"> <div class="col-12"> <div class="global-slick-init project-slider nav-style-one slider-inner-margin" data-rtl="false" data-appendArrows=".append-project" data-arrows="true" data-infinite="true" data-dots="false" data-slidesToShow="3" data-swipeToSlide="true" data-autoplaySpeed="2500" data-prevArrow='<div class="prev-icon"><i class="fa-solid fa-arrow-left"></i></div>' data-nextArrow='<div class="next-icon"><i class="fa-solid fa-arrow-right"></i></div>' data-responsive='[{"breakpoint": 1400,"settings": {"slidesToShow": 3}},{"breakpoint": 1200,"settings": {"slidesToShow": 2}},{"breakpoint": 992,"settings": {"slidesToShow": 2}},{"breakpoint": 768,"settings": {"slidesToShow": 1}},{"breakpoint": 576, "settings": {"slidesToShow": 1} }]'> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/web-design-for-dentistry"> <img src="https://www.pekm.com/assets/uploads/project/1746998275-68211403dd372.png" alt="Web Design for Dentistry"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/web-design-for-dentistry">Web Design for Dentistry </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-design-for-solicitors-and-lawyers"> <img src="https://www.pekm.com/assets/uploads/project/1746959362-68207c02238ff.png" alt="Website Design for Solicitors & Lawyers"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-design-for-solicitors-and-lawyers">Website Design for Solicitors & Lawyers </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-for-plumbers-and-contractors"> <img src="https://www.pekm.com/assets/uploads/project/1746917991-681fda6740fc0.png" alt="Website for Plumbers and contractors"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-for-plumbers-and-contractors">Website for Plumbers and contractors </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/salon-website-design-amp-development"> <img src="https://www.pekm.com/assets/uploads/project/1746572666-681a957a366e2.jpg" alt="Salon Website Design & Development"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/salon-website-design-amp-development">Salon Website Design & Development </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a week </span> </div> </div> </div> </div> <div class="project-item wow fadeInUp" data-wow-delay=".1s"> <div class="single-project radius-10"> <div class="single-project-thumb"> <a href="https://www.pekm.com/projects/arfanvla/website-for-driving-school-amp-instructors"> <img src="https://www.pekm.com/assets/uploads/project/1746298742-6816677665013.png" alt="Website for driving school & instructors"> </a> </div> <div class="single-project-content"> <div class="single-project-content-top align-items-center flex-between"> <div class="single-project-content-review"> <span class="single-project-content-review-rating">No Review</span> </div> <a href="#/" class="single-project-orderCompleted">No Order </a> </div> <h4 class="single-project-content-title"> <a href="https://www.pekm.com/projects/arfanvla/website-for-driving-school-amp-instructors">Website for driving school & instructors </a> </h4> </div> <div class="single-project-bottom flex-between"> <span class="single-project-content-price"> $92.00 </span> <div class="single-project-delivery"> <span class="single-project-delivery-icon"> <i class="fa-regular fa-clock"></i> Delivery </span> <span class="single-project-delivery-days"> less than a month </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Project area end --> <!-- appStore area starts --> <section class="appStore-area pat-100 pab-100"> <div class="container"> <div class="row gy-5 justify-content-center"> <div class="col-xl-6 col-lg-9"> <div class="single-appStore"> <div class="single-appStore-flex"> <div class="single-appStore-contents"> <h3 class="single-appStore-contents-title"> <a href="javascript:void(0)">Download Freelancers</a> </h3> <div class="single-appStore-btn flex-btn gap-2 mt-4"> <a href="#"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore117156641551735569841.jpg" alt=""/> </a> <a href="#"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore217156641551735569841.jpg" alt=""/> </a> </div> <div class="single-appStore-shapes"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore-shapes17156643191735569840.svg" alt=""/> </div> </div> <div class="single-appStore-thumb wow fadeInUp" data-wow-delay=".2s"> <img src="https://www.pekm.com/assets/uploads/media-uploader/Freelancer17172333041735569840.png" alt=""/> </div> </div> </div> </div> <div class="col-xl-6 col-lg-9"> <div class="single-appStore"> <div class="single-appStore-flex"> <div class="single-appStore-contents"> <h3 class="single-appStore-contents-title"> <a href="javascript:void(0)">Download Clients</a> <div class="single-appStore-btn flex-btn gap-2 mt-4"> <a href="#"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore117156641551735569841.jpg" alt=""/> </a> <a href="#"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore217156641551735569841.jpg" alt=""/> </a> </div> <div class="single-appStore-shapes"> <img src="https://www.pekm.com/assets/uploads/media-uploader/appStore-shapes17156643191735569840.svg" alt=""/> </div> </div> <div class="single-appStore-thumb wow fadeInUp" data-wow-delay=".5s"> <img src="https://www.pekm.com/assets/uploads/media-uploader/Freelancer17172333041735569840.png" alt=""/> </div> </div> </div> </div> </div> </div> </section> <!-- appStore area end --> <!-- footer area start --> <footer class="footer-area footer-fluid white-footer footer-bg-1"> <div class="container"> <div class="footer-area-wrapper footer-bg-1"> <div class="row gx-5 footer-area-top"> <div class="col-lg-3 col-sm-6 mt-4"> <div class="footer-widget widget"> <div class="footer-contents-logo"> <a href="https://www.pekm.com" class="footer-contents-logo-img"> <img src="https://www.pekm.com/assets/uploads/media-uploader/pekm-high-resolution-logo-grayscale-transparent1746483564.png" alt=""/> </a> </div> <div class="footer-widget-inner mt-4"> <p class="footer-widget-para"></p> <div class="footer-widget-social mt-4"> <ul class="footer-widget-social-list list-style-none"> <li class="footer-widget-social-list-item"> <a class="footer-widget-social-list-link" href="https://web.facebook.com/pekms"> <i class="fab fa-facebook-f"></i> </a> </li> <li class="footer-widget-social-list-item"> <a class="footer-widget-social-list-link" href="https://www.youtube.com/@pekms"> <i class="fab fa-youtube"></i> </a> </li> <li class="footer-widget-social-list-item"> <a class="footer-widget-social-list-link" href="#"> <i class="fab fa-twitter"></i> </a> </li> <li class="footer-widget-social-list-item"> <a class="footer-widget-social-list-link" href="#"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> </div> </div> </div> </div><div class="col-lg-3 col-sm-6 mt-4"> <div class="footer-widget widget"> <h4 class="footer-widget-title">About Us</h4> <div class="footer-widget-inner mt-4"> <ul class="footer-widget-link-list"> <li class="footer-widget-link-list-item"> <a href="https://pekm.com/about-us">About</a> </li> <li class="footer-widget-link-list-item"> <a href="https://pekm.com/contact-us">Contact</a> </li> <li class="footer-widget-link-list-item"> <a href="https://pekm.com/privacy-policy">Privacy Policy</a> </li> <li class="footer-widget-link-list-item"> <a href="https://pekm.com/terms-conditions">Terms and Conditions</a> </li> </ul> </div> </div> </div><div class="col-lg-3 col-sm-6 mt-4"> <div class="footer-widget widget"> <h4 class="footer-widget-title">Services</h4> <div class="footer-widget-inner mt-4"> <ul class="footer-widget-link-list"> <li class="footer-widget-link-list-item"> <a href="https://www.pekm.com/categories/design-and-creative">Design and Creative</a> </li> <li class="footer-widget-link-list-item"> <a href="https://www.pekm.com/categories/website-development">Website Development</a> </li> <li class="footer-widget-link-list-item"> <a href="https://www.pekm.com/categories/mobile-app-development">Mobile App Development</a> </li> <li class="footer-widget-link-list-item"> <a href="https://www.pekm.com/categories/education">Education & Teachings</a> </li> <li class="footer-widget-link-list-item"> <a href="https://www.pekm.com/categories/digital-marketing">Digital Marketing</a> </li> </ul> </div> </div> </div> <div class="col-lg-3 col-sm-6 mt-4"> <div class="footer-widget widget"> <h4 class="footer-widget-title">Contact Us</h4> <div class="footer-inner mt-4"> <div class="footer-widget-contact"> <span class="footer-widget-contact-item"> <span> <i class="fas fa-phone"></i> </span> <a href="#/"> </a> </span> <span class="footer-widget-contact-item"> <span> <i class="far fa-envelope"></i> </span> <a href="#/"> <span class="__cf_email__" data-cfemail="30535f5e445153447040555b5d1e535f5d">[email protected]</span> </a> </span> <span class="footer-widget-contact-item"> <span> <i class="fas fa-map-marker"></i> </span> <a href="#/"> United Kingdom </a> </span> </div> </div> </div> </div> </div> <div class="copyright-area copyright-border"> <div class="row"> <div class="col-12"> <div class="footer-widget-para"> <p>© 2025 All right reserved by <a href="https://www.pekm.com">PEKM</a></p> </div> </div> </div> </div> </div> </div> </footer> <!-- footer area end --> <!-- back to top area start --> <div class="back-to-top"> <span class="back-top"> <i class="fas fa-angle-up"></i> </span> </div> <!-- back to top area end --> <!-- jquery --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.pekm.com/assets/common/js/jquery-3.7.1.min.js"></script> <!-- jquery Migrate --> <script src="https://www.pekm.com/assets/common/js/jquery-migrate-3.4.0.min.js"></script> <!-- bootstrap --> <script src="https://www.pekm.com/assets/frontend/js/bootstrap.bundle.min.js"></script> <!-- Wow Js --> <script src="https://www.pekm.com/assets/frontend/js/wow.js"></script> <!-- Slick Js --> <script src="https://www.pekm.com/assets/frontend/js/slick.js"></script> <!-- All Plugin Js --> <script src="https://www.pekm.com/assets/frontend/js/all_plugin.js"></script> <!-- Magnific popup Js --> <script src="https://www.pekm.com/assets/frontend/js/jquery.magnific-popup.js"></script> <!-- main js --> <script src="https://www.pekm.com/assets/frontend/js/main.js"></script> <!-- Toastr js --> <!-- Wow Js --> <script>new WOW().init();</script> <script src="https://www.pekm.com/assets/common/js/toastr.min.js"></script> <script type="text/javascript"></script> <!-- global ajax setup --> <script> $.ajaxSetup({headers: {'X-CSRF-TOKEN': 'igTCrwDnMAgAO4isNUhNSEuhynByyZVMJ5TpGPD4'} }) </script> <script src="https://js.pusher.com/7.2/pusher.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> class LiveChat { pusher; channel; logEnable; appCluster; appKey; appUrl; constructor() { this.appKey ="806d8f752cd0569712bc"; this.appCluster ="ap1"; this.appUrl ="https://pekm.com"; this.pusher = this.createInstance(); this.channel = null; } createInstance(){ this.pusher = null; return new Pusher(this.appKey, { cluster: this.appCluster, channelAuthorization: { endpoint: `${this.appUrl}/broadcasting/auth` } }); } enableLog(){ Pusher.logToConsole = true; } createChannel(client_id, freelancer_id, type) { if(type === 'client') this.channel = this.pusher.subscribe(`private-livechat-freelancer-channel.${client_id}.${freelancer_id}`); else this.channel = this.pusher.subscribe(`private-livechat-client-channel.${freelancer_id}.${client_id}`); } removeChannel(client_id, freelancer_id, type){ if(type === 'client') this.channel = this.pusher.unsubscribe(`private-livechat-freelancer-channel.${client_id}.${freelancer_id}`); else this.channel = this.pusher.unsubscribe(`private-livechat-client-channel.${freelancer_id}.${client_id}`); } bindEvent(eventName, callback) { this.channel.bind(eventName, callback); } //user push notification createNotificationChannel(user_id) { this.notificationChannel = this.pusher.subscribe(`project-private-notifications-${user_id}`); this.notificationChannel.bind('App\\Events\\ProjectEvent', function(data) { //real time push notification toastr_notification_js(data.message); notification_sound(); $(".navbar-right-notification").load(location.href + " .navbar-right-notification"); // stop execution if chatbox is open if (isChatboxOpen()) { return; } else { $(".reload_unseen_message_count").load(location.href + " .reload_unseen_message_count"); } }); } //remove the user push notification channel removeNotificationChannel(user_id) { this.notificationChannel = this.pusher.unsubscribe(`project-private-notifications-${user_id}`); } //admin push notification createAdminNotificationChannel(admin_id) { this.notificationChannel = this.pusher.subscribe(`admin-private-notifications-${admin_id}`); this.notificationChannel.bind('App\\Events\\AdminEvent', function(data) { toastr_notification_js(data.message); $(".dashboard__notification").load(location.href + " .dashboard__notification"); }); } // Remove the admin notification channel removeAdminNotificationChannel(admin_id) { this.notificationChannel = this.pusher.unsubscribe(`admin-private-notifications-${admin_id}`); } } </script> <script> // Global variables let isPageVisible = true; // Document Ready Handler - Entry point document.addEventListener("DOMContentLoaded", function() { // Register service worker first registerServiceWorker(); // Add visibility change listener document.addEventListener("visibilitychange", function() { isPageVisible = !document.hidden; }); // Handle notification permission initializeNotificationPermission(); }); // SERVICE WORKER FUNCTIONS function registerServiceWorker() { if ('serviceWorker' in navigator) { navigator.serviceWorker.register("https://www.pekm.com/assets/frontend/js/sw.js") .then(function(registration) { console.log("Service Worker Registered!", registration); }) .catch(function(err) { console.log("Service Worker Registration Failed!", err); }); } else { console.log("Service Worker not supported in this browser"); } } // NOTIFICATION PERMISSION FUNCTIONS function initializeNotificationPermission() { } function showPermissionPrompt() { Swal.fire({ title: "Subscribe to Notifications!", text: "We will notify you each and everything related to you.", icon: "info", showCancelButton: true, confirmButtonText: "Allow", cancelButtonText: "Cancel" }).then((result) => { if (result.isConfirmed) { requestNotificationPermission(); } }); } function requestNotificationPermission() { if (!("Notification" in window)) { console.log("Browser does not support notifications"); return; } Notification.requestPermission().then(function(permission) { if (permission === "granted") { console.log("Notification permission granted."); localStorage.setItem("notificationSubscribed", "true"); location.reload(); } else { console.log("Notification permission denied."); localStorage.setItem("notificationSubscribed", "false"); location.reload(); } }); } // PUSH NOTIFICATION FUNCTIONS function sendPushNotification(title, message) { console.log('Attempting to send push notification'); // Check if service worker and push are supported if (!('serviceWorker' in navigator) || !('PushManager' in window)) { console.log('Service Worker or Push API not supported'); return; } // Check permission first if (Notification.permission !== 'granted') { console.log('Notification permission not granted'); return; } // Get the active service worker registration navigator.serviceWorker.getRegistrations() .then(function(registrations) { if (registrations.length === 0) { console.log('No service workers registered'); return; } // Find and use the first active service worker for (let registration of registrations) { if (registration.active) { console.log('Found active service worker, showing notification'); registration.showNotification(title, { body: message, icon: "https://deexial.com/assets/uploads/media-uploader/Deexial.com%20favicon%20logo1704728989.png" }); return; // Exit after showing notification } } console.log('No active service worker found'); }) .catch(function(err) { console.log('Error getting service worker registrations', err); }); } function showBrowserNotification(title, message) { // Don't show if chatbox is open and page is visible if (isChatboxOpen() && isPageVisible) { return; } // Check browser support if (!("Notification" in window)) { console.log("Browser does not support desktop notification"); return; } // Check permission if (Notification.permission !== "granted") { console.log("Notification permission not granted"); return; } // Create notification new Notification(title, { body: message, icon: "https://deexial.com/assets/uploads/media-uploader/Deexial.com%20favicon%20logo1704728989.png" }); } // UTILITY FUNCTIONS function isMobile() { console.log('User Agent:', navigator.userAgent); return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent); } function isChatboxOpen() { let chatbox = document.querySelector(".chat-wrapper-details"); if (!chatbox) { return false; } let style = window.getComputedStyle(chatbox); return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0"; } function notification_sound() { let audio = new Audio("https://www.pekm.com/assets/uploads/chat_image/sound/facebook_chat.mp3"); audio.play().then(() => { console.log("Audio played successfully"); }).catch(error => { console.log("Audio autoplay blocked, waiting for user interaction", error); // Add an event listener to wait for a user interaction document.body.addEventListener("click", function playAudio() { audio.play(); document.body.removeEventListener("click", playAudio); }, { once: true }); }); } // TOASTR NOTIFICATION FUNCTION function toastr_notification_js(msg) { Command: toastr["warning"](msg, "New Notification!") toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } } </script> <script> (function($){ "use strict"; $(document).ready(function(){ $(document).on('mouseup', function (e) { if ($(e.target).closest('.navbar-right-notification').find('.navbar-right-notification-wrapper').length === 0) { $('.navbar-right-notification-wrapper').removeClass('active'); } }); $(document).on('click', '.navbar-right-notification-icon', function () { $('.navbar-right-notification-wrapper').toggleClass('active'); }); $(document).on('click', '.subscription_by_email', function(e){ e.preventDefault(); let email = $('#newsletter_subscribe_from_addon input[name="email"]').val(); let erContainer = $("#newsletter_subscribe_from_addon .error-message"); erContainer.html(''); $.ajax({ url:"https://www.pekm.com/news-letter/subscribe/by/user", data:{email:email}, method:'POST', error:function(res){ let errors = res.responseJSON; erContainer.html('<div class="alert alert-danger text-start"></div>'); $.each(errors.errors, function(index,value){ erContainer.find('.alert.alert-danger').append('<p>'+value+'</p>'); }); }, success: function(res){ if(res.status=='success'){ toastr_success_js("Thanks to Subscription Us.") $('input[name="email"]').val('') } if(res.status == 'failed'){ erContainer.html('<div class="alert alert-danger">'+res.msg+'</div>'); } } }); }); $(document).on('click', '.subscription_by_email_newsletter', function(e){ e.preventDefault(); let email = $('#newsletter_subscribe_from_footer input[name="email"]').val(); let erContainer = $("#newsletter_subscribe_from_footer .error-message"); erContainer.html(''); $.ajax({ url:"https://www.pekm.com/news-letter/subscribe/by/user", data:{email:email}, method:'POST', error:function(res){ let errors = res.responseJSON; erContainer.html('<div class="alert alert-danger text-start"></div>'); $.each(errors.errors, function(index,value){ erContainer.find('.alert.alert-danger').append('<p>'+value+'</p>'); }); }, success: function(res){ if(res.status=='success'){ toastr_success_js("Thanks to Subscription Us.") $('input[name="email"]').val('') } if(res.status == 'failed'){ erContainer.html('<div class="alert alert-danger">'+res.msg+'</div>'); } } }); }); //faq question $(document).on('click', '.ask_you_question', function(e){ e.preventDefault(); let question = $('input[name="question"]').val(); let erContainer = $("#ask_your_question .error-message"); erContainer.html(''); $.ajax({ url:"https://www.pekm.com/faq/question/by/user", data:{question:question}, method:'POST', error:function(res){ let errors = res.responseJSON; erContainer.html('<div class="alert alert-danger text-start"></div>'); $.each(errors.errors, function(index,value){ erContainer.find('.alert.alert-danger').append('<p>'+value+'</p>'); }); }, success: function(res){ if(res.status=='success'){ toastr_success_js("Thanks to Question Us.") $('input[name="question"]').val('') $("#questionModal").modal('hide'); } if(res.status == 'failed'){ erContainer.html('<div class="alert alert-danger">'+res.msg+'</div>'); } } }); }); //bookmarks $(document).on('click','.click_to_bookmark',function(){ let identity = $(this).data('identity'); let route = $(this).data('route'); let type = $(this).data('type'); let login = $(this).data('login') ?? ''; if(login == 'login-please'){ toastr_warning_js("Please login to bookmark.") return false } $.ajax({ url: route, type: 'post', data: {identity:identity, type:type}, success: function(res){ if(res.status == 'success'){ toastr_success_js("Successfully bookmarked.") $(".bookmark_area").load(location.href + ' .bookmark_area'); }else if(res.status == 'exists'){ toastr_warning_js("Already bookmarked.") } else{ toastr_warning_js("Something went wrong."); } } }); }); //bookmarks remove $(document).on('click','.remove_from_bookmark',function(){ let identity = $(this).data('identity'); let route = $(this).data('route'); $.ajax({ url: route, type: 'post', data: {identity:identity}, success: function(res){ $('#current_password_match').show(); if(res.status == 'success'){ toastr_success_js("Successfully remove from bookmarked.") $(".bookmark_area").load(location.href + ' .bookmark_area'); }else{ toastr_warning_js("Something went wrong."); } } }); }); //job search from home page $(document).on('keyup', '#search_your_desired_job',function(){ let job_search_string = $('#search_your_desired_job').val(); let search_type = $('#Select_project_or_job_for_search').val(); $('.display_search_result').hide() if(job_search_string.length >= 1){ $('.display_search_result').show() $('#header_search_load_spinner').html('<i class="fas fa-spinner fa-pulse"></i>'); $.ajax({ url:"https://www.pekm.com/job/project/search/from/home/page", method:"GET", data:{job_search_string:job_search_string, search_type}, success:function(res){ console.log(res) $('.display_search_result').html(res); $('#header_search_load_spinner').html('<i class="fas fa-search"></i>'); } }) }else{ $('.display_search_result').html(''); } }) $('.video_play').magnificPopup({ type:'iframe', }); //fixed menu js if ($('#navigation').length) { window.onscroll = function () { myFunction() }; let navbar = document.getElementById("navigation"); let sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } if (window.pageYOffset == sticky) { navbar.classList.remove("sticky"); } } } // nofication js }); }(jQuery)); </script> <script> function slickSliderConfiguration() { let global = document.querySelectorAll('.global-slick-init'); global.forEach(function (element, index){ let parentBoxWidth = element.clientWidth; let childCount = element.querySelectorAll('.category-slider-item, .testimonial-item')?.length ?? 0; let childItemWidth = element.querySelector('.category-slider-item, .testimonial-item')?.clientWidth ?? 0; if(childCount !== 0 && childItemWidth !== 0){ if((childCount * childItemWidth) < parentBoxWidth){ // now hide the div swipe let targetSwipeDiv = element.parentElement.parentElement.parentElement.querySelector('.testimonial-arrows'); targetSwipeDiv.classList.add('d-none'); targetSwipeDiv.parentElement.classList.remove('mt-5') } } }) } window.addEventListener('load', slickSliderConfiguration,false); window.addEventListener('resize', slickSliderConfiguration,false); </script> <script> //toastr warning function toastr_warning_js(msg){ Command: toastr["warning"](msg, "Warning !") toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } } //toastr success function toastr_success_js(msg){ Command: toastr["success"](msg, "Success !") toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } } //toastr error function toastr_error_js(msg){ Command: toastr["error"](msg, "Error !") toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } } </script> <!--page script--> </body> </html>