38056-vm/home_oromo.html
2026-02-01 12:02:57 +00:00

114 lines
5.8 KiB
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">Akkam, ani Bilaal Tahaa ti</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.5rem"}}} -->
<p style="font-size:1.5rem">Injinera soofitweerii <strong>Next.js</strong>, <strong>TypeScript</strong>, fi <strong>Flutter</strong> irratti xiyyeeffachuun hojjedu dha. Muuxannoowwan diijitaalaa ammayyaa, hundaaf mijatoo ta'an nan ijaara.</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/">Hojiwwan koo ilaali</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/">Nu quunnamaa</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 Buusi</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="Bilaal Tahaa Profile"/></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">Maalan Hojjada</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 fi Tailwind CSS fayyadamuun fuulawwan weebsaayitii socho'oo fi ija qabatan nan ijaara.</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 fayyadamuun hojiiwwan duubaa jabaatoo fi Flutter'n appii moobaayilaa gosa hundaaf ta'u nan qopheessa.</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>Kuusaa deetaa akka PostgreSQL fi Firebase fayyadamuun appii guutuu dhiyeessuu.</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">Dandeettiiwwan Koo</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 -->
</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">Pirojektii keessan jalqabuuf qophiidhaa?</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/">Har'a na qaxaraa</a></div>
</div>
</div>
<!-- /wp:group -->