fixed html body

Reese1243 · Nov 18, 2023 · 15cc9e5 · 15cc9e5
1 parent 18502ae
commit 15cc9e5
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 52 deletions.
diff --git a/portfolio/aboutme.html b/portfolio/aboutme.html
@@ -5,35 +5,38 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Portfolio</title>
 </head>
-<header class="header">
-    <a href="index.html">Home</a>
-    <a href="aboutme.html">About me</a>
-    <a href="projects.html">Projects</a>
-    <img src="images/reese_logo.png" alt="Reese Logo">
-</header>
 <body>
-    <h1>ABOUT ME</h1>
-    <p>
-        I am a Computer Science major. I like to play video games, play trombone, and hang out with friends! My favorite kind of food is Chinese food. 
-    <p>
-        Contact info:
-    </p>
+    <header class="header">
+        <a href="index.html">Home</a>
+        <a href="aboutme.html">About me</a>
+        <a href="projects.html">Projects</a>
+        <img src="images/reese_logo.png" alt="Reese Logo">
+    </header>
+    <main>
+
+        <h1>ABOUT ME</h1>
+        <p>
+            I am a Computer Science major. I like to play video games, play trombone, and hang out with friends! My favorite kinds of food are Mediterranean food and Chinese food. 
+        <p>
+            Contact info:
+        </p>
+            <li>
+            Phone number: 843-630-1226 
+        </li>
+        <li>
+            Email: [email protected] 
+        </li>
         <li>
-        Phone number: 843-630-1226 
-    </li>
-    <li>
-        Email: [email protected] 
-    </li>
-    <li>
-        Discord: blitz7211 
-    </li>
-    </p>
+            Discord: blitz7211 
+        </li>
+        </p>
+    </main>
 
+    <footer class="footer">
+        <a href="https://github.com/Reese1243/wdd130">My Github</a>
+        <a href="site-plan.html">site plan</a>
+        <a href="wireframes.html">wireframes</a>
+        <img src="images/trombone.png" alt="image of a Blueprint">
+    </footer>
 </body>
-<footer class="footer">
-    <a href="https://github.com/Reese1243/wdd130">My Github</a>
-    <a href="site-plan.html">site plan</a>
-    <a href="wireframes.html">wireframes</a>
-    <img src="images/trombone.png" alt="image of a Blueprint">
-</footer>
 </html>
diff --git a/portfolio/index.html b/portfolio/index.html
@@ -5,20 +5,24 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Portfolio</title>
 </head>
-<header class="header">
-    <a href="index.html">Home</a>
-    <a href="aboutme.html">About me</a>
-    <a href="projects.html">Projects</a>
-    <img src="images/reese_logo.png" alt="Reese Logo">
-</header>
 <body>
-    <h1>HOME</h1>
-    <img src="images/Reese.jpg" alt="Picture of Reese">
-    <p>My name is Reese Bernard! I moved to Idaho from Cincinnati, Ohio. I am a Computer Science major at Brigham Young University - Idaho. I am currently learning Python, HTML, and CSS.</p>
+
+    <header>
+        <a href="index.html">Home</a>
+        <a href="aboutme.html">About me</a>
+        <a href="projects.html">Projects</a>
+        <img src="images/reese_logo.png" alt="Reese Logo">
+    </header>
+    <main>
+
+        <h1>HOME</h1>
+        <img src="images/Reese.jpg" alt="Picture of Reese">
+        <p>My name is Reese Bernard! I moved to Idaho from Cincinnati, Ohio. I am a Computer Science major at Brigham Young University - Idaho. I am currently learning Python, HTML, and CSS.</p>
+    </main>
+    <footer>
+        <a href="https://github.com/Reese1243/wdd130">My Github</a>
+        <a href="site-plan.html">site plan</a>
+        <a href="wireframes.html">wireframes</a>
+    </footer>
 </body>
-<footer class="footer">
-    <a href="https://github.com/Reese1243/wdd130">My Github</a>
-    <a href="site-plan.html">site plan</a>
-    <a href="wireframes.html">wireframes</a>
-</footer>
 </html>
diff --git a/portfolio/projects.html b/portfolio/projects.html
@@ -5,13 +5,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Portfolio</title>
 </head>
-<header class="header">
-    <a href="index.html">Home</a>
-    <a href="aboutme.html">About me</a>
-    <a href="projects.html">Projects</a>
-    <img src="images/reese_logo.png" alt="Reese Logo">
-</header>
+
 <body>
+    <header>
+        <a href="index.html">Home</a>
+        <a href="aboutme.html">About me</a>
+        <a href="projects.html">Projects</a>
+        <img src="images/reese_logo.png" alt="Reese Logo">
+    </header>
+<main>
     <h1>PROJECTS</h1>
 
     <h3>Project #1</h3>
@@ -34,11 +36,13 @@ <h3>Project #4</h3>
     <p>
         Project description:
     </p>
-</body>
-<footer class="footer">
+</main>
+<footer>
     <a href="https://github.com/Reese1243/wdd130">My Github</a>
     <a href="site-plan.html">site plan</a>
     <a href="wireframes.html">wireframes</a>
     <img src="images/blueprint.png" alt="image of a blueprint">
 </footer>
+</body>
+
 </html>
diff --git a/portfolio/styles/site-plan.css b/portfolio/styles/site-plan.css
@@ -5,9 +5,9 @@ Fonts are separated by a | */
 
 :root {
   /* change the values below to your colors from your palette */
-  --primary-color: #C91D1D   ;
-  --secondary-color: #EB8A0B ;
-  --accent1-color: #0BAB7B;
+  --primary-color: #0173AC   ;
+  --secondary-color: #0101AD ;
+  --accent1-color: #01AD73;
   --accent2-color: white;
 
   /* change the values below to your chosen font(s) */