diff --git a/.gitignore b/.gitignore
index 8c2b884..1b5c1d9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,5 @@
# Built Visual Studio Code Extensions
*.vsix
+#macOS garbage
+**/.DS_Store
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..eb52422
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,3 @@
+FROM nginx:latest-alpine
+COPY /source /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
\ No newline at end of file
diff --git a/build-production.sh b/build-production.sh
new file mode 100755
index 0000000..3fe4b68
--- /dev/null
+++ b/build-production.sh
@@ -0,0 +1,10 @@
+#PREPARE
+echo "Setting Version"
+VERSION_NUMBER=$(date +%Y)"."$(date +%m)"."$(date +%d)
+echo $VERSION_NUMBER
+
+#PACKAGE
+echo "Dockerizing"
+docker build -t troop20-web:$VERSION_NUMBER -f Dockerfile .
+docker tag troop20-web:$VERSION_NUMBER terralilly85/troop20-web:$VERSION_NUMBER
+docker buildx build --platform linux/amd64,linux/arm64 --push -t terralilly85/troop20-web:$VERSION_NUMBER .
\ No newline at end of file
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..ade6ad1
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,13 @@
+events{}
+http {
+ include /etc/nginx/mime.types;
+ server {
+ listen 80;
+ server_name localhost;
+ root /usr/share/nginx/html;
+ index index.html;
+ location / {
+ try_files $uri $uri/ /index.html;
+ }
+ }
+}
\ No newline at end of file
diff --git a/source/images/bsa-logo.png b/source/images/bsa-logo.png
new file mode 100644
index 0000000..5789550
Binary files /dev/null and b/source/images/bsa-logo.png differ
diff --git a/source/images/down.gif b/source/images/down.gif
new file mode 100644
index 0000000..42da927
Binary files /dev/null and b/source/images/down.gif differ
diff --git a/source/images/favicon.ico b/source/images/favicon.ico
new file mode 100644
index 0000000..1038be7
Binary files /dev/null and b/source/images/favicon.ico differ
diff --git a/source/images/fe-logo.png b/source/images/fe-logo.png
new file mode 100644
index 0000000..2b3d996
Binary files /dev/null and b/source/images/fe-logo.png differ
diff --git a/source/index.html b/source/index.html
new file mode 100644
index 0000000..e5b542d
--- /dev/null
+++ b/source/index.html
@@ -0,0 +1,57 @@
+
+
+
+ Troop 20 - Columbiana, Ohio
+
+
+
+
+
+
+
+
+ Troop 20 Columbiana, Ohio
+
+
+
+ Founded in 2020, and Chartered by 40 & 8s Voiture 273, Troop 20 proudly serves Columbiana, Leetonia, and East Palestine in Ohio by developing young people into tomorrow's leaders.
+
+
+
+
+
+ Meetings are held on Thursdays At 7:30 PM
+
+
+
+ The Troop has monthly outings which include Camping and Backpacking. The Troop also attends a week long Summer Camp Program.
+
+
+
+
+
+ Join us for a new adventure!
+ 44640 St RT 14, Columbiana, Ohio 44408
+
+
+
+
+
\ No newline at end of file
diff --git a/source/scripts.js b/source/scripts.js
new file mode 100644
index 0000000..a1741eb
--- /dev/null
+++ b/source/scripts.js
@@ -0,0 +1,18 @@
+// This script shows and hides the scroll indicator in the lower
+// right hand corner of the page.
+document.addEventListener('DOMContentLoaded', function() {
+ const image = document.getElementById('scroll-image');
+ const lastParallax = document.getElementById('last-parallax');
+
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ image.style.display = 'none';
+ } else {
+ image.style.display = 'block'
+ }
+ });
+ });
+
+ observer.observe(lastParallax);
+});
\ No newline at end of file
diff --git a/source/styles.css b/source/styles.css
new file mode 100644
index 0000000..f831a16
--- /dev/null
+++ b/source/styles.css
@@ -0,0 +1,104 @@
+.parallax {
+ /* Create the parallax scrolling effect */
+ background-attachment: fixed;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: 100%;
+}
+
+.parallax-one {
+ background-image: url('https://images.unsplash.com/photo-1505490096310-204ef067fe6b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
+}
+
+.parallax-two {
+ background-image: url('https://images.unsplash.com/photo-1566679056462-2075774c8c07?q=80&w=3130&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
+}
+
+.parallax-three {
+ background-image: url('https://images.unsplash.com/photo-1469433791803-c2719135f970?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
+}
+
+.glass {
+ backdrop-filter: blur(6px) saturate(200%);
+ -webkit-backdrop-filter: blur(6px) saturate(200%);
+ background-color: rgba(17, 25, 40, 0.6);
+ border: 0px solid rgba(255, 255, 255, 0.125);
+}
+
+.spacer-block {
+ position: relative;
+ font-size: 25px;
+ text-align: center;
+ padding: 10px;
+}
+
+.spacer-one {
+ background-color: #B39475;
+}
+
+.spacer-two {
+ background-color: #9AB3D5;
+}
+
+.image {
+ height: 250px;
+ width: auto;
+}
+
+.scroll-image {
+ position: fixed;
+ right: 0px;
+ bottom: 0px;
+ margin-bottom: 5px;
+ margin-right: 5px;
+ display: block;
+}
+
+.glass {
+ backdrop-filter: blur(6px) saturate(200%);
+ -webkit-backdrop-filter: blur(6px) saturate(200%);
+ background-color: rgba(0, 0, 0, 0.65);
+ border: 1px solid rgba(255, 255, 255, 0.125);
+}
+
+.caption {
+ position: relative;
+ left: 0;
+ top: 25%;
+ width: 100%;
+ text-align: center;
+ text-wrap: inherit;
+}
+
+.caption-lower {
+ position: relative;
+ left: 0;
+ top: 45%;
+ width: 100%;
+ text-align: center;
+ text-wrap: inherit;
+}
+
+.caption span.border {
+ font-size: 25px;
+ text-wrap: inherit;
+ color: #fff;
+}
+
+.caption-lower span.border {
+ font-size: 25px;
+ text-wrap: inherit;
+ color: #fff;
+}
+
+body, html {
+ height: 100%;
+ margin: 0;
+}
+
+@media only screen and (max-device-width: 1366px) {
+ .parallax {
+ background-attachment: scroll;
+ }
+}
\ No newline at end of file
+ 
+