[Don't Merge] basic structure

.gitignore

@@ -0,0 +1,7 @@
+.DS_Store
+
+.idea/
+
+components/
+build/
+node_modules/

README.md

@@ -1,2 +1,5 @@
 # www.code4.hk
 website for the community. Version 2.
+
+
+component build

component.json

@@ -0,0 +1,21 @@
+{
+  "name": "code4hk",
+  "description": "www.code4.hk",
+  "version": "0.0.1",
+  "keywords": [
+    "shim",
+    "react"
+  ],
+  "scripts": [
+    "index.js"
+  ],
+  "styles": [
+    "index.css"
+  ],
+  "dependencies": {
+    "components/modernizr": "*",
+    "necolas/normalize.css": "^3.0.2"
+  },
+  "locals": ["vendor/semantic"],
+  "paths": ["./", "../"]
+}

index.css

@@ -0,0 +1,115 @@
+/**
+ Color palatte chosen: http://paletton.com/palette.php?uid=3000W0kiarSaZLgeHyIllmpoAg5
+*/
+#home {
+  color: #303030;
+}
+
+#home .welcome {
+  background-image: url('/images/background.jpg');
+  background-size: cover;
+  padding:252px 140px;
+  margin-bottom: 66px;
+}
+
+#home .sub-header {
+  margin-top:40px;
+  text-align: center;
+  font-size: 1.777rem;
+}
+
+#home .header {
+  margin-top:40px;
+  text-align: center;
+  font-size: 2.369rem;
+  font-weight: 900;
+  letter-spacing: 1.33px;
+}
+
+.header-logo {
+  max-width:5rem;
+}
+
+#home>.propaganda {
+  max-width: 960px;
+  margin:0 auto;
+}
+
+.propaganda .icon-container {
+  font-size: 3.998rem;
+  text-align: center;
+}
+
+.propaganda .ui.header {
+  text-align: center;
+}
+
+#vision-community .icon {
+  color : #de6061;
+}
+#vision-civichacking .icon {
+  color : #B0B23B;
+}
+#vision-opengov .icon {
+  color : #496194;
+}
+
+.code4hk-header {
+  width:310px;
+}
+
+.code4hk-tagline {
+  color: #fefefe;
+  letter-spacing : 1.4px;
+}
+
+section {
+  background-color: #f9f9f9;
+}
+
+#home .stripe {
+  background-color: #d8d8d8;
+  padding: 10em 0px;
+  border-radius: 0em;
+  margin: 0em;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+#home>.manifesto {
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+.manifesto ul {
+  margin-bottom: 1.5rem;
+}
+.manifesto p {
+  margin-bottom:0px;
+}
+
+#home .curators {
+  margin: 0 auto;
+  max-width: 960px;
+}
+
+.curators img.ui.medium.image {
+  width : 130px;
+  height: 130px;
+  margin: 0 auto;
+}
+
+.curators .name {
+  font-size: 1.333rem;
+  margin:15px 0px 10px 0px;
+  text-align: center;
+}
+
+footer {
+  text-align: center;
+  font-style: italic;
+  color: #999999;
+  letter-spacing: 2px;
+  margin-top: 40px;
+  padding: 25px;
+}