stuff
This commit is contained in:
parent
f6853bcf17
commit
6315c8c9f2
2 changed files with 69 additions and 22 deletions
|
|
@ -1,26 +1,65 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Pablo here</title>
|
||||
<meta charset="utf-8">
|
||||
<meta viewport="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>
|
||||
Hi, Pablo here
|
||||
</h1>
|
||||
<p>
|
||||
Welcome to my website. Here I discuss thoughts and ideas. This is mostly professional.
|
||||
</p>
|
||||
<hr>
|
||||
<h2>About me</h2>
|
||||
|
||||
<head>
|
||||
<title>Pablo here</title>
|
||||
<meta charset="utf-8">
|
||||
<meta viewport="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<h1>
|
||||
Hi, Pablo here
|
||||
</h1>
|
||||
<p>
|
||||
Welcome to my website. Here I discuss thoughts and ideas. This is mostly professional.
|
||||
</p>
|
||||
<hr>
|
||||
<h2>What you'll find here:</h2>
|
||||
<ul>
|
||||
<li><a href="#about-me-header">About me</a></li>
|
||||
<li><a href="#contact-header">Contact</a></li>
|
||||
</ul>
|
||||
<hr>
|
||||
<section>
|
||||
<h2 id="about-me-header">About me</h2>
|
||||
<p>A few facts you might care about:</p>
|
||||
<ul>
|
||||
<li>I'm based in Barcelona, although I'm happy working for anyone anywhere (as long as we can find a time to meet).</li>
|
||||
<li>My career has focused in Data teams and positions, playing roles such as Data Lead, Data Engineer.</li>
|
||||
<li>I'm based in Barcelona, although I'm happy working for anyone anywhere (as long as we can find a
|
||||
time to
|
||||
meet).</li>
|
||||
<li>My career has focused in Data teams and positions, playing roles such as Data Lead, Data Engineer.
|
||||
</li>
|
||||
<li>Having said that, I have a lot of weird interests that might mix somehow, including:
|
||||
<ul>
|
||||
<li>Austrian economics and it's societal and political implications</li>
|
||||
<li>Bitcoin</li>
|
||||
<li>P2P and privacy friendly applications</li>
|
||||
<li>Self-hosting and lowering the cost of people using advanced IT on a personal level</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Contact</h2>
|
||||
<p>You can catch me through a few places:</p>
|
||||
<ul>
|
||||
<li class="li-with-explainer">
|
||||
<p>On my email, if you pay 1$</p>
|
||||
<p><em>Why are you charging?</em></p>
|
||||
</li>
|
||||
<li class="li-with-explainer">
|
||||
<p>On my phone, if you pay 100$</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="https://www.linkedin.com/in/pablomartincalvo/">On LinkedIn</a></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,7 +1,15 @@
|
|||
main {
|
||||
width: 80%;
|
||||
width: 50%;
|
||||
min-width: 300px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
|
||||
h1, h2, h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.li-with-explainer {
|
||||
display: inline-block;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue