diff --git a/index-mobile.html b/index-mobile.html
index 285b32c..2fb76c9 100644
--- a/index-mobile.html
+++ b/index-mobile.html
@@ -1,12 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <title>Greg Shuflin - Software Developer</title>
+  <title>Greg Shuflin — Software Developer</title>
   <meta charset='utf-8'>
   <meta name='viewport' content='width=device-width'>
   <link href="style-mobile.css" rel="stylesheet">
   <link rel="icon" type="image/x-icon" href="favicon.png">
 </head>
 <body>
+  <header>
+    <div>
+      <h1>Greg Shuflin — Software Developer</h1>
+    </div>
+    <div class="links">
+      <ul>
+        <li>Download <a href="./resume/Greg-Shuflin-Resume.pdf">my resume</a></li>
+        <li>Contact me:
+          <ul>
+            <li><a class="emailLink" href="mailto:greg.shuflin+developerportfolio@protonmail.com">greg.shuflin@protonmail.com</a></li>
+            <li><a href='https://www.linkedin.com/in/gregshuflin/'>LinkedIn</a></li>
+            <li>Nostr public key:
+              <a href="nostr:npub1t4tqw45837fzs0589jqqna0s5wcmzstnsvw2vlrj7934w9l25sgsgnjcsl">
+                <code>npub1t4tqw45837fzs0589jqqna0s5wcmzstnsvw2vlrj7934w9l25sgsgnjcsl</code>
+              </a>
+          </ul>
+        </li>
+      </ul>
+    </div>
+    <div class="codes">
+      <p>SSH public key:
+      <code>ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIBYZzw9jdXezBuENVPZ+p3FipNN2gT9BUo7nlCTIqLhE</code>
+    </div>
+  </header>
+  <div class="photo">
+    <img src='self.jpg' alt='Self-photo'>
+  </div>
+  <main>
+  </main>
 </body>
 </html>
diff --git a/style-mobile.css b/style-mobile.css
index e69de29..3869ca1 100644
--- a/style-mobile.css
+++ b/style-mobile.css
@@ -0,0 +1,54 @@
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background-color:#2B2B4D;
+    color: white;
+    font-family: "Fira Sans", sans-serif;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+header {
+  text-align: center;
+  width:100%;
+}
+header .links {
+  width: 80%;
+  text-align: start;
+  padding-left: 10%;
+  padding-top: 1em;
+}
+
+a {
+    color: #f74848;
+    font-weight:bolder;
+}
+a:visited {
+    color:#f74848;
+}
+a.codeLink {
+    color:#31E631;
+    font-weight:normal;
+}
+a.emailLink {
+    color:#31E631;
+    font-family: "monospace";
+    text-decoration: none;
+}
+
+.photo img {
+  width: 100%;
+
+}
+
+/* Desktop */
+@media only screen and (min-width: 961px) {
+
+
+}
+
