add skeleton CSS and HTML

2022-12-31 23:28:05 -05:00
parent e2c61db862
commit 3c8c6959a7
5 changed files with 44 additions and 0 deletions
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles/votd.css">
+    <title style="visibility: hidden;">VOTD</title>
+</head>
+    <body>
+        <div>
+            <h1 class="verse-title">1 Sneedalonians 4:2</h1>
+            <p class="verse-text">"Thou shalt do good CSS development for the glory of the LORD"</p>
+        </div>
+    </body>
+</html>
@@ -0,0 +1,28 @@
+* {
+    text-align: center;
+    background-color: rgb(35, 35, 36);
+}
+
+@font-face {
+    font-family: Arizona-Regular;
+    src: url(./fonts/Arizonia-Regular.ttf);
+}
+
+@font-face {
+    font-family: Parisienne;
+    src: url(./fonts/Parisienne-Regular.ttf);
+}
+
+.verse-title {
+    background-color: aqua;
+    font-size: 50px;
+    text-align: center;
+    margin: auto;
+    font-family: Parisienne;
+}
+
+.verse-text {
+    color: bisque;
+    margin-top: 20px;
+    font-size: 20px;
+}