



<!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Said Maadan">
    <meta name="description" content="Full stack software developer">
    <!-- keywords -->
    <meta name="keywords" content="Said Maadan, Software Developer">
        <!-- Page Title -->
    <title>Said Maadan   | Home </title>
    <link rel="shortcut icon" type="image/png" href="/static/images/favicon.ico"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap">
    

    <!-- Font Css -->
    
    <link rel="stylesheet" href="/static/fonts/linearicons/linearicons.css">
    <link rel="stylesheet" href="/static/fonts/themify-icons/themify-icons.css">

    <!-- Plugin Css -->
    <link rel="stylesheet" href="/static/css/tailwind/tailwind.min.css" />
    <link rel="stylesheet" href="/static/css/custom.css" />
    
    <!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/></a></div>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
    
        




<section class="relative bg-gray-800 overflow-hidden">
  <div class="absolute inset-0"> 
    <img class="mx-auto h-full lg:w-1/2 object-cover" src="/static/images/assets/sme-p.png" style="?q=80&amp;fm=jpg&amp;crop=faces&amp;cs=tinysrgb&amp;fit=crop&amp;h=450&amp;w=940" alt="">
  </div>
  <nav class="relative border-b border-gray-500">
    <div class="flex items-center px-4 lg:px-8">
      <div class="h-full py-8 pr-4 lg:pr-8 border-r border-gray-500">
        <button class="p-2 navbar-burger">
          <svg class="w-10 h-3" width="39" height="13" viewBox="0 0 39 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="39" height="2" rx="1" fill="#C4C4C4"></rect><rect x="19" y="11" width="20" height="2" rx="1" fill="#C4C4C4"></rect></svg>
        </button>
      </div>
      <div class="ml-8">
        <a class="text-2xl text-white font-bold" href="/">
          <img class="h-7" src="/static/images/assets/mlogo-w-u.png" alt="" width="auto" style="height: 50px;">
        </a>
      </div>
      <div class="hidden lg:block ml-auto"><a class="inline-block mr-10 text-white font-bold" href="/posts">Blog</a><a class="inline-block px-12 py-4 text-white font-bold border border-gray-200 hover:border-white rounded-full" href="/contact">Get In Touch</a></div>
    </div>
  </nav>
  <div class="relative container px-4 pt-24 md:pt-40 pb-32 mx-auto">
    <div class="absolute bottom-0 right-0 mb-12 2xl:mb-32 text-center w-full lg:w-auto"><a class="text-lg text-white font-bold pb-2 border-b border-gray-500" href="/about">About.</a></div>
    <div class="flex flex-wrap items-center -mx-4 mb-12 md:mb-24">
      <div class="w-full lg:w-2/3 px-4 mb-20 lg:mb-0">
        <span class="text-lg lg:text-3xl text-white">Hey, my name is Said,</span>
        <h2 class="mt-8 mb-12 lg:mb-16 text-6xl md:text-7xl text-white font-bold font-heading">Software Frontend Engineer</h2>
      </div>
      <div class="hidden lg:block lg:w-1/3 px-4">
        <div class="flex justify-end">
          <button class="inline-flex items-center justify-center w-28 h-28 text-white rounded-full border border-gray-100 hover:border-white">
            <a href="/projects/">
            <svg class="h-6 w-6" width="19" height="34" viewBox="0 0 19 34" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9.35111 33.2228L0.834172 24.7059L1.89879 23.6413L9.13287 30.8753L9.12754 0.751973L10.6287 0.751974L10.634 30.8753L17.3357 24.1736L18.4004 25.2382L10.4157 33.2228C10.1217 33.5168 9.64512 33.5168 9.35111 33.2228Z" fill="currentColor"></path>
            </svg></a>
          </button>
          <a href="/projects/" class="hidden lg:block text-gray-200 transform rotate-90">About me...</a>
        </div>
      </div>
      <div class="hidden lg:block w-full px-4 mt-16">
        <div class="relative max-w-sm mx-auto h-1 bg-black">
          <div class="absolute left-0 top-0 h-full w-1/2 bg-white"></div>
        </div>
      </div>
    </div>
    <div class="max-w-4xl mx-auto -mb-12 flex flex-wrap items-center justify-center">
      <div class="w-1/2 md:w-1/3 lg:w-1/5 px-2 mb-12">
        <img class="h-8 mx-auto" src="/static/images/icons/javascript.svg" alt="" width="auto" style="height: 50px;">
      </div>
      <div class="w-1/2 md:w-1/3 lg:w-1/5 px-2 mb-12">
        <img class="h-8 mx-auto" src="/static/images/icons/react.svg" alt="" width="auto" style="height: 50px;">
      </div>
      <div class="w-1/2 md:w-1/3 lg:w-1/5 px-2 mb-12">
        <img class="h-8 mx-auto" src="/static/images/icons/rails-2.svg" alt="" width="auto" style="height: 50px;">
      </div>
      <div class="w-1/2 md:w-1/3 lg:w-1/5 px-2 mb-12">
        <img class="h-8 mx-auto" src="/static/images/icons/django.svg" alt="" width="auto" style="height: 50px;">
      </div>
      <div class="w-1/2 md:w-1/3 lg:w-1/5 px-2 mb-12">
        <img class="h-8 mx-auto" src="/static/images/icons/postgres.svg" alt="" width="auto" style="height: 50px;">
      </div>
    </div>
  </div>
  <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-sm z-50">
    <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-80"></div>
    <nav class="relative flex flex-col py-8 h-full w-full bg-white overflow-y-auto">
      <div class="flex items-center mb-16 pr-6">
        <a class="ml-10 mr-auto text-2xl text-gray-800 font-bold" href="/">
          <img class="h-7" src="/static/images/assets/mlogo-b-u.png" alt="" width="auto" style="height: 50px;">
        </a>
      </div>
      <div>
        <ul>
          <li class="mb-1 px-10"><a class="block pl-8 py-4 text-xl text-gray-800 hover:bg-blueGray-50 rounded-xl" href="/">Home</a></li>
          <li class="mb-1 px-10"><a class="block pl-8 py-4 text-xl text-gray-800 hover:bg-blueGray-50 rounded-xl" href="/about">About</a></li>
          <li class="mb-1 px-10"><a class="block pl-8 py-4 text-xl text-gray-800 hover:bg-blueGray-50 rounded-xl" href="/process">Process</a></li>
          <li class="mb-1 px-10"><a class="block pl-8 py-4 text-xl text-gray-800 hover:bg-blueGray-50 rounded-xl" href="/projects/">Projects</a></li>
          <li class="mb-1 px-10"><a class="block pl-8 py-4 text-xl text-gray-800 hover:bg-blueGray-50 rounded-xl" href="/posts">Trends</a></li>
        </ul>
      </div>
      <div class="mt-auto px-10">
        <div class="pt-6">
          
          <a class="block py-4 px-12 text-white text-center font-bold bg-blue-500 hover:bg-blue-600 rounded-full transition duration-200" href="/contact">Contact</a>
        </div>
        <p class="mt-6 mb-4 text-lg text-center">
          <span> © 2024 All rights reserved.</span>
        </p>
      </div>
    </nav>
  </div>
</section>


        



<section class="py-20 2xl:py-40 overflow-hidden">
    <div class="container px-4 mx-auto">
      <div class="max-w-5xl mx-auto">
        <div class="flex flex-wrap items-center -mx-5">
          <div class="w-full lg:w-1/2 px-5 mb-20 lg:mb-0">
            <div class="max-w-md">
              
              <h2 class="mt-12 mb-10 text-6xl font-bold font-heading">I create innovative web applications with...</h2>
              
              <a class="inline-block px-12 py-5 text-white font-bold bg-gray-600 hover:bg-gray-800 rounded-full transition duration-200" href="/about">Learn More...</a>
            </div>
          </div>
          <div class="w-full lg:w-1/2 px-5">
            <ul>
              <li class="flex pb-10 mb-8 border-b border-gray-50">
                <div class="mr-8">
                  <span class="flex justify-center items-center w-14 h-14 bg-blue-50 text-lg font-bold rounded-full">1</span>
                </div>
                <div class="max-w-xs">
                  <h3 class="mb-6 text-lg font-bold font-heading">Ruby ~> Ruby on Rails</h3>
                  <p class="text-lg">RoR is a web application framework that includes everything needed to create modern web apps.</p>
                </div>
              </li>
              <li class="flex pb-10 mb-8 border-b border-gray-50">
                <div class="mr-8">
                  <span class="flex justify-center items-center w-14 h-14 bg-blue-50 text-lg font-bold rounded-full">2</span>
                </div>
                <div class="max-w-xs">
                  <h3 class="mb-6 text-lg font-bold font-heading">Python ~> Django</h3>
                  <p class="text-lg">Django is an open-source web framework designed to create dynamic and database-driven websites.</p>
                </div>
              </li>
              <li class="flex pb-10 border-b border-gray-50">
                <div class="mr-8">
                  <span class="flex justify-center items-center w-14 h-14 bg-blue-50 text-lg font-bold rounded-full">3</span>
                </div>
                <div class="max-w-xs">
                  <h3 class="mb-6 text-lg font-bold font-heading">Javascript ~> React</h3>
                  <p class="text-lg">React is a JavaScript library for building user interfaces. It was developed at Facebook in 2011.</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>



