Added title, h1, h2, and the beginnings of a grid layout.

devhyper · devhyper · commit 7b0aa17ad3b8 · 2020-08-24T20:08:27.000-07:00
diff --git a/index.html b/index.html
@@ -8,8 +8,43 @@
   gtag('js', new Date());
   gtag('config', 'UA-176277833-1');
 </script>
+<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet"> 
+<style>
+body {
+  height: 100%;
+  background-image: linear-gradient(#171738, #593C8F);
+}
+h1 {
+  font-family: 'Oswald', sans-serif;
+  color: #8EF9F3;
+  font-size: 50px;
+  text-align: center;
+}
+h2 {
+  text-align: center;
+  color: #FFD9CE;
+}
+#flex-container {
+  display: flex;
+  order: 3;
+  justify-content: space-evenly;
+  align-content: space-around;
+}
+.tile {
+  background-image: radial-gradient(#FFD9CE, #DB5461);
+  width: 100px;
+  height: 100px;
+}
+</style>
   </head>
   <body>
-    <h1>Hello World</h1>
+    <title>DevHyper</title>
+    <h1>DevHyper</h1>
+    <h2>I create and design software.</h2>
+    <div id="flex-container">
+      <div class="tile"> <span>1</span></div>
+      <div class="tile"> <span>2</span></div>
+      <div class="tile"> <span>3</span></div>
+    </div>
   </body>
 </html>
