building the website

j-miskill · Nov 21, 2023 · 30475b3 · 30475b3
1 parent 4203a05
commit 30475b3
Show file tree

Hide file tree

Showing 4 changed files with 119 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -3,11 +3,40 @@
 <head>
     <meta charset="UTF-8">
     <title>Jackson Miskill</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 </head>
 <body>
-<p>Hi, I'm Jackson</p>
 
-<a href="projects.html">Projects</a>
-<a href="writings.html">Writings</a>
+    <!-- Bootstrap Javascript loading in -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+
+    <!-- NAV BAR -->
+    <nav class="navbar navbar-expand-sm bg-light">
+
+      <div class="container-fluid">
+
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="index.html">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="projects.html">Projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="writings.html">Writing</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="other.html">Other</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+
+    <!-- About  -->
+
+
+
+
 </body>
 </html>
diff --git a/other.html b/other.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Projects</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+</head>
+<body>
+    <!-- Bootstrap Script Loading-->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+    <!-- NAV BAR -->
+    <nav class="navbar navbar-expand-sm bg-light">
+
+      <div class="container-fluid">
+
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="index.html">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="projects.html">Projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="writings.html">Writing</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="other.html">Other</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+</body>
+</html>
diff --git a/projects.html b/projects.html
@@ -2,9 +2,33 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>Projects</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 </head>
 <body>
+    <!-- Bootstrap Script Loading-->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+    <!-- NAV BAR -->
+    <nav class="navbar navbar-expand-sm bg-light">
 
+      <div class="container-fluid">
+
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="index.html">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="projects.html">Projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="writings.html">Writing</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="other.html">Other</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
 </body>
 </html>
diff --git a/writings.html b/writings.html
@@ -2,9 +2,36 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>Writing</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 </head>
 <body>
+    <!-- Bootstrap Script Loading-->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+    <!-- NAV BAR -->
+    <nav class="navbar navbar-expand-sm bg-light">
+
+      <div class="container-fluid">
+
+        <ul class="navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="index.html">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="projects.html">Projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="writings.html">Writing</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="other.html">Other</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+
+<p>Hi, I'm Jackson</p>
 
 </body>
 </html>