38056-vm/projects_oromo.html

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <!-- wp:heading {"level":1} -->
    <h1 class="wp-block-heading">Pirojektoota Koo</h1>
    <!-- /wp:heading -->
    <p>Filannoo hojiiwwan koo dhiheenyaa, appilikeeshiniiwwan weebii guutuu irraa kaasee hanga appilikeeshiniiwwan moobaayilaatti.</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="Pilaatfoormii E-Commerce" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">Pilaatfoormii E-Commerce</h3>
            <p>Kuusaa toora interneetii guutuu calalchi oomishaa, dandeettii kaartii fi walitti makinsa ክፍያ Stripe qabu.</p>
            <p><strong>Teeknooloojii:</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="#">Maasayaa Kallattii</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 Repo</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="Appii Bulchiinsa Hojii" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">Appii Bulchiinsa Hojii</h3>
            <p>Meeshaa oomishtummaa hojiiwwan guyyaa guyyaa odээffannoo yeroo dhugaa fi dandeettii waliin hojjechuutiin bulchuuf gargaaru.</p>
            <p><strong>Teeknooloojii:</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="#">Maasayaa Kallattii</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 Repo</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="Appii Haala Qilleensa Itoophiyaa" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
            <!-- /wp:image -->
            <h3 class="wp-block-heading">Appii Haala Qilleensa Itoophiyaa</h3>
            <p>API OpenWeather fayyadamuun magaalota Itoophiyaa keessa jiraniif odээffannoo haala qilleensaa yeroo dhugaa argadhu.</p>
            <p><strong>Teeknooloojii:</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="#">Maasayaa Kallattii</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 Repo</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->