Community page

Author: cajogos

README.md

@@ -6,10 +6,8 @@
 
 ### Website
 
-* TODO: Volunteer pages
 * TODO: Resources pages
 * TODO: Supporters pages
-* TODO: Community pages
 * TODO: Add Google Analytics tag
 
 ### Systems

pages/community.html

@@ -0,0 +1,45 @@
+---
+permalink: /community
+layout: main
+title: Join the CoderDojo RISE community
+breadcrumbs: "Home:/:;Community:/community:community active;"
+---
+<div class="heading-banner-container banner-inverse heading-black">
+    <div class="heading-banner">
+        <h1>Community</h1>
+    </div>
+</div>
+<div class="container community">
+    <h2>Community Events</h2>
+    <div class="well">
+        <p style="font-size:1.3em">We are working on creating some awesome Community Events for the wider CoderDojo
+            network!</p>
+    </div>
+    <hr/>
+    <div class="newsletter-form-container">
+        <div class="row form-area">
+            <div class="col-sm-6">
+                <h4>Sign up to the community newsletters</h4>
+            </div>
+            <div class="col-sm-6 text-right">
+                <form class="form-inline" id="subscribe-form" data-list="{$list}">
+                    <div class="form-group">
+                        <label class="sr-only">Your email address</label>
+                        <div class="input-group">
+                            <input type="email" class="form-control success" id="newsletter-email-input"
+                                placeholder="Your email address..." required="required" />
+                        </div>
+                    </div>
+                    <button type="submit" class="btn btn-success" disabled>
+                        <i class="fa fa-envelope"></i> Sign Up
+                    </button>
+                </form>
+            </div>
+        </div>
+        <div class="response-success">
+            <h3>Thank you! You are on our list. Watch out for our emails <i class="fa fa-smile-o"></i></h3>
+        </div>
+    </div>
+    <hr/>
+    <h4 class="text-center">More coming Soon...</h4>
+</div>