Create Boilerplate

2021-04-09 17:18:49 +02:00
parent 36a37bcd7e
commit 3efc794d75
5 changed files with 36 additions and 13 deletions
--- a/50Days/boilerplate/index.html
+++ b/50Days/boilerplate/index.html
@@ -0,0 +1,20 @@
+<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+        integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
+        crossorigin="anonymous" /> -->
+    <link rel="stylesheet" href="style.css" />
+    <title>My Project</title>
+  </head>
+
+  <body>
+    <h1>Project Starter</h1>
+
+    <script src="script.js"></script>
+  </body>
+</html>
--- a/50Days/boilerplate/script.js
+++ b/50Days/boilerplate/script.js
--- a/50Days/boilerplate/style.css
+++ b/50Days/boilerplate/style.css
@@ -0,0 +1,16 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Roboto", sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  overflow: hidden;
+  margin: 0;
+}