diff --git a/android-material-design-appcompat/AndroidManifest.xml b/android-material-design-appcompat/AndroidManifest.xml
new file mode 100644
index 0000000..70227ad
--- /dev/null
+++ b/android-material-design-appcompat/AndroidManifest.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.hmkcode.app"
+    android:versionCode="1"
+    android:versionName="1.0" >
+
+    <uses-sdk
+        android:minSdkVersion="8"
+        android:targetSdkVersion="22" />
+
+    <application
+        android:allowBackup="true"
+        android:icon="@drawable/ic_launcher"
+        android:label="@string/app_name"
+        android:theme="@style/AppTheme" >
+        <activity
+            android:name=".MainActivity"
+            android:label="@string/app_name" >
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
diff --git a/android-material-design-appcompat/res/drawable-hdpi/cardview_border.xml b/android-material-design-appcompat/res/drawable-hdpi/cardview_border.xml
new file mode 100644
index 0000000..fdfa61f
--- /dev/null
+++ b/android-material-design-appcompat/res/drawable-hdpi/cardview_border.xml
@@ -0,0 +1,5 @@
+<!-- image_border.xml -->
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <stroke android:width="2dp" android:color="@color/my_primary"  />
+    <corners android:radius="3dp" />
+</shape>
\ No newline at end of file
diff --git a/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found.png b/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found.png
new file mode 100644
index 0000000..4748e90
Binary files /dev/null and b/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found.png differ
diff --git a/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found_dark.png b/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found_dark.png
new file mode 100644
index 0000000..e1bf580
Binary files /dev/null and b/android-material-design-appcompat/res/drawable-hdpi/ic_action_location_found_dark.png differ
diff --git a/android-material-design-appcompat/res/drawable-hdpi/ic_launcher.png b/android-material-design-appcompat/res/drawable-hdpi/ic_launcher.png
new file mode 100644
index 0000000..288b665
Binary files /dev/null and b/android-material-design-appcompat/res/drawable-hdpi/ic_launcher.png differ
diff --git a/android-material-design-appcompat/res/drawable-hdpi/ic_menu.png b/android-material-design-appcompat/res/drawable-hdpi/ic_menu.png
new file mode 100644
index 0000000..8962cbd
Binary files /dev/null and b/android-material-design-appcompat/res/drawable-hdpi/ic_menu.png differ
diff --git a/android-material-design-appcompat/res/layout/activity_main.xml b/android-material-design-appcompat/res/layout/activity_main.xml
new file mode 100644
index 0000000..029a8f0
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main.xml
@@ -0,0 +1,72 @@
+<android.support.v4.widget.DrawerLayout
+     xmlns:android="http://schemas.android.com/apk/res/android"
+     xmlns:app="http://schemas.android.com/apk/res-auto"
+     xmlns:tools="http://schemas.android.com/tools"
+     android:id="@+id/drawer_layout"
+     android:layout_width="match_parent"
+     android:layout_height="match_parent"
+     android:fitsSystemWindows="true">
+     
+	<android.support.design.widget.CoordinatorLayout
+		android:id="@+id/coordinatorLayout"
+		android:layout_height="match_parent"
+		android:layout_width="match_parent">
+	    
+    
+    
+	<android.support.design.widget.AppBarLayout
+	   	android:id="@+id/appbar"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/detail_backdrop_height"
+        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
+         
+	    <android.support.design.widget.CollapsingToolbarLayout
+            android:id="@+id/collapsing_toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+            
+	   <ImageView
+                android:id="@+id/backdrop"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:scaleType="centerCrop"
+                app:layout_collapseMode="parallax" />
+	      
+	    <android.support.v7.widget.Toolbar
+	         android:id="@+id/toolbar"
+	         android:layout_width="match_parent"
+	         android:layout_height="?attr/actionBarSize"
+			 android:background="?attr/colorPrimary"
+			 app:layout_collapseMode="pin"/>
+	
+    
+		</android.support.design.widget.CollapsingToolbarLayout>
+	</android.support.design.widget.AppBarLayout>
+	
+	 <!-- Your Scrollable View -->
+    <include layout="@layout/cardviews"/>
+    
+	<android.support.design.widget.FloatingActionButton
+		        android:id="@+id/fab"
+		        android:layout_width="wrap_content"
+		        android:layout_height="wrap_content"
+		        android:src="@drawable/ic_action_location_found"
+  	            android:layout_marginBottom="20dp"
+			    android:layout_marginRight="20dp"
+				android:layout_gravity="bottom|right"
+		        app:fabSize="normal" />
+	
+	</android.support.design.widget.CoordinatorLayout>
+	
+	<android.support.design.widget.NavigationView
+         android:id="@+id/navigation"
+         android:layout_width="wrap_content"
+         android:layout_height="match_parent"
+         android:layout_gravity="start"
+         app:headerLayout="@layout/nav_header"
+         app:itemTextColor="#333"
+         app:itemIconTint="#333"
+         app:menu="@menu/navigation_drawer_items" />
+</android.support.v4.widget.DrawerLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_1.xml b/android-material-design-appcompat/res/layout/activity_main_1.xml
new file mode 100644
index 0000000..d87cbe4
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_1.xml
@@ -0,0 +1,16 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context="com.hmkcode.app.MainActivity">
+
+    
+    <android.support.v7.widget.Toolbar
+         android:id="@+id/toolbar"
+         android:layout_width="match_parent"
+         android:layout_height="?attr/actionBarSize"
+		 android:background="?attr/colorPrimary"/>
+
+    
+</RelativeLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_2.xml b/android-material-design-appcompat/res/layout/activity_main_2.xml
new file mode 100644
index 0000000..95915fb
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_2.xml
@@ -0,0 +1,27 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/rootLayout"
+    tools:context="com.hmkcode.app.MainActivity">
+
+    
+    <android.support.v7.widget.Toolbar
+         android:id="@+id/toolbar"
+         android:layout_width="match_parent"
+         android:layout_height="?attr/actionBarSize"
+		 android:background="?attr/colorPrimary"/>
+
+    
+     <android.support.design.widget.FloatingActionButton
+		        android:id="@+id/fab"
+		        android:layout_width="wrap_content"
+		        android:layout_height="wrap_content"
+		        android:src="@drawable/ic_action_location_found"
+  	            android:layout_marginBottom="20dp"
+			    android:layout_marginRight="20dp"
+			    android:layout_alignParentBottom="true"
+			    android:layout_alignParentRight="true"
+		        app:fabSize="normal" />
+</RelativeLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_3.xml b/android-material-design-appcompat/res/layout/activity_main_3.xml
new file mode 100644
index 0000000..48f33a9
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_3.xml
@@ -0,0 +1,33 @@
+<android.support.v4.widget.DrawerLayout
+     xmlns:android="http://schemas.android.com/apk/res/android"
+     xmlns:app="http://schemas.android.com/apk/res-auto"
+     android:id="@+id/drawer_layout"
+     android:layout_width="match_parent"
+     android:layout_height="match_parent"
+     android:fitsSystemWindows="true">
+
+    <android.support.design.widget.CoordinatorLayout
+        android:id="@+id/ln"
+        android:layout_height="wrap_content"
+        android:layout_width="match_parent"
+        android:background="#fff">
+        
+	    <android.support.v7.widget.Toolbar
+	         android:id="@+id/toolbar"
+	         android:layout_width="match_parent"
+	         android:layout_height="wrap_content"
+			 android:background="?attr/colorPrimary"/>
+	    
+	</android.support.design.widget.CoordinatorLayout>
+
+	<android.support.design.widget.NavigationView
+         android:id="@+id/navigation"
+         android:layout_width="wrap_content"
+         android:layout_height="match_parent"
+         android:layout_gravity="start"
+         app:headerLayout="@layout/nav_header"
+         app:menu="@menu/navigation_drawer_items" />
+         
+         
+         
+</android.support.v4.widget.DrawerLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_4.xml b/android-material-design-appcompat/res/layout/activity_main_4.xml
new file mode 100644
index 0000000..4b712fb
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_4.xml
@@ -0,0 +1,37 @@
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:id="@+id/rootLayout"
+    tools:context="com.hmkcode.app.MainActivity" xmlns:app1="http://schemas.android.com/apk/res/com.hmkcode.app">
+
+    
+	    <android.support.v7.widget.Toolbar
+	         android:id="@+id/toolbar"
+	         android:layout_width="match_parent"
+	         android:layout_height="?attr/actionBarSize"
+			 android:background="?attr/colorPrimary"
+			 app:layout_scrollFlags="scroll|enterAlways"/>
+	
+		<android.support.design.widget.TabLayout
+			android:id="@+id/tabLayout"
+			android:scrollbars="horizontal"
+			android:layout_below="@+id/toolbar"
+			android:layout_width="match_parent"
+			android:layout_height="wrap_content"
+			android:background="?attr/colorPrimary"
+			app:layout_scrollFlags="scroll|enterAlways" />
+	    
+
+      <android.support.design.widget.FloatingActionButton
+			        android:id="@+id/fab"
+			        android:layout_width="wrap_content"
+			        android:layout_height="wrap_content"
+			        android:src="@drawable/ic_action_location_found"
+	  	            android:layout_marginBottom="20dp"
+				    android:layout_marginRight="20dp"
+					android:layout_alignParentBottom="true"
+					android:layout_alignParentRight="true"
+			        app:fabSize="normal" />
+</RelativeLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_5.xml b/android-material-design-appcompat/res/layout/activity_main_5.xml
new file mode 100644
index 0000000..5d8fe41
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_5.xml
@@ -0,0 +1,46 @@
+<android.support.design.widget.CoordinatorLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+	android:id="@+id/coordinatorLayout"
+	android:layout_height="match_parent"
+	android:layout_width="match_parent">
+	    
+    
+	<android.support.design.widget.AppBarLayout
+	   	android:id="@+id/appbar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:fitsSystemWindows="true">
+	      
+	    <android.support.v7.widget.Toolbar
+	         android:id="@+id/toolbar"
+	         android:layout_width="match_parent"
+	         android:layout_height="?attr/actionBarSize"
+			 android:background="?attr/colorPrimary"
+			 app:layout_scrollFlags="scroll|enterAlways"/>
+	
+		<android.support.design.widget.TabLayout
+			android:id="@+id/tabLayout"
+			android:scrollbars="horizontal"
+			android:layout_below="@+id/toolbar"
+			android:layout_width="match_parent"
+			android:layout_height="wrap_content"
+			android:background="?attr/colorPrimary" />
+    
+	</android.support.design.widget.AppBarLayout>
+	
+	 <!-- Your Scrollable View -->
+    <include layout="@layout/cardviews"/>
+    
+	<android.support.design.widget.FloatingActionButton
+		        android:id="@+id/fab"
+		        android:layout_width="wrap_content"
+		        android:layout_height="wrap_content"
+		        android:src="@drawable/ic_action_location_found"
+  	            android:layout_marginBottom="20dp"
+			    android:layout_marginRight="20dp"
+				android:layout_gravity="bottom|right"
+		        app:fabSize="normal" />
+	
+</android.support.design.widget.CoordinatorLayout>
diff --git a/android-material-design-appcompat/res/layout/activity_main_6.xml b/android-material-design-appcompat/res/layout/activity_main_6.xml
new file mode 100644
index 0000000..3d5fcff
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/activity_main_6.xml
@@ -0,0 +1,55 @@
+<android.support.design.widget.CoordinatorLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+	android:id="@+id/coordinatorLayout"
+	android:layout_height="match_parent"
+	android:layout_width="match_parent">
+	    
+    
+    
+	<android.support.design.widget.AppBarLayout
+	   	android:id="@+id/appbar"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/detail_backdrop_height"
+        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
+         
+	    <android.support.design.widget.CollapsingToolbarLayout
+            android:id="@+id/collapsing_toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+            
+	   <ImageView
+                android:id="@+id/backdrop"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:scaleType="centerCrop"
+                app:layout_collapseMode="parallax" />
+	      
+	    <android.support.v7.widget.Toolbar
+	         android:id="@+id/toolbar"
+	         android:layout_width="match_parent"
+	         android:layout_height="?attr/actionBarSize"
+			 android:background="?attr/colorPrimary"
+			 app:layout_collapseMode="pin"/>
+	
+    
+		</android.support.design.widget.CollapsingToolbarLayout>
+	</android.support.design.widget.AppBarLayout>
+	
+	 <!-- Your Scrollable View -->
+    <include layout="@layout/cardviews"/>
+    
+	<android.support.design.widget.FloatingActionButton
+		        android:id="@+id/fab"
+		        android:layout_width="wrap_content"
+		        android:layout_height="wrap_content"
+		        android:src="@drawable/ic_action_location_found"
+  	            android:layout_marginBottom="20dp"
+			    android:layout_marginRight="20dp"
+				android:layout_gravity="bottom|right"
+		        app:fabSize="normal" />
+	
+</android.support.design.widget.CoordinatorLayout>
diff --git a/android-material-design-appcompat/res/layout/cardviews.xml b/android-material-design-appcompat/res/layout/cardviews.xml
new file mode 100644
index 0000000..3ce1874
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/cardviews.xml
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="utf-8"?>
+<android.support.v4.widget.NestedScrollView
+	    xmlns:android="http://schemas.android.com/apk/res/android"
+	    xmlns:app="http://schemas.android.com/apk/res-auto"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:orientation="vertical"
+            android:paddingTop="24dp">
+
+            <android.support.v7.widget.CardView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_margin="@dimen/card_margin">
+
+                <LinearLayout
+                    style="@style/Widget.CardContent"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="@drawable/cardview_border">
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="Toolbar"
+                        android:textColor="@color/my_primary"
+                        android:textAppearance="@style/TextAppearance.AppCompat.Title" />
+
+                   <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:textColor="#000000"                       
+                        android:text="@string/long_text" />
+                        
+
+                </LinearLayout>
+
+            </android.support.v7.widget.CardView>
+
+            <android.support.v7.widget.CardView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="@dimen/card_margin"
+                android:layout_marginLeft="@dimen/card_margin"
+                android:layout_marginRight="@dimen/card_margin">
+
+                <LinearLayout
+                    style="@style/Widget.CardContent"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="@drawable/cardview_border">
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="FloatActionButton"
+                        android:textColor="@color/my_primary"
+                        android:textAppearance="@style/TextAppearance.AppCompat.Title" />
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:textColor="#000000"                       
+                        android:text="@string/long_text" />
+
+                </LinearLayout>
+
+            </android.support.v7.widget.CardView>
+
+            <android.support.v7.widget.CardView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginBottom="@dimen/card_margin"
+                android:layout_marginLeft="@dimen/card_margin"
+                android:layout_marginRight="@dimen/card_margin"
+                >
+
+                <LinearLayout
+                    style="@style/Widget.CardContent"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:background="@drawable/cardview_border">
+
+                    <TextView
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="Snackbar"
+                         android:textColor="@color/my_primary"                        
+                        android:textAppearance="@style/TextAppearance.AppCompat.Title" />
+
+                    <TextView
+                        android:layout_width="match_parent"                       
+                        android:layout_height="wrap_content"
+                        android:textColor="#000000"                       
+                        android:text="@string/long_text" />
+
+                </LinearLayout>
+
+            </android.support.v7.widget.CardView>
+
+        </LinearLayout>
+
+</android.support.v4.widget.NestedScrollView>
\ No newline at end of file
diff --git a/android-material-design-appcompat/res/layout/nav_header.xml b/android-material-design-appcompat/res/layout/nav_header.xml
new file mode 100644
index 0000000..342e3de
--- /dev/null
+++ b/android-material-design-appcompat/res/layout/nav_header.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="192dp"
+    android:background="?attr/colorPrimaryDark"
+    android:padding="16dp"
+    android:theme="@style/ThemeOverlay.AppCompat.Dark"
+    android:orientation="vertical"
+    android:gravity="bottom">
+
+    
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="HMKCODE App"
+        android:textAppearance="@style/TextAppearance.AppCompat.Body1"/>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/android-material-design-appcompat/res/menu/main.xml b/android-material-design-appcompat/res/menu/main.xml
new file mode 100644
index 0000000..1db8bac
--- /dev/null
+++ b/android-material-design-appcompat/res/menu/main.xml
@@ -0,0 +1,20 @@
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:context="com.hmkcode.app.MainActivity" >
+
+    <item
+        android:id="@+id/action_settings"
+        android:orderInCategory="100"
+        android:title="@string/action_settings"
+        app:showAsAction="never"/>
+    
+     <item
+        android:id="@+id/action_find_location"
+        android:orderInCategory="101"
+        android:title="@string/action_find_location"
+        android:icon="@drawable/ic_action_location_found"
+        app:showAsAction="always"
+        />
+
+</menu>
diff --git a/android-material-design-appcompat/res/menu/navigation_drawer_items.xml b/android-material-design-appcompat/res/menu/navigation_drawer_items.xml
new file mode 100644
index 0000000..d2be94f
--- /dev/null
+++ b/android-material-design-appcompat/res/menu/navigation_drawer_items.xml
@@ -0,0 +1,22 @@
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    tools:context="com.hmkcode.mongoz.MainActivity" >
+
+    <group android:checkableBehavior="all">
+	    <item
+	        android:id="@+id/navigation_item_1"
+	        android:icon="@drawable/ic_action_location_found_dark"
+	        android:title="Toolbar"/>
+	    <item
+	        android:id="@+id/navigation_item_2"
+	        android:icon="@drawable/ic_action_location_found_dark"
+	        android:title="FloatActionButton"/>
+	    
+	    <item
+	        android:id="@+id/navigation_item_3"
+	        android:icon="@drawable/ic_action_location_found_dark"
+	        android:title="NavigationView"/>
+	</group>
+
+</menu>
diff --git a/android-material-design-appcompat/res/values-v21/colors.xml b/android-material-design-appcompat/res/values-v21/colors.xml
new file mode 100644
index 0000000..d96316e
--- /dev/null
+++ b/android-material-design-appcompat/res/values-v21/colors.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>    
+  	<color name="window_background">#FFF5F5F5</color>
+
+</resources>
diff --git a/android-material-design-appcompat/res/values-v21/dimens.xml b/android-material-design-appcompat/res/values-v21/dimens.xml
new file mode 100644
index 0000000..55c1e59
--- /dev/null
+++ b/android-material-design-appcompat/res/values-v21/dimens.xml
@@ -0,0 +1,7 @@
+<resources>
+
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <dimen name="activity_horizontal_margin">16dp</dimen>
+    <dimen name="activity_vertical_margin">16dp</dimen>
+
+</resources>
diff --git a/android-material-design-appcompat/res/values-v21/strings.xml b/android-material-design-appcompat/res/values-v21/strings.xml
new file mode 100644
index 0000000..20258df
--- /dev/null
+++ b/android-material-design-appcompat/res/values-v21/strings.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="app_name">HMKCODE App</string>
+    <string name="hello_world">Hello world!</string>
+    <string name="action_settings">Settings</string>
+
+</resources>
diff --git a/android-material-design-appcompat/res/values-v21/styles.xml b/android-material-design-appcompat/res/values-v21/styles.xml
new file mode 100644
index 0000000..cf204b6
--- /dev/null
+++ b/android-material-design-appcompat/res/values-v21/styles.xml
@@ -0,0 +1,11 @@
+<resources>
+
+
+
+    <style name="AppBaseTheme" parent="Base.Theme.HMKCodeApp">        
+        <!-- item name="android:windowDrawsSystemBarBackgrounds">true</item>  -->
+        <!-- item name="android:statusBarColor">@android:color/transparent</item>  -->
+    </style>
+
+
+</resources>
diff --git a/android-material-design-appcompat/res/values/colors.xml b/android-material-design-appcompat/res/values/colors.xml
new file mode 100644
index 0000000..74084b9
--- /dev/null
+++ b/android-material-design-appcompat/res/values/colors.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>    
+  	<color name="window_background">#CC000000</color>
+  	
+  	  	
+	<color name="my_primary">#ED1C24</color>
+  	<color name="my_primary_dark">#CC0000</color>
+  	<color name="my_primary_light">#B3E5FC</color>
+  	<color name="my_accent">#ED1C24</color>
+  	<color name="my_primary_text">#ffffff</color>
+  	<color name="my_secondary_text">#ffffff</color>
+  	<color name="my_icons">#FFFFFF</color>
+  	<color name="my_divider">#B6B6B6</color>
+</resources>
diff --git a/android-material-design-appcompat/res/values/dimens.xml b/android-material-design-appcompat/res/values/dimens.xml
new file mode 100644
index 0000000..b358808
--- /dev/null
+++ b/android-material-design-appcompat/res/values/dimens.xml
@@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <dimen name="activity_horizontal_margin">16dp</dimen>
+    <dimen name="activity_vertical_margin">16dp</dimen>
+    <dimen name="card_margin">16dp</dimen>
+    <dimen name="detail_backdrop_height">256dp</dimen>
+    
+</resources>
diff --git a/android-material-design-appcompat/res/values/strings.xml b/android-material-design-appcompat/res/values/strings.xml
new file mode 100644
index 0000000..6b69df8
--- /dev/null
+++ b/android-material-design-appcompat/res/values/strings.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="app_name">HMKCODE App</string>
+    <string name="hello_world">Hello world!</string>
+    <string name="action_settings">Settings</string>
+    <string name="action_find_location">Find</string>
+
+    <string name="long_text">Android 5.0 Lollipop was one of the most significant Android releases ever, 
+        in no small part due to the introduction of material design,
+        a new design language that refreshed the entire Android experience
+    </string>
+    
+    <string name="drawer_open">Open navigation drawer</string>
+	<string name="drawer_close">Close navigation drawer</string>	
+</resources>
+
diff --git a/android-material-design-appcompat/res/values/styles.xml b/android-material-design-appcompat/res/values/styles.xml
new file mode 100644
index 0000000..23faf73
--- /dev/null
+++ b/android-material-design-appcompat/res/values/styles.xml
@@ -0,0 +1,48 @@
+<resources>
+ 
+    <style name="Base.Theme.HMKCodeApp" parent="Theme.AppCompat.NoActionBar">
+        
+        <item name="colorPrimary">@color/my_primary</item>
+       
+        <!--   darker variant for the status bar and contextual app bars -->
+        <item name="colorPrimaryDark">@color/my_primary_dark</item>
+        
+        <!--   theme UI controls like checkboxes and text fields e.g. FloatActionButton -->
+        <item name="colorAccent">@color/my_accent</item>
+
+        <!-- Title Text Color -->
+        <item name="android:textColorPrimary">@color/my_primary_text</item> 
+        
+        <!-- color of the menu overflow icon (three vertical dots) -->
+        <item name="android:textColorSecondary">@color/my_secondary_text</item>  
+        
+        
+       <item name="android:windowBackground">@color/window_background</item> 
+    </style>
+    
+     <!--
+        Base application theme, dependent on API level. This theme is replaced
+        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
+    -->
+     <style name="AppBaseTheme" parent="Base.Theme.HMKCodeApp">
+        <!--
+            Theme customizations available in newer API levels can go in
+            res/values-vXX/styles.xml, while customizations related to
+            backward-compatibility can go here.
+        -->
+    </style>
+    
+    <!-- Application theme. -->
+    <style name="AppTheme" parent="AppBaseTheme">
+        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
+    </style>
+
+    
+      <style name="Widget.CardContent" parent="android:Widget">
+        <item name="android:paddingLeft">16dp</item>
+        <item name="android:paddingRight">16dp</item>
+        <item name="android:paddingTop">24dp</item>
+        <item name="android:paddingBottom">24dp</item>
+        <item name="android:orientation">vertical</item>
+    </style>
+</resources>
diff --git a/android-material-design-appcompat/src/com/hmkcode/app/MainActivity.java b/android-material-design-appcompat/src/com/hmkcode/app/MainActivity.java
new file mode 100644
index 0000000..10acd7d
--- /dev/null
+++ b/android-material-design-appcompat/src/com/hmkcode/app/MainActivity.java
@@ -0,0 +1,107 @@
+package com.hmkcode.app;
+
+
+import android.os.Bundle;
+import android.support.design.widget.CollapsingToolbarLayout;
+import android.support.design.widget.FloatingActionButton;
+import android.support.design.widget.Snackbar;
+import android.support.design.widget.TabLayout;
+import android.support.v4.view.GravityCompat;
+import android.support.v4.widget.DrawerLayout;
+import android.support.v7.app.ActionBar;
+import android.support.v7.app.AppCompatActivity;
+import android.support.v7.widget.Toolbar;
+import android.view.MenuItem;
+import android.view.View;
+import android.view.View.OnClickListener;
+
+public class MainActivity extends AppCompatActivity implements OnClickListener {
+
+	DrawerLayout drawerLayout;
+	CollapsingToolbarLayout collapsingToolbarLayout;
+	Toolbar toolbar;
+	TabLayout tabLayout;
+	FloatingActionButton fab;
+
+	@Override
+	protected void onCreate(Bundle savedInstanceState) {
+		super.onCreate(savedInstanceState);
+		setContentView(R.layout.activity_main);
+		
+		setupNavigationView();
+		setupToolbar();
+		setupTablayout();
+		setupCollapsingToolbarLayout();
+		setupFab();
+
+	}
+	
+
+	@Override
+    public boolean onOptionsItemSelected(MenuItem item) {
+        switch (item.getItemId()) {
+            case android.R.id.home:
+            	if(drawerLayout != null)
+            		drawerLayout.openDrawer(GravityCompat.START);
+                return true;
+        }
+        return super.onOptionsItemSelected(item);
+    }
+	
+	private void setupNavigationView(){
+		
+        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
+	}
+	
+	private void setupCollapsingToolbarLayout(){
+		
+		collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
+		if(collapsingToolbarLayout != null){
+			collapsingToolbarLayout.setTitle(toolbar.getTitle());
+			//collapsingToolbarLayout.setCollapsedTitleTextColor(0xED1C24);	
+			//collapsingToolbarLayout.setExpandedTitleColor(0xED1C24);
+		}
+	}
+	
+	private void setupTablayout(){
+		
+		tabLayout = (TabLayout) findViewById(R.id.tabLayout);
+		
+		if(tabLayout == null)
+			return;
+		
+		tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
+		tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
+		tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
+		tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));
+		tabLayout.addTab(tabLayout.newTab().setText("Tab 4"));
+	}
+
+	private void setupFab(){
+		fab = (FloatingActionButton) findViewById(R.id.fab);
+		if(fab != null)
+			fab.setOnClickListener(this);
+	}
+	private void setupToolbar(){
+		toolbar = (Toolbar) findViewById(R.id.toolbar);
+		if(toolbar != null)
+			setSupportActionBar(toolbar);
+
+		// Show menu icon
+        final ActionBar ab = getSupportActionBar();
+        ab.setHomeAsUpIndicator(R.drawable.ic_menu);
+        ab.setDisplayHomeAsUpEnabled(true);
+	}
+
+	@Override
+	public void onClick(View view) {
+		
+		if(view.getId() == R.id.fab){
+			
+			Snackbar
+			  .make(findViewById(R.id.coordinatorLayout), "This is Snackbar", Snackbar.LENGTH_LONG)
+			  .setAction("Action", this)
+			  .show(); // Don’t forget to show!
+		}
+	}
+}