diff --git a/content/pages/how-it-works.rst b/content/pages/how-it-works.rst
index be74c2a..6d0e2cd 100644
--- a/content/pages/how-it-works.rst
+++ b/content/pages/how-it-works.rst
@@ -1,2 +1,3 @@
:title: How It Works
-:template: how-it-works
\ No newline at end of file
+
+:template: howit-works
\ No newline at end of file
diff --git a/ge-theme/static/css/howitworks.css b/ge-theme/static/css/howitworks.css
new file mode 100644
index 0000000..9f64f3f
--- /dev/null
+++ b/ge-theme/static/css/howitworks.css
@@ -0,0 +1,84 @@
+.img-text-container{
+ position: relative;
+ text-align: center;
+ height: 100%;
+ width: 100%;
+}
+.text-img{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: #e6e6e6;
+ font-size: 70px;
+ font-weight: bold;
+}
+.iframe-wrapper{
+ padding-top: 100px;
+ text-align: center;
+}
+.many-imgs{
+ padding-top: 100px;
+ margin-left: 400px;
+ margin-right: 400px;
+}
+.arrow-container{
+ /*margin-left: -100px;*/
+ width: 200px;
+ height: 120px;
+}
+.arrow-container img{
+ width: 100%;
+ height: auto;
+}
+@media only screen and (max-width: 480px){
+ .text-img{
+ font-size: 30px;
+ }
+ .iframe-wrapper{
+ padding-top: 20px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
+
+@media (min-width: 600px) and (max-width: 1024px){
+ .text-img{
+ font-size: 50px;
+ }
+ .iframe-wrapper{
+ padding-top: 40px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
\ No newline at end of file
diff --git a/ge-theme/static/images/aboutus-imgs/howitworks-img1.webp b/ge-theme/static/images/aboutus-imgs/howitworks-img1.webp
new file mode 100644
index 0000000..7c6dc56
Binary files /dev/null and b/ge-theme/static/images/aboutus-imgs/howitworks-img1.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/howit-img1.webp b/ge-theme/static/images/howitworks-imgs/howit-img1.webp
new file mode 100644
index 0000000..7c6dc56
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/howit-img1.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/many-imgs1.gif b/ge-theme/static/images/howitworks-imgs/many-imgs1.gif
new file mode 100644
index 0000000..cd40fde
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/many-imgs1.gif differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-2.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-2.webp
new file mode 100644
index 0000000..9223076
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-2.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-3.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-3.webp
new file mode 100644
index 0000000..724866e
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-3.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-4.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-4.webp
new file mode 100644
index 0000000..23cc43a
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-4.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-5.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-5.webp
new file mode 100644
index 0000000..e6886b5
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-5.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-6.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-6.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-6.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-7.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-7.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-7.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs-8.webp b/ge-theme/static/images/howitworks-imgs/manyimgs-8.webp
new file mode 100644
index 0000000..1683f68
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs-8.webp differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs1resized.gif b/ge-theme/static/images/howitworks-imgs/manyimgs1resized.gif
new file mode 100644
index 0000000..036b8ae
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs1resized.gif differ
diff --git a/ge-theme/static/images/howitworks-imgs/manyimgs9.webp b/ge-theme/static/images/howitworks-imgs/manyimgs9.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/ge-theme/static/images/howitworks-imgs/manyimgs9.webp differ
diff --git a/ge-theme/templates/how-it-works.html b/ge-theme/templates/how-it-works.html
deleted file mode 100644
index e69de29..0000000
diff --git a/ge-theme/templates/howit-works.html b/ge-theme/templates/howit-works.html
new file mode 100644
index 0000000..50a2e8a
--- /dev/null
+++ b/ge-theme/templates/howit-works.html
@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block head %}
+{{ super() }}
+
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
Community Inclusion Currencies
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Community Inclusion Currencies are regional means of exchange that supplements the national currency system. See Sarafu Network as an example.
+
+
+
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/output/pages/how-it-works.html b/output/pages/how-it-works.html
index e69de29..0afb2df 100644
--- a/output/pages/how-it-works.html
+++ b/output/pages/how-it-works.html
@@ -0,0 +1,137 @@
+
+
+
+ grassroots-pelican
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Community Inclusion Currencies
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Community Inclusion Currencies are regional means of exchange that supplements the national currency system. See Sarafu Network as an example.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/output/theme/css/howitworks.css b/output/theme/css/howitworks.css
new file mode 100644
index 0000000..9f64f3f
--- /dev/null
+++ b/output/theme/css/howitworks.css
@@ -0,0 +1,84 @@
+.img-text-container{
+ position: relative;
+ text-align: center;
+ height: 100%;
+ width: 100%;
+}
+.text-img{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: #e6e6e6;
+ font-size: 70px;
+ font-weight: bold;
+}
+.iframe-wrapper{
+ padding-top: 100px;
+ text-align: center;
+}
+.many-imgs{
+ padding-top: 100px;
+ margin-left: 400px;
+ margin-right: 400px;
+}
+.arrow-container{
+ /*margin-left: -100px;*/
+ width: 200px;
+ height: 120px;
+}
+.arrow-container img{
+ width: 100%;
+ height: auto;
+}
+@media only screen and (max-width: 480px){
+ .text-img{
+ font-size: 30px;
+ }
+ .iframe-wrapper{
+ padding-top: 20px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
+
+@media (min-width: 600px) and (max-width: 1024px){
+ .text-img{
+ font-size: 50px;
+ }
+ .iframe-wrapper{
+ padding-top: 40px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
\ No newline at end of file
diff --git a/output/theme/css/howitworks.css~ b/output/theme/css/howitworks.css~
new file mode 100644
index 0000000..96f1a45
--- /dev/null
+++ b/output/theme/css/howitworks.css~
@@ -0,0 +1,78 @@
+.img-text-container{
+ position: relative;
+ text-align: center;
+ height: 100%;
+ width: 100%;
+}
+.text-img{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: #e6e6e6;
+ font-size: 70px;
+ font-weight: bold;
+}
+.iframe-wrapper{
+ padding-top: 100px;
+ text-align: center;
+}
+.many-imgs{
+ padding-top: 100px;
+ margin-left: 500px;
+ margin-right: 500px;
+}
+.arrow-container{
+
+}
+@media only screen and (max-width: 480px){
+ .text-img{
+ font-size: 30px;
+ }
+ .iframe-wrapper{
+ padding-top: 20px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
+
+@media (min-width: 600px) and (max-width: 1024px){
+ .text-img{
+ font-size: 50px;
+ }
+ .iframe-wrapper{
+ padding-top: 40px;
+ }
+ .iframe-container1{
+ position: relative;
+ width: 100%;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+ .iframe-container1 iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .many-imgs{
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+}
\ No newline at end of file
diff --git a/output/theme/images/aboutus-imgs/howitworks-img1.webp b/output/theme/images/aboutus-imgs/howitworks-img1.webp
new file mode 100644
index 0000000..7c6dc56
Binary files /dev/null and b/output/theme/images/aboutus-imgs/howitworks-img1.webp differ
diff --git a/output/theme/images/howitworks-imgs/howit-img1.webp b/output/theme/images/howitworks-imgs/howit-img1.webp
new file mode 100644
index 0000000..7c6dc56
Binary files /dev/null and b/output/theme/images/howitworks-imgs/howit-img1.webp differ
diff --git a/output/theme/images/howitworks-imgs/many-imgs1.gif b/output/theme/images/howitworks-imgs/many-imgs1.gif
new file mode 100644
index 0000000..cd40fde
Binary files /dev/null and b/output/theme/images/howitworks-imgs/many-imgs1.gif differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-2.webp b/output/theme/images/howitworks-imgs/manyimgs-2.webp
new file mode 100644
index 0000000..9223076
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-2.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-3.webp b/output/theme/images/howitworks-imgs/manyimgs-3.webp
new file mode 100644
index 0000000..724866e
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-3.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-4.webp b/output/theme/images/howitworks-imgs/manyimgs-4.webp
new file mode 100644
index 0000000..23cc43a
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-4.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-5.webp b/output/theme/images/howitworks-imgs/manyimgs-5.webp
new file mode 100644
index 0000000..e6886b5
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-5.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-6.webp b/output/theme/images/howitworks-imgs/manyimgs-6.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-6.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-7.webp b/output/theme/images/howitworks-imgs/manyimgs-7.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-7.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs-8.webp b/output/theme/images/howitworks-imgs/manyimgs-8.webp
new file mode 100644
index 0000000..1683f68
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs-8.webp differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs1resized.gif b/output/theme/images/howitworks-imgs/manyimgs1resized.gif
new file mode 100644
index 0000000..036b8ae
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs1resized.gif differ
diff --git a/output/theme/images/howitworks-imgs/manyimgs9.webp b/output/theme/images/howitworks-imgs/manyimgs9.webp
new file mode 100644
index 0000000..13ec1d1
Binary files /dev/null and b/output/theme/images/howitworks-imgs/manyimgs9.webp differ