diff --git a/Resources/landing-page/assets/img/hotpink-small.jpg b/Resources/landing-page/assets/img/hotpink-small.jpg
new file mode 100644
index 00000000..dae9d361
Binary files /dev/null and b/Resources/landing-page/assets/img/hotpink-small.jpg differ
diff --git a/Resources/landing-page/assets/img/hotpink.jpg b/Resources/landing-page/assets/img/hotpink.jpg
new file mode 100644
index 00000000..189eaa02
Binary files /dev/null and b/Resources/landing-page/assets/img/hotpink.jpg differ
diff --git a/Resources/landing-page/assets/img/slides/13.jpg b/Resources/landing-page/assets/img/slides/13.jpg
new file mode 100644
index 00000000..189eaa02
Binary files /dev/null and b/Resources/landing-page/assets/img/slides/13.jpg differ
diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css
index 1a4772bd..110c704f 100644
--- a/Resources/landing-page/css/custom.css
+++ b/Resources/landing-page/css/custom.css
@@ -312,4 +312,8 @@ p {
 
 #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.overseer-hover {
     background: #111827;
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover {
+    background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 898a078b..f03b8555 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
     <!-- Core theme CSS (includes Bootstrap)-->
     <link href="Resources/landing-page/css/styles.css?v=1" rel="stylesheet" />
     <link rel="stylesheet" href="Resources/landing-page/css/jquery-bg-slideshow.css">
-    <link rel="stylesheet" href="Resources/landing-page/css/custom.css?v=1.4">
+    <link rel="stylesheet" href="Resources/landing-page/css/custom.css?v=1.5">
 </head>
 
 <body id="page-top">
@@ -60,7 +60,7 @@
     <!--  -->
     <header class="masthead bg" data-current="0"
         data-images="Resources/landing-page/assets/img/slides/1.jpg,Resources/landing-page/assets/img/slides/2.jpg,Resources/landing-page/assets/img/slides/3.jpg,Resources/landing-page/assets/img/slides/4.jpg,Resources/landing-page/assets/img/slides/5.jpg,Resources/landing-page/assets/img/slides/6.jpg,Resources/landing-page/assets/img/slides/7.jpg,
-        Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg,Resources/landing-page/assets/img/slides/11.jpg,Resources/landing-page/assets/img/slides/12.jpg"
+        Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg,Resources/landing-page/assets/img/slides/11.jpg,Resources/landing-page/assets/img/slides/12.jpg,Resources/landing-page/assets/img/slides/13.jpg"
         data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
         data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
         data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
@@ -94,7 +94,7 @@
                     <p class="text-white-50 mb-5">custom scripts for select <a href="https://hotio.dev/">Hotio</a>
                         containers
                         and multiple examples of subfiltering using webservers like Nginx and Apache</p>
-                    <p class="text-white-50 mb-5">Choose between <a class="js-scroll-trigger" href="#themes">8 different
+                    <p class="text-white-50 mb-5">Choose between <a class="js-scroll-trigger" href="#themes">9 different
                             styles!</a> With the possibility to easily create your own themes using the defined <a
                             href="https://docs.theme-park.dev/custom/">variables</a>. </p>
                     <a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
@@ -374,11 +374,11 @@
     </section>
     <!-- Services-->
     <section class="page-section" id="services">
-        <div class="container">
+        <div class="container" style="min-width: 90%;">
             <h2 class="text-center mt-0">How to get started</h2>
             <hr class="divider my-4" />
             <div class="row">
-                <div class="col-lg-3 col-md-6 text-center">
+                <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fas fa-4x fa-book text-primary mb-4"></i>
                         <h3 class="h4 mb-2">Theme Docs</h3>
@@ -387,7 +387,7 @@
                             theme!</p>
                     </div>
                 </div>
-                <div class="col-lg-3 col-md-6 text-center">
+                <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fab fa-4x fa-github text-primary mb-4"></i>
                         <h3 class="h4 mb-2">Find us on Github</h3>
@@ -395,7 +395,7 @@
                                 href="https://github.com/gilbn/theme.park">Github!</a></p>
                     </div>
                 </div>
-                <div class="col-lg-3 col-md-6 text-center">
+                <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fab fa-4x fa-discord text-primary mb-4"></i>
                         <h3 class="h4 mb-2">Discord Community</h3>
@@ -403,7 +403,14 @@
                                 href="https://docs.theme-park.dev/discord">Discord</a> server!</p>
                     </div>
                 </div>
-                <div class="col-lg-3 col-md-6 text-center">
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fas fa-4x fa-palette text-primary mb-4"></i>
+                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community Themes!</a></h3>
+                        <p class="text-white-50 mb-0">Got a good <a href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see added? PR it!</p>
+                    </div>
+                </div>
+                <div class="col-lg col-md-6 text-center">
                     <div class="mt-5">
                         <i class="fas fa-4x fa-heart text-primary mb-4"></i>
                         <h3 class="h4 mb-2">Made with Love</h3>
@@ -423,6 +430,15 @@
     <div id="portfolio" class="theme-overview">
         <div class="container-fluid p-0">
             <div class="row no-gutters d-flex justify-content-center">
+                <div class="col-lg-4 col-sm-6 p-1">
+                    <a class="portfolio-box" href="Resources/landing-page/assets/img/hotpink.png">
+                        <img class="img-fluid" src="Resources/landing-page/assets/img/hotpink-small.jpg" alt="..." />
+                        <div class="portfolio-box-caption p-3 hotpink-hover">
+                            <div class="project-category text-white-50">Theme</div>
+                            <div class="project-name">Hotpink</div>
+                        </div>
+                    </a>
+                </div>
                 <div class="col-lg-4 col-sm-6 p-1">
                     <a class="portfolio-box" href="Resources/landing-page/assets/img/dracula.png">
                         <img class="img-fluid" src="Resources/landing-page/assets/img/dracula-small.jpg" alt="..." />
