diff --git a/index.html b/index.html
index 9bad805..e56dcee 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,9 @@
           <li class="navbar-link">
             <a href="/projects/learningblocks">Learning Blocks</a>
           </li>
+          <li class="navbar-link">
+            <a href="/projects/trashai">Trash AI</a>
+          </li>
         </ul>
       </div>
       <!--
diff --git a/learningblocks/index.html b/learningblocks/index.html
index 71e0fbb..0de72ec 100644
--- a/learningblocks/index.html
+++ b/learningblocks/index.html
@@ -69,6 +69,9 @@
           <li class="navbar-link">
             <a href="/projects/learningblocks">Learning Blocks</a>
           </li>
+          <li class="navbar-link">
+            <a href="/projects/trashai">Trash AI</a>
+          </li>
         </ul>
       </div>
       <!--
@@ -157,7 +160,8 @@
 <link rel="stylesheet" href="/projects/public/css/pages/default-project-page.css">
 
 
-
+<div class="default-project-page-container">
+    
 <!--
 Learning Blocks community project page.
 -->
@@ -247,6 +251,8 @@ <h2>Stand-alone FastAPI setup</h2>
         FastAPI application.</p>
     </a>
   </div>
+</div>
+
 </div>
 
   </div>
diff --git a/opensac/index.html b/opensac/index.html
index 64e3a53..9c2b2ce 100644
--- a/opensac/index.html
+++ b/opensac/index.html
@@ -69,6 +69,9 @@
           <li class="navbar-link">
             <a href="/projects/learningblocks">Learning Blocks</a>
           </li>
+          <li class="navbar-link">
+            <a href="/projects/trashai">Trash AI</a>
+          </li>
         </ul>
       </div>
       <!--
@@ -157,7 +160,8 @@
 <link rel="stylesheet" href="/projects/public/css/pages/default-project-page.css">
 
 
-
+<div class="default-project-page-container">
+    
 <!--
 Opensac.org page.
 -->
@@ -188,6 +192,8 @@ <h2>Project Folder Structure</h2>
       <p>Project folder structure for the Open Sacramento Website</p>
     </a>
   </div>
+</div>
+
 </div>
 
   </div>
diff --git a/public/css/pages/default-project-page.css b/public/css/pages/default-project-page.css
index 86be699..995b932 100644
--- a/public/css/pages/default-project-page.css
+++ b/public/css/pages/default-project-page.css
@@ -16,8 +16,13 @@ Application fonts.
 /*
 Opensac.org page layout
  */
