diff --git a/,eleventy.js b/.eleventy.js
similarity index 91%
rename from ,eleventy.js
rename to .eleventy.js
index 77b3dc8..44a4fcb 100644
--- a/,eleventy.js
+++ b/.eleventy.js
@@ -8,7 +8,7 @@ module.exports = function (eleventyConfig) {
dir: {
input: "src",
output: "_site",
- includes: "includes",
+ includes: "_includes",
},
};
};
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 40b878d..00062c3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,15 @@
-node_modules/
\ No newline at end of file
+# .gitignore
+
+# Eleventy output directory
+_site/
+
+# Node.js dependencies
+node_modules/
+.npm/
+
+# Eleventy cache directory
+.cache/
+
+# NPM debug logs
+npm-debug.log*
+yarn-debug.log*
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 85b76cb..0000000
--- a/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
-
- Derek L. Seitz - Portfolio
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Grow Your Online Presence with Me, Derek L. Seitz
- A great website is often your most powerful sales tool. It's the first impression you make and the cornerstone of your online presence.
- What a Well-Designed Website Can Do
-
-
-
-
-
- - Attract more visitors
- - Expand your availability
- - Convert visitors into customers
- - Engage with your audience
-
-
-
- - Share your expertise
- - Build trust and credibility
- - Showcase your products and services
- - Communicate your vision
-
-
-
- - Transform your workflow
- - Provide cost-effective marketing
- - Enhance customer service
- - Improve data analytics
-
-
The list of benefits goes on and on.
- While I focus on getting your website noticed, you can focus on what makes your business thrive: the people and communities your serve.
-
-
-
- The Ways I Can Help
-
-
Web Development & Design:
-
- - Web development
- - Design & related services
- - Front-End & Back-End development
- - Website redesigns
- - Discovery & Planning sessions
- - Wire-frames & mockups
- - Custom solutions
(e.g., CMS, eCommerce, & booking tools)
-
-
-
Maintenance & Ongoing Support:
-
- - Site maintenance & updates
- - Technical support
- - Routine maintenance & updates
- - Post-launch support
- - Ongoing support
-
-
-
Other Related Services:
-
- - Basic SEO setup & Google Analytics integration
- - Hosting services
- - Deployment
- - E-commerce
-
-
More About Derek
+Coming Soon!
\ No newline at end of file
diff --git a/src/contact.html b/src/contact.html
deleted file mode 100644
index e69de29..0000000
diff --git a/src/contact.njk b/src/contact.njk
new file mode 100644
index 0000000..6c1d299
--- /dev/null
+++ b/src/contact.njk
@@ -0,0 +1,7 @@
+---
+layout: base.njk
+title: Contact Derek
+stylesheet: styles/contact.css
+---
+
+Contact Form Coming Soon!
\ No newline at end of file
diff --git a/src/demos.html b/src/demos.html
deleted file mode 100644
index e69de29..0000000
diff --git a/src/demos.njk b/src/demos.njk
new file mode 100644
index 0000000..42d4dca
--- /dev/null
+++ b/src/demos.njk
@@ -0,0 +1,7 @@
+---
+layout: base.njk
+title: Demos
+stylesheet: styles/demos.css
+---
+
+Demos Coming Soon!
\ No newline at end of file
diff --git a/src/includes/footer.html b/src/includes/footer.html
deleted file mode 100644
index 69eda05..0000000
--- a/src/includes/footer.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
\ No newline at end of file
diff --git a/src/includes/header.html b/src/includes/header.html
deleted file mode 100644
index d20da41..0000000
--- a/src/includes/header.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
\ No newline at end of file
diff --git a/src/index.njk b/src/index.njk
index 9af4ec3..ba2262b 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -1,6 +1,7 @@
---
layout: base.njk
title: "Derek L. Seitz - Portfolio"
+stylesheet: styles/index.css
---
@@ -9,7 +10,7 @@ title: "Derek L. Seitz - Portfolio"
-
+
Grow Your Online Presence with Me, Derek L. Seitz
A great website is often your most powerful sales tool. It's the first impression you make and the cornerstone of your online presence.
@@ -68,36 +69,43 @@ title: "Derek L. Seitz - Portfolio"
The Ways I Can Help
-
-
-
Website Design
-
- - Custom web design & user experience (UX) services
- - Discovery, planning, & wireframing
- - Website redesign & optimization
-
+
+
+
+
+
+
Website Design
+
+ - Custom web design & user experience (UX) services
+ - Discovery, planning, & wireframing
+ - Website redesign & optimization
+
+
+
+
+
+
Website Development
+
+ - Full-stack web development (Front-End & Back-End)
+ - Custom solutions (e.g., CMS, eCommerce, booking systems)
+ - Ongoing maintenance & support
+
+
+
+
+
+
Other Related Services
+
+ - Basic SEO setup & Google Analytics integration
+ - Hosting services
+ - Deployment
+ - E-commerce
+
+
+
-
-
-
Website Development
-
- - Full-stack web development (Front-End & Back-End)
- - Custom solutions (e.g., CMS, eCommerce, booking systems)
- - Ongoing maintenance & support
-
-
-
-
-
-
Other Related Services
-
- - Basic SEO setup & Google Analytics integration
- - Hosting services
- - Deployment
- - E-commerce
-
-
+
diff --git a/src/styles/about.css b/src/styles/about.css
new file mode 100644
index 0000000..eb81647
--- /dev/null
+++ b/src/styles/about.css
@@ -0,0 +1,5 @@
+/* about.css */
+
+h1 {
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/styles/contact.css b/src/styles/contact.css
new file mode 100644
index 0000000..56e7e2e
--- /dev/null
+++ b/src/styles/contact.css
@@ -0,0 +1,5 @@
+/* contact.css */
+
+h1 {
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/styles/demos.css b/src/styles/demos.css
new file mode 100644
index 0000000..64b6b94
--- /dev/null
+++ b/src/styles/demos.css
@@ -0,0 +1,5 @@
+/* demos.css */
+
+h1, h2 {
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/styles/header-footer.css b/src/styles/header-footer.css
new file mode 100644
index 0000000..25b401b
--- /dev/null
+++ b/src/styles/header-footer.css
@@ -0,0 +1,74 @@
+/* Header and Footer Styles */
+
+/* Reset some default browser styles */
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: Calibri, sans-serif;
+ text-align: center;
+}
+
+/*? ↓ Start Header ↓ */
+.main-header {
+ background-color: #333; /* Dark background for the header */
+ color: #fff; /* White text color */
+ padding: 10px 20px; /* Add some padding for spacing */
+}
+
+.main-nav {
+ display: flex; /* Use flexbox to align items in a row */
+ justify-content: space-between; /* Space items evenly */
+ align-items: center; /* Vertically center items */
+}
+
+.nav-list {
+ list-style: none; /* Remove default list styling */
+ display: flex; /* Use flexbox to align list items in a row */
+ gap: 20px; /* Add some space between list items */
+}
+
+.nav-item a {
+ background-color: #2e97be;
+ color: #fff; /* White text color for links */
+ text-decoration: none; /* Remove underline from links */
+ font-weight: bold; /* Make text bold */
+ transition: color 0.3s; /* Smooth color transition on hover */
+ padding: 5px 10px; border-radius: 10px;
+}
+
+.nav-item a:hover {
+ color: #2e97be;
+ background-color: #fff /* Change link color on hover */
+}
+
+.nav-logo a {
+ font-size: 1.5em; /* Make the logo text larger */
+}
+
+.nav-logo {
+ margin-right: 20vw;
+}
+
+
+/*? ↓ Start Footer ↓ */
+
+.footer-links {
+ display: flex; /* Use flexbox to align items in a row */
+ align-items: center;
+ justify-content: space-between; /* Center the footer links */
+ gap: 20px; /* Add some space between links */
+ margin-top: 20px; /* Add some space above the footer links */
+ width: 75vw;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.external-links {
+ display: flex;
+ justify-content: center; /* Center the external links */
+ gap: 50px; /* Add some space between links */
+}
\ No newline at end of file
diff --git a/src/styles/index.css b/src/styles/index.css
new file mode 100644
index 0000000..a330115
--- /dev/null
+++ b/src/styles/index.css
@@ -0,0 +1,105 @@
+/* index.css */
+
+
+/*? ↓ Start Benefits Section ↓ */
+
+.benefits-container {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 60vw;
+ padding: 20px;
+ margin-top: 50px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.benefits-container div {
+ border: 2px solid darkslategray;
+ border-radius: 10px;
+ padding: 10px;
+}
+
+.benefits-card ul {
+ list-style: none;
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.5s ease-in-out;
+}
+
+.benefits-card.hover ul {
+ max-height: var(--ul-height);
+}
+
+
+
+/*? ↓ Start Services Container ↓ */
+
+.service-cards {
+ display: flex;
+ align-items: center;
+ justify-content: center;;
+}
+
+.service card {
+ width: 100px;
+ height: 150px;
+ background-color: #f0f0f0;
+ border: 1px solid darkslategray;
+ border-radius: 10px;
+ margin: 10px;
+ padding: 20px;
+ text-align: center;
+}
+
+.service-card ul {
+ list-style: none;
+
+}
+
+.carousel-container {
+ position: relative;
+ width: 100%;
+ max-width: 800px;
+ margin: 0 auto;
+ overflow: hidden;
+ display: flex;
+ align-items: center; /* Center the carousel vertically */
+}
+
+.carousel {
+ display: flex;
+ transition: transform 0.5s ease-in-out;
+}
+
+.service-card {
+ min-width: 100%;
+ box-sizing: border-box;
+ padding: 20px;
+ background-color: #f9f9f9;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ margin: 0 10px;
+ text-align: center;
+}
+
+.carousel-button {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #fff;
+ border: none;
+ padding: 10px;
+ cursor: pointer;
+ font-size: 24px;
+ z-index: 1;
+}
+
+.prev-button {
+ left: 10px;
+}
+
+.next-button {
+ right: 10px;
+}
\ No newline at end of file
diff --git a/src/styles/styles.css b/src/styles/styles.css
deleted file mode 100644
index e69de29..0000000