Showing source for: https://videoeditor.pk/blog/
Duration: 0.344095s
Server: Vercel

<!DOCTYPE html>
<html data-scroll-behavior="smooth" lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <link data-precedence="next" href="/_next/static/chunks/3y_ea01oe17iy.css" rel="stylesheet">
        <link as="script" fetchpriority="low" href="/_next/static/chunks/2iho8jepmwwua.js" rel="preload">
        <script async="" src="/_next/static/chunks/1tn5o1ziar-v3.js">
        </script>
        <script async="" src="/_next/static/chunks/3j9pm5otqxm82.js">
        </script>
        <script async="" src="/_next/static/chunks/08685zfuey73i.js">
        </script>
        <script async="" src="/_next/static/chunks/3rz2xaq6s666t.js">
        </script>
        <script async="" src="/_next/static/chunks/turbopack-0qhu9snaijn-y.js">
        </script>
        <script async="" src="/_next/static/chunks/36n96oy0exjtr.js">
        </script>
        <script async="" src="/_next/static/chunks/1fulmegyd54bf.js">
        </script>
        <script async="" src="/_next/static/chunks/14mrh2-p_w84d.js">
        </script>
        <script async="" src="/_next/static/chunks/1rxncug86bump.js">
        </script>
        <script async="" src="/_next/static/chunks/3a48buoj02sa7.js">
        </script>
        <script async="" src="/_next/static/chunks/1jn1rx3h7fg80.js">
        </script>
        <script async="" src="/_next/static/chunks/2pfhoi5nwamkp.js">
        </script>
        <script async="" src="/_next/static/chunks/03plbr9t105y1.js">
        </script>
        <link as="script" href="https://www.googletagmanager.com/gtag/js?id=GT-57VXC9DC" rel="preload">
        <title>
            Video Editing Blog
        </title>
        <meta content="Tips, tutorials, and insights about video editing and content creation." name="description">
        <meta content="index, follow" name="robots">
        <link href="https://videoeditor.pk/blog/" rel="canonical">
        <meta content="9YIKPHGhzgPaQtr3yskSakSkspswaWkHxhaUBq8wn4U" name="google-site-verification">
        <meta content="Video Editing Blog" property="og:title">
        <meta content="Tips, tutorials, and insights about video editing and content creation." property="og:description">
        <meta content="https://videoeditor.pk/blog/" property="og:url">
        <meta content="website" property="og:type">
        <meta content="summary" name="twitter:card">
        <meta content="Video Editing Blog" name="twitter:title">
        <meta content="Tips, tutorials, and insights about video editing and content creation." name="twitter:description">
        <link href="/favicon.ico" rel="shortcut icon">
        <link href="/favicon.ico?favicon.176osi4iygrpl.ico" rel="icon" sizes="24x24" type="image/x-icon">
        <link href="/favicon.ico" rel="icon">
        <link href="/favicon.ico" rel="apple-touch-icon">
        <script>
            (self.__next_s = self.__next_s || []).push([0,{
                "children": "(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-N6MJCG4K');",
                "id": "google-tag-manager"
            }]);
        </script>
        <script>
            (self.__next_s = self.__next_s || []).push(["https://www.googletagmanager.com/gtag/js?id=GT-57VXC9DC",{
            }]);
        </script>
        <script>
            (self.__next_s = self.__next_s || []).push([0,{
                "children": "window.dataLayer = window.dataLayer || [];\nfunction gtag(){dataLayer.push(arguments);}\ngtag('js', new Date());\ngtag('config', 'GT-57VXC9DC');",
                "id": "google-tag"
            }]);
        </script>
        <script nomodule="" src="/_next/static/chunks/0cz1d0mv5g_q7.js">
        </script>
    </head>
    <body>
        <div hidden="">
            <!--$-->
            <!--/$-->
        </div>
        <noscript>
            <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-N6MJCG4K" style="display:none;visibility:hidden" width="0">
            </iframe>
        </noscript>
        <section aria-atomic="false" aria-label="Notifications Alt+T" aria-live="polite" aria-relevant="additions text" class="Toastify">
        </section>
        <section class="bg-homeBg dark:bg-homeTwoBg-dark min-h-screen bg-no-repeat bg-center bg-cover bg-fixed md:pb-16 w-full">
            <div class="container w-full bg-[#F3F6F6] dark:bg-black lg:bg-transparent lg:dark:bg-transparent flex justify-between py-5 lg:px-0 lg:pt-[50px]">
                <div class="w-full flex justify-between px-4">
                    <a href="/">
                        <img alt="Video Editor logo" class="h-auto w-[120px] lg:w-[160px]" data-nimg="1" decoding="async" height="79" src="/images/logo/video-editor-logo.png" style="color:transparent" width="200">
                    </a>
                    <div class="flex items-center">
                        <span class="bg-white w-[40px] hover:text-white hidden h-[40px] rounded-full lg:flex justify-center items-center text-black hover:bg-[#FC8E02] transition-all duration-300 ease-in-out cursor-pointer ml-2">
                            <svg class="text-3xl dark-mode-light dark:hidden" fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z">
                                </path>
                            </svg>
                            <svg class="text-2xl dark-mode-dark hidden fill-jacarta-700 group-hover:fill-white group-focus:fill-white dark:block dark:fill-white" fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="12" cy="12" r="5">
                                </circle>
                                <line x1="12" x2="12" y1="1" y2="3">
                                </line>
                                <line x1="12" x2="12" y1="21" y2="23">
                                </line>
                                <line x1="4.22" x2="5.64" y1="4.22" y2="5.64">
                                </line>
                                <line x1="18.36" x2="19.78" y1="18.36" y2="19.78">
                                </line>
                                <line x1="1" x2="3" y1="12" y2="12">
                                </line>
                                <line x1="21" x2="23" y1="12" y2="12">
                                </line>
                                <line x1="4.22" x2="5.64" y1="19.78" y2="18.36">
                                </line>
                                <line x1="18.36" x2="19.78" y1="5.64" y2="4.22">
                                </line>
                            </svg>
                        </span>
                        <span class="bg-white w-[40px] hover:text-white flex items-center h-[40px] rounded-full lg:hidden justify-center text-black hover:bg-[#FC8E02] transition-all duration-300 ease-in-out cursor-pointer ml-2">
                            <svg class="text-3xl dark-mode-light dark:hidden" fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z">
                                </path>
                            </svg>
                            <svg class="text-2xl dark-mode-dark hidden fill-jacarta-700 group-hover:fill-white group-focus:fill-white dark:block dark:fill-white" fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="12" cy="12" r="5">
                                </circle>
                                <line x1="12" x2="12" y1="1" y2="3">
                                </line>
                                <line x1="12" x2="12" y1="21" y2="23">
                                </line>
                                <line x1="4.22" x2="5.64" y1="4.22" y2="5.64">
                                </line>
                                <line x1="18.36" x2="19.78" y1="18.36" y2="19.78">
                                </line>
                                <line x1="1" x2="3" y1="12" y2="12">
                                </line>
                                <line x1="21" x2="23" y1="12" y2="12">
                                </line>
                                <line x1="4.22" x2="5.64" y1="19.78" y2="18.36">
                                </line>
                                <line x1="18.36" x2="19.78" y1="5.64" y2="4.22">
                                </line>
                            </svg>
                        </span>
                        <span class="lg:opacity-0 lg:invisible visible opacity-100 bg-[#FC8E02] w-[40px] h-[40px] rounded-full flex justify-center cursor-pointer items-center text-white dark:text-white text-3xl ml-3">
                            <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 1024 1024" width="1em" xmlns="http://www.w3.org/2000/svg">
                                <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
                                </path>
                            </svg>
                        </span>
                    </div>
                </div>
                <nav class="hidden">
                    <ul class="flex my-12">
                        <li class="mb-1">
                            <a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706] dark:text-[#A6A6A6]" href="/home/">
                                <span class="mr-2 text-xl">
                                    <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 1024 1024" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z">
                                        </path>
                                    </svg>
                                </span>
        Home
                            </a>
                        </li>
                        <li class="mb-1">
                            <a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706] dark:text-[#A6A6A6]" href="/about/">
                                <span class="mr-2 text-xl">
                                    <svg fill="none" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M6 6C6 5.44772 6.44772 5 7 5H17C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7H7C6.44771 7 6 6.55228 6 6Z" fill="currentColor">
                                        </path>
                                        <path d="M6 10C6 9.44771 6.44772 9 7 9H17C17.5523 9 18 9.44771 18 10C18 10.5523 17.5523 11 17 11H7C6.44771 11 6 10.5523 6 10Z" fill="currentColor">
                                        </path>
                                        <path d="M7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44771 15 7 15H17C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13H7Z" fill="currentColor">
                                        </path>
                                        <path d="M6 18C6 17.4477 6.44772 17 7 17H11C11.5523 17 12 17.4477 12 18C12 18.5523 11.5523 19 11 19H7C6.44772 19 6 18.5523 6 18Z" fill="currentColor">
                                        </path>
                                        <path clip-rule="evenodd" d="M2 4C2 2.34315 3.34315 1 5 1H19C20.6569 1 22 2.34315 22 4V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V4ZM5 3H19C19.5523 3 20 3.44771 20 4V20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V4C4 3.44772 4.44771 3 5 3Z" fill="currentColor" fill-rule="evenodd">
                                        </path>
                                    </svg>
                                </span>
                                About
                            </a>
                        </li>
                        <li class="mb-1">
                            <a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706] dark:text-[#A6A6A6]" href="/portfolio/">
                                <span class="mr-2 text-xl">
                                    <svg fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z">
                                        </path>
                                        <polyline points="7.5 4.21 12 6.81 16.5 4.21">
                                        </polyline>
                                        <polyline points="7.5 19.79 7.5 14.6 3 12">
                                        </polyline>
                                        <polyline points="21 12 16.5 14.6 16.5 19.79">
                                        </polyline>
                                        <polyline points="3.27 6.96 12 12.01 20.73 6.96">
                                        </polyline>
                                        <line x1="12" x2="12" y1="22.08" y2="12">
                                        </line>
                                    </svg>
                                </span>
                                Portfolio
                            </a>
                        </li>
                        <li class="mb-1">
                            <a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706] dark:text-[#A6A6A6]" href="/blog/">
                                <span class="mr-2 text-xl">
                                    <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M162.4 196c4.8-4.9 6.2-5.1 36.4-5.1 27.2 0 28.1.1 32.1 2.1 5.8 2.9 8.3 7 8.3 13.6 0 5.9-2.4 10-7.6 13.4-2.8 1.8-4.5 1.9-31.1 2.1-16.4.1-29.5-.2-31.5-.8-10.3-2.9-14.1-17.7-6.6-25.3zm61.4 94.5c-53.9 0-55.8.2-60.2 4.1-3.5 3.1-5.7 9.4-5.1 13.9.7 4.7 4.8 10.1 9.2 12 2.2 1 14.1 1.7 56.3 1.2l47.9-.6 9.2-1.5c9-5.1 10.5-17.4 3.1-24.4-5.3-4.7-5-4.7-60.4-4.7zm223.4 130.1c-3.5 28.4-23 50.4-51.1 57.5-7.2 1.8-9.7 1.9-172.9 1.8-157.8 0-165.9-.1-172-1.8-8.4-2.2-15.6-5.5-22.3-10-5.6-3.8-13.9-11.8-17-16.4-3.8-5.6-8.2-15.3-10-22C.1 423 0 420.3 0 256.3 0 93.2 0 89.7 1.8 82.6 8.1 57.9 27.7 39 53 33.4c7.3-1.6 332.1-1.9 340-.3 21.2 4.3 37.9 17.1 47.6 36.4 7.7 15.3 7-1.5 7.3 180.6.2 115.8 0 164.5-.7 170.5zm-85.4-185.2c-1.1-5-4.2-9.6-7.7-11.5-1.1-.6-8-1.3-15.5-1.7-12.4-.6-13.8-.8-17.8-3.1-6.2-3.6-7.9-7.6-8-18.3 0-20.4-8.5-39.4-25.3-56.5-12-12.2-25.3-20.5-40.6-25.1-3.6-1.1-11.8-1.5-39.2-1.8-42.9-.5-52.5.4-67.1 6.2-27 10.7-46.3 33.4-53.4 62.4-1.3 5.4-1.6 14.2-1.9 64.3-.4 62.8 0 72.1 4 84.5 9.7 30.7 37.1 53.4 64.6 58.4 9.2 1.7 122.2 2.1 133.7.5 20.1-2.7 35.9-10.8 50.7-25.9 10.7-10.9 17.4-22.8 21.8-38.5 3.2-10.9 2.9-88.4 1.7-93.9z">
                                        </path>
                                    </svg>
                                </span>
                                Blog
                            </a>
                        </li>
                        <li class="mb-1">
                            <a class="rounded-md cursor-pointer font-poppins bg-white text-gray-lite font-medium mx-2.5 flex text-xtiny py-2.5 px-2 md:px-4 xl:px-5 items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706] dark:text-[#A6A6A6]" href="/contact/">
                                <span class="mr-2 text-xl">
                                    <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M3 2H19.0049C20.1068 2 21 2.89821 21 3.9908V20.0092C21 21.1087 20.1074 22 19.0049 22H3V2ZM7 4H5V20H7V4ZM9 20H19V4H9V20ZM11 16C11 14.3431 12.3431 13 14 13C15.6569 13 17 14.3431 17 16H11ZM14 12C12.8954 12 12 11.1046 12 10C12 8.89543 12.8954 8 14 8C15.1046 8 16 8.89543 16 10C16 11.1046 15.1046 12 14 12ZM22 6H24V10H22V6ZM22 12H24V16H22V12Z">
                                        </path>
                                    </svg>
                                </span>
                                Contact
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="container grid grid-cols-12 md:gap-10 justify-between lg:mt-[220px]">
                <div class="col-span-12 lg:col-span-4 hidden lg:block h-screen sticky top-44">
                    <div class="w-full mb-6 lg:mb-0 mx-auto relative bg-white text-center dark:bg-[#111111] px-6 rounded-[20px] mt-[180px] md:mt-[220px] lg:mt-0">
                        <img alt="avatar" class="w-[240px] absolute left-[50%] transform -translate-x-[50%] h-[240px] drop-shadow-xl mx-auto rounded-[20px] -mt-[140px]" data-nimg="1" decoding="async" height="240" loading="lazy" src="/images/about/avatar.jpg" style="color:transparent" width="240">
                        <div class="pt-[100px] pb-8">
                            <h1 class="mt-6 mb-1 text-5xl font-semibold dark:text-white">
                                Monalisa Ashley
                            </h1>
                            <h3 class="mb-4 text-[#7B7B7B] inline-block dark:bg-[#1D1D1D] px-5 py-1.5 rounded-lg dark:text-[#A6A6A6]">
                                Ui/Ux Designer
                            </h3>
                            <div class="flex justify-center space-x-3">
                                <a href="https://www.facebook.com/" rel="noopener noreferrer" target="_blank">
                                    <span class="socialbtn text-[#1773EA]">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 320 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z">
                                            </path>
                                        </svg>
                                    </span>
                                </a>
                                <a href="https://twitter.com/" rel="noopener noreferrer" target="_blank">
                                    <span class="socialbtn text-[#1C9CEA]">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
                                            </path>
                                        </svg>
                                    </span>
                                </a>
                                <a href="https://dribbble.com/" rel="noopener noreferrer" target="_blank">
                                    <span class="socialbtn text-[#e14a84]">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z">
                                            </path>
                                        </svg>
                                    </span>
                                </a>
                                <a href="https://www.linkedin.com/" rel="noopener noreferrer" target="_blank">
                                    <span class="socialbtn text-[#0072b1]">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
                                            </path>
                                        </svg>
                                    </span>
                                </a>
                            </div>
                            <div class="p-7 rounded-2xl mt-7 bg-[#F3F6F6] dark:bg-[#1D1D1D]">
                                <div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]">
                                    <span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#FC8E02] shadow-md">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 320 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z">
                                            </path>
                                        </svg>
                                    </span>
                                    <div class="text-left ml-2.5">
                                        <p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">
                                            Phone
                                        </p>
                                        <p class="dark:text-white break-all">
                                            <a class="hover:text-[#FC8E02]" href="tel:+123 456 7890">
                                                +123 456 7890
                                            </a>
                                        </p>
                                    </div>
                                </div>
                                <div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]">
                                    <span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#6AB5B9] shadow-md">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 384 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z">
                                            </path>
                                        </svg>
                                    </span>
                                    <div class="text-left ml-2.5">
                                        <p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">
                                            Location
                                        </p>
                                        <p class="dark:text-white break-all">
                                            Hong Kong, China
                                        </p>
                                    </div>
                                </div>
                                <div class="flex py-2.5 border-b border-[#E3E3E3] dark:border-[#3D3A3A]">
                                    <span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#FD7590] shadow-md">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z">
                                            </path>
                                        </svg>
                                    </span>
                                    <div class="text-left ml-2.5">
                                        <p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">
                                            Email
                                        </p>
                                        <p class="dark:text-white break-all">
                                            <a class="hover:text-[#FC8E02]" href="mailto:[email protected]">
                                                [email protected]
                                            </a>
                                        </p>
                                    </div>
                                </div>
                                <div class="flex py-2.5">
                                    <span class="flex-shrink-0 socialbtn bg-white dark:bg-black text-[#C17CEB] shadow-md">
                                        <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z">
                                            </path>
                                        </svg>
                                    </span>
                                    <div class="text-left ml-2.5">
                                        <p class="text-xs text-[#44566C] dark:text-[#A6A6A6]">
                                            Birthday
                                        </p>
                                        <p class="dark:text-white break-all">
                                            May 27, 1990
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 lg:col-span-8">
                    <header class="lg:w-[526px] h-[144px] hidden lg:block p-[30px] ml-auto mb-10 rounded-[16px] bg-white dark:bg-[#111111]">
                        <nav class="hidden lg:block">
                            <ul class="flex">
                                <li class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706]">
                                    <a class="flex flex-col items-center justify-center w-full h-full" href="/home/">
                                        <span class="text-xl mb-1">
                                            <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 1024 1024" width="1em" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.9 63.9 0 0 0-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0 0 18.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z">
                                                </path>
                                            </svg>
                                        </span>
                                        Home
                                    </a>
                                </li>
                                <li class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706]">
                                    <a class="flex flex-col items-center justify-center w-full h-full" href="/about/">
                                        <span class="text-xl mb-1">
                                            <svg fill="none" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M6 6C6 5.44772 6.44772 5 7 5H17C17.5523 5 18 5.44772 18 6C18 6.55228 17.5523 7 17 7H7C6.44771 7 6 6.55228 6 6Z" fill="currentColor">
                                                </path>
                                                <path d="M6 10C6 9.44771 6.44772 9 7 9H17C17.5523 9 18 9.44771 18 10C18 10.5523 17.5523 11 17 11H7C6.44771 11 6 10.5523 6 10Z" fill="currentColor">
                                                </path>
                                                <path d="M7 13C6.44772 13 6 13.4477 6 14C6 14.5523 6.44771 15 7 15H17C17.5523 15 18 14.5523 18 14C18 13.4477 17.5523 13 17 13H7Z" fill="currentColor">
                                                </path>
                                                <path d="M6 18C6 17.4477 6.44772 17 7 17H11C11.5523 17 12 17.4477 12 18C12 18.5523 11.5523 19 11 19H7C6.44772 19 6 18.5523 6 18Z" fill="currentColor">
                                                </path>
                                                <path clip-rule="evenodd" d="M2 4C2 2.34315 3.34315 1 5 1H19C20.6569 1 22 2.34315 22 4V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V4ZM5 3H19C19.5523 3 20 3.44771 20 4V20C20 20.5523 19.5523 21 19 21H5C4.44772 21 4 20.5523 4 20V4C4 3.44772 4.44771 3 5 3Z" fill="currentColor" fill-rule="evenodd">
                                                </path>
                                            </svg>
                                        </span>
                                        About
                                    </a>
                                </li>
                                <li class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706]">
                                    <a class="flex flex-col items-center justify-center w-full h-full" href="/portfolio/">
                                        <span class="text-xl mb-1">
                                            <svg fill="none" height="1em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z">
                                                </path>
                                                <polyline points="7.5 4.21 12 6.81 16.5 4.21">
                                                </polyline>
                                                <polyline points="7.5 19.79 7.5 14.6 3 12">
                                                </polyline>
                                                <polyline points="21 12 16.5 14.6 16.5 19.79">
                                                </polyline>
                                                <polyline points="3.27 6.96 12 12.01 20.73 6.96">
                                                </polyline>
                                                <line x1="12" x2="12" y1="22.08" y2="12">
                                                </line>
                                            </svg>
                                        </span>
                                        Portfolio
                                    </a>
                                </li>
                                <li class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706]">
                                    <a class="flex flex-col items-center justify-center w-full h-full" href="/blog/">
                                        <span class="text-xl mb-1">
                                            <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="1em" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M162.4 196c4.8-4.9 6.2-5.1 36.4-5.1 27.2 0 28.1.1 32.1 2.1 5.8 2.9 8.3 7 8.3 13.6 0 5.9-2.4 10-7.6 13.4-2.8 1.8-4.5 1.9-31.1 2.1-16.4.1-29.5-.2-31.5-.8-10.3-2.9-14.1-17.7-6.6-25.3zm61.4 94.5c-53.9 0-55.8.2-60.2 4.1-3.5 3.1-5.7 9.4-5.1 13.9.7 4.7 4.8 10.1 9.2 12 2.2 1 14.1 1.7 56.3 1.2l47.9-.6 9.2-1.5c9-5.1 10.5-17.4 3.1-24.4-5.3-4.7-5-4.7-60.4-4.7zm223.4 130.1c-3.5 28.4-23 50.4-51.1 57.5-7.2 1.8-9.7 1.9-172.9 1.8-157.8 0-165.9-.1-172-1.8-8.4-2.2-15.6-5.5-22.3-10-5.6-3.8-13.9-11.8-17-16.4-3.8-5.6-8.2-15.3-10-22C.1 423 0 420.3 0 256.3 0 93.2 0 89.7 1.8 82.6 8.1 57.9 27.7 39 53 33.4c7.3-1.6 332.1-1.9 340-.3 21.2 4.3 37.9 17.1 47.6 36.4 7.7 15.3 7-1.5 7.3 180.6.2 115.8 0 164.5-.7 170.5zm-85.4-185.2c-1.1-5-4.2-9.6-7.7-11.5-1.1-.6-8-1.3-15.5-1.7-12.4-.6-13.8-.8-17.8-3.1-6.2-3.6-7.9-7.6-8-18.3 0-20.4-8.5-39.4-25.3-56.5-12-12.2-25.3-20.5-40.6-25.1-3.6-1.1-11.8-1.5-39.2-1.8-42.9-.5-52.5.4-67.1 6.2-27 10.7-46.3 33.4-53.4 62.4-1.3 5.4-1.6 14.2-1.9 64.3-.4 62.8 0 72.1 4 84.5 9.7 30.7 37.1 53.4 64.6 58.4 9.2 1.7 122.2 2.1 133.7.5 20.1-2.7 35.9-10.8 50.7-25.9 10.7-10.9 17.4-22.8 21.8-38.5 3.2-10.9 2.9-88.4 1.7-93.9z">
                                                </path>
                                            </svg>
                                        </span>
                                        Blog
                                    </a>
                                </li>
                                <li class="w-full h-20 rounded-[10px] cursor-pointer font-poppins bg-[#F3F6F6] font-medium mx-2.5 text-xtiny text-gray-lite dark:text-[#A6A6A6] justify-center flex flex-col items-center transition-all duration-300 ease-in-out dark:hover:text-white dark:bg-[#212425] hover:text-white hover:bg-gradient-to-r from-[#FC8E02] to-[#D97706]">
                                    <a class="flex flex-col items-center justify-center w-full h-full" href="/contact/">
                                        <span class="text-xl mb-1">
                                            <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M3 2H19.0049C20.1068 2 21 2.89821 21 3.9908V20.0092C21 21.1087 20.1074 22 19.0049 22H3V2ZM7 4H5V20H7V4ZM9 20H19V4H9V20ZM11 16C11 14.3431 12.3431 13 14 13C15.6569 13 17 14.3431 17 16H11ZM14 12C12.8954 12 12 11.1046 12 10C12 8.89543 12.8954 8 14 8C15.1046 8 16 8.89543 16 10C16 11.1046 15.1046 12 14 12ZM22 6H24V10H22V6ZM22 12H24V16H22V12Z">
                                                </path>
                                            </svg>
                                        </span>
                                        Contact
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </header>
                    <div class="lg:rounded-2xl bg-white dark:bg-[#111111]">
                        <div data-aos="fade">
                            <div class="container mb-8 px-4 sm:px-5 md:px-10 lg:px-[60px]">
                                <div class="py-12">
                                    <h2 class="after-effect after:left-48 mt-12 lg:mt-0">
                                        Blogs
                                    </h2>
                                    <div class="grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 mt-[30px] grid gap-x-10 gap-y-7 mb-6">
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#FCF4FF">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/1.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    177 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Inspiration
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                How to Own Your Audience by Creating an Email List.
                                            </h3>
                                        </div>
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#FFF0F0">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/2.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    21 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Web Design
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                The window know to say beside you
                                            </h3>
                                        </div>
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#FCF4FF">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/3.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    27 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Inspiration
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                How to Own Your Audience by Creating an Email List.
                                            </h3>
                                        </div>
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#EEFBFF">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/4.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    000 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Inspiration
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                Everything You Need to Know About Web Accessibility.
                                            </h3>
                                        </div>
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#FCF4FF">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/5.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    27 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Inspiration
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                Top 10 Toolkits for Deep Learning in 2021.
                                            </h3>
                                        </div>
                                        <div class="p-5 rounded-lg mb-2 h-full dark:border-[#212425] dark:border-2" style="background:#EEFBFF">
                                            <div class="overflow-hidden rounded-lg">
                                                <img alt="blog" class="rounded-lg w-full cursor-pointer transition duration-200 ease-in-out transform hover:scale-110" data-nimg="1" decoding="async" height="310" loading="lazy" src="/images/blog_images/small/6.jpg" style="color:transparent" width="310">
                                            </div>
                                            <div class="flex mt-4 text-tiny text-gray-lite dark:text-[#A6A6A6]">
                                                <span>
                                                    27 April
                                                </span>
                                                <span class="pl-6 relative after:absolute after:h-1 after:w-1 after:bg-gray-lite after:rounded-full after:left-2 after:top-[50%] transform after:-translate-y-1/2">
                                                    Inspiration
                                                </span>
                                            </div>
                                            <h3 class="text-lg font-medium dark:text-white duration-300 transition cursor-pointer mt-3 pr-4 hover:text-[#FC8E02] dark:hover:text-[#FC8E02]">
                                                Everything You Need to Know About Web Accessibility.
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <footer class="overflow-hidden rounded-b-2xl bg-slate-50 dark:bg-black">
                                <div class="container">
                                    <p class="flex flex-col items-center justify-center gap-2 py-6 text-center text-gray-lite dark:text-color-910 sm:flex-row">
                                        &copy;
                                        <!-- -->
          2026
                                        <!-- -->
                                        <!-- -->
          All Rights Reserved by
                                        <!-- -->
                                        <a class="hover:text-[#FC8E02] duration-300 transition" href="/">
           Video Editor
                                        </a>
                                        .
                                        <span class="hidden text-[#CBD2D8] sm:inline">
                                            |
                                        </span>
                                        <a class="font-medium text-[#FC8E02] transition duration-300 hover:text-[#D97706]" href="/admin/login">
                                            Admin Login
                                        </a>
                                    </p>
                                </div>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--$-->
        <!--/$-->
        <div class="fixed bottom-5 right-5 z-50">
            <button class="flex items-center gap-2 rounded-full bg-gradient-to-r from-[#FC8E02] to-[#D97706] px-5 py-3 font-medium text-white shadow-xl" type="button">
                <svg fill="currentColor" height="1em" stroke="currentColor" stroke-width="0" viewBox="0 0 1024 1024" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M464 512a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm200 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-400 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z">
                    </path>
                </svg>
                <!-- -->
    Live chat
            </button>
        </div>
        <script async="" id="_R_" src="/_next/static/chunks/2iho8jepmwwua.js">
        </script>
        <script>
            (self.__next_f = self.__next_f || []).push([0]);
        </script>
        <script>
            self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"\"]\n4:I[84654,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"Providers\"]\n5:I[39756,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n6:I[37457,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n7:I[22016,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/1rxncug86bump.js\"],\"\"]\n8:I[29877,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n9:I[28623,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\na:I[38870,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3a48buoj02sa7.js\",\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"/_next/static/chunks/03plbr9t105y1.js\"],\"default\"]\nb:I[49672,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3a48buoj02sa7.js\",\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"/_next/static/chunks/03plbr9t105y1.js\"],\"default\"]\nc:I[98427,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3a48buoj02sa7.js\",\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"/_next/static/chunks/03plbr9t105y1.js\"],\"default\"]\nd:I[70184,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3a48buoj02sa7.js\",\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"/_next/static/chunks/03plbr9t105y1.js\"],\"default\"]\ne:I[43665,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3a48buoj02sa7.js\",\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"/_next/static/chunks/03plbr9t105y1.js\"],\"default\"]\nf:I[97367,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"OutletBoundary\"]\n10:\"$Sreact.suspense\"\n13:I[97367,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"ViewportBoundary\"]\n15:I[97367,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"MetadataBoundary\"]\n17:I[68027,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\",1]\n19:I[27201,[\"/_next/static/chunks/36n96oy0exjtr.js\",\"/_next/static/chunks/1fulmegyd54bf.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/3y_ea01oe17iy.css\",\"style\"]\n3:[\"$\",\"iframe\",null,{\"src\":\"https://www.googletagmanager.com/ns.html?id=GTM-N6MJCG4K\",\"height\":\"0\",\"width\":\"0\",\"style\":{\"display\":\"none\",\"visibility\":\"hidden\"}}]\n"]);
        </script>
        <script>
            self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"blog\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3y_ea01oe17iy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/36n96oy0exjtr.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1fulmegyd54bf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/14mrh2-p_w84d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-scroll-behavior\":\"smooth\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;j.src=\\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-N6MJCG4K');\"}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=GT-57VXC9DC\",\"strategy\":\"beforeInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-tag\",\"strategy\":\"beforeInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\nfunction gtag(){dataLayer.push(arguments);}\\ngtag('js', new Date());\\ngtag('config', 'GT-57VXC9DC');\"}]]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"noscript\",null,{\"children\":\"$3\"}],[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"h-screen w-full flex flex-col justify-center items-center  bg-homeBg-dark bg-no-repeat bg-center bg-cover bg-fixed\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-7xl leading-none text-white font-extrabold md:text-8xl\",\"children\":\"404!\"}],[\"$\",\"p\",null,{\"className\":\" text-medium text-white text-sm capitalize mb-7 mt-6 px-4 text-center\",\"children\":\"the page you are looking for does not exist\"}],[\"$\",\"$L7\",null,{\"href\":\"/\",\"className\":\"flex items-center mx-auto bg-gradient-to-r from-[#FC8E02] to-[#D97706] duration-200 transition ease-linear hover:bg-gradient-to-l px-8 py-3 text-lg text-white rounded-[5px]\",\"children\":\"Back To Home\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}]]}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"section\",null,{\"className\":\"bg-homeBg dark:bg-homeTwoBg-dark min-h-screen  bg-no-repeat bg-center bg-cover bg-fixed  md:pb-16 w-full\",\"children\":[[\"$\",\"$La\",null,{}],[\"$\",\"div\",null,{\"className\":\"container grid grid-cols-12 md:gap-10 justify-between lg:mt-[220px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-12 lg:col-span-4 hidden lg:block h-screen sticky top-44\",\"children\":[\"$\",\"$Lb\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"col-span-12 lg:col-span-8\",\"children\":[[\"$\",\"$Lc\",null,{}],[\"$\",\"div\",null,{\"className\":\"lg:rounded-2xl bg-white dark:bg-[#111111]\",\"children\":[\"$\",\"div\",null,{\"data-aos\":\"fade\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container mb-8   px-4 sm:px-5 md:px-10 lg:px-[60px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"py-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"after-effect  after:left-48 mt-12  lg:mt-0\",\"children\":\"Blogs\"}],[\"$\",\"$Ld\",null,{}]]}]}],[\"$\",\"$Le\",null,{}]]}]}]]}]]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3a48buoj02sa7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1jn1rx3h7fg80.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2pfhoi5nwamkp.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/03plbr9t105y1.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@11\"}]}]]}],{},null,false,null]},null,false,\"$@12\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$10\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L16\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$17\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3y_ea01oe17iy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"MSrwYB_UmD8huNYZZV1K0\"}\n"]);
        </script>
        <script>
            self.__next_f.push([1,"18:[]\n12:\"$W18\"\n14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n11:null\n16:[[\"$\",\"title\",\"0\",{\"children\":\"Video Editing Blog\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Tips, tutorials, and insights about video editing and content creation.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://videoeditor.pk/blog/\"}],[\"$\",\"meta\",\"4\",{\"name\":\"google-site-verification\",\"content\":\"9YIKPHGhzgPaQtr3yskSakSkspswaWkHxhaUBq8wn4U\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Video Editing Blog\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Tips, tutorials, and insights about video editing and content creation.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://videoeditor.pk/blog/\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Video Editing Blog\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Tips, tutorials, and insights about video editing and content creation.\"}],[\"$\",\"link\",\"12\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.176osi4iygrpl.ico\",\"sizes\":\"24x24\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"15\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L19\",\"16\",{}]]\n"]);
        </script>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://videoeditor.pk/blog/ 2026-10-16 04:06:22
2 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:21
3 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:21
4 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:21
5 https://www.texarkanatwins.com/%25… 2026-10-16 04:06:21
6 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:20
7 https://auth.mediacorp.sg/u/login?… 2026-10-16 04:06:20
8 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:19
9 https://blogs.sindominio.net/ 2026-10-16 04:06:18
10 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:16
11 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:16
12 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:15
13 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:15
14 https://www.texarkanatwins.com/%25… 2026-10-16 04:06:14
15 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:14
16 https://www.texarkanatwins.com/%25… 2026-10-16 04:06:14
17 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:13
18 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:13
19 https://www.texarkanatwins.com/%25… 2026-10-16 04:06:12
20 https://auth.acog.org/OAuth/SignIn… 2026-10-16 04:06:12