about summary refs log tree commit diff
path: root/website/learn/static/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'website/learn/static/index.html')
-rw-r--r--website/learn/static/index.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/website/learn/static/index.html b/website/learn/static/index.html
new file mode 100644
index 000000000000..e28869ca1854
--- /dev/null
+++ b/website/learn/static/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Learn to code" />
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
+    <title>Learn to code</title>
+  </head>
+  <body class="font-serif container max-w-2xl mx-auto px-8">
+    <h1 class="text-5xl text-center mt-12 mb-8">I can teach you to code.</h1>
+    <div class="my-4">
+      <p class="leading-relaxed mb-4">
+        My name is William. I have programmed as a professional for five years
+        and as a hobbyist for ten years. I am currently an engineer at Google,
+        but I have worked at small start-ups and medium-sized corporations.
+      </p>
+      <p class="leading-relaxed mb-4">
+        Whether you have never written a single line of code, or you know how to
+        code and you are interested in going deeper, I can teach you a variety
+        of skills that professional software engineers use to succeed.
+      </p>
+    </div>
+    <div class="my-4">
+      <h2 class="text-3xl">Why coding?</h2>
+      <p class="leading-relaxed mb-4">
+        Are you interested in creating your own website? Perhaps you would like
+        to make your own video game. Maybe you like the notion of automating the
+        boring things in your life with code, but you do not know where to
+        start.
+      </p>
+      <p class="leading-relaxed mb-4">
+        Coding is the most creative outlet in my life, and I say that as a
+        musician and a former architecture student. I know many people who want
+        to learn how to code, who know they can learn online, but they still
+        cannot code. Together we will overcome this barrier to entry. I will
+        teach you how to code, and then I will teach you how to take yourself
+        the rest of the way. <b>You will be coding from day one.</b>
+      </p>
+    </div>
+    <div class="my-4">
+      <h2 class="text-3xl">Pricing</h2>
+      <p class="leading-relaxed mb-4">
+        I charge <bold class="font-bold">£50</bold> per hour for video lessons
+        and <bold class="font-bold">£100</bold> per hour for in-person
+        sessions. I am currently based in South Kensington, London.
+      </p>
+    </div>
+    <div class="my-4">
+      <h2 class="text-3xl">Contact</h2>
+      <p class="leading-relaxed mb-4">
+        Whether you want to sign-up or simply want to learn more, send me an
+        email at <a href="mailto:wpcarro@gmail.com" class="font-bold text-blue-600 hover:underline">wpcarro@gmail.com</a>.
+      </p>
+      <p class="text-center my-8">Why delay? <em>Start today.</em></p>
+    </div>
+    <footer class="mb-8 lg:flex">
+      <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://blog.wpcarro.dev">Blog</a>
+      <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://linkedin.com/in/williampatrickcarroll">LinkedIn</a>
+      <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://twitter.com/wpcarro">Twitter</a>
+      <a class="block py-2 lg:w-1/4 text-center hover:underline" href="https://github.com/wpcarro">Github</a>
+    </footer>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-160226702-1">
+    </script>
+    <script>
+     window.dataLayer = window.dataLayer || [];
+     function gtag(){dataLayer.push(arguments);}
+     gtag('js', new Date());
+
+     gtag('config', 'UA-160226702-1');
+    </script>
+  </body>
+</html>