diff --git a/public/images/7.jpg b/public/images/7.jpg
new file mode 100644
index 0000000..9418e62
Binary files /dev/null and b/public/images/7.jpg differ
diff --git a/src/App.jsx b/src/App.jsx
index 24cc7f6..2dd07e2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,12 +1,12 @@
 import "@fontsource/open-sans";
 import './App.scss';
 import Portfolio from "./sections/Portfolio";
-import Header from "./sections/Header";
+import PhotoHeader from "./sections/headers/PhotoHeader";
 
 const App = () => {
     return (
         <div>
-            <Header />
+            <PhotoHeader />
             <Portfolio /> 
         </div>
     );
diff --git a/src/sections/Portfolio.jsx b/src/sections/Portfolio.jsx
index 90f6e13..851faaa 100644
--- a/src/sections/Portfolio.jsx
+++ b/src/sections/Portfolio.jsx
@@ -29,6 +29,16 @@ const images = [{
     id: 5,
     imagePath: 'images/5.jpg',
     thumbPath: 'images/5.jpg'
+},
+// {
+//     id: 6,
+//     imagePath: 'images/6.jpg',
+//     thumbPath: 'images/6.jpg'
+// },
+{
+    id: 7,
+    imagePath: 'images/7.jpg',
+    thumbPath: 'images/7.jpg'
 }
 ];
 
diff --git a/src/sections/Header.jsx b/src/sections/headers/Header.jsx
similarity index 72%
rename from src/sections/Header.jsx
rename to src/sections/headers/Header.jsx
index 8f68d52..6342bd9 100644
--- a/src/sections/Header.jsx
+++ b/src/sections/headers/Header.jsx
@@ -1,4 +1,4 @@
-import SiteLogo from "../elements/SiteLogo";
+import SiteLogo from "../../elements/SiteLogo";
 import './Header.scss';
 
 const Header = () => {
diff --git a/src/sections/Header.scss b/src/sections/headers/Header.scss
similarity index 100%
rename from src/sections/Header.scss
rename to src/sections/headers/Header.scss
diff --git a/src/sections/headers/PhotoHeader.jsx b/src/sections/headers/PhotoHeader.jsx
new file mode 100644
index 0000000..3b37b8d
--- /dev/null
+++ b/src/sections/headers/PhotoHeader.jsx
@@ -0,0 +1,12 @@
+import Header from "./Header";
+import './PhotoHeader.scss';
+
+const PhotoHeader = () => {
+    return(
+        <div className='photo-header-container'>
+            <Header />
+        </div>
+    );
+};
+
+export default PhotoHeader;
\ No newline at end of file
diff --git a/src/sections/headers/PhotoHeader.scss b/src/sections/headers/PhotoHeader.scss
new file mode 100644
index 0000000..d85980c
--- /dev/null
+++ b/src/sections/headers/PhotoHeader.scss
@@ -0,0 +1,6 @@
+.photo-header-container {
+    background-image: url('../../../public/images/7.jpg');
+    background-position: center center;
+    background-size: cover;
+    height: 100vh;
+}
\ No newline at end of file