73 lines
2.0 KiB
HTML
73 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MyName - Portfolio</title>
|
|
<link rel="stylesheet" href="../css/about.css" />
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<section class="section intro section1" id="intro">
|
|
<div class="content">
|
|
<div class="portrait">
|
|
<img src="../img/me.jpg" alt="A stylized portrait" />
|
|
</div>
|
|
<h1>
|
|
Hello, I'm <span class="myname">[My Name]</span>
|
|
</h1>
|
|
<p class="tagline">
|
|
<span class="tagline-item">Code Wizard.</span>
|
|
<span class="tagline-item">Terminal Fanatic.</span>
|
|
<span class="tagline-item">Amateur Artist.<span class="cursor">_</span></span>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section2" id="about">
|
|
<a class="title-footer">
|
|
<h2>About Me</h2>
|
|
</a>
|
|
<div class="content">
|
|
<p>A short, informal overview about who you are and what you enjoy doing.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section3" id="skills">
|
|
<a class="title-footer">
|
|
<h2>Skills</h2>
|
|
</a>
|
|
<div class="content">
|
|
<ul>
|
|
<li>Web development</li>
|
|
<li>Linux & system tinkering</li>
|
|
<li>Rust, Python, Bash</li>
|
|
<li>Designing interfaces, ricing desktops</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section4" id="projects">
|
|
<a class="title-footer">
|
|
<h2>Projects</h2>
|
|
</a>
|
|
<div class="content">
|
|
<p>A few interesting things I've made or contributed to.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section5 lastsection" id="contact">
|
|
<a class="title-footer">
|
|
<h2>Contact</h2>
|
|
</a>
|
|
<div class="content">
|
|
<p>Email: you@example.com<br />Mastodon / GitHub / etc.</p>
|
|
</div>
|
|
<footer>
|
|
<p>© 2024 candifloss.cc. All rights reserved.</p>
|
|
</footer>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|