<div class="lazyblock-reverse-overlap-photos-with-text-1l9zXY wp-block-lazyblock-reverse-overlap-photos-with-text"><section className="px-4 sm:px-0 py-[100px]">
  <div className="grid grid-cols-1 sm:grid-cols-2 gap-12 sm:gap-6 items-end">
    <div>
      <h3 className="text-4xl mb-4">Old layout</h3>
          <div className="mb-[20px]">
            &lt;ul&gt;
&lt;li&gt;Old-looking layout&lt;/li&gt;
&lt;li&gt;Limited color options&lt;/li&gt;
&lt;li&gt;Delays in loading content and weird layout rendering&lt;/li&gt;
&lt;/ul&gt;
          </div>
      <img
        className="rounded-xl"
        src=https://admin.mjalil.com/wp-content/uploads/2023/04/Screenshot-2023-04-26-at-12.55.15-PM.png
        alt=""
        width="681"
        height="360"
      />
    </div>
    <div className="pb-[70px]">
      <h3 className="text-4xl mb-4">Completely revamped UI</h3>
      <div>
        &lt;ul&gt;
&lt;li&gt;New fresh design&lt;/li&gt;
&lt;li&gt;Everything is branded&lt;/li&gt;
&lt;li&gt;And a lot more in the following keeps scrolling to see&lt;/li&gt;
&lt;/ul&gt;
      </div>
    </div>
  </div>
  <div className="grid grid-cols-1 sm:grid-cols-3 gap-0 sm:gap-6 mt-[-50px]">
    <div></div>
    <div className="col-span-2">
      <img
        className="rounded-xl"
        src=https://admin.mjalil.com/wp-content/uploads/2023/04/Screenshot-2023-04-30-at-11.11.38-AM.png
        alt=""
        width="881"
        height="443"
      />
    </div>
  </div>
</section></div>

<div class="lazyblock-two-column-photo-and-title-1zxpcD wp-block-lazyblock-two-column-photo-and-title"><section class="grid grid-cols-1 sm:grid-cols-2 gap-6 py-12 sm:py-[100px] px-4 sm:px-0">
  <div>
    <h3 className="text-4xl mb-6 text-center">Custom Login Screen</h3>
    <img
      className="rounded-xl"
      src=https://admin.mjalil.com/wp-content/uploads/2023/04/Screenshot-2023-04-26-at-1.19.42-PM.png
      width="681"
      height="362"
      alt="project screenshot"
    />
  </div>
  <div>
    <h3 className="text-4xl mb-6 text-center">Branded Dashboard</h3>
    <img
      className="rounded-xl"
      src=https://admin.mjalil.com/wp-content/uploads/2023/04/Screenshot-2023-04-26-at-1.21.38-PM.png
      width="681"
      height="362"
      alt="project screenshot"
    />
  </div>
</section></div>

OxygenBuilder

WordPress

BalqueesForHer.net Website Redesign.

CanarySpeech.com WordPress Site

<div class="lazyblock-reverse-overlap-photos-with-text-Z1nQaRm wp-block-lazyblock-reverse-overlap-photos-with-text"><section className="px-4 sm:px-0 py-[100px]">
  <div className="grid grid-cols-1 sm:grid-cols-2 gap-12 sm:gap-6 items-end">
    <div>
      <h3 className="text-4xl mb-4">old website</h3>
          <div className="mb-[20px]">
            
          </div>
      <img
        className="rounded-xl"
        src=https://admin.mjalil.com/wp-content/uploads/2023/05/image-13-scaled.jpg
        alt=""
        width="681"
        height="360"
      />
    </div>
    <div className="pb-[70px]">
      <h3 className="text-4xl mb-4">new website</h3>
      <div>
        
      </div>
    </div>
  </div>
  <div className="grid grid-cols-1 sm:grid-cols-3 gap-0 sm:gap-6 mt-[-50px]">
    <div></div>
    <div className="col-span-2">
      <img
        className="rounded-xl"
        src=https://admin.mjalil.com/wp-content/uploads/2023/05/ezgif.com-video-to-gif.gif
        alt=""
        width="881"
        height="443"
      />
    </div>
  </div>
</section></div>

MortgageCS.com WordPress Site

<div class="lazyblock-two-column-photo-left-TP8Nr wp-block-lazyblock-two-column-photo-left"><section className="section-image-left grid grid-cols-1 sm:grid-cols-2 gap-6 items-center px-4 sm:px-0 py-12 sm:py-[100px]">
  <div className="order-2 sm:order-1">
    <img
      className="rounded-xl"
      alt="any"
      width={500}
      height={300}
      src=https://admin.mjalil.com/wp-content/uploads/2023/05/fuzzy-search.gif
    />
  </div>
  <div className="order-1 sm:order-2">
    <h2 className="text-4xl mb-6">Fuzzy Search</h2>
    &lt;p&gt;Implemented Fuse.js for search functionality.&lt;/p&gt;
  </div>
</section></div>

<div class="lazyblock-two-column-photo-right-wBrlf wp-block-lazyblock-two-column-photo-right"><section className="section-image-right grid grid-cols-1 sm:grid-cols-2 gap-6 items-center px-4 sm:px-0 py-12 sm:py-[100px]">
  <div>
    <h2 className="text-4xl mb-6">Copy-to-Clipboard</h2>
    &lt;p&gt;Easy browsing, copy coupons to the clipboard, sharing, etc&#8230;&lt;/p&gt;
  </div>
  <div>
    <img
      className="rounded-xl"
      alt="any"
      width={500}
      height={300}
      src=https://admin.mjalil.com/wp-content/uploads/2023/05/copy-to-clipboard-1.gif
    />
  </div>
</section></div>

<div class="lazyblock-two-column-photo-and-title-1TlNMX wp-block-lazyblock-two-column-photo-and-title"><section class="grid grid-cols-1 sm:grid-cols-2 gap-6 py-12 sm:py-[100px] px-4 sm:px-0">
  <div>
    <h3 className="text-4xl mb-6 text-center">Menu Animation</h3>
    <img
      className="rounded-xl"
      src=https://admin.mjalil.com/wp-content/uploads/2023/05/Menu-animation-1.gif
      width="681"
      height="362"
      alt="project screenshot"
    />
  </div>
  <div>
    <h3 className="text-4xl mb-6 text-center">Hundreds of Brands</h3>
    <img
      className="rounded-xl"
      src=https://admin.mjalil.com/wp-content/uploads/2023/05/many-brands-and-coupons-2.gif
      width="681"
      height="362"
      alt="project screenshot"
    />
  </div>
</section></div>

Mo. J.
Mohamed Abduljalil

my tech stack

programming_languages

frameworks

other_technologies

projects

BalqueesForHer.net Website Redesign.

CanarySpeech.com WordPress Site

MortgageCS.com WordPress Site

Coupon Scraping & Listing – Fullstack Web App

contact me

my tech stack

programming_languages

frameworks

other_technologies

featuredAllJavaScriptPythonReactJSNodeJSNextJSWordPressTailwindCSSprojectsx clear

BalqueesForHer.net Website Redesign.

CanarySpeech.com WordPress Site

MortgageCS.com WordPress Site

Coupon Scraping & Listing – Fullstack Web App

contact me

projects