├── README.md
└── layouts
    ├── akshanshjain-layout-1
        ├── code
        │   └── activity_login.xml
        ├── drawables
        │   ├── button_bg.xml
        │   ├── edit_text_bg.xml
        │   ├── facebook_logo.png
        │   ├── fb_bg.xml
        │   ├── google_bg.xml
        │   ├── google_logo.png
        │   ├── twitter_bg.xml
        │   └── twitter_logo.png
        └── screenshots
        │   └── Log In Screen.png
    ├── knightcube-layout-1
        ├── fonts
        │   └── .gitignore
        ├── screenshots
        │   └── knightcube-list-item.jpeg
        └── xml_code
        │   └── knightcube-list-item.txt
    ├── sidhuparas-layout-1
        ├── drawables
        │   ├── custom_bg-v21.xml
        │   ├── custom_bg.xml
        │   ├── grad_aqua.xml
        │   ├── grad_green_blue.xml
        │   ├── grad_pink_red.xml
        │   ├── grad_red.xml
        │   └── grad_sun.xml
        ├── fonts
        │   ├── Raleway-Medium.ttf
        │   └── Raleway.ttf
        ├── screenshots
        │   └── recycler_view.png
        └── xml_code
        │   └── row_list.txt
    ├── sidhuparas-layout-2
        ├── drawables
        │   ├── a1.png
        │   ├── a10.png
        │   ├── a2.png
        │   ├── a3.png
        │   ├── a4.png
        │   ├── a5.png
        │   ├── a6.png
        │   ├── a7.png
        │   ├── a8.png
        │   ├── a9.png
        │   └── activity_back.jpg
        ├── screenshots
        │   └── Screenshot_1539177687.png
        └── xml_code
        │   └── row_list.txt
    ├── tavishjain-layout-1
        ├── code
        │   ├── Log In.txt
        │   └── Sign Up.txt
        └── screenshots
        │   ├── Log In.jpeg
        │   └── Sign Up.jpeg
    └── yugansht79-login-page
        ├── drawables
            └── circle_blue.xml
        ├── screenshots
            └── yugansht79-login-page.png
        └── xml_code
            └── yugansht79-login-page.xml


