Index: trunk/www/sites/www/products/index.php
===================================================================
--- trunk/www/sites/www/products/index.php	(nonexistent)
+++ trunk/www/sites/www/products/index.php	(revision 1504535)
@@ -0,0 +1,93 @@
+<?php
+	require('aether/config.php');
+
+	$pageConfig = array_merge($pageConfig, [
+		'title' => "Products",
+		'section' => 'products'
+		//'cssFile' => 'content/community/portal.css'
+	]);
+
+	require('aether/header.php');
+
+?>
+<style>
+#productsRow article {
+	position: relative;
+	padding-bottom: 50px;
+	
+}
+#productsRow article>a {
+	position: absolute;
+	bottom: 0px;
+	left: 15px;
+	right: 15px;
+}
+</style>
+
+	<main class="container" id="community-lists">
+		<img src="content/products/plasma.png" style="width: 100%; max-width: 800px; display: block; margin: 20px auto;" />
+		<h1 style="text-align: center;">Plasma</h1>
+		<p style="max-width: 800px; margin-left: auto; margin-right: auto; text-align: center;">
+			Plasma is KDE's flagship product, offering the most customizable
+			desktop environment available. The KDE 
+			community has the driving goal of making it simple by default, and powerful
+			when needed.
+		</p>
+		<p style="max-width: 800px; margin-left: auto; margin-right: auto; text-align: center;">
+			<a href="plasma-desktop" class="learn-more button">Learn about Plasma</a> 
+			<a href="https://community.kde.org/Distributions" class="learn-more button" style="margin-left: 10px;">View Distributions offering Plasma</a>
+		</p>
+		
+		
+		<section class="row" id="productsRow">
+			<article class="col-md">
+				<img src="content/products/apps.png" style="width: 100%; max-width: 120px; display: block; margin: 20px auto;" />
+				<h3>KDE Applications</h3>
+				<p>
+					Applications which empower users with freedom and privacy.
+				</p>
+				<a href="https://www.kde.org/applications/" class="learn-more button expand">Learn More</a>
+			</article>
+			<article class="col-md">
+				<img src="content/products/phone.png" style="width: 100%; max-width: 120px; display: block; margin: 20px auto;" />
+				<h3>Plasma Mobile</h3>
+				<p>
+					Plasma Mobile provides the Plasma
+					experience, freedom, and privacy of KDE software on your device.
+				</p>
+				<a href="https://plasma-mobile.org/overview/" class="learn-more button expand">Learn More</a>
+			</article>
+			<article class="col-md">
+				<img src="content/products/neon.png" style="width: 100%; max-width: 120px; display: block; margin: 20px auto;" />
+				<h3>KDE neon</h3>
+				<p>
+					The latest and greatest of KDE community software packaged on 
+					a rock-solid base.
+				</p>
+				<a href="https://neon.kde.org" class="learn-more button expand">Learn More</a>
+			</article>
+			<article class="col-md">
+				<img src="content/products/develop.png" style="width: 100%; max-width: 120px; display: block; margin: 20px auto;" />
+				<h3>Development Tools</h3>
+				<p>
+					Developers using KDE tools are given strong foundations to
+					build great software.
+				</p>
+				<a href="https://techbase.kde.org/Development/Tools" class="learn-more button expand">Learn More</a>
+			</article>
+			<article class="col-md">
+				<img src="content/products/wikitolearn.png" style="width: 100%; max-width: 120px; display: block; margin: 20px auto;" />
+				<h3>WikiToLearn</h3>
+				<p>
+					Collaborative textbooks. Learn with the best. Create books. Share knowledge.
+				</p>
+				<a href="https://wikitolearn.org/" target="_blank" class="learn-more button expand">Learn More</a>
+			</article>
+		</section>
+	</main>
+<?php
+
+
+	require('aether/footer.php');
+
+?>