Update index.html

Added Bootstrap for better view. Assigned container class for margin and padding along the borders and made the site page responsive using vw.
hoodiehq · Oct 5, 2020 · 50f39e3 · 50f39e3
1 parent 229350d
commit 50f39e3
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/public/index.html b/public/index.html
@@ -4,10 +4,12 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hoodie</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
-    <h1>Well done, you made it!</h1>
+      <div class="container" style="font-size:2.5vw;">
+        <h1>Well done, you made it!</h1>
     <div id="doggy">
       <img src="low-profile-dog-1.png" />
     </div>
@@ -28,7 +30,12 @@ <h2>Get going with Hoodie!</h2>
       <p>If you want to learn more, check out the <a href="http://docs.hood.ie"> documentation (work-in-progress).</a></p>
       <p>Happy coding! 🐶</p>
     </div>
+      </div>
+
 
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
     <script src="/hoodie/client.js"></script>
   </body>
 </html>