-.page-title {
-  padding-top: 16px;
+.default-project-page-container {
+  padding: 16px 16px;
+}
+
+.default-documentation-item-image {
+  max-width: 200px;
+  max-height: 200px;
 }
 
 .project-notes {
@@ -28,7 +33,6 @@ Opensac.org page layout
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1rem;
-  padding-top: 16px;
 }
 
 .documentation-item {
diff --git a/public/css/pages/default-project-page.css.map b/public/css/pages/default-project-page.css.map
index fc9f1e1..a6fdefb 100644
--- a/public/css/pages/default-project-page.css.map
+++ b/public/css/pages/default-project-page.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../styles/abstracts/variables.scss","../../../styles/abstracts/mixins.scss","../../../styles/pages/default-project-page.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAVA;AAAA;AAAA;AAUA;AAAA;AAAA;ACRA;AAAA;AAAA;ACCA;AAAA;AAAA;AAIA;EACI;;;AAEJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"default-project-page.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../../styles/abstracts/variables.scss","../../../styles/abstracts/mixins.scss","../../../styles/pages/default-project-page.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAVA;AAAA;AAAA;AAUA;AAAA;AAAA;ACRA;AAAA;AAAA;ACCA;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA","file":"default-project-page.css"}
\ No newline at end of file
diff --git a/public/img/trash_ai_01.png b/public/img/trash_ai_01.png
new file mode 100644
index 0000000..6f2c98d
Binary files /dev/null and b/public/img/trash_ai_01.png differ
diff --git a/public/img/trash_ai_02.png b/public/img/trash_ai_02.png
new file mode 100644
index 0000000..772a6bb
Binary files /dev/null and b/public/img/trash_ai_02.png differ
diff --git a/public/img/trash_ai_03.png b/public/img/trash_ai_03.png
new file mode 100644
index 0000000..17d3d8c
Binary files /dev/null and b/public/img/trash_ai_03.png differ
diff --git a/trashai/index.html b/trashai/index.html
new file mode 100644
index 0000000..5543afb
--- /dev/null
+++ b/trashai/index.html
@@ -0,0 +1,280 @@
+<!--
+Base application layout. Contains libraries and metadata that are used for all pages.
+Usage: Include `layout: layouts/base` in the Front Matter of a template file.
+-->
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="">
+  <title></title>
+  <link rel="icon" href="/projects/public/img/favicon.ico">
+  <!-- Google Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+  <!--  Load application CSS -->
+  <link rel="stylesheet" href="/projects/public/css/main.css">
+  <!-- Load application Javascript -->
+  <script src="/projects/public/js/app.js" type="module" async=""></script>
+  <!--  SEO meta data-->
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "Article",
+      "name": "Project",
+      "image": [
+        "http://project.com/public/img/openbudget.png",
+        "http://project.com/public/img/trashai.png",
+        "http://project.com/public/img/learningBlocks.png"
+      ]
+    }
+  </script>
+</head>
+
+<body>
+  <!--Load page layout-->
+  
+<!--
+Home layout with navigation bar and footer.
+-->
+<div class="full-width">
+  <!--
+Default application navigation bar.
+-->
+<nav id="navbar-toolbar" class="navbar-toolbar">
+  <div id="navbar-toolbar-main">
+    <div class="navbar-toolbar-content">
+      <!--
+      Left section.
+      -->
+      <div class="navbar-left-container">
+        <a class="navbar-left-section" href="/projects/">
+          <img src="/projects/public/img/logo_opensac_all.png" alt="Project logo" height="60" width="200">
+        </a>
+      </div>
+      <!--
+      Middle section.
+      -->
+      <div class="navbar-middle-container">
+        <ul class="navbar-middle-section">
+          <li class="navbar-link">
+            <a href="/projects/">Home</a>
+          </li>
+          <li class="navbar-link">
+            <a href="/projects/opensac">Opensac.org</a>
+          </li>
+          <li class="navbar-link">
+            <a href="/projects/learningblocks">Learning Blocks</a>
+          </li>
+          <li class="navbar-link">
+            <a href="/projects/trashai">Trash AI</a>
+          </li>
+        </ul>
+      </div>
+      <!--
+      Right section.
+      -->
+      <div class="navbar-right-container">
+        <div class="navbar-right-section">
+          <div class="navbar-extended-parent-link">
+<!--            <a href="#">-->
+<!--              Get Involved-->
+<!--              <img class="navbar-nested-extended-link-image" src="/public/img/chevron-down.png" width="16" height="16"-->
+<!--                alt="Get involved navigation links">-->
+<!--            </a>-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="navbar-toolbar-extended" class="hidden">
+    <div class="navbar-extended-content">
+      <!--
+       Extended section mobile.
+       -->
+      <div class="navbar-extended-mobile-container">
+        <div class="navbar-extended-mobile-content">
+          <ul>
+            <li class="navbar-extended-mobile-section">
+              <a href="/projects/">Projects</a>
+            </li>
+            <li class="navbar-extended-mobile-section">
+              <a href="/projects/project-pitch">Pitch a Project</a>
+            </li>
+            <li class="navbar-extended-mobile-section">
+              <a href="/projects/meetup">Meetup</a>
+            </li>
+            <li class="navbar-extended-mobile-section">
+              <a href="/projects/faqs">FAQs</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <!--
+      Extended section desktop.
+      -->
+      <div class="navbar-extended-desktop-container">
+        <div class="navbar-extended-desktop-content-container">
+          <div class="navbar-extended-desktop-left-container">
+            <div class="navbar-extended-desktop-left-section">
+              Get started today and volunteer with us to drive positive change through technology, making a meaningful
+              impact in your community!
+              <a class="navbar-extended-desktop-button" href="/projects/">Get Started</a>
+            </div>
+            <div class="navbar-extended-desktop-left-section">
+              Explore our projects and discover how you can contribute your skills to drive innovation and create
+              positive
+              change.
+              <a class="navbar-extended-desktop-button" href="/projects/">See Projects</a>
+            </div>
+            <div class="navbar-extended-desktop-left-section">
+              Explore our projects and discover how you can contribute your skills to drive innovation and create
+              positive
+              change.
+              <a class="navbar-extended-desktop-button" href="/projects/project-pitch">Pitch a Project</a>
+            </div>
+          </div>
+          <div class="navbar-extended-desktop-right-container">
+            <div class="navbar-extended-desktop-right-section">
+              Join us for our weekly meetings on <a href="/projects/meetup">meetup</a>.
+            </div>
+            <div class="navbar-extended-desktop-right-section">
+              For any questions, visit our <a href="/projects/faqs">FAQs</a>.
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
+  <div class="full-width">
+    
+<!--
+Opensac.org page layout.
+-->
+
+
+<link rel="stylesheet" href="/projects/public/css/pages/default-project-page.css">
+
+
+<div class="default-project-page-container">
+    
+<!--
+Learning Blocks community project page.
+-->
+
+<h1 class="page-title">TrashAI community project page</h1>
+
+<div class="project-notes">
+    Website: <a href="about:blank">www.trashai.org</a>
+</div>
+
+<div class="documentation-grid">
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/README.md" title="Web-based read me">
+            <h2>Readme</h2>
+            <p>Top level overview of Learning Blocks documentation.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/aws_bootstrap.png" title="AWS bootstrap documentation">
+            <h2>AWS Bootstrap</h2>
+            <img class="default-documentation-item-image" src="/projects/public/img/trash_ai_01.png" alt="">
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/first_run.png" title="First run documentation">
+            <h2>First run</h2>
+            <img class="default-documentation-item-image" src="/projects/public/img/trash_ai_02.png" alt="">
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/functionality.md" title="Description of application functionality">
+            <h2>Description of application functionality</h2>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/git-aws-account-setup.md" title="Git AWS account setup">
+            <h2>New AWS Deployment Procedure</h2>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/github-actions-deployment-role.md" title="GitHub Actions deployment role">
+            <h2>GitHub Actions deployment role</h2>
+            <p>Describes how to update role permissions.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/github-actions.md" title="GitHub Actions">
+            <h2>GitHub Actions</h2>
+            <p>GitHub actions general documentation.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/localdev.md" title="Local development">
+            <h2>Local development</h2>
+            <p>Getting started developing Trash AI.</p>
+        </a>
+    </div>
+    <div class="documentation-item">
+        <a href="https://github.com/code4sac/trash-ai/blob/aws/trashai-staging/docs/first_run.png" title="Role secrets">
+            <h2>Role secrets</h2>
+            <img class="default-documentation-item-image" src="/projects/public/img/trash_ai_03.png" alt="">
+        </a>
+    </div>
+</div>
+</div>
+
+  </div>
+  <!--
+Default application footer.
+-->
+<footer>
+    <div class="footerContainerTop">
+        <div class="footerMessage">
+            <h2 class="footerMessageHeader">Get Involved.</h2>
+            <p class="footerMessageParagraph">Project is a tax-deductible civic-tech community dedicated to using
+                technology and open data for positive civic change in Locale.</p>
+        </div>
+
+        <div class="footerActionLinks">
+            <p class="footerActionLinksItem">
+                Join us for our weekly meetings on <a href="/projects/" class="footerActionLinksAnchor">meetup.</a>
+            </p>
+            <p class="footerActionLinksItem">
+                See our <a href="/projects/" class="footerActionLinksAnchor">projects.</a>
+            </p>
+            <p class="footerActionLinksItem">
+                For any questions, visit our <a href="/projects/" class="footerActionLinksAnchor">FAQs.</a>
+            </p>
+        </div>
+
+        <div class="footerSocialMedia">
+            <a href="/projects/" class="footerSocialMediaLink">
+                <img src="/projects/public/img/socialmedia/facebook.svg" alt="Facebook" class="footerSocialMediaIcon">
+            </a>
+            <a href="/projects/" class="footerSocialMediaLink">
+                <img src="/projects/public/img/socialmedia/twitter.svg" alt="X" class="footerSocialMediaIcon">
+            </a>
+            <a href="/projects/" class="footerSocialMediaLink">
+                <img src="/projects/public/img/socialmedia/youtube.svg" alt="Youtube" class="footerSocialMediaIcon">
+            </a>
+        </div>
+    </div>
+
+    <div class="footerBottomContainer">
+        <div class="footerBottomTitle">Open Sacramento</div>
+        <div class="footerBottomLinksContainer">
+            <a href="/projects/" class="footerBottomLink">get started</a>
+            <a href="/projects/" class="footerBottomLink">our team</a>
+            <a href="/projects/" class="footerBottomLink">code of conduct</a>
+        </div>
+    </div>
+</footer>
+</div>
+</body>
+
+</html>
\ No newline at end of file