38056-vm/home_amharic.html

<!-- wp:group {"className":"hero-section reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group hero-section reveal">
    <!-- wp:columns {"verticalAlignment":"center"} -->
    <div class="wp-block-columns are-vertically-aligned-center">
        <!-- wp:column {"verticalAlignment":"center"} -->
        <div class="wp-block-column create-vertically-aligned-center">
            <!-- wp:heading {"level":1} -->
            <h1 class="wp-block-heading">ሰላም፣ እኔ ቢላል ጣሃ እባላለሁ</h1>
            <!-- /wp:heading -->
            <!-- wp:paragraph {"style":{"typography":{"fontSize":"1.5rem"}}} -->
            <p style="font-size:1.5rem">በ <strong>Next.js</strong>፣ <strong>TypeScript</strong>፣ እና <strong>Flutter</strong> ላይ ያተኮርኩ የሶፍትዌር መሃንዲስ ነኝ። ዘመናዊ፣ ተለዋዋጭ እና ለተጠቃሚ ምቹ የሆኑ ዲጂታል ተሞክሮዎችን እገነባለሁ።</p>
            <!-- /wp:paragraph -->
            <!-- 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="/projects/">ስራዎቼን ይመልከቱ</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="/contact/">ያግኙኝ</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="#">CV አውርድ</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"verticalAlignment":"center","width":"30%"} -->
        <div class="wp-block-column are-vertically-aligned-center" style="flex-basis:30%">
            <!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
            <figure class="wp-block-image size-slug-large is-style-rounded"><img src="/assets/pasted-20260201-115553-f0fcf40c.png" alt="ቢላል ጣሃ"/></figure>
            <!-- /wp:image -->
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->

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

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <h2 class="wp-block-heading" style="text-align:center; margin-bottom: 3rem;">ቴክኒካዊ ክህሎቶች</h2>
    <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} -->
    <div class="wp-block-columns">
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-react"></i>
            <h3 class="wp-block-heading">React / Next.js</h3>
            <p>ከፍተኛ አፈጻጸም ያላቸው እና ለSEO ምቹ የሆኑ የዌብ መተግበሪያዎችን መገንባት።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-node-js"></i>
            <h3 class="wp-block-heading">Node.js</h3>
            <p>ሊለኩ የሚችሉ የጀርባ አገልግሎቶችን (Backend) እና RESTful APIs ማልማት።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fas fa-mobile-alt"></i>
            <h3 class="wp-block-heading">Flutter</h3>
            <p>ለiOS እና አንድሮይድ የሚያምሩ እና ሁለገብ የሞባይል መተግበሪያዎችን መፍጠር።</p>
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
    
    <!-- wp:spacer {"height":"20px"} -->
    <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
    <!-- /wp:spacer -->

    <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} -->
    <div class="wp-block-columns">
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fas fa-database"></i>
            <h3 class="wp-block-heading">ዳታቤዝ (Databases)</h3>
            <p>በPostgreSQL፣ MongoDB እና Firebase ውህደት ላይ ያለኝ ልምድ።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-docker"></i>
            <h3 class="wp-block-heading">DevOps</h3>
            <p>በDocker ኮንቴይነራይዜሽን እና CI/CD አውቶሜሽን ስራዎች።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"skill-card"} -->
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fas fa-cloud"></i>
            <h3 class="wp-block-heading">ክላውድ (Cloud)</h3>
            <p>መተግበሪያዎችን በAWS፣ Vercel እና GCP ላይ ማሰማራት እና ማስተዳደር።</p>
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->

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

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <h2 class="wp-block-heading">የማከናውናቸው ተግባራት</h2>
    <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} -->
    <div class="wp-block-columns">
        <!-- wp:column {"className":"project-card"} -->
        <div class="wp-block-column project-card">
            <h3 class="wp-block-heading"><i class="fas fa-laptop-code"></i> የፊት-ለፊት (Frontend)</h3>
            <p>React፣ Next.js እና Tailwind CSS በመጠቀም ምላሽ ሰጪ እና በይነተገናኝ የተጠቃሚ በይነገጾችን መፍጠር።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"project-card"} -->
        <div class="wp-block-column project-card">
            <h3 class="wp-block-heading"><i class="fas fa-server"></i> የጀርባ-አጥንት (Backend)</h3>
            <p>በNode.js ጠንካራ የአገልጋይ-ወገን አመክንዮዎችን እና በFlutter የተለያዩ የመሳሪያ ስርዓት የሞባይል መተግበሪያዎችን ማልማት።</p>
        </div>
        <!-- /wp:column -->
        <!-- wp:column {"className":"project-card"} -->
        <div class="wp-block-column project-card">
            <h3 class="wp-block-heading"><i class="fas fa-layer-group"></i> ሙሉ-ጥቅል (Full-Stack)</h3>
            <p>ሙሉ ለሙሉ የሚሰሩ መተግበሪያዎችን ለማቅረብ እንደ PostgreSQL እና Firebase ያሉ የውሂብ ጎታዎችን ማቀናጀት።</p>
        </div>
        <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->

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

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <h2 class="wp-block-heading">ክህሎቶቼ</h2>
    <!-- wp:columns {"columns":4} -->
    <div class="wp-block-columns">
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-react"></i>
            <h4 class="wp-block-heading">React / Next.js</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-js"></i>
            <h4 class="wp-block-heading">JavaScript / TS</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-node-js"></i>
            <h4 class="wp-block-heading">Node.js</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-python"></i>
            <h4 class="wp-block-heading">Python</h4>
        </div>
    </div>
    <!-- /wp:columns -->
    <!-- wp:columns {"columns":4} -->
    <div class="wp-block-columns">
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fas fa-mobile-alt"></i>
            <h4 class="wp-block-heading">Flutter / Dart</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fas fa-database"></i>
            <h4 class="wp-block-heading">SQL / NoSQL</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-figma"></i>
            <h4 class="wp-block-heading">UI/UX Design</h4>
        </div>
        <div class="wp-block-column skill-card" style="text-align:center">
            <i class="fab fa-aws"></i>
            <h4 class="wp-block-heading">Cloud / DevOps</h4>
        </div>
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->

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

