<!doctype html>
<html lang=en>

<head>
    <meta charset=UTF-8>
    <meta content="IE=edge" http-equiv=X-UA-Compatible>
    <meta content="width=device-width,initial-scale=1" name=viewport>
    <link href=images/favicon-removebg-preview.png rel=icon type=image/png>
    <link href=images/favicon-removebg-preview.png rel="shortcut icon">
    <title>Mohammed Omer | Projects</title>
    <meta name="description" content="Explore Mohammed Omer's impressive portfolio of web development, data analysis, and AI projects. Discover his innovative solutions and expertise in action.">

    <link href=https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css rel=stylesheet>
    <link href=https://fonts.googleapis.com/ rel=preconnect>
    <link href=https://fonts.gstatic.com/ rel=preconnect crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap" rel=stylesheet>
    <link href=css/bootstrap.min.css rel=stylesheet>
    <link href=css/style.css rel=stylesheet>
    <link href=css/dark-mode.css rel=stylesheet>
    <link href=css/responsive.css rel=stylesheet>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZYK5W50QRG"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-ZYK5W50QRG');
    </script>
</head>

<body class=dark-mode>
    <div id=magic-cursor>
        <div id=ball></div>
    </div>
    <div class=preloader-wrap>
        <div class=loader><img alt=loader src=images/loader-2.gif></div>
    </div>
    <main class="bronx-main work-page">
        <div class=popup-menu-wrap>
            <div class=popup-menu-header>
                <div class=local-temperature><a href=https://mohammedomer.vip><span>Home/</span><span id=coordinates></span></a></div>
                <div class=popup-menu-close-btn>
                    <div class=icon><svg color="rgba(214, 214, 215, 0.7)" viewBox="0 0 24 24" xmlns=http://www.w3.org/2000/svg fill=none height=24px stroke-width=1.5 width=24px><path d="M6 12h6m6 0h-6m0 0V6m0 6v6" stroke=currentColor stroke-linecap=round stroke-linejoin=round></path></svg></div>
                </div>
                <div class="right text-right"><a href=https://mohammedomer.vip/contact class=theme-btn>Schedule a call</a></div>
            </div>
            <div class=popup-menu>
                <nav>
                    <ul>
                        <li><a href=https://mohammedomer.vip><span class=count>(1)</span> <span>Home</span> <span>Home</span></a></li>
                        <li class=active><a href=/work/><span class=count>(2)</span> <span>Work</span> <span>Work</span></a>
                        </li>
                        <li><a href=/photography/><span class=count>(3)</span> <span>PHOTOGRAPHY</span> <span>PHOTOGRAPHY</span></a>
                        </li>
                        <li><a href=/pricing/><span class=count>(4)</span> <span>Pricing</span> <span>Pricing</span></a>
                        </li>
                        <li><a href=/contact/><span class=count>(5)</span> <span>Contact</span> <span>Contact</span></a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class=popup-menu-footer>
                <div class=copyright>
                    <p>©2024 ALL RIGHTS RESERVED</p>
                    <ul class=social-links>
                        <li><a href=https://mohammedomer.vip/terms-conditions/ target=_blank>Terms & Conditions <svg color="rgb(29, 29, 31)" viewBox="0 0 24 24" xmlns=http://www.w3.org/2000/svg focusable=false><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></svg></a></li>

                        <li><a href=https://instagram.com/_mromer_/ target=_blank>Instagram <svg color="rgb(29, 29, 31)" viewBox="0 0 24 24" xmlns=http://www.w3.org/2000/svg focusable=false><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></svg></a></li>
                        <li><a href=mailto:info@mohammedomer.vip target=_blank>Mail <svg color="rgb(29, 29, 31)" viewBox="0 0 24 24" xmlns=http://www.w3.org/2000/svg focusable=false><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></svg></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id=smooth-wrapper>
            <div id=smooth-content>
                <section class="hero-sec hero-sec2">
                    <header class="scroll-animation header-wrap" data-animation=slide_up>
                        <div class=custom-row>
                            <div class=header-local-time-box><a href=https://mohammedomer.vip><span>Home/</span><span id=coordinates></span></a> <span id=realtime>00:00</span></div>
                            <div class=header-middle>
                                <div class=humberg-menu>
                                    <a href=https://mohammedomer.vip/contact>
                                        <?xml version="1.0" encoding="UTF-8"?><svg color=#ffffff viewBox="0 0 24 24" xmlns=http://www.w3.org/2000/svg fill=none height=30px stroke-width=1.5 width=30px><path d="M9 9L13.5 12L18 9" stroke=#ffffff stroke-linecap=round stroke-linejoin=round stroke-width=1.5></path><path d="M3 13.5H5" stroke=#ffffff stroke-linecap=round stroke-linejoin=round stroke-width=1.5></path><path d="M1 10.5H5" stroke=#ffffff stroke-linecap=round stroke-linejoin=round stroke-width=1.5></path><path d="M5 7.5V7C5 5.89543 5.89543 5 7 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H7C5.89543 19 5 18.1046 5 17V16.5" stroke=#ffffff stroke-linecap=round stroke-width=1.5></path></svg></a>
                                </div>
                            </div>
                            <div class=header-right><a href=# class=theme-btn>Navigate Here</a></div>
                        </div>
                    </header>
                    <div class=hero-sec-content><span class=available-status>(2022 - 2024)</span>
                        <h1><span><span class="scroll-animation timeline-anim" data-animation=slide_down>SELECTED</span></span> <span><span class="scroll-animation timeline-anim" data-animation=slide_down>WORKS</span></span>
                        </h1>
                    </div>
                </section>
                <div class="featured-work-sec mt-30">
                    <div class=featured-work-lists>


                            <div class="featured-card">
                                <a class="link-overlay" href="/work/llama-chatbot/"></a>
                                <div class="img-box">
                                    <img alt="Work" src="images/llama-chat1.png">
                                </div>
                                <div class="content">
                                    <div class="left">
                                        <p class="title">LLAMA META CHATBOT</p>
                                        <p class="subtitle">Technology</p>
                                    </div>
                                    <div class="right"><span class="date">2024</span></div>
                                </div>
                            </div>

                        <div class=featured-card>
                            <a href="/work/leadinghighschool/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/leadinghighschool.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Leading High School</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href="/work/webtags/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/webtags.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Web Tags</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href="/work/gsap-slider/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/gsap-slider1.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>GSAP Slider</p>
                                    <p class=subtitle>Branding</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href="/work/home-theater/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/home-theater-open.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Home Theater</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href="/work/magic-scroll/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/scroll-magic.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Magic Scroll</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href="/work/rgb-button/" class=link-overlay></a>
                            <div class=img-box><img alt=Work src="images/rgb-button.png"></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>RGB Button</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/paperwhiz/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/paperwhiz-open.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>PaperWhiz</p>
                                    <p class=subtitle>Technology</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/homebrew/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/homebrew-open.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>HomeBrew</p>
                                    <p class=subtitle>Software Tools</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/omerportfolio/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/omer-portfolio.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Mohammed Omer</p>
                                    <p class=subtitle>Portfolio</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/hideaway/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/work-d-9.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>Hideway</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2022</span></div>
                            </div>
                        </div>
                        <!---
                        <div class=featured-card>
                            <a href=/work/vixenangels/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/Vixenlogo_.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>VIXEN ANGELS (NSFW)</p>
                                    <p class=subtitle>Branding</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        ---->
                        <div class=featured-card>
                            <a href=/work/wingcomm/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/wingcomm-1.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>WING COMM</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/firemerch/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/prestonlogo.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>FIRE MERCH</p>
                                    <p class=subtitle>Branding</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                        <div class=featured-card>
                            <a href=/work/freedom/ class=link-overlay></a>
                            <div class=img-box><img alt=Work src=images/freedom-2.png></div>
                            <div class=content>
                                <div class=left>
                                    <p class=title>FREEDOM</p>
                                    <p class=subtitle>Web Design</p>
                                </div>
                                <div class=right><span class=date>2024</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <footer class=footer-area>
                    <div class=footer-big-text><span class="scroll-animation timeline-anim" data-animation=slide_down>THE END!</span></div>
                    <div class=copyright>
                        <p>©2024 MOHAMMED OMER</p>
                        <div class=right><a href=# id=back-to-top>GO BACK TO TOP</a></div>

                    </div>
                </footer>
            </div>
        </div>
    </main>
    <script src=js/jquery.js></script>
    <script src=js/bootstrap.bundle.min.js></script>
    <script src=js/gsap.min.js></script>
    <script src=js/ScrollTrigger.min.js></script>
    <script src=js/ScrollToPlugin.min.js></script>
    <script src=js/ScrollSmoother.min.js></script>
    <script src=js/SplitText.min.js></script>
    <script src=js/jarallax.js></script>
    <script src=js/jarallax-element.min.js></script>
    <script src=js/main.js></script>
    <script src=js/themescroll.js></script>
</body>

</html>