94 lines
5.5 KiB
HTML
94 lines
5.5 KiB
HTML
<!-- wp:group {"className":"reveal","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group reveal">
|
|
<!-- wp:heading {"level":1} -->
|
|
<h1 class="wp-block-heading">My Projects</h1>
|
|
<!-- /wp:heading -->
|
|
<p>A selection of my recent work, ranging from full-stack web applications to cross-platform mobile apps.</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="E-Commerce Platform" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
|
|
<!-- /wp:image -->
|
|
<h3 class="wp-block-heading">E-Commerce Platform</h3>
|
|
<p>A full-featured online store with product filtering, cart functionality, and Stripe integration.</p>
|
|
<p><strong>Tech Stack:</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="#">Live Demo</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="Task Management App" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
|
|
<!-- /wp:image -->
|
|
<h3 class="wp-block-heading">Task Management App</h3>
|
|
<p>A productivity tool for managing daily tasks with real-time updates and team collaboration features.</p>
|
|
<p><strong>Tech Stack:</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="#">Live Demo</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="Ethiopian Weather App" style="border-radius:12px; margin-bottom:15px; width:100%; height:200px; object-fit:cover;"/></figure>
|
|
<!-- /wp:image -->
|
|
<h3 class="wp-block-heading">Ethiopian Weather App</h3>
|
|
<p>Get real-time weather updates for cities across Ethiopia using the OpenWeather API.</p>
|
|
<p><strong>Tech Stack:</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="#">Live Demo</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 -->
|
|
<div class="wp-block-column"></div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group --> |