<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
<div class="wp-block-group reveal">
    <h2 class="wp-block-heading">አገልግሎቶቼ</h2>
    <!-- wp:columns -->
    <div class="wp-block-columns">
        <div class="wp-block-column">
            <ul>
                <li><strong>የዌብ ልማት:</strong> በዘመናዊ ማዕቀፎች የተገነቡ ብጁ ድረ-ገጾች።</li>
                <li><strong>የመተግበሪያ ልማት:</strong> ለiOS እና Android የተለያዩ የመሳሪያ ስርዓት የሞባይል መተግበሪያዎች።</li>
                <li><strong>UI/UX ዲዛይን:</strong> ሊታወቁ የሚችሉ እና የሚያምሩ የተጠቃሚ ጉዞዎችን መንደፍ።</li>
            </ul>
        </div>
        <div class="wp-block-column">
            <ul>
                <li><strong>API ውህደት:</strong> እንከን የለሽ የውሂብ ፍሰት አገልግሎቶችን ማገናኘት።</li>
                <li><strong>የውሂብ ጎታ አስተዳደር:</strong> ቀልጣፋ እና ደህንነቱ የተጠበቀ የውሂብ ማከማቻ መፍትሄዎች።</li>
                <li><strong>የደመና መፍትሄዎች:</strong> AWS እና Vercel በመጠቀም ማሰማራት እና ማስፋፋት።</li>
            </ul>
        </div>
    </div>
    <!-- /wp:columns -->
</div>
<!-- /wp:group -->

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

<!-- wp:group {"className":"reveal","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group reveal">
    <h2 class="wp-block-heading" style="text-align:center">ፕሮጀክትዎን ለመጀመር ዝግጁ ነዎት?</h2>
    <div class="wp-block-buttons" style="justify-content:center; display:flex;">
        <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="/contact/">ዛሬውኑ ቅጠሩኝ</a></div>
    </div>
</div>
<!-- /wp:group -->