<section class="relative py-10 2xl:py-20 mb-10 bg-gray-80000">
  <div class="container px-4 mx-auto">
    <div class="mb-2 text-center">
        
      <h2 class="mt-1 text-whitee text-4xl lg:text-4xl font-bold font-heading">Feature Project</h2>
    </div>
    <div class="flex flex-wrap items-center justify-center mt-20">
       
    </div>  
  </div>
</section>



<section class="py-10 2xl:py-20 bg-gray-8000 overflow-hidden">
    <div class="container px-4 mx-auto">
      <div class="mb-20 text-center">
        
        <h2 class="mt-8 text-whitee text-4xl lg:text-4xl font-bold font-heading">Latest blog</h2>
      </div>
      <div class="flex flex-wrap -mx-5">
        
        
      </div>
      
    </div>
</section>





        



<section class="pt-20 border-t">
  <div class="container mx-auto px-4" >
    <div class="flex flex-wrap -mx-4 pb-6 lg:pb-10 border-b border-gray-100">
      <div class="w-full lg:w-5/5 px-4">
        <div class="flex flex-wrap -mx-4">
          <div class="w-full lg:w-1/3 px-4 mb-12 smm:text-center pl-5">
            <h2 class=" mt-8 mb-12 text-4xl text-gray-800 font-bold font-heading">I help people and businesses build their own web apps.</h2>
            <div class=""><a class="inline-block mb-4 sm:mb-0 sm:mr-4 py-4  px-4 md:px-12 lg:px-4 xl:px-12 text-white font-bold bg-blue-500 hover:bg-blue-600 rounded-full transition duration-200" href="/about">Read More</a><a class="inline-block px-5 md:px-12 lg:px-4  xl:px-12 py-4 text-white font-bold bg-gray-800 hover:bg-gray-600 rounded-full" href="/contact">Get In Touch</a></div>
          </div>
          <div class="w-full lg:w-1/3 px-4 mb-1">
            <h3 class="mb-8 lg:mb-4 text-xl font-bold font-heading pl-5">About</h3>
            <ul class="mb-4 lg:mr-10 md:mb-20 flex flex-wrap items-center justify-start space-x-6 text-lg">

              <li class="mb-4 md:mb-0 py-2 pl-5"><a class=" hover:underline:none" href="/">Home</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200 " href="/about">About</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/process">What I Do</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/projects/">Project</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/posts">Blog</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/contact">Contact</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/privacy_policy">Privacy Policy</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/disclaimer">Disclaimer</a></li>
              <li class="mb-4 md:mb-0 py-2"><a class=" hover:blueGray-50 hover:text-gray-200" href="/terms_and_conditions">Terms and Conditions </a></li>
            </ul>
          </div>
          <div class="w-full lg:w-1/3 px-4 mb-1">
            <h3 class="mb-8 lg:mb-4 text-xl font-bold font-heading pl-5">Blog</h3>
            <ul class="mb-12 md:mb-20 flex flex-wrap items-center justify-start space-x-6 text-lg">
              <li class="mb-4 md:mb-0 py-2 pl-5"><a class=" hover:underline" href="/posts">Blog</a></li>
                     

            </ul>
          </div>
          
        </div>
      </div>
      
    </div>
  </div>
  <div class="flex flex-wrap items-center py-6 mb-0 bg-gray-800" >
    <div class="w-full sm:w-1/2 mb-0 text-white">
      <div class="flex items-center">
        
        <span class=" md:inline-block mx-8 w-px h-8 bg-gray-50"></span>
        <p class=" lg:block text-sm">
          <span>© 2024 Maadan.</span>
          <span class="text-white">All rights reserved.</span>
        </p>
      </div>
    </div>
    <div class="hidden sm:block text-sm w-full sm:w-1/2">
      <div class="md:flex items-center justify-end pl-10 pr-10 ">
        
        <a class="inline-block pr-3" href="https://www.linkedin.com/in/saidmaadan/">
          <svg class="text-white" width="30" height="30" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" style="color: #0a66c2;" onMouseOver="this.style.color='#f1f1f1'" onMouseOut="this.style.color='#0a66c2'">
            <path d="M10.8 0H1.2C0.54 0 0 0.54 0 1.2V10.8C0 11.46 0.54 12 1.2 12H10.8C11.46 12 12 11.46 12 10.8V1.2C12 0.54 11.46 0 10.8 0ZM3.6 10.2H1.8V4.8H3.6V10.2ZM2.7 3.78C2.1 3.78 1.62 3.3 1.62 2.7C1.62 2.1 2.1 1.62 2.7 1.62C3.3 1.62 3.78 2.1 3.78 2.7C3.78 3.3 3.3 3.78 2.7 3.78ZM10.2 10.2H8.4V7.02C8.4 6.54002 7.98 6.12 7.5 6.12C7.02 6.12 6.6 6.54002 6.6 7.02V10.2H4.8V4.8H6.6V5.52C6.9 5.04 7.56 4.68 8.1 4.68C9.24 4.68 10.2 5.64 10.2 6.78V10.2Z" fill="currentColor"></path>
          </svg>
        </a>
        <a class="inline-block pr-3" href="https://www.twitter.com/saidmaadan/">
          <svg class="text-white" width="30" height="30" viewbox="0 0 13 11" fill="#fff" xmlns="http://www.w3.org/2000/svg" style="color: #1d9bf0;" onMouseOver="this.style.color='#f1f1f1'" onMouseOut="this.style.color='#1d9bf0'">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5455 2.09728C12.0904 2.29892 11.6022 2.43566 11.0892 2.49671C11.613 2.18304 12.014 1.6855 12.204 1.09447C11.7127 1.38496 11.1703 1.59589 10.5924 1.71023C10.1296 1.21655 9.47138 0.909058 8.74128 0.909058C7.34059 0.909058 6.20489 2.04475 6.20489 3.44467C6.20489 3.64322 6.2273 3.83714 6.27057 4.02257C4.16298 3.91671 2.29411 2.90696 1.0433 1.37259C0.824652 1.74653 0.700269 2.18225 0.700269 2.64736C0.700269 3.52734 1.14837 4.30379 1.82825 4.75805C1.41259 4.74415 1.02166 4.62981 0.67942 4.43975V4.47142C0.67942 5.69983 1.55399 6.72504 2.71362 6.95837C2.50116 7.01554 2.27712 7.04722 2.04534 7.04722C1.88156 7.04722 1.72318 7.031 1.56788 7.00009C1.89081 8.00831 2.8272 8.74148 3.93663 8.76158C3.06902 9.44146 1.97504 9.84552 0.786814 9.84552C0.582087 9.84552 0.38043 9.83316 0.181885 9.81076C1.30445 10.5316 2.63716 10.9519 4.06952 10.9519C8.73514 10.9519 11.2854 7.0874 11.2854 3.73595L11.2769 3.4076C11.7752 3.05219 12.2063 2.60564 12.5455 2.09728Z" fill="currentColor"></path>
          </svg>
        </a>
        
        <a class="inline-block pr-3" href="https://www.github.com/saidmaadan/">
          <svg width="30" height="30px" style="color: #7f38ae;" onMouseOver="this.style.color='#f1f1f1'" onMouseOut="this.style.color='#7f38ae'" enable-background="new 0 0 24 24" id="Layer_1" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" 
          xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M12-0.0000205c-6.6166992,0-12,5.3833008-12,12c0,5.7382813,3.949707,10.7802734,9.3916016,11.9882813   c0.1474609,0.0327148,0.3027344-0.003418,0.4213867-0.0981445C9.9311523,23.7949009,10,23.6518345,10,23.499979v-3   c0-0.2763672-0.2236328-0.5-0.5-0.5h-1c-1.1850586,0-2.2431641-1.4619141-3.09375-2.6362305   c-0.0839844-0.1162109-0.1669922-0.2304688-0.2490234-0.3422852c0.3491211,0.1635742,0.6899414,0.3344727,0.9731445,0.4765625   c0.8203125,0.4111328,1.5952148,0.7998047,2.2290039,0.9814453c0.027832,0.0092773,0.0620117,0.0258789,0.1000977,0.0429688   c0.2441406,0.1098633,0.6977539,0.3139648,1.1044922,0.0493164C10,18.2895298,10,17.6952915,10,17.499979v-0.3486328   c0-0.2236328-0.1484375-0.4199219-0.3637695-0.480957C6.8632813,15.8847446,5,13.8071079,5,11.499979   c0-1.199707,0.4926758-2.3452148,1.425293-3.3120117c0.1435547-0.1489258,0.1806641-0.3701167,0.09375-0.5576167   c-0.3720703-0.8022461-0.293457-1.8935547,0.1484375-2.5488281c0.5834961,0.2275391,1.340332,0.7045898,1.8320313,1.2885742   c0.1352539,0.1601563,0.3574219,0.2202148,0.5541992,0.1474609c1.875-0.6875,4.0175781-0.6875,5.8925781,0   c0.1987305,0.0737305,0.4199219,0.0131836,0.5541992-0.1474609c0.4916992-0.5839844,1.2485352-1.0610352,1.8320313-1.2885742   c0.4418945,0.6552734,0.5205078,1.746582,0.1484375,2.5488281c-0.0869141,0.1875-0.0498047,0.4086909,0.09375,0.5576167   C18.5073242,9.1547642,19,10.300272,19,11.499979c0,2.421875-2.0698242,4.5908203-5.0332031,5.2739258   c-0.1513672,0.0351563-0.277832,0.1381836-0.3422852,0.2792969s-0.0600586,0.3041992,0.0126953,0.4414063   C13.8847656,17.9633579,14,18.600565,14,19.499979v4c0,0.1518555,0.0688477,0.2949219,0.1870117,0.3901367   C14.2768555,23.9618931,14.387207,23.999979,14.5,23.999979c0.0361328,0,0.0722656-0.0039063,0.1083984-0.0117188   C20.050293,22.7802525,24,17.7382603,24,11.999979C24,5.3832803,18.6166992-0.0000205,12-0.0000205z" fill="#303C42"/><path d="M9.6362305,16.9203491C9.8515625,16.9813843,10,17.1776733,10,17.4013062v-0.25   c0-0.2236328-0.1484375-0.4199219-0.3637695-0.480957C6.914856,15.899292,5.0803833,13.8822632,5.0126953,11.626709   C5.0115356,11.6682129,5,11.708313,5,11.749939C5,14.0570679,6.8632813,16.1347046,9.6362305,16.9203491z" fill="#FFFFFF" opacity="0.2"/><path d="M13.9667969,17.0238647C16.9301758,16.3407593,19,14.171814,19,11.749939   c0-0.0427856-0.0117798-0.0840454-0.0130615-0.126709c-0.0698242,2.3711548-2.1078491,4.4793091-5.0201416,5.1506348   c-0.1513672,0.0351563-0.277832,0.1381836-0.3422852,0.2792969c-0.0482178,0.1055298-0.045105,0.2207642-0.0164185,0.3309326   c0.0072021-0.0268555,0.0046997-0.0552368,0.0164185-0.0809326C13.6889648,17.1620483,13.8154297,17.059021,13.9667969,17.0238647z   " fill="#FFFFFF" opacity="0.2"/><path d="M12-0.000061c-6.6166992,0-12,5.3833008-12,12   c0,0.0455322,0.0053101,0.0900269,0.0057983,0.135437C0.0681763,5.5718384,5.421936,0.249939,12,0.249939   s11.9318237,5.3218994,11.9942017,11.885437C23.9946899,12.0899658,24,12.0454712,24,11.999939   C24,5.3832397,18.6166992-0.000061,12-0.000061z" fill="#FFFFFF" opacity="0.2"/><path d="M9.3916016,23.9882603c0.1474609,0.0327148,0.3027344-0.003418,0.4213867-0.0981445   C9.9311523,23.7949009,10,23.6518345,10,23.499979v-0.25c0,0.1518555-0.0688477,0.2949219-0.1870117,0.3901367   c-0.1186523,0.0947266-0.2739258,0.1308594-0.4213867,0.0981445C3.9928589,22.539835,0.0678101,17.5669956,0.0057983,11.885416   C0.0054321,11.9239902,0,11.9613438,0,11.999979C0,17.7382603,3.949707,22.7802525,9.3916016,23.9882603z" fill="#010101" opacity="0.1"/><path d="M14.6083984,23.7382603C14.5722656,23.7460728,14.5361328,23.749979,14.5,23.749979   c-0.112793,0-0.2231445-0.0380859-0.3129883-0.1098633C14.0688477,23.5449009,14,23.4018345,14,23.249979v0.25   c0,0.1518555,0.0688477,0.2949219,0.1870117,0.3901367C14.2768555,23.9618931,14.387207,23.999979,14.5,23.999979   c0.0361328,0,0.0722656-0.0039063,0.1083984-0.0117188C20.050293,22.7802525,24,17.7382603,24,11.999979   c0-0.0386353-0.0054321-0.0759888-0.0057983-0.114563C23.9321899,17.5669956,20.0071411,22.539835,14.6083984,23.7382603z" fill="#010101" opacity="0.1"/><path d="M17.3325195,4.8344231c-0.5834961,0.2275391-1.340332,0.7045898-1.8320313,1.2885742   c-0.1342773,0.1606445-0.3554688,0.2211914-0.5541992,0.1474609c-1.875-0.6875-4.0175781-0.6875-5.8925781,0   C8.8569336,6.3432121,8.6347656,6.2831535,8.4995117,6.1229973C8.0078125,5.5390129,7.2509766,5.0619621,6.6674805,4.8344231   C6.4152222,5.2085075,6.2971802,5.7245598,6.2979736,6.2479973c0.0354004-0.434082,0.1578979-0.8497925,0.3695068-1.1635742   c0.5834961,0.2275391,1.340332,0.7045898,1.8320313,1.2885742c0.1352539,0.1601563,0.3574219,0.2202148,0.5541992,0.1474609   c1.875-0.6875,4.0175781-0.6875,5.8925781,0c0.1987305,0.0737305,0.4199219,0.0131836,0.5541992-0.1474609   c0.4916992-0.5839844,1.2485352-1.0610352,1.8320313-1.2885742c0.2116089,0.3137817,0.3341064,0.7294922,0.3695068,1.1635742   C17.7028198,5.7245598,17.5847778,5.2085075,17.3325195,4.8344231z" fill="#010101" opacity="0.1"/><linearGradient gradientUnits="userSpaceOnUse" id="SVGID_1_" x1="1.0743355" x2="22.8645897" y1="7.0373211" y2="17.1982841"><stop offset="0" style="stop-color:#FFFFFF;stop-opacity:0.2"/><stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/></linearGradient><path d="M12-0.0000205c-6.6166992,0-12,5.3833008-12,12   c0,5.7382813,3.949707,10.7802734,9.3916016,11.9882813c0.1474609,0.0327148,0.3027344-0.003418,0.4213867-0.0981445   C9.9311523,23.7949009,10,23.6518345,10,23.499979v-3c0-0.2763672-0.2236328-0.5-0.5-0.5h-1   c-1.1850586,0-2.2431641-1.4619141-3.09375-2.6362305c-0.0839844-0.1162109-0.1669922-0.2304688-0.2490234-0.3422852   c0.3491211,0.1635742,0.6899414,0.3344727,0.9731445,0.4765625c0.8203125,0.4111328,1.5952148,0.7998047,2.2290039,0.9814453   c0.027832,0.0092773,0.0620117,0.0258789,0.1000977,0.0429688c0.2441406,0.1098633,0.6977539,0.3139648,1.1044922,0.0493164   C10,18.2895298,10,17.6952915,10,17.499979v-0.3486328c0-0.2236328-0.1484375-0.4199219-0.3637695-0.480957   C6.8632813,15.8847446,5,13.8071079,5,11.499979c0-1.199707,0.4926758-2.3452148,1.425293-3.3120117   c0.1435547-0.1489258,0.1806641-0.3701167,0.09375-0.5576167c-0.3720703-0.8022461-0.293457-1.8935547,0.1484375-2.5488281   c0.5834961,0.2275391,1.340332,0.7045898,1.8320313,1.2885742c0.1352539,0.1601563,0.3574219,0.2202148,0.5541992,0.1474609   c1.875-0.6875,4.0175781-0.6875,5.8925781,0c0.1987305,0.0737305,0.4199219,0.0131836,0.5541992-0.1474609   c0.4916992-0.5839844,1.2485352-1.0610352,1.8320313-1.2885742c0.4418945,0.6552734,0.5205078,1.746582,0.1484375,2.5488281   c-0.0869141,0.1875-0.0498047,0.4086909,0.09375,0.5576167C18.5073242,9.1547642,19,10.300272,19,11.499979   c0,2.421875-2.0698242,4.5908203-5.0332031,5.2739258c-0.1513672,0.0351563-0.277832,0.1381836-0.3422852,0.2792969   s-0.0600586,0.3041992,0.0126953,0.4414063C13.8847656,17.9633579,14,18.600565,14,19.499979v4   c0,0.1518555,0.0688477,0.2949219,0.1870117,0.3901367C14.2768555,23.9618931,14.387207,23.999979,14.5,23.999979   c0.0361328,0,0.0722656-0.0039063,0.1083984-0.0117188C20.050293,22.7802525,24,17.7382603,24,11.999979   C24,5.3832803,18.6166992-0.0000205,12-0.0000205z" fill="url(#SVGID_1_)"/></g><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/>
          </svg>
        </a>
        
        <a class="inline-block pr-3" href="https://www.instagram.com/saidmaadan/">
          <svg class="" width="30" height="30" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="color: #7f38ae;" onMouseOver="this.style.color='#f1f1f1'" onMouseOut="this.style.color='#7f38ae'">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.06713 0.454529H9.9328C11.9249 0.454529 13.5456 2.07519 13.5455 4.06715V9.93282C13.5455 11.9248 11.9249 13.5454 9.9328 13.5454H4.06713C2.07518 13.5454 0.45459 11.9249 0.45459 9.93282V4.06715C0.45459 2.07519 2.07518 0.454529 4.06713 0.454529ZM9.9329 12.3839C11.2845 12.3839 12.3841 11.2844 12.3841 9.93282H12.384V4.06714C12.384 2.71563 11.2844 1.61601 9.93282 1.61601H4.06715C2.71564 1.61601 1.61609 2.71563 1.61609 4.06714V9.93282C1.61609 11.2844 2.71564 12.384 4.06715 12.3839H9.9329ZM3.57148 7.00005C3.57148 5.10947 5.10951 3.5714 7.00005 3.5714C8.8906 3.5714 10.4286 5.10947 10.4286 7.00005C10.4286 8.89056 8.8906 10.4285 7.00005 10.4285C5.10951 10.4285 3.57148 8.89056 3.57148 7.00005ZM4.75203 6.99998C4.75203 8.23951 5.76054 9.24788 7.00004 9.24788C8.23955 9.24788 9.24806 8.23951 9.24806 6.99998C9.24806 5.76036 8.23963 4.75191 7.00004 4.75191C5.76046 4.75191 4.75203 5.76036 4.75203 6.99998Z" fill="currentColor"></path>
          </svg>
        </a>
      </div>
    </div>
  </div>
  
  </div>
</section>

   
<!-- JavaScript -->
<script src="/static/js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="crossorigin="anonymous"></script>

<script src="/static/js/custom.js"></script>

<!-- Sendio Js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://sendiio.com/assets/js/form_assets.js"></script>

<!-- Bootoast Js 

<script src="https://unpkg.com/bootoast@1.0.1/dist/bootoast.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/bootoast@1.0.1/dist/bootoast.min.css">
<script>
    function toast(message, type) {
      bootoast.toast({
        position: 'bottom-right',
        message,
        type,
      });
    }

    
  </script>
-->

</body>
	
</html>

