diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a7d22ea
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+# OS Files
+.DS_Store
+.DS_Store?
+
+*.pyc
+
+*~
+
diff --git a/README.rst b/README.rst
index f0744e0..394f787 100644
--- a/README.rst
+++ b/README.rst
@@ -1,2 +1,4 @@
CODEHUNKS Official Website
==========================
+
+Designed in HTML and CSS
diff --git a/_layouts/style.css b/_layouts/style.css
deleted file mode 100644
index a739482..0000000
--- a/_layouts/style.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body{
- background: #F6F6F6;
- color: black;
-
-}
diff --git a/css/email.css b/css/email.css
new file mode 100644
index 0000000..8ee9394
--- /dev/null
+++ b/css/email.css
@@ -0,0 +1,127 @@
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ font-family: 'Oxygen', sans-serif;
+}
+
+a {
+ text-decoration: none;
+ color: rgb(142, 142, 214);
+}
+a:hover,
+a:focus {
+ text-decoration: underline;
+}
+
+/* LAYOUT CSS */
+#layout {
+ padding-left: 25%; /* "left col (nav + list)" width */
+ position: relative;
+}
+
+.sidebar {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 25%;
+ margin-left: -25%;
+ background: rgb(24, 33, 61);
+ color: #fff;
+}
+
+.header {
+ margin: 50% 2em 0;
+ text-align: right;
+}
+
+.brand-title,
+.brand-tagline {
+ margin: 0;
+}
+.brand-title {
+ text-transform: uppercase;
+}
+.brand-tagline {
+ font-weight: 300;
+ color: rgb(142, 142, 214);
+}
+
+.nav-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.nav-item {
+ display: inline-block;
+ *display: inline;
+ zoom: 1;
+}
+.nav-item a {
+ background: transparent;
+ border: 3px solid rgb(103, 103, 180);
+ color: #fff;
+ margin-top: 1em;
+}
+.nav-item a:hover,
+.nav-item a:focus {
+ border: 3px solid rgb(142, 142, 214);
+ color: rgb(142, 142, 214);
+ text-decoration: none;
+}
+
+.content-subhead {
+ text-transform: uppercase;
+ color: #aaa;
+ border-bottom: 1px solid #eee;
+ padding: 0.4em 0;
+ font-size: 80%;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+}
+
+.content {
+ padding: 2em 3em 0;
+}
+
+.post {
+}
+.post-title {
+ font-size: 2em;
+ color: #222;
+}
+.post-avatar {
+ border-radius: 50px;
+ float: right;
+ margin-left: 1em;
+}
+.post-description {
+ font-family: Georgia, "Cambria", serif;
+ color: #444;
+ line-height: 1.8em;
+}
+
+@media (max-width: 767px) {
+ .sidebar {
+ width: 100%;
+ position: relative;
+ margin: 0;
+ }
+
+ .header {
+ text-align: center;
+ top: auto;
+ margin: 3em auto;
+ position: static;
+ }
+
+ #layout {
+ padding: 0;
+ }
+}
+
+@media (max-width: 480px) {
+ .content {
+ padding: 2em 1em 0;
+ }
+}
\ No newline at end of file
diff --git a/css/fork.css b/css/fork.css
new file mode 100644
index 0000000..441e2fe
--- /dev/null
+++ b/css/fork.css
@@ -0,0 +1,117 @@
+.github-fork-ribbon {
+ position: fixed;
+ padding: 2px 0;
+ background-color: #a00;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.15)));
+ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
+ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
+ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
+ background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
+ background-image: linear-gradient(top, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.15));
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#000000');
+ -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
+ box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
+ z-index: 9999;
+}
+
+.github-fork-ribbon a,
+.github-fork-ribbon a:hover {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ font-weight: 700;
+ color: white;
+ text-decoration: none;
+ text-shadow: 0 -1px rgba(0,0,0,0.5);
+ text-align: center;
+ width: 200px;
+ line-height: 20px;
+
+ /* Set the layout properties */
+ display: inline-block;
+ padding: 2px 0;
+
+ /* Add "stitching" effect */
+ border-width: 1px 0;
+ border-style: dotted;
+ border-color: rgba(255,255,255,0.7);
+}
+
+.github-fork-ribbon-wrapper {
+ width: 150px;
+ height: 150px;
+ position: absolute;
+ overflow: hidden;
+ top: 0;
+ z-index: 9999;
+}
+
+.github-fork-ribbon-wrapper.fixed {
+ position: fixed;
+}
+
+.github-fork-ribbon-wrapper.left {
+ left: 0;
+}
+
+.github-fork-ribbon-wrapper.right {
+ right: 0;
+}
+
+.github-fork-ribbon-wrapper.left-bottom {
+ position: fixed;
+ top: inherit;
+ bottom: 0;
+ left: 0;
+}
+
+.github-fork-ribbon-wrapper.right-bottom {
+ position: fixed;
+ top: inherit;
+ bottom: 0;
+ right: 0;
+}
+
+.github-fork-ribbon-wrapper.right .github-fork-ribbon {
+ top: 42px;
+ right: -43px;
+
+ /* Rotate the banner 45 degrees */
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.github-fork-ribbon-wrapper.left .github-fork-ribbon {
+ top: 42px;
+ left: -43px;
+
+ /* Rotate the banner -45 degrees */
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-45deg);
+ -o-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+
+.github-fork-ribbon-wrapper.left-bottom .github-fork-ribbon {
+ top: 80px;
+ left: -43px;
+
+ /* Rotate the banner -45 degrees */
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.github-fork-ribbon-wrapper.right-bottom .github-fork-ribbon {
+ top: 80px;
+ right: -43px;
+
+ /* Rotate the banner -45 degrees */
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-45deg);
+ -o-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 80632dd..1ff9082 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,129 @@
-
+
+
-CODEHUNKS
-
+
+
+
+Code Hunks
+
+
+
+
+
-It's Up! :)
+
+
+
+
+
+
+
+
+
Recent Projects By Code Hunks
+
+
+
+
+ A revolutionary personal interface for brain computer interacton.The Emotiv EPOC headset uses a total of 16 sensors, 14 for EEG data, 2 for gyro motions to tune into electrical signals produced by the brain to detect user thoughts, feelings, expressions and their mental state.
+ Github Official Repository
+
+
Projects Involved
+
+ Tic-Tac-Toe Gyro
+ Tic-Tac-Toe-Cognitive
+ Pattern-Authentication
+ BrainWave Car Gaming
+ Mind Motion State
+ Brain Wave Authentication
+
+
+
+
+
+
+
+
+
+
+
+ Our Technology & Culture project demonstrating a World wide countries search for their culture, facts and figures.It Features Js Map Comparison of culture and figures of different countries. Technologies used are Php, Javascript and Bootstrap.
+ Live Demo
+
+
+
+
+
+
+
+
+
+
+ Official website of codehunks. It uses Pure Css responsive framework developed by Yahoo. It is hosted on github free hosting.
+
+
+
+
+
+
+
+
+
+
+ A project based on Naive Bayes Classification. It uses textprocess , by pshch0der for data pre processing. A tranining data is built which is used to calssify the category of real time news feed.
+
+
+
+
+
+
+
+
+
+
+ A cloud service for text pre processing by the algorithms like stemming, lemmatization, stop-word removal and normalization.
+ Live Demo
+
+
+
+
+
+
+
+
+
+
+
+