add and style screenshots
Gitea/resume/pipeline/head This commit looks good
Details
Gitea/resume/pipeline/head This commit looks good
Details
This commit is contained in:
parent
8af9a3f43f
commit
e9b4689865
|
|
@ -252,7 +252,7 @@ li::marker {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
|
||||||
@media screen and (min-width:601px) {
|
@media screen and (min-width:601px) {
|
||||||
width: 60%;
|
width: 61%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width:600px) {
|
@media screen and (max-width:600px) {
|
||||||
|
|
@ -278,6 +278,23 @@ img {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.desktop-screen {
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-screen {
|
||||||
|
max-height: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
#intro {
|
#intro {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
478
index.html
478
index.html
|
|
@ -1,264 +1,238 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
||||||
<title>Andrzej Stepien : Coder for Hire</title>
|
|
||||||
<link rel="stylesheet" href="css/defaults.css" />
|
|
||||||
<link rel="stylesheet" href="css/styles.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
<head>
|
||||||
<header>
|
<meta charset="UTF-8" />
|
||||||
<h1>Andrzej Stepien: Coder for Hire</h1>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
</header>
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||||
<main>
|
<title>Andrzej Stepien : Coder for Hire</title>
|
||||||
<section>
|
<link rel="stylesheet" href="css/defaults.css" />
|
||||||
<div class="container">
|
<link rel="stylesheet" href="css/styles.css" />
|
||||||
<h3>Allow me to introduce myself...</h3>
|
</head>
|
||||||
<img
|
|
||||||
src="images/cv.png"
|
|
||||||
class="image"
|
|
||||||
alt="A photo of myself, smiling to camera."
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div id="intro">
|
<body>
|
||||||
<p>
|
<header>
|
||||||
My name is Andrzej. I am an experienced fullstack web developer
|
<h1>Andrzej Stepien: Coder for Hire</h1>
|
||||||
from England, currently residing in Spain.
|
</header>
|
||||||
</p>
|
<main>
|
||||||
<p>
|
<section>
|
||||||
If you are reading this, you most likely followed a link here from
|
<div class="container">
|
||||||
my CV. I thought this page would be the best way to demonstrate
|
<h3>Allow me to introduce myself...</h3>
|
||||||
what I'm capable of.
|
<img src="images/cv.png" class="image" alt="A photo of myself, smiling to camera." />
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<h1 id="this-website">This website...</h1>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<b>… is hosted on bespoke hardware.</b> A mini-pc in my living
|
|
||||||
room, to be precise!
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b>… is served by a custom-coded http server written in Java.</b>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b
|
|
||||||
>… has self-managed security certificates, scoring an 'A' grade
|
|
||||||
on
|
|
||||||
<a
|
|
||||||
href="https://www.ssllabs.com/ssltest/analyze.html?d=sonarrr.ajstepien.xyz"
|
|
||||||
>sslabs.com</a
|
|
||||||
>.</b
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b
|
|
||||||
>… is fully compliant with
|
|
||||||
<a href="https://www.w3.org/WAI/standards-guidelines/wcag/"
|
|
||||||
>Web Content Accessibility Guidelines</a
|
|
||||||
>.</b
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b
|
|
||||||
>… is styled with careful consideration for Responsive Web
|
|
||||||
Design principles.</b
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li><b>… follows system light/dark theming.</b></li>
|
|
||||||
<li>
|
|
||||||
<b
|
|
||||||
>… hosts a collection of projects demonstrating my proficiency
|
|
||||||
in both frontend and backend development</b
|
|
||||||
>
|
|
||||||
including projects written in CSS, Html, Javascript, React,
|
|
||||||
Nextjs, Nodejs, Sql, Lua, Golang, Java and Bash.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b>… is deployed via a self-hosted Jenkins CI/CD system.</b>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<b>… is fully source-available</b> on
|
|
||||||
<a href="https://projects.ajstepien.xyz/Resume"
|
|
||||||
>my self-hosted git server.</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li><b>… was lovingly hand-coded by myself.</b></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<h1>Professional highlights</h1>
|
|
||||||
<section id="professional-highlights">
|
|
||||||
<div class="container">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
I designed and implemented an order system for the English company
|
|
||||||
Woodmech Ltd. lowering administration costs by 25%.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
I built a website for the English social enterprise company
|
|
||||||
Excluded Ltd, gaining them thousands of daily impressions, and
|
|
||||||
significant growth in their customer base.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
I administered the website and educational platform of The Adrian
|
|
||||||
Hawley School of English.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
I offer a multi-user file synchronization service for several
|
|
||||||
clients, significantly lowering expenditure in the face of
|
|
||||||
ever-increasing cloud bills.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<h1>Certifications</h1>
|
|
||||||
<section>
|
|
||||||
<div class="container">
|
|
||||||
<figure>
|
|
||||||
<figcaption>Freecodecamp certificates</figcaption>
|
|
||||||
<ul class="link-list">
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries"
|
|
||||||
>Front End Development Libraries</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design"
|
|
||||||
>Responsive Web Design</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures"
|
|
||||||
>Javascript Algorithms and Data Structures</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<figure>
|
|
||||||
<figcaption>IBM certificates</figcaption>
|
|
||||||
<ul class="link-list">
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22"
|
|
||||||
>Introduction to Cloud Computing</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098"
|
|
||||||
>Introduction to Cloud Development with HTML, CSS, and
|
|
||||||
JavaScript</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<h1>Selected projects</h1>
|
|
||||||
|
|
||||||
<section>
|
<div id="intro">
|
||||||
|
<p>
|
||||||
|
My name is Andrzej. I am an experienced fullstack web developer
|
||||||
|
from England, currently residing in Spain.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
If you are reading this, you most likely followed a link here from
|
||||||
|
my CV. I thought this page would be the best way to demonstrate
|
||||||
|
what I'm capable of.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<h1 id="this-website">This website...</h1>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<b>… is hosted on bespoke hardware.</b> A mini-pc in my living
|
||||||
|
room, to be precise!
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… is served by a custom-coded http server written in Java.</b>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… has self-managed security certificates, scoring an 'A' grade
|
||||||
|
on
|
||||||
|
<a href="https://www.ssllabs.com/ssltest/analyze.html?d=sonarrr.ajstepien.xyz">sslabs.com</a>.</b>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… is fully compliant with
|
||||||
|
<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines</a>.</b>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… is styled with careful consideration for Responsive Web
|
||||||
|
Design principles.</b>
|
||||||
|
</li>
|
||||||
|
<li><b>… follows system light/dark theming.</b></li>
|
||||||
|
<li>
|
||||||
|
<b>… hosts a collection of projects demonstrating my proficiency
|
||||||
|
in both frontend and backend development</b>
|
||||||
|
including projects written in CSS, Html, Javascript, React,
|
||||||
|
Nextjs, Nodejs, Sql, Lua, Golang, Java and Bash.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… is deployed via a self-hosted Jenkins CI/CD system.</b>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>… is fully source-available</b> on
|
||||||
|
<a href="https://projects.ajstepien.xyz/Resume">my self-hosted git server.</a>
|
||||||
|
</li>
|
||||||
|
<li><b>… was lovingly hand-coded by myself.</b></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<h1>Professional highlights</h1>
|
||||||
|
<section id="professional-highlights">
|
||||||
|
<div class="container">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
I designed and implemented an order system for the English company
|
||||||
|
Woodmech Ltd. lowering administration costs by 25%.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
I built a website for the English social enterprise company
|
||||||
|
Excluded Ltd, gaining them thousands of daily impressions, and
|
||||||
|
significant growth in their customer base.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
I administered the website and educational platform of The Adrian
|
||||||
|
Hawley School of English.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
I offer a multi-user file synchronization service for several
|
||||||
|
clients, significantly lowering expenditure in the face of
|
||||||
|
ever-increasing cloud bills.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<h1>Certifications</h1>
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
<figure>
|
<figure>
|
||||||
<ul id="project-list">
|
<figcaption>Freecodecamp certificates</figcaption>
|
||||||
<li class="ghost-container"></li>
|
<ul class="link-list">
|
||||||
<li class="container">
|
<li>
|
||||||
<a href="https://subman.ajstepien.xyz">
|
<a
|
||||||
<h3>Subman</h3>
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries">Front
|
||||||
</a>
|
End Development Libraries</a>
|
||||||
<img
|
|
||||||
src="images/subman.png"
|
|
||||||
alt="A screenshot of subman in action."
|
|
||||||
/>
|
|
||||||
<p>
|
|
||||||
A self-hosted literary submission management system comprising a
|
|
||||||
Nextjs web-app with Sqlite back-end. CRUD app styled with
|
|
||||||
Tailwind.
|
|
||||||
</p>
|
|
||||||
<div class="links-container">
|
|
||||||
<a href="https://subman.ajstepien.xyz">demo</a>
|
|
||||||
<a href="https://projects.ajstepien.xyz/Resume/subman-nextjs"
|
|
||||||
>source</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</li>
|
</li>
|
||||||
<!-- <li class="container"> -->
|
<li>
|
||||||
<!---->
|
<a
|
||||||
<!-- <h3>Micro365</h3> -->
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design">Responsive
|
||||||
<!-- <p> -->
|
Web Design</a>
|
||||||
<!-- A bot written in nodejs that delivers single-word writing -->
|
|
||||||
<!-- prompts from a database. -->
|
|
||||||
<!-- </p> -->
|
|
||||||
<!-- <a>demo</a> -->
|
|
||||||
<!-- <a>source</a> -->
|
|
||||||
<!-- </li> -->
|
|
||||||
<li class="container">
|
|
||||||
<a href="https://demos.ajstepien.xyz/movie-explorer">
|
|
||||||
<h3>Movie-Explorer</h3>
|
|
||||||
</a>
|
|
||||||
<p>
|
|
||||||
An app for when you don't know what movie to watch, written in
|
|
||||||
Typescript/React and vanilla CSS.
|
|
||||||
</p>
|
|
||||||
<div class="links-container">
|
|
||||||
<a href="https://demos.ajstepien.xyz/movie-explorer">demo</a>
|
|
||||||
<a href="https://projects.ajstepien.xyz/Resume/movie-explorer"
|
|
||||||
>source</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</li>
|
</li>
|
||||||
<li class="container">
|
<li>
|
||||||
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">
|
<a
|
||||||
<h3>GoPaper</h3>
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures">Javascript
|
||||||
</a>
|
Algorithms and Data Structures</a>
|
||||||
<img
|
|
||||||
src="images/gopaper.png"
|
|
||||||
alt="A screenshot of GoPaper in action."
|
|
||||||
/>
|
|
||||||
<p>A wallpaper slideshow daemon for Hyprland, written in Go.</p>
|
|
||||||
<div class="links-container">
|
|
||||||
<a href="https://projects.ajstepien.xyz/andrzej/gopaper"
|
|
||||||
>source</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="container">
|
|
||||||
<a href="https://projects.ajstepien.xyz/andrzej/micro365">
|
|
||||||
<h3>Micro365</h3>
|
|
||||||
</a>
|
|
||||||
<p>
|
|
||||||
A bot for posting single-word writing prompts to social media.
|
|
||||||
Node.js with an SQLite backend.
|
|
||||||
</p>
|
|
||||||
<div class="links-container">
|
|
||||||
<a href="https://projects.ajstepien.xyz/andrzej/micro365"
|
|
||||||
>source</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="container">
|
|
||||||
<a href="https://demos.ajstepien.xyz/calculator">
|
|
||||||
<h3>Calculator</h3>
|
|
||||||
</a>
|
|
||||||
<p>A simple calculator app written in React and vanilla CSS.</p>
|
|
||||||
<div class="links-container">
|
|
||||||
<a href="https://demos.ajstepien.xyz/calculator/">demo</a>
|
|
||||||
<a href="https://projects.ajstepien.xyz/Resume/calculator"
|
|
||||||
>source</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</figure>
|
</figure>
|
||||||
</section>
|
</div>
|
||||||
</main>
|
<div class="container">
|
||||||
</body>
|
<figure>
|
||||||
|
<figcaption>IBM certificates</figcaption>
|
||||||
|
<ul class="link-list">
|
||||||
|
<li>
|
||||||
|
<a href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction to Cloud
|
||||||
|
Computing</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098">Introduction to Cloud
|
||||||
|
Development with HTML, CSS, and
|
||||||
|
JavaScript</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<h1>Selected projects</h1>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<figure>
|
||||||
|
<ul id="project-list">
|
||||||
|
<li class="ghost-container"></li>
|
||||||
|
<li class="container">
|
||||||
|
<a href="https://subman.ajstepien.xyz">
|
||||||
|
<h3>Subman</h3>
|
||||||
|
</a>
|
||||||
|
<div class="gallery">
|
||||||
|
<a href="images/subman.png"><img src="images/subman.png" alt="A screenshot of subman in action."
|
||||||
|
class="desktop-screen" /></a>
|
||||||
|
<a href="images/subman-mobile.png"><img src="images/subman-mobile.png" class="mobile-screen"></a>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
A self-hosted literary submission management system comprising a
|
||||||
|
Nextjs web-app with Sqlite back-end. CRUD app styled with
|
||||||
|
Tailwind.
|
||||||
|
</p>
|
||||||
|
<div class="links-container">
|
||||||
|
<a href="https://subman.ajstepien.xyz">demo</a>
|
||||||
|
<a href="https://projects.ajstepien.xyz/Resume/subman-nextjs">source</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- <li class="container"> -->
|
||||||
|
<!---->
|
||||||
|
<!-- <h3>Micro365</h3> -->
|
||||||
|
<!-- <p> -->
|
||||||
|
<!-- A bot written in nodejs that delivers single-word writing -->
|
||||||
|
<!-- prompts from a database. -->
|
||||||
|
<!-- </p> -->
|
||||||
|
<!-- <a>demo</a> -->
|
||||||
|
<!-- <a>source</a> -->
|
||||||
|
<!-- </li> -->
|
||||||
|
<li class="container">
|
||||||
|
<a href="https://demos.ajstepien.xyz/movie-explorer">
|
||||||
|
<h3>Movie-Explorer</h3>
|
||||||
|
</a>
|
||||||
|
<div class="gallery">
|
||||||
|
<a href="images/movie-explorer.png"><img src="images/movie-explorer.png"
|
||||||
|
alt="A screenshot of Movie-Explorer in action." class="desktop-screen"></a>
|
||||||
|
<a href="images/movie-explorer-mobile.png"><img src="images/movie-explorer-mobile.png"
|
||||||
|
alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
An app for when you don't know what movie to watch, written in
|
||||||
|
Typescript/React and vanilla CSS.
|
||||||
|
</p>
|
||||||
|
<div class="links-container">
|
||||||
|
<a href="https://demos.ajstepien.xyz/movie-explorer">demo</a>
|
||||||
|
<a href="https://projects.ajstepien.xyz/Resume/movie-explorer">source</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="container">
|
||||||
|
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">
|
||||||
|
<h3>GoPaper</h3>
|
||||||
|
</a>
|
||||||
|
<a href="images/gopaper.png"><img src="images/gopaper.png" alt="A screenshot of GoPaper in action."
|
||||||
|
class="desktop-screen" /></a>
|
||||||
|
<p>A wallpaper slideshow daemon for Hyprland, written in Go.</p>
|
||||||
|
<div class="links-container">
|
||||||
|
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">source</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="container">
|
||||||
|
<a href="https://projects.ajstepien.xyz/andrzej/micro365">
|
||||||
|
<h3>Micro365</h3>
|
||||||
|
</a>
|
||||||
|
<p>
|
||||||
|
A bot for posting single-word writing prompts to social media.
|
||||||
|
Node.js with an SQLite backend.
|
||||||
|
</p>
|
||||||
|
<div class="links-container">
|
||||||
|
<a href="https://projects.ajstepien.xyz/andrzej/micro365">source</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="container">
|
||||||
|
<a href="https://demos.ajstepien.xyz/calculator">
|
||||||
|
<h3>Calculator</h3>
|
||||||
|
</a>
|
||||||
|
<a href="images/calculator.png"><img src="images/calculator.png"
|
||||||
|
alt="A screenshot of the calculator app in action." class="mobile-screen"></a>
|
||||||
|
<p>A simple calculator app written in React and vanilla CSS. Scales responsively to look great on any
|
||||||
|
screen.</p>
|
||||||
|
<div class="links-container">
|
||||||
|
<a href="https://demos.ajstepien.xyz/calculator/">demo</a>
|
||||||
|
<a href="https://projects.ajstepien.xyz/Resume/calculator">source</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</figure>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue