38056-vm/projects_amharic.html

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <!-- wp:heading {"level":1} -->
    <h1 class="wp-block-heading">ፕሮጀክቶቼ</h1>
    <!-- /wp:heading -->
    <p>ከሙሉ የዌብ አፕሊኬሽኖች እስከ ሞባይል መተግበሪያዎች የቅርብ ጊዜ ስራዎቼ ምርጫ።</p>
</div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
    <!-- wp:columns {"isStackedOnMobile":true} -->
    <div class="wp-block-columns is-stacked-on-mobile">
        <!-- wp:column {"className":"project-card reveal"} -->
        <div class="wp-block-column project-card reveal">
            <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
            <figure class="wp-block-image size-large"><img src="assets/images/projects/ecommerce.jpg" alt="የኢ-ኮሜርስ መድረክ" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">የኢ-ኮሜርስ መድረክ</h3>
            <p>የምርት ማጣሪያ፣ የቅርጫት ተግባር እና የStripe ክፍያ ውህደት ያለው ሙሉ የመስመር ላይ መደብር።</p>
            <p><strong>ቴክኖሎጂዎች:</strong> Next.js, Stripe, Tailwind CSS, PostgreSQL</p>
            <!-- wp:buttons -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
                <div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="#">ቀጥታ ማሳያ</a></div>
                <!-- /wp:button -->
                <!-- wp:button {"className":"is-style-outline"} -->
                <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://github.com/Bilnett">GitHub ማከማቻ</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->

        <!-- wp:column {"className":"project-card reveal"} -->
        <div class="wp-block-column project-card reveal">
            <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
            <figure class="wp-block-image size-large"><img src="assets/images/projects/tasks.jpg" alt="የተግባር ማስተዳደሪያ መተግበሪያ" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">የተግባር ማስተዳደሪያ መተግበሪያ</h3>
            <p>የዕለት ተዕለት ተግባራትን በእውነተኛ ጊዜ ማሻሻያ እና የቡድን ትብብር ለማስተዳደር የሚረዳ ምርታማነት መሣሪያ።</p>
            <p><strong>ቴክኖሎጂዎች:</strong> React, Firebase, Material UI</p>
            <!-- wp:buttons -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
                <div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="#">ቀጥታ ማሳያ</a></div>
                <!-- /wp:button -->
                <!-- wp:button {"className":"is-style-outline"} -->
                <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://github.com/Bilnett">GitHub ማከማቻ</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->

    <!-- wp:spacer {"height":"40px"} -->
    <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
    <!-- /wp:spacer -->

    <!-- wp:columns {"isStackedOnMobile":true} -->
    <div class="wp-block-columns is-stacked-on-mobile">
        <!-- wp:column {"className":"project-card reveal"} -->
        <div class="wp-block-column project-card reveal">
            <!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
            <figure class="wp-block-image size-large"><img src="assets/images/projects/weather.jpg" alt="የኢትዮጵያ የአየር ሁኔታ መተግበሪያ" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">የኢትዮጵያ የአየር ሁኔታ መተግበሪያ</h3>
            <p>የOpenWeather API በመጠቀም በመላው ኢትዮጵያ ለሚገኙ ከተሞች የእውነተኛ ጊዜ የአየር ሁኔታ መረጃ ያግኙ።</p>
            <p><strong>ቴክኖሎጂዎች:</strong> Next.js, OpenWeather API, Framer Motion</p>
            <!-- wp:buttons -->
            <div class="wp-block-buttons">
                <!-- wp:button {"backgroundColor":"black","textColor":"white"} -->
                <div class="wp-block-button"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" href="#">ቀጥታ ማሳያ</a></div>
                <!-- /wp:button -->
                <!-- wp:button {"className":"is-style-outline"} -->
                <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="https://github.com/Bilnett">GitHub ማከማቻ</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->