added project 2

Jsieler · Aug 9, 2021 · fa6894e · fa6894e
1 parent 7cca411
commit fa6894e
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 30 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1,10 +1,10 @@
 :root {
-    --header-footer-color: rgb(124, 122, 241);
+    --header-footer-color: rgb(20, 59, 167);
     --primary-section-background: rgb(19, 19, 190);
 }
 body {
     color: white;
-    background: cornflowerblue;
+    background: rgb(92, 135, 216);
 }
 h2 {
     color: black;
@@ -159,12 +159,12 @@ article {
     height: 170px;
     background-size: cover;
 }
-#upcomingproject2 {
-    background-image: url(../images/ComingSoon.png);
+#hogwarts-library {
+    background-image: url(../images/Hogwarts.jpeg);
     display: flex;
     margin: 25px 25px;
     height: 170px;
-    background-size: contain;
+    background-size: cover;
 }
 .main-project {
     width: 50%;

diff --git a/assets/images/Hogwarts.jpeg b/assets/images/Hogwarts.jpeg
diff --git a/index.html b/index.html
@@ -5,40 +5,45 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title> Josh Sieler's Portfolio </title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="./assets/css/style.css"/>
 
 </head>
 <body>
 <header>
-    <h1> Joshua Sieler </h1>
-    <!-- Nav Menu Links -->
-    <nav>
-        <ul>
-            <li class="nav-item">
-        <a href="#about">About Me</a>
-             </li>     
-
-             <li class="nav-item">
-        <a href="#work">Work</a>
-            </li>
-
-            <li class="nav-item">
-        <a href="#contact">Contact Me</a>
-            </li>
-
-            <li class="nav-item">
-        <a href="#resume">Resume</a>
-            </li>
-        </ul>
-    </nav>
-</header>
+        <nav class="container-fluid navbar navbar-expand-lg navbar-dark primary-color">
+            <h1 class="pr-5 header-title">Joshua Sieler</h1>
+            <!-- Collapse button -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
+                aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="basicExampleNav">
+                <ul class="navbar-nav mr-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" href="#about">About Me</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#work">Work</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#contact">Contact Me</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="#resumel">Resume</a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+
 <!-- Hero Section -->
 <!-- Hero Background Image -->
  <section class="hero">
 
 </section>
 <!-- About Me Section -->
-<article>
+<article class="container">
 <div id="about" class="bio-container">
     <div class="bio">
         <img src="./assets/images/Bio-Image.jpg" width="250" height="300" alt="Joshua Sieler">
@@ -70,8 +75,8 @@ <h2>Work</h2>
     <div class="project-title">HORISEON</div>
 </div>
 <div class="side-project">
-    <a href="coming soon" id="upcomingproject2"></a>
-    <div class="project-title">COMING-SOON</div>
+    <a href="https://github.com/Jsieler/wizard-sorting-quiz" id="hogwarts-library"></a>
+    <div class="project-title">HOGWARTS-LIBRARY</div>
 </div>
 </section>
 <!--Footer Contact Me -->