/README.md:
--------------------------------------------------------------------------------
 1 | # android-layout-templates
 2 | ## A collection of beautiful Android XML layouts
 3 | 
 4 | [![forthebadge](https://forthebadge.com/images/badges/built-for-android.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/built-by-developers.svg)](https://forthebadge.com)
 5 | 
 6 | ### Description
 7 | This repository aims at simplifying the load of developing various layouts in android via [XML](https://www.w3schools.com/xml/). This will be a curated list of XML files that can be used in any android project. How creative can you get? Show off your layout designing and development skills and contribute in making a collection of layout templates that can be used for faster development.
 8 | 
 9 | ### Ideas
10 | - Cards
11 | - Adapter list item
12 | - Login pages
13 | - OnBoarding screens
14 | - Bottom sheet design
15 | 
16 | Any other reusable components
17 | 
18 | ### Contribution
19 | - Create a PR with an xml file and also add a screenshot of your layout
20 | - Add your xml file in `"xml_code folder"` of this repository
21 | - Add a screenshot of your layout in the `"screenshots"` folder of this repository
22 | - Add your custom fonts in `"fonts"` directory. Make sure you don't duplicate a font. Naming for font `Product Sans.ttf` should be `product_sans.ttf` as an example.
23 | - Please save your screenshot's name and xml layout file(with the code) with the same name for easier navigation
24 | 
25 | ### Creating an issue
26 | - Feel free to create an issue if you have better ideas in order to improve anything in this repository
27 | - [Check out the sample issue](https://github.com/knightcube/android-layout-templates/issues/3)
28 | 


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/code/activity_login.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
  4 |     android:layout_width="match_parent"
  5 |     android:layout_height="match_parent"
  6 |     android:background="@android:color/white">
  7 | 
  8 |     <de.hdodenhof.circleimageview.CircleImageView
  9 |         android:id="@+id/app_logo"
 10 |         android:layout_width="80dp"
 11 |         android:layout_height="80dp"
 12 |         android:layout_marginStart="32dp"
 13 |         android:layout_marginEnd="32dp"
 14 |         android:src="@drawable/atom"
 15 |         app:layout_constraintBottom_toTopOf="@id/login_label"
 16 |         app:layout_constraintLeft_toLeftOf="parent"
 17 |         app:layout_constraintRight_toRightOf="parent"
 18 |         app:layout_constraintTop_toTopOf="parent"
 19 |         app:layout_constraintVertical_chainStyle="packed" />
 20 | 
 21 |     <TextView
 22 |         android:id="@+id/login_label"
 23 |         android:layout_width="match_parent"
 24 |         android:layout_height="wrap_content"
 25 |         android:layout_marginStart="32dp"
 26 |         android:layout_marginTop="16dp"
 27 |         android:layout_marginEnd="32dp"
 28 |         android:gravity="center"
 29 |         android:text="Login to account"
 30 |         android:textColor="@android:color/black"
 31 |         android:textSize="20sp"
 32 |         app:layout_constraintBottom_toTopOf="@id/user_email_label"
 33 |         app:layout_constraintLeft_toLeftOf="parent"
 34 |         app:layout_constraintRight_toRightOf="parent"
 35 |         app:layout_constraintTop_toBottomOf="@id/app_logo" />
 36 | 
 37 |     <TextView
 38 |         android:id="@+id/user_email_label"
 39 |         android:layout_width="match_parent"
 40 |         android:layout_height="wrap_content"
 41 |         android:layout_marginStart="32dp"
 42 |         android:layout_marginTop="36dp"
 43 |         android:layout_marginEnd="32dp"
 44 |         android:text="Username / Email"
 45 |         android:textColor="@android:color/black"
 46 |         android:textSize="16sp"
 47 |         android:textStyle="bold"
 48 |         app:layout_constraintBottom_toTopOf="@id/username_email"
 49 |         app:layout_constraintLeft_toLeftOf="parent"
 50 |         app:layout_constraintRight_toRightOf="parent"
 51 |         app:layout_constraintTop_toBottomOf="@id/login_label" />
 52 | 
 53 |     <EditText
 54 |         android:id="@+id/username_email"
 55 |         android:layout_width="match_parent"
 56 |         android:layout_height="wrap_content"
 57 |         android:layout_marginStart="32dp"
 58 |         android:layout_marginTop="8dp"
 59 |         android:layout_marginEnd="32dp"
 60 |         android:background="@drawable/edit_text_bg"
 61 |         android:padding="12dp"
 62 |         android:textSize="16sp"
 63 |         app:layout_constraintBottom_toTopOf="@id/password_label"
 64 |         app:layout_constraintLeft_toLeftOf="parent"
 65 |         app:layout_constraintRight_toRightOf="parent"
 66 |         app:layout_constraintTop_toBottomOf="@id/user_email_label" />
 67 | 
 68 |     <TextView
 69 |         android:id="@+id/password_label"
 70 |         android:layout_width="0dp"
 71 |         android:layout_height="wrap_content"
 72 |         android:layout_marginStart="32dp"
 73 |         android:layout_marginTop="16dp"
 74 |         android:layout_marginEnd="32dp"
 75 |         android:text="Password"
 76 |         android:textColor="@android:color/black"
 77 |         android:textSize="16sp"
 78 |         android:textStyle="bold"
 79 |         app:layout_constraintBottom_toTopOf="@id/password"
 80 |         app:layout_constraintLeft_toLeftOf="parent"
 81 |         app:layout_constraintTop_toBottomOf="@id/username_email" />
 82 | 
 83 |     <TextView
 84 |         android:id="@+id/forgot_password"
 85 |         android:layout_width="0dp"
 86 |         android:layout_height="wrap_content"
 87 |         android:layout_marginStart="32dp"
 88 |         android:layout_marginTop="16dp"
 89 |         android:layout_marginEnd="32dp"
 90 |         android:text="Forgot Password?"
 91 |         android:textColor="#2196F3"
 92 |         android:textSize="14sp"
 93 |         android:textStyle="bold"
 94 |         app:layout_constraintBottom_toTopOf="@id/password"
 95 |         app:layout_constraintRight_toRightOf="parent"
 96 |         app:layout_constraintTop_toBottomOf="@id/username_email" />
 97 | 
 98 |     <EditText
 99 |         android:id="@+id/password"
100 |         android:layout_width="match_parent"
101 |         android:layout_height="wrap_content"
102 |         android:layout_marginStart="32dp"
103 |         android:layout_marginTop="8dp"
104 |         android:layout_marginEnd="32dp"
105 |         android:background="@drawable/edit_text_bg"
106 |         android:padding="12dp"
107 |         android:textSize="16sp"
108 |         app:layout_constraintBottom_toTopOf="@id/remember_me_checkbox"
109 |         app:layout_constraintLeft_toLeftOf="parent"
110 |         app:layout_constraintRight_toRightOf="parent"
111 |         app:layout_constraintTop_toBottomOf="@id/password_label" />
112 | 
113 |     <CheckBox
114 |         android:id="@+id/remember_me_checkbox"
115 |         android:layout_width="match_parent"
116 |         android:layout_height="wrap_content"
117 |         android:layout_marginStart="32dp"
118 |         android:layout_marginTop="16dp"
119 |         android:layout_marginEnd="32dp"
120 |         android:buttonTint="#D2D2D2"
121 |         android:text="Remember Me"
122 |         android:textColor="@android:color/black"
123 |         android:textSize="16sp"
124 |         android:textStyle="bold"
125 |         app:layout_constraintBottom_toTopOf="@id/sign_in_button"
126 |         app:layout_constraintLeft_toLeftOf="parent"
127 |         app:layout_constraintRight_toRightOf="parent"
128 |         app:layout_constraintTop_toBottomOf="@id/password" />
129 | 
130 |     <Button
131 |         android:id="@+id/sign_in_button"
132 |         android:layout_width="match_parent"
133 |         android:layout_height="wrap_content"
134 |         android:layout_marginStart="32dp"
135 |         android:layout_marginTop="16dp"
136 |         android:layout_marginEnd="32dp"
137 |         android:background="@drawable/button_bg"
138 |         android:stateListAnimator="@null"
139 |         android:text="Sign In"
140 |         android:textAllCaps="false"
141 |         android:textColor="@android:color/white"
142 |         android:textSize="16sp"
143 |         android:textStyle="bold"
144 |         app:layout_constraintBottom_toTopOf="@id/or_text_label"
145 |         app:layout_constraintLeft_toLeftOf="parent"
146 |         app:layout_constraintRight_toRightOf="parent"
147 |         app:layout_constraintTop_toBottomOf="@id/remember_me_checkbox" />
148 | 
149 |     <View
150 |         android:id="@+id/separator1"
151 |         android:layout_width="0dp"
152 |         android:layout_height="1dp"
153 |         android:layout_marginStart="32dp"
154 |         android:background="@android:color/black"
155 |         app:layout_constraintBottom_toBottomOf="@id/or_text_label"
156 |         app:layout_constraintLeft_toLeftOf="parent"
157 |         app:layout_constraintRight_toLeftOf="@id/or_text_label"
158 |         app:layout_constraintTop_toTopOf="@id/or_text_label" />
159 | 
160 |     <TextView
161 |         android:id="@+id/or_text_label"
162 |         android:layout_width="wrap_content"
163 |         android:layout_height="wrap_content"
164 |         android:layout_marginStart="16dp"
165 |         android:layout_marginTop="16dp"
166 |         android:layout_marginEnd="16dp"
167 |         android:text="OR"
168 |         android:textColor="@android:color/black"
169 |         android:textSize="16sp"
170 |         app:layout_constraintBottom_toTopOf="@id/social_login_parent"
171 |         app:layout_constraintLeft_toRightOf="@id/separator1"
172 |         app:layout_constraintRight_toLeftOf="@id/separator2"
173 |         app:layout_constraintTop_toBottomOf="@id/sign_in_button" />
174 | 
175 |     <View
176 |         android:id="@+id/separator2"
177 |         android:layout_width="0dp"
178 |         android:layout_height="1dp"
179 |         android:layout_marginEnd="32dp"
180 |         android:background="@android:color/black"
181 |         app:layout_constraintBottom_toBottomOf="@id/or_text_label"
182 |         app:layout_constraintLeft_toRightOf="@id/or_text_label"
183 |         app:layout_constraintRight_toRightOf="parent"
184 |         app:layout_constraintTop_toTopOf="@id/or_text_label" />
185 | 
186 |     <LinearLayout
187 |         android:id="@+id/social_login_parent"
188 |         android:layout_width="match_parent"
189 |         android:layout_height="wrap_content"
190 |         android:layout_marginStart="32dp"
191 |         android:layout_marginTop="16dp"
192 |         android:layout_marginEnd="32dp"
193 |         android:orientation="horizontal"
194 |         app:layout_constraintBottom_toTopOf="@id/sign_up_parent"
195 |         app:layout_constraintLeft_toLeftOf="parent"
196 |         app:layout_constraintRight_toRightOf="parent"
197 |         app:layout_constraintTop_toBottomOf="@id/or_text_label">
198 | 
199 |         <ImageView
200 |             android:id="@+id/facebook_login"
201 |             android:layout_width="0dp"
202 |             android:layout_height="wrap_content"
203 |             android:layout_weight="1"
204 |             android:background="@drawable/fb_bg"
205 |             android:padding="6dp"
206 |             android:src="@drawable/facebook_logo" />
207 | 
208 |         <ImageView
209 |             android:id="@+id/twitter_login"
210 |             android:layout_width="0dp"
211 |             android:layout_height="wrap_content"
212 |             android:layout_marginStart="8dp"
213 |             android:layout_marginEnd="8dp"
214 |             android:layout_weight="1"
215 |             android:background="@drawable/twitter_bg"
216 |             android:padding="6dp"
217 |             android:src="@drawable/twitter_logo" />
218 | 
219 |         <ImageView
220 |             android:id="@+id/google_login"
221 |             android:layout_width="0dp"
222 |             android:layout_height="wrap_content"
223 |             android:layout_weight="1"
224 |             android:background="@drawable/google_bg"
225 |             android:padding="6dp"
226 |             android:src="@drawable/google_logo" />
227 | 
228 |     </LinearLayout>
229 | 
230 |     <LinearLayout
231 |         android:id="@+id/sign_up_parent"
232 |         android:layout_width="match_parent"
233 |         android:layout_height="wrap_content"
234 |         android:layout_marginTop="16dp"
235 |         android:gravity="center_horizontal"
236 |         android:orientation="horizontal"
237 |         app:layout_constraintBottom_toBottomOf="parent"
238 |         app:layout_constraintLeft_toLeftOf="parent"
239 |         app:layout_constraintRight_toRightOf="parent"
240 |         app:layout_constraintTop_toBottomOf="@id/social_login_parent">
241 | 
242 |         <TextView
243 |             android:id="@+id/sign_up_label"
244 |             android:layout_width="wrap_content"
245 |             android:layout_height="wrap_content"
246 |             android:layout_marginStart="32dp"
247 |             android:layout_marginEnd="4dp"
248 |             android:gravity="end"
249 |             android:text="Don't have an account yet?"
250 |             android:textColor="@android:color/black"
251 |             android:textSize="14sp" />
252 | 
253 |         <TextView
254 |             android:id="@+id/sign_up"
255 |             android:layout_width="wrap_content"
256 |             android:layout_height="wrap_content"
257 |             android:layout_marginStart="4dp"
258 |             android:layout_marginEnd="32dp"
259 |             android:gravity="start"
260 |             android:text="Sign Up"
261 |             android:textColor="#2196F3"
262 |             android:textSize="14sp"
263 |             android:textStyle="bold" />
264 | 
265 |     </LinearLayout>
266 | 
267 | </android.support.constraint.ConstraintLayout>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/button_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <solid android:color="#933EC5" />
6 | 
7 |     <corners android:radius="4dp" />
8 | 
9 | </shape>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/edit_text_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <solid android:color="#D2D2D2" />
6 | 
7 |     <corners android:radius="4dp" />
8 | 
9 | </shape>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/facebook_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/akshanshjain-layout-1/drawables/facebook_logo.png


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/fb_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <solid android:color="#3B5998" />
6 | 
7 |     <corners android:radius="4dp" />
8 | 
9 | </shape>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/google_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <solid android:color="#DB3236" />
6 | 
7 |     <corners android:radius="4dp" />
8 | 
9 | </shape>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/google_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/akshanshjain-layout-1/drawables/google_logo.png


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/twitter_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <solid android:color="#00ACED" />
6 | 
7 |     <corners android:radius="4dp" />
8 | 
9 | </shape>


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/drawables/twitter_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/akshanshjain-layout-1/drawables/twitter_logo.png


--------------------------------------------------------------------------------
/layouts/akshanshjain-layout-1/screenshots/Log In Screen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/akshanshjain-layout-1/screenshots/Log In Screen.png


--------------------------------------------------------------------------------
/layouts/knightcube-layout-1/fonts/.gitignore:
--------------------------------------------------------------------------------
 1 | # Built application files
 2 | *.apk
 3 | *.ap_
 4 | 
 5 | # Files for the ART/Dalvik VM
 6 | *.dex
 7 | 
 8 | # Java class files
 9 | *.class
10 | 
11 | # Generated files
12 | bin/
13 | gen/
14 | out/
15 | 
16 | # Gradle files
17 | .gradle/
18 | build/
19 | 
20 | # Local configuration file (sdk path, etc)
21 | local.properties
22 | 
23 | # Proguard folder generated by Eclipse
24 | proguard/
25 | 
26 | # Log Files
27 | *.log
28 | 
29 | # Android Studio Navigation editor temp files
30 | .navigation/
31 | 
32 | # Android Studio captures folder
33 | captures/
34 | 
35 | # IntelliJ
36 | *.iml
37 | .idea/
38 | .idea/workspace.xml
39 | .idea/tasks.xml
40 | .idea/gradle.xml
41 | .idea/assetWizardSettings.xml
42 | .idea/dictionaries
43 | .idea/libraries
44 | .idea/caches
45 | 
46 | # Keystore files
47 | # Uncomment the following line if you do not want to check your keystore files in.
48 | #*.jks
49 | 
50 | # External native build folder generated in Android Studio 2.2 and later
51 | .externalNativeBuild
52 | 
53 | # Google Services (e.g. APIs or Firebase)
54 | google-services.json
55 | 
56 | # Freeline
57 | freeline.py
58 | freeline/
59 | freeline_project_description.json
60 | 
61 | # fastlane
62 | fastlane/report.xml
63 | fastlane/Preview.html
64 | fastlane/screenshots
65 | fastlane/test_output
66 | fastlane/readme.md


--------------------------------------------------------------------------------
/layouts/knightcube-layout-1/screenshots/knightcube-list-item.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/knightcube-layout-1/screenshots/knightcube-list-item.jpeg


--------------------------------------------------------------------------------
/layouts/knightcube-layout-1/xml_code/knightcube-list-item.txt:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
  4 |     android:layout_width="match_parent"
  5 |     android:layout_height="wrap_content"
  6 |     android:layout_margin="2dp"
  7 |     app:cardCornerRadius="4dp"
  8 |     app:cardElevation="2dp">
  9 | 
 10 |     <LinearLayout
 11 |         android:layout_width="match_parent"
 12 |         android:layout_height="match_parent"
 13 |         android:background="@drawable/ripple_anim"
 14 |         android:orientation="vertical">
 15 | 
 16 |         <ImageView
 17 |             android:id="@+id/recipe_img"
 18 |             android:layout_width="match_parent"
 19 |             android:layout_height="194dp"
 20 |             android:contentDescription="@string/recipe_image_content_description"
 21 |             android:scaleType="fitXY"
 22 |             android:src="@mipmap/ic_launcher"
 23 |             />
 24 | 
 25 |         <TextView
 26 |             android:id="@+id/recipe_name_txt"
 27 |             android:layout_width="match_parent"
 28 |             android:layout_height="wrap_content"
 29 |             android:drawableEnd="@drawable/ic_arrow_drop_down"
 30 |             android:background="@drawable/ripple_anim"
 31 |             android:layout_marginTop="4dp"
 32 |             android:paddingLeft="16dp"
 33 |             android:paddingStart="16dp"
 34 |             android:paddingRight="16dp"
 35 |             android:paddingEnd="16dp"
 36 |             android:text="@string/recipe"
 37 |             android:textColor="@color/colorPrimaryText"
 38 |             android:textSize="21sp"
 39 |             android:textStyle="bold" />
 40 | 
 41 |         <com.github.aakira.expandablelayout.ExpandableRelativeLayout
 42 |             android:id="@+id/expandableLayout"
 43 |             android:layout_width="match_parent"
 44 |             android:layout_height="wrap_content"
 45 |             app:ael_duration="500"
 46 |             app:ael_interpolator="accelerateDecelerate"
 47 |             app:ael_orientation="vertical">
 48 | 
 49 |             <TextView
 50 |                 android:id="@+id/recipe_ingredient_count_txt"
 51 |                 android:layout_width="match_parent"
 52 |                 android:layout_height="wrap_content"
 53 |                 android:paddingLeft="16dp"
 54 |                 android:paddingStart="16dp"
 55 |                 android:paddingEnd="16dp"
 56 |                 android:paddingRight="16dp"
 57 |                 android:text="@string/number_of_ingredients_4"
 58 |                 android:textSize="14sp" />
 59 | 
 60 |             <TextView
 61 |                 android:id="@+id/recipe_step_count_txt"
 62 |                 android:layout_width="match_parent"
 63 |                 android:layout_height="wrap_content"
 64 |                 android:layout_below="@+id/recipe_ingredient_count_txt"
 65 |                 android:paddingLeft="16dp"
 66 |                 android:paddingStart="16dp"
 67 |                 android:paddingRight="16dp"
 68 |                 android:paddingEnd="16dp"
 69 |                 android:text="@string/number_of_steps_5"
 70 |                 android:textSize="14sp" />
 71 | 
 72 |         </com.github.aakira.expandablelayout.ExpandableRelativeLayout>
 73 |         <TextView
 74 |             android:id="@+id/recipe_servings_count_txt"
 75 |             android:layout_width="match_parent"
 76 |             android:layout_height="wrap_content"
 77 |             android:paddingLeft="16dp"
 78 |             android:paddingStart="16dp"
 79 |             android:paddingEnd="16dp"
 80 |             android:paddingRight="16dp"
 81 |             android:text="@string/number_of_servings_4"
 82 |             android:textSize="14sp" />
 83 |         <LinearLayout
 84 |             android:layout_width="match_parent"
 85 |             android:layout_height="match_parent"
 86 |             android:layout_marginTop="16dp"
 87 |             android:orientation="horizontal">
 88 | 
 89 |             <TextView
 90 |                 android:id="@+id/show_ingredients_action"
 91 |                 android:layout_width="0dp"
 92 |                 android:layout_weight="1"
 93 |                 android:layout_height="wrap_content"
 94 |                 android:layout_marginBottom="8dp"
 95 |                 android:layout_marginEnd="8dp"
 96 |                 android:layout_marginRight="8dp"
 97 |                 android:layout_marginLeft="8dp"
 98 |                 android:layout_marginStart="8dp"
 99 |                 android:paddingLeft="16dp"
100 |                 android:paddingStart="16dp"
101 |                 android:paddingRight="16dp"
102 |                 android:paddingEnd="16dp"
103 |                 android:text="@string/ingredients"
104 |                 android:textAllCaps="true"
105 |                 android:textColor="@color/colorAccent"
106 |                 android:textSize="18sp"
107 |                 android:textStyle="bold" />
108 | 
109 |             <TextView
110 |                 android:layout_width="1dp"
111 |                 android:layout_height="wrap_content"
112 |                 android:background="@color/colorPrimaryText"/>
113 |             <TextView
114 |                 android:id="@+id/cooking_card_action"
115 |                 android:layout_width="0dp"
116 |                 android:layout_height="wrap_content"
117 |                 android:layout_weight="1"
118 |                 android:layout_marginBottom="8dp"
119 |                 android:layout_marginEnd="8dp"
120 |                 android:layout_marginRight="8dp"
121 |                 android:layout_marginStart="8dp"
122 |                 android:layout_marginLeft="8dp"
123 |                 android:textAlignment="center"
124 |                 android:text="@string/cook"
125 |                 android:textAllCaps="true"
126 |                 android:textColor="@color/colorAccent"
127 |                 android:textSize="18sp"
128 |                 android:textStyle="bold" />
129 |         </LinearLayout>
130 |     </LinearLayout>
131 | </android.support.v7.widget.CardView>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/custom_bg-v21.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <ripple xmlns:android="http://schemas.android.com/apk/res/android" android:color="@color/white1" >
3 | 
4 |     <item
5 |         android:id="@android:id/mask"
6 |         android:drawable="@color/white1" />
7 | </ripple>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/custom_bg.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <selector xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <item android:state_pressed="true">
4 |         <shape>
5 |             <solid android:color="@color/colorPrimary"></solid>
6 |         </shape>
7 |     </item>
8 | </selector>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/grad_aqua.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
 3 | 
 4 |     <gradient
 5 |         android:angle="0"
 6 |         android:startColor="#16d9e3"
 7 |         android:endColor="#46aef7"
 8 |         android:gradientRadius="248pt"
 9 |         android:type="radial" />
10 | 
11 |     <corners
12 |         android:radius="0dp"/>
13 | 
14 | </shape>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/grad_green_blue.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
 3 | 
 4 |     <gradient
 5 |         android:angle="0"
 6 |         android:startColor="#00b09b"
 7 |         android:endColor="#96c93d"
 8 |         android:type="linear" />
 9 | 
10 |     <corners
11 |         android:radius="0dp"/>
12 | 
13 | </shape>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/grad_pink_red.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
 3 | 
 4 |     <gradient
 5 |         android:angle="0"
 6 |         android:startColor="#bc4e9c"
 7 |         android:endColor="#f80759"
 8 |         android:type="linear" />
 9 | 
10 |     <corners
11 |         android:radius="0dp"/>
12 | 
13 | </shape>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/grad_red.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
 3 | 
 4 |     <gradient
 5 |         android:angle="0"
 6 |         android:startColor="#EB3349"
 7 |         android:endColor="#F45C43"
 8 |         android:type="linear" />
 9 | 
10 |     <corners
11 |         android:radius="0dp"/>
12 | 
13 | </shape>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/drawables/grad_sun.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
 3 | 
 4 |     <gradient
 5 |         android:angle="0"
 6 |         android:startColor="#F7971E"
 7 |         android:endColor="#FFD200"
 8 |         android:type="linear" />
 9 | 
10 |     <corners
11 |         android:radius="0dp"/>
12 | 
13 | </shape>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/fonts/Raleway-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-1/fonts/Raleway-Medium.ttf


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/fonts/Raleway.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-1/fonts/Raleway.ttf


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/screenshots/recycler_view.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-1/screenshots/recycler_view.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-1/xml_code/row_list.txt:
--------------------------------------------------------------------------------
 1 | <!--
 2 |     
 3 |     To inflate gradients, use the following code in onBindViewHolder
 4 |     where i is position:
 5 |     
 6 |       if (i % 5 == 0)
 7 |             viewHolder.itemView.setBackgroundResource(R.drawable.grad_green_blue);
 8 |         else if (i % 5 == 1)
 9 |             viewHolder.itemView.setBackgroundResource(R.drawable.grad_aqua);
10 |         else if (i % 5 == 2)
11 |             viewHolder.itemView.setBackgroundResource(R.drawable.grad_red);
12 |         else if (i % 5 == 3)
13 |             viewHolder.itemView.setBackgroundResource(R.drawable.grad_sun);
14 |         else if (i % 5 == 4)
15 |             viewHolder.itemView.setBackgroundResource(R.drawable.grad_pink_red);
16 |             
17 | -->
18 | 
19 | <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
20 |     xmlns:android="http://schemas.android.com/apk/res/android"
21 |     android:layout_width="match_parent"
22 |     android:layout_height="wrap_content"
23 |     android:layout_marginBottom="12dp"
24 |     android:layout_marginLeft="2dp"
25 |     android:layout_marginRight="2dp"
26 |     android:background="@drawable/custom_bg"
27 |     android:clickable="true"
28 |     card_view:cardElevation="5dp"
29 |     card_view:cardCornerRadius="10dp">
30 | 
31 |     <RelativeLayout
32 |         android:paddingTop="7dp"
33 |         android:paddingBottom="7dp"
34 |         android:layout_width="match_parent"
35 |         android:layout_height="match_parent">
36 | 
37 |         <TextView
38 |             android:layout_width="wrap_content"
39 |             android:layout_height="wrap_content"
40 |             android:layout_marginTop="10dp"
41 |             android:layout_marginLeft="15dp"
42 |             android:layout_marginRight="10dp"
43 |             android:text="QUIZ"
44 |             android:textAllCaps="true"
45 |             android:id="@+id/name"
46 |             android:fontFamily="sans-serif-light"
47 |             android:ellipsize="end"
48 |             android:maxLines="2"
49 |             android:textColor="@color/white"
50 |             android:textSize="23sp"/>
51 | 
52 |         <TextView
53 |             android:layout_width="wrap_content"
54 |             android:layout_height="wrap_content"
55 |             android:layout_marginTop="7dp"
56 |             android:layout_below="@id/name"
57 |             android:textColor="@color/white"
58 |             android:text="DEADLINE"
59 |             android:textAllCaps="true"
60 |             android:id="@+id/subjectName"
61 |             android:fontFamily="sans-serif-light"
62 |             android:layout_marginLeft="15dp"
63 |             android:textSize="16sp"/>
64 |     </RelativeLayout>
65 | 
66 | </android.support.v7.widget.CardView>


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a1.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a10.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a2.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a3.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a4.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a5.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a6.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a7.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a8.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/a9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/a9.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/drawables/activity_back.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/drawables/activity_back.jpg


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/screenshots/Screenshot_1539177687.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/sidhuparas-layout-2/screenshots/Screenshot_1539177687.png


--------------------------------------------------------------------------------
/layouts/sidhuparas-layout-2/xml_code/row_list.txt:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!--
 3 | To update the color of numeric drawables, use this:
 4 |         img_android.setColorFilter(rgbOfColor);
 5 | -->
 6 | <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 7 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 8 |     android:id="@+id/nested"
 9 |     android:layout_width="match_parent"
10 |     android:layout_height="wrap_content">
11 | 
12 |     <TextView
13 |         android:id="@+id/choose5Years"
14 |         style="@style/HomeText"
15 |         android:text="@string/fyear"
16 |         app:layout_constraintEnd_toEndOf="parent"
17 |         app:layout_constraintStart_toStartOf="parent"
18 |         app:layout_constraintTop_toTopOf="parent" />
19 | 
20 |     <android.support.v7.widget.RecyclerView
21 |         android:id="@+id/fiveYearsRV"
22 |         android:layout_width="match_parent"
23 |         android:layout_height="wrap_content"
24 |         android:layout_below="@id/choose5Years"
25 |         android:layout_marginEnd="8dp"
26 |         android:layout_marginLeft="8dp"
27 |         android:layout_marginRight="8dp"
28 |         android:layout_marginStart="8dp"
29 |         android:layout_marginTop="8dp"
30 |         app:layout_behavior="@string/appbar_scrolling_view_behavior"
31 |         app:layout_constraintEnd_toEndOf="parent"
32 |         app:layout_constraintStart_toStartOf="parent"
33 |         app:layout_constraintTop_toBottomOf="@+id/choose5Years" />
34 | 
35 |     <TextView
36 |         android:id="@+id/choose2Years"
37 |         style="@style/HomeText"
38 |         android:layout_marginEnd="8dp"
39 |         android:layout_marginLeft="8dp"
40 |         android:layout_marginRight="8dp"
41 |         android:layout_marginStart="8dp"
42 |         android:layout_marginTop="12dp"
43 |         android:text="@string/tyear"
44 |         app:layout_constraintEnd_toEndOf="parent"
45 |         app:layout_constraintHorizontal_bias="0.0"
46 |         app:layout_constraintStart_toStartOf="parent"
47 |         app:layout_constraintTop_toBottomOf="@+id/fiveYearsRV" />
48 | 
49 |     <android.support.v7.widget.RecyclerView
50 |         android:id="@+id/twoYearsRV"
51 |         android:layout_width="match_parent"
52 |         android:layout_height="wrap_content"
53 |         android:layout_marginEnd="8dp"
54 |         android:layout_marginLeft="8dp"
55 |         android:layout_marginRight="8dp"
56 |         android:layout_marginStart="8dp"
57 |         android:layout_marginTop="8dp"
58 |         app:layout_constraintEnd_toEndOf="parent"
59 |         app:layout_constraintStart_toStartOf="parent"
60 |         app:layout_constraintTop_toBottomOf="@+id/choose2Years" />
61 | 
62 | </android.support.constraint.ConstraintLayout>


--------------------------------------------------------------------------------
/layouts/tavishjain-layout-1/code/Log In.txt:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
  4 |     xmlns:tools="http://schemas.android.com/tools"
  5 |     android:layout_width="match_parent"
  6 |     android:layout_height="match_parent"
  7 |     tools:context=".LogInActivity">
  8 | 
  9 |     <ImageView
 10 |         android:layout_width="wrap_content"
 11 |         android:scaleType="centerCrop"
 12 |         android:layout_height="wrap_content"
 13 |         android:background="@drawable/bg2" />
 14 | 
 15 |     <ImageView
 16 |         android:layout_width="40dp"
 17 |         android:layout_marginStart="10dp"
 18 |         android:layout_marginTop="34dp"
 19 |         android:layout_height="40dp"
 20 |         android:background="@drawable/ic_back_24dp" />
 21 | 
 22 |     <TextView
 23 |         android:layout_width="wrap_content"
 24 |         android:layout_height="wrap_content"
 25 |         android:text="LOG IN"
 26 |         android:textColor="@android:color/white"
 27 |         android:textSize="30sp"
 28 |         android:fontFamily="casual"
 29 |         android:textStyle="bold"
 30 |         android:layout_marginStart="64dp"
 31 |         android:layout_marginTop="145dp"/>
 32 | 
 33 |     <TextView
 34 |         android:layout_width="wrap_content"
 35 |         android:layout_height="wrap_content"
 36 |         android:text="Continue onto the app"
 37 |         android:textSize="18sp"
 38 |         android:textColor="@android:color/white"
 39 |         android:fontFamily="casual"
 40 |         android:layout_marginStart="64dp"
 41 |         android:layout_marginTop="185dp"/>
 42 | 
 43 |     <android.support.v7.widget.CardView
 44 |         android:layout_height="wrap_content"
 45 |         android:layout_width="match_parent"
 46 |         android:layout_marginTop="275dp"
 47 |         android:layout_marginEnd="16dp"
 48 |         android:layout_marginStart="16dp"
 49 |         app:cardElevation="10dp">
 50 | 
 51 |         <EditText
 52 |             android:layout_width="match_parent"
 53 |             android:layout_height="wrap_content"
 54 |             android:hint="Email"
 55 |             android:inputType="textEmailAddress"
 56 |             android:drawablePadding="8dp"
 57 |             android:drawableStart="@drawable/ic_mail_outline_black_24dp"
 58 |             android:background="@android:color/transparent"
 59 |             android:paddingTop="10dp"
 60 |             android:paddingBottom="10dp"
 61 |             android:paddingStart="20dp"
 62 |             android:paddingEnd="20dp"
 63 |             android:textSize="20sp"/>
 64 | 
 65 |     </android.support.v7.widget.CardView>
 66 | 
 67 |     <android.support.v7.widget.CardView
 68 |         android:layout_height="wrap_content"
 69 |         android:layout_width="match_parent"
 70 |         android:layout_marginTop="345dp"
 71 |         android:layout_marginEnd="16dp"
 72 |         android:layout_marginStart="16dp"
 73 |         app:cardElevation="10dp">
 74 | 
 75 |         <EditText
 76 |             android:layout_width="match_parent"
 77 |             android:layout_height="wrap_content"
 78 |             android:hint="Password"
 79 |             android:inputType="textPassword"
 80 |             android:drawablePadding="8dp"
 81 |             android:drawableStart="@drawable/ic_vpn_key_black_24dp"
 82 |             android:background="@android:color/transparent"
 83 |             android:paddingTop="10dp"
 84 |             android:paddingBottom="10dp"
 85 |             android:paddingStart="20dp"
 86 |             android:paddingEnd="20dp"
 87 |             android:textSize="20sp"/>
 88 | 
 89 |     </android.support.v7.widget.CardView>
 90 | 
 91 |     <TextView
 92 |         android:layout_width="wrap_content"
 93 |         android:layout_height="wrap_content"
 94 |         android:layout_marginTop="415dp"
 95 |         android:layout_marginStart="20dp"
 96 |         android:text="Forgot Password?"/>
 97 | 
 98 |     <TextView
 99 |         android:layout_width="wrap_content"
100 |         android:layout_height="wrap_content"
101 |         android:layout_marginBottom="80dp"
102 |         android:id="@+id/create_account"
103 |         android:layout_alignParentBottom="true"
104 |         android:layout_marginStart="20dp"
105 |         android:text="Create Account"/>
106 | 
107 |     <ImageButton
108 |         android:layout_width="56dp"
109 |         android:layout_height="56dp"
110 |         android:layout_alignParentBottom="true"
111 |         android:layout_alignParentEnd="true"
112 |         android:background="@drawable/bg_btn"
113 |         android:layout_margin="16dp"
114 |         android:src="@drawable/ic_keyboard_arrow_right_black_24dp"
115 |         />
116 | 
117 | </RelativeLayout>


--------------------------------------------------------------------------------
/layouts/tavishjain-layout-1/code/Sign Up.txt:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | 
  3 | <RelativeLayout android:layout_width="match_parent"
  4 |     android:layout_height="match_parent"
  5 |     xmlns:android="http://schemas.android.com/apk/res/android"
  6 |     xmlns:app="http://schemas.android.com/apk/res-auto">
  7 | 
  8 |         <ImageView
  9 |             android:layout_width="wrap_content"
 10 |             android:layout_height="wrap_content"
 11 |             android:background="@drawable/bg" />
 12 | 
 13 |         <ImageView
 14 |             android:layout_width="40dp"
 15 |             android:layout_marginStart="10dp"
 16 |             android:layout_marginTop="34dp"
 17 |             android:layout_height="40dp"
 18 |             android:background="@drawable/ic_back_24dp" />
 19 | 
 20 |         <TextView
 21 |             android:layout_width="wrap_content"
 22 |             android:layout_height="wrap_content"
 23 |             android:text="CREATE ACCOUNT"
 24 |             android:textColor="@android:color/white"
 25 |             android:textSize="30sp"
 26 |             android:fontFamily="casual"
 27 |             android:textStyle="bold"
 28 |             android:layout_marginStart="64dp"
 29 |             android:layout_marginTop="145dp"/>
 30 | 
 31 |         <TextView
 32 |             android:layout_width="wrap_content"
 33 |             android:layout_height="wrap_content"
 34 |             android:text="Join us by creating a new account"
 35 |             android:textSize="18sp"
 36 |             android:textColor="@android:color/white"
 37 |             android:fontFamily="casual"
 38 |             android:layout_marginStart="64dp"
 39 |             android:layout_marginTop="185dp"/>
 40 | 
 41 |         <android.support.v7.widget.CardView
 42 |             android:layout_height="wrap_content"
 43 |             android:layout_width="match_parent"
 44 |             android:layout_marginTop="275dp"
 45 |             android:layout_marginEnd="16dp"
 46 |             android:layout_marginStart="16dp"
 47 |             app:cardElevation="10dp">
 48 | 
 49 |             <EditText
 50 |                 android:layout_width="match_parent"
 51 |                 android:layout_height="wrap_content"
 52 |                 android:hint="Email"
 53 |                 android:inputType="textEmailAddress"
 54 |                 android:drawablePadding="8dp"
 55 |                 android:drawableStart="@drawable/ic_mail_outline_black_24dp"
 56 |                 android:background="@android:color/transparent"
 57 |                 android:paddingTop="10dp"
 58 |                 android:paddingBottom="10dp"
 59 |                 android:paddingStart="20dp"
 60 |                 android:paddingEnd="20dp"
 61 |                 android:textSize="20sp"/>
 62 | 
 63 |         </android.support.v7.widget.CardView>
 64 | 
 65 |         <android.support.v7.widget.CardView
 66 |             android:layout_height="wrap_content"
 67 |             android:layout_width="match_parent"
 68 |             android:layout_marginTop="345dp"
 69 |             android:layout_marginEnd="16dp"
 70 |             android:layout_marginStart="16dp"
 71 |             app:cardElevation="10dp">
 72 | 
 73 |             <EditText
 74 |                 android:layout_width="match_parent"
 75 |                 android:layout_height="wrap_content"
 76 |                 android:hint="Password"
 77 |                 android:inputType="textPassword"
 78 |                 android:drawablePadding="8dp"
 79 |                 android:drawableStart="@drawable/ic_vpn_key_black_24dp"
 80 |                 android:background="@android:color/transparent"
 81 |                 android:paddingTop="10dp"
 82 |                 android:paddingBottom="10dp"
 83 |                 android:paddingStart="20dp"
 84 |                 android:paddingEnd="20dp"
 85 |                 android:textSize="20sp"/>
 86 | 
 87 |         </android.support.v7.widget.CardView>
 88 | 
 89 |         <android.support.v7.widget.CardView
 90 |             android:layout_height="wrap_content"
 91 |             android:layout_width="match_parent"
 92 |             android:layout_marginTop="415dp"
 93 |             android:layout_marginEnd="16dp"
 94 |             android:layout_marginStart="16dp"
 95 |             app:cardElevation="10dp">
 96 | 
 97 |             <EditText
 98 |                 android:layout_width="match_parent"
 99 |                 android:layout_height="wrap_content"
100 |                 android:hint="Confirm Password"
101 |                 android:inputType="textPassword"
102 |                 android:drawablePadding="8dp"
103 |                 android:drawableStart="@drawable/ic_vpn_key_black_24dp"
104 |                 android:background="@android:color/transparent"
105 |                 android:paddingTop="10dp"
106 |                 android:paddingBottom="10dp"
107 |                 android:paddingStart="20dp"
108 |                 android:paddingEnd="20dp"
109 |                 android:textSize="20sp"/>
110 | 
111 |         </android.support.v7.widget.CardView>
112 | 
113 |     <TextView
114 |         android:layout_width="wrap_content"
115 |         android:layout_height="wrap_content"
116 |         android:layout_marginBottom="80dp"
117 |         android:id="@+id/have_an_account"
118 |         android:layout_alignParentBottom="true"
119 |         android:layout_marginStart="20dp"
120 |         android:text="Already have an account? Login"/>
121 | 
122 |     <ImageButton
123 |         android:layout_width="56dp"
124 |         android:layout_height="56dp"
125 |         android:layout_alignParentBottom="true"
126 |         android:layout_alignParentEnd="true"
127 |         android:background="@drawable/bg_btn"
128 |         android:layout_margin="16dp"
129 |         android:src="@drawable/ic_keyboard_arrow_right_black_24dp"
130 |         />
131 | 
132 | 
133 |     </RelativeLayout>


--------------------------------------------------------------------------------
/layouts/tavishjain-layout-1/screenshots/Log In.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/tavishjain-layout-1/screenshots/Log In.jpeg


--------------------------------------------------------------------------------
/layouts/tavishjain-layout-1/screenshots/Sign Up.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/tavishjain-layout-1/screenshots/Sign Up.jpeg


--------------------------------------------------------------------------------
/layouts/yugansht79-login-page/drawables/circle_blue.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <shape xmlns:android="http://schemas.android.com/apk/res/android"
3 |     android:shape="rectangle">
4 | 
5 |     <corners android:radius="100dp" />
6 |     <solid android:color="#1a66d2"/>
7 | 
8 | </shape>


--------------------------------------------------------------------------------
/layouts/yugansht79-login-page/screenshots/yugansht79-login-page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/knightcube/android-layout-templates/75efb4902d6417c891d01df2e116cb1319ce6ae2/layouts/yugansht79-login-page/screenshots/yugansht79-login-page.png


--------------------------------------------------------------------------------
/layouts/yugansht79-login-page/xml_code/yugansht79-login-page.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:layout_width="match_parent"
  4 |     android:layout_height="match_parent">
  5 | 
  6 |     <TextView
  7 |         android:id="@+id/app_name"
  8 |         android:layout_width="wrap_content"
  9 |         android:layout_height="wrap_content"
 10 |         android:layout_centerHorizontal="true"
 11 |         android:layout_marginTop="22dp"
 12 |         android:text="App Name"
 13 |         android:textColor="@color/colorSGDefault"
 14 |         android:textSize="28sp"
 15 |         android:textStyle="bold" />
 16 | 
 17 |     <TextView
 18 |         android:id="@+id/login_in_text"
 19 |         android:layout_width="wrap_content"
 20 |         android:layout_height="wrap_content"
 21 |         android:layout_below="@id/app_name"
 22 |         android:layout_marginStart="48dp"
 23 |         android:layout_marginTop="18dp"
 24 |         android:layout_marginEnd="18dp"
 25 |         android:text="@string/login"
 26 |         android:textColor="@android:color/black"
 27 |         android:textSize="24sp"
 28 |         android:textStyle="bold" />
 29 | 
 30 |     <LinearLayout
 31 |         android:id="@+id/edit_texts"
 32 |         android:layout_width="match_parent"
 33 |         android:layout_height="wrap_content"
 34 |         android:layout_below="@id/login_in_text"
 35 |         android:layout_marginStart="48dp"
 36 |         android:layout_marginTop="14dp"
 37 |         android:layout_marginEnd="48dp"
 38 |         android:orientation="vertical">
 39 | 
 40 |         <EditText
 41 |             android:id="@+id/user_email"
 42 |             android:layout_width="match_parent"
 43 |             android:layout_height="wrap_content"
 44 |             android:layout_marginTop="8dp"
 45 | 
 46 |             android:background="@android:color/transparent"
 47 |             android:hint="@string/user_email_hint"
 48 |             android:inputType="textEmailAddress"
 49 |             android:padding="4dp"
 50 |             android:textColor="@android:color/black"
 51 |             android:textColorHint="#727272" />
 52 | 
 53 |         <View
 54 |             android:layout_width="match_parent"
 55 |             android:layout_height="1dp"
 56 |             android:layout_marginTop="8dp"
 57 |             android:background="#eaeaea" />
 58 | 
 59 |         <EditText
 60 |             android:id="@+id/user_pass"
 61 |             android:layout_width="match_parent"
 62 |             android:layout_height="wrap_content"
 63 |             android:layout_marginTop="8dp"
 64 |             android:background="@android:color/transparent"
 65 |             android:hint="@string/user_pass_hint"
 66 |             android:inputType="textPassword"
 67 |             android:padding="4dp"
 68 |             android:textColor="@android:color/black"
 69 |             android:textColorHint="#727272" />
 70 |     </LinearLayout>
 71 | 
 72 | 
 73 |     <Button
 74 |         android:id="@+id/btn_login"
 75 |         android:layout_width="240dp"
 76 |         android:layout_height="wrap_content"
 77 |         android:layout_below="@id/edit_texts"
 78 |         android:layout_centerHorizontal="true"
 79 |         android:layout_marginTop="22dp"
 80 |         android:background="@drawable/circle_blue"
 81 |         android:text="@string/login"
 82 |         android:textColor="@android:color/white"
 83 |         android:textSize="18sp" />
 84 | 
 85 |     <TextView
 86 |         android:id="@+id/create_account"
 87 |         android:layout_width="wrap_content"
 88 |         android:layout_height="wrap_content"
 89 |         android:layout_below="@id/btn_login"
 90 |         android:layout_centerHorizontal="true"
 91 |         android:layout_marginTop="32dp"
 92 |         android:text="@string/dont_have_acc"
 93 |         android:textAlignment="center" />
 94 | 
 95 |     <LinearLayout
 96 |         android:id="@+id/or_text"
 97 |         android:layout_width="wrap_content"
 98 |         android:layout_height="wrap_content"
 99 |         android:layout_below="@id/create_account"
100 |         android:layout_centerHorizontal="true"
101 |         android:layout_marginTop="24dp"
102 |         android:orientation="horizontal">
103 | 
104 |         <View
105 |             android:layout_width="14dp"
106 |             android:layout_height="2dp"
107 |             android:layout_gravity="center"
108 |             android:background="@android:color/darker_gray" />
109 | 
110 |         <TextView
111 |             android:layout_width="wrap_content"
112 |             android:layout_height="wrap_content"
113 |             android:layout_gravity="center"
114 |             android:layout_marginStart="10dp"
115 |             android:layout_marginEnd="10dp"
116 |             android:layout_marginBottom="2dp"
117 |             android:text="or continue with"
118 |             android:textColor="@android:color/black"
119 |             android:textSize="14sp" />
120 | 
121 |         <View
122 |             android:layout_width="14dp"
123 |             android:layout_height="2dp"
124 |             android:layout_gravity="center"
125 |             android:background="@android:color/darker_gray" />
126 | 
127 |     </LinearLayout>
128 | 
129 |     <LinearLayout
130 |         android:layout_width="match_parent"
131 |         android:layout_height="80dp"
132 |         android:layout_below="@id/or_text"
133 |         android:layout_marginTop="24dp"
134 |         android:gravity="center"
135 |         android:orientation="horizontal">
136 | 
137 |         <ImageButton
138 |             android:id="@+id/fb_login"
139 |             android:layout_width="68dp"
140 |             android:layout_height="68dp"
141 |             android:layout_marginStart="24dp"
142 |             android:layout_marginEnd="24dp"
143 |             android:background="@drawable/circle_white"
144 |             android:elevation="2dp"
145 |             android:src="@drawable/ic_facebook_logo" />
146 | 
147 |         <ImageButton
148 |             android:id="@+id/google_login"
149 |             android:layout_width="68dp"
150 |             android:layout_height="68dp"
151 |             android:layout_marginStart="24dp"
152 |             android:layout_marginEnd="24dp"
153 |             android:background="@drawable/circle_white"
154 |             android:elevation="2dp"
155 |             android:src="@drawable/ic_google_logo" />
156 | 
157 |     </LinearLayout>
158 | 
159 | </RelativeLayout>


--------------------------------------------------------------------------------