diff --git a/app/build.gradle b/app/build.gradle
index debcfaf..1c4927f 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -22,6 +22,10 @@ android {
             proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
         }
     }
+    buildFeatures
+    {
+        viewBinding = true
+    }
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_17
         targetCompatibility JavaVersion.VERSION_17
diff --git a/app/src/main/java/otus/gpb/homework/viewandresources/CartActivity.kt b/app/src/main/java/otus/gpb/homework/viewandresources/CartActivity.kt
index b6cbf73..a2fc0c9 100644
--- a/app/src/main/java/otus/gpb/homework/viewandresources/CartActivity.kt
+++ b/app/src/main/java/otus/gpb/homework/viewandresources/CartActivity.kt
@@ -2,10 +2,45 @@ package otus.gpb.homework.viewandresources
 
 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import androidx.recyclerview.widget.LinearLayoutManager
+import otus.gpb.homework.viewandresources.databinding.ActivityCartBinding
 
 class CartActivity : AppCompatActivity() {
+
+    private val cartItems = listOf(
+        CartItem("List Item 1",
+            "Supporting line text 1",
+            "image/cat",
+            "$35"),
+
+        CartItem("List Item 2",
+            "Supporting line text 2",
+            "image/cat",
+            "$35"),
+
+        CartItem("List Item 3",
+            "Supporting line text 3",
+            "image/cat",
+            "$35"),
+
+        CartItem("List Item 4",
+            "Supporting line text 4",
+            "image/cat",
+            "$35"),
+    )
+
+    private lateinit var binding: ActivityCartBinding
+    private lateinit var adapter: CartItemAdapter
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContentView(R.layout.activity_cart)
+        binding = ActivityCartBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        val manager = LinearLayoutManager(this) // LayoutManager
+        adapter = CartItemAdapter() // Создание объекта
+        adapter.data = cartItems
+        binding.recyclerView.layoutManager = manager // Назначение LayoutManager для RecyclerView
+        binding.recyclerView.adapter = adapter // Назначение адаптера для RecyclerView
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/otus/gpb/homework/viewandresources/CartItem.kt b/app/src/main/java/otus/gpb/homework/viewandresources/CartItem.kt
new file mode 100644
index 0000000..0fb2f3a
--- /dev/null
+++ b/app/src/main/java/otus/gpb/homework/viewandresources/CartItem.kt
@@ -0,0 +1,8 @@
+package otus.gpb.homework.viewandresources
+
+data class CartItem(
+    val name: String,
+    val desc: String,
+    val image: String,
+    val price: String
+)
diff --git a/app/src/main/java/otus/gpb/homework/viewandresources/CartItemAdapter.kt b/app/src/main/java/otus/gpb/homework/viewandresources/CartItemAdapter.kt
new file mode 100644
index 0000000..ed3f5f7
--- /dev/null
+++ b/app/src/main/java/otus/gpb/homework/viewandresources/CartItemAdapter.kt
@@ -0,0 +1,41 @@
+package otus.gpb.homework.viewandresources
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import android.widget.ImageView
+import androidx.recyclerview.widget.RecyclerView
+import otus.gpb.homework.viewandresources.databinding.ItemCartBinding
+
+
+class CartItemAdapter : RecyclerView.Adapter<CartItemAdapter.CartItemViewHolder>() {
+
+    var data: List<CartItem> = emptyList()
+        set(newValue) {
+            field = newValue
+            notifyDataSetChanged()
+        }
+
+    class CartItemViewHolder(val binding: ItemCartBinding) : RecyclerView.ViewHolder(binding.root)
+
+    override fun getItemCount(): Int = data.size // Количество элементов в списке данных
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CartItemViewHolder {
+        val inflater = LayoutInflater.from(parent.context)
+        val binding = ItemCartBinding.inflate(inflater, parent, false)
+
+        return CartItemViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: CartItemViewHolder, position: Int) {
+        val item = data[position] // Получение записи списка данных по позиции
+
+        with(holder.binding) {
+            cartItemTitle.text = item.name
+            cartItemPrice.text = item.price
+            cartItemCategoryDesc.text = item.desc
+            cartItemImageView.scaleType=ImageView.ScaleType.CENTER_INSIDE
+            cartItemImageView.setImageResource(R.drawable.cat)
+
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/arrow_back_24px.xml b/app/src/main/res/drawable/arrow_back_24px.xml
new file mode 100644
index 0000000..0e2e863
--- /dev/null
+++ b/app/src/main/res/drawable/arrow_back_24px.xml
@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal"
+    android:autoMirrored="true">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M313,520L537,744L480,800L160,480L480,160L537,216L313,440L800,440L800,520L313,520Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/attach_file_24px.xml b/app/src/main/res/drawable/attach_file_24px.xml
new file mode 100644
index 0000000..6d9ac73
--- /dev/null
+++ b/app/src/main/res/drawable/attach_file_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M720,630Q720,734 647,807Q574,880 470,880Q366,880 293,807Q220,734 220,630L220,260Q220,185 272.5,132.5Q325,80 400,80Q475,80 527.5,132.5Q580,185 580,260L580,610Q580,656 548,688Q516,720 470,720Q424,720 392,688Q360,656 360,610L360,240L440,240L440,610Q440,623 448.5,631.5Q457,640 470,640Q483,640 491.5,631.5Q500,623 500,610L500,260Q499,218 470.5,189Q442,160 400,160Q358,160 329,189Q300,218 300,260L300,630Q299,701 349,750.5Q399,800 470,800Q540,800 589,750.5Q638,701 640,630L640,240L720,240L720,630Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/bookmark_24px.xml b/app/src/main/res/drawable/bookmark_24px.xml
new file mode 100644
index 0000000..cc78582
--- /dev/null
+++ b/app/src/main/res/drawable/bookmark_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M200,840L200,200Q200,167 223.5,143.5Q247,120 280,120L680,120Q713,120 736.5,143.5Q760,167 760,200L760,840L480,720L200,840ZM280,718L480,632L680,718L680,200Q680,200 680,200Q680,200 680,200L280,200Q280,200 280,200Q280,200 280,200L280,718ZM280,200L280,200Q280,200 280,200Q280,200 280,200L680,200Q680,200 680,200Q680,200 680,200L680,200L480,200L280,200Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/cancel_24px.xml b/app/src/main/res/drawable/cancel_24px.xml
new file mode 100644
index 0000000..ea3a291
--- /dev/null
+++ b/app/src/main/res/drawable/cancel_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M336,680L480,536L624,680L680,624L536,480L680,336L624,280L480,424L336,280L280,336L424,480L280,624L336,680ZM480,880Q397,880 324,848.5Q251,817 197,763Q143,709 111.5,636Q80,563 80,480Q80,397 111.5,324Q143,251 197,197Q251,143 324,111.5Q397,80 480,80Q563,80 636,111.5Q709,143 763,197Q817,251 848.5,324Q880,397 880,480Q880,563 848.5,636Q817,709 763,763Q709,817 636,848.5Q563,880 480,880ZM480,800Q614,800 707,707Q800,614 800,480Q800,346 707,253Q614,160 480,160Q346,160 253,253Q160,346 160,480Q160,614 253,707Q346,800 480,800ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/cat.png b/app/src/main/res/drawable/cat.png
new file mode 100644
index 0000000..dfefba7
Binary files /dev/null and b/app/src/main/res/drawable/cat.png differ
diff --git a/app/src/main/res/drawable/image_24px.xml b/app/src/main/res/drawable/image_24px.xml
new file mode 100644
index 0000000..8f9ee7f
--- /dev/null
+++ b/app/src/main/res/drawable/image_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M200,840Q167,840 143.5,816.5Q120,793 120,760L120,200Q120,167 143.5,143.5Q167,120 200,120L760,120Q793,120 816.5,143.5Q840,167 840,200L840,760Q840,793 816.5,816.5Q793,840 760,840L200,840ZM200,760L760,760Q760,760 760,760Q760,760 760,760L760,200Q760,200 760,200Q760,200 760,200L200,200Q200,200 200,200Q200,200 200,200L200,760Q200,760 200,760Q200,760 200,760ZM240,680L720,680L570,480L450,640L360,520L240,680ZM200,760Q200,760 200,760Q200,760 200,760L200,200Q200,200 200,200Q200,200 200,200L200,200Q200,200 200,200Q200,200 200,200L200,760Q200,760 200,760Q200,760 200,760Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/mic_24px.xml b/app/src/main/res/drawable/mic_24px.xml
new file mode 100644
index 0000000..b13baa4
--- /dev/null
+++ b/app/src/main/res/drawable/mic_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M480,560Q430,560 395,525Q360,490 360,440L360,200Q360,150 395,115Q430,80 480,80Q530,80 565,115Q600,150 600,200L600,440Q600,490 565,525Q530,560 480,560ZM480,320Q480,320 480,320Q480,320 480,320L480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320L480,320Q480,320 480,320Q480,320 480,320ZM440,840L440,717Q336,703 268,624Q200,545 200,440L280,440Q280,523 338.5,581.5Q397,640 480,640Q563,640 621.5,581.5Q680,523 680,440L760,440Q760,545 692,624Q624,703 520,717L520,840L440,840ZM480,480Q497,480 508.5,468.5Q520,457 520,440L520,200Q520,183 508.5,171.5Q497,160 480,160Q463,160 451.5,171.5Q440,183 440,200L440,440Q440,457 451.5,468.5Q463,480 480,480Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/mobile_friendly_24px.xml b/app/src/main/res/drawable/mobile_friendly_24px.xml
new file mode 100644
index 0000000..cd8e089
--- /dev/null
+++ b/app/src/main/res/drawable/mobile_friendly_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M240,920Q207,920 183.5,896.5Q160,873 160,840L160,120Q160,87 183.5,63.5Q207,40 240,40L640,40Q673,40 696.5,63.5Q720,87 720,120L720,280L640,280L640,240L240,240L240,720L640,720L640,680L720,680L720,840Q720,873 696.5,896.5Q673,920 640,920L240,920ZM240,800L240,840Q240,840 240,840Q240,840 240,840L640,840Q640,840 640,840Q640,840 640,840L640,800L240,800ZM598,640L428,470L484,414L598,528L824,302L880,358L598,640ZM240,160L640,160L640,120Q640,120 640,120Q640,120 640,120L240,120Q240,120 240,120Q240,120 240,120L240,160ZM240,160L240,120Q240,120 240,120Q240,120 240,120L240,120Q240,120 240,120Q240,120 240,120L240,160ZM240,800L240,800L240,840Q240,840 240,840Q240,840 240,840L240,840Q240,840 240,840Q240,840 240,840L240,800Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/mood_24px.xml b/app/src/main/res/drawable/mood_24px.xml
new file mode 100644
index 0000000..947ca7f
--- /dev/null
+++ b/app/src/main/res/drawable/mood_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M620,440Q645,440 662.5,422.5Q680,405 680,380Q680,355 662.5,337.5Q645,320 620,320Q595,320 577.5,337.5Q560,355 560,380Q560,405 577.5,422.5Q595,440 620,440ZM340,440Q365,440 382.5,422.5Q400,405 400,380Q400,355 382.5,337.5Q365,320 340,320Q315,320 297.5,337.5Q280,355 280,380Q280,405 297.5,422.5Q315,440 340,440ZM480,700Q548,700 603.5,661.5Q659,623 684,560L276,560Q301,623 356.5,661.5Q412,700 480,700ZM480,880Q397,880 324,848.5Q251,817 197,763Q143,709 111.5,636Q80,563 80,480Q80,397 111.5,324Q143,251 197,197Q251,143 324,111.5Q397,80 480,80Q563,80 636,111.5Q709,143 763,197Q817,251 848.5,324Q880,397 880,480Q880,563 848.5,636Q817,709 763,763Q709,817 636,848.5Q563,880 480,880ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480ZM480,800Q614,800 707,707Q800,614 800,480Q800,346 707,253Q614,160 480,160Q346,160 253,253Q160,346 160,480Q160,614 253,707Q346,800 480,800Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/more_vert_24px.xml b/app/src/main/res/drawable/more_vert_24px.xml
new file mode 100644
index 0000000..e4aa85d
--- /dev/null
+++ b/app/src/main/res/drawable/more_vert_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M480,800Q447,800 423.5,776.5Q400,753 400,720Q400,687 423.5,663.5Q447,640 480,640Q513,640 536.5,663.5Q560,687 560,720Q560,753 536.5,776.5Q513,800 480,800ZM480,560Q447,560 423.5,536.5Q400,513 400,480Q400,447 423.5,423.5Q447,400 480,400Q513,400 536.5,423.5Q560,447 560,480Q560,513 536.5,536.5Q513,560 480,560ZM480,320Q447,320 423.5,296.5Q400,273 400,240Q400,207 423.5,183.5Q447,160 480,160Q513,160 536.5,183.5Q560,207 560,240Q560,273 536.5,296.5Q513,320 480,320Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/person_24px.xml b/app/src/main/res/drawable/person_24px.xml
new file mode 100644
index 0000000..b77fac6
--- /dev/null
+++ b/app/src/main/res/drawable/person_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M480,480Q414,480 367,433Q320,386 320,320Q320,254 367,207Q414,160 480,160Q546,160 593,207Q640,254 640,320Q640,386 593,433Q546,480 480,480ZM160,800L160,688Q160,654 177.5,625.5Q195,597 224,582Q286,551 350,535.5Q414,520 480,520Q546,520 610,535.5Q674,551 736,582Q765,597 782.5,625.5Q800,654 800,688L800,800L160,800ZM240,720L720,720L720,688Q720,677 714.5,668Q709,659 700,654Q646,627 591,613.5Q536,600 480,600Q424,600 369,613.5Q314,627 260,654Q251,659 245.5,668Q240,677 240,688L240,720ZM480,400Q513,400 536.5,376.5Q560,353 560,320Q560,287 536.5,263.5Q513,240 480,240Q447,240 423.5,263.5Q400,287 400,320Q400,353 423.5,376.5Q447,400 480,400ZM480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320Q480,320 480,320ZM480,720L480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720Q480,720 480,720L480,720Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/sunny_24px.xml b/app/src/main/res/drawable/sunny_24px.xml
new file mode 100644
index 0000000..5793e2e
--- /dev/null
+++ b/app/src/main/res/drawable/sunny_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M440,200L440,40L520,40L520,200L440,200ZM706,310L651,255L763,140L819,197L706,310ZM760,520L760,440L920,440L920,520L760,520ZM440,920L440,760L520,760L520,920L440,920ZM254,308L140,197L197,141L310,254L254,308ZM762,820L651,705L705,651L819,761L762,820ZM40,520L40,440L200,440L200,520L40,520ZM197,820L141,763L253,651L282,678L311,706L197,820ZM480,720Q380,720 310,650Q240,580 240,480Q240,380 310,310Q380,240 480,240Q580,240 650,310Q720,380 720,480Q720,580 650,650Q580,720 480,720ZM480,640Q546,640 593,593Q640,546 640,480Q640,414 593,367Q546,320 480,320Q414,320 367,367Q320,414 320,480Q320,546 367,593Q414,640 480,640ZM480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Q480,480 480,480Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/today_24px.xml b/app/src/main/res/drawable/today_24px.xml
new file mode 100644
index 0000000..167fd78
--- /dev/null
+++ b/app/src/main/res/drawable/today_24px.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M360,660Q318,660 289,631Q260,602 260,560Q260,518 289,489Q318,460 360,460Q402,460 431,489Q460,518 460,560Q460,602 431,631Q402,660 360,660ZM200,880Q167,880 143.5,856.5Q120,833 120,800L120,240Q120,207 143.5,183.5Q167,160 200,160L240,160L240,80L320,80L320,160L640,160L640,80L720,80L720,160L760,160Q793,160 816.5,183.5Q840,207 840,240L840,800Q840,833 816.5,856.5Q793,880 760,880L200,880ZM200,800L760,800Q760,800 760,800Q760,800 760,800L760,400L200,400L200,800Q200,800 200,800Q200,800 200,800ZM200,320L760,320L760,240Q760,240 760,240Q760,240 760,240L200,240Q200,240 200,240Q200,240 200,240L200,320ZM200,320L200,240Q200,240 200,240Q200,240 200,240L200,240Q200,240 200,240Q200,240 200,240L200,320Z"/>
+</vector>
diff --git a/app/src/main/res/font-v26/roboto.xml b/app/src/main/res/font-v26/roboto.xml
new file mode 100644
index 0000000..5b737d3
--- /dev/null
+++ b/app/src/main/res/font-v26/roboto.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family xmlns:android="http://schemas.android.com/apk/res/android">
+    <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/roboto_r" />
+</font-family>
diff --git a/app/src/main/res/font/roboto.xml b/app/src/main/res/font/roboto.xml
new file mode 100644
index 0000000..5b737d3
--- /dev/null
+++ b/app/src/main/res/font/roboto.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family xmlns:android="http://schemas.android.com/apk/res/android">
+    <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/roboto_r" />
+</font-family>
diff --git a/app/src/main/res/font/roboto_r.ttf b/app/src/main/res/font/roboto_r.ttf
new file mode 100644
index 0000000..440843a
Binary files /dev/null and b/app/src/main/res/font/roboto_r.ttf differ
diff --git a/app/src/main/res/layout/activity_cart.xml b/app/src/main/res/layout/activity_cart.xml
index 57dc4d4..d98c25e 100644
--- a/app/src/main/res/layout/activity_cart.xml
+++ b/app/src/main/res/layout/activity_cart.xml
@@ -2,8 +2,165 @@
 <androidx.constraintlayout.widget.ConstraintLayout 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"
+    style="@style/CartLayoutBase"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context=".CartActivity">
 
+    <com.google.android.material.appbar.MaterialToolbar
+        style="@style/AppToolbarStyle"
+        android:id="@+id/cart"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:menu="@menu/top_app_bar_cart"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:navigationIcon="@drawable/arrow_back_24px"
+        app:title="@string/cart_title" />
+
+    <TextView
+        style="@style/CartCountTextStyle"
+        android:id="@+id/itemCount"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintStart_toStartOf="@id/cart"
+        app:layout_constraintTop_toBottomOf="@id/cart"
+        android:padding="10dp"
+        android:text="@string/cart_contains_items">
+    </TextView>
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:id="@+id/orderBottomSheetCoordinator"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/buttonPlaceOpder"
+        app:layout_constraintTop_toBottomOf="@id/itemCount">
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/recyclerView"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="@dimen/bottomSheetPeekHeight"
+            />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/orderBottomSheet"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            style="@style/CartBottomSheet"
+            >
+
+            <TextView
+                style="@style/CartTitleTextStyle"
+                android:id="@+id/orderTotal"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="16dp"
+                android:text="@string/cart_order_total"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                style="@style/CartAmountTextStyle"
+                android:id="@+id/orderTotalAmount"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="16dp"
+                android:text="@string/cart_order_total_amount"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent"/>
+
+            <TextView
+                style="@style/CartAtlSubTextStyle"
+                android:id="@+id/orderSubtotal"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="16dp"
+                android:paddingEnd="0dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_subtotal"
+                app:layout_constraintStart_toStartOf="@id/orderTotal"
+                app:layout_constraintTop_toBottomOf="@id/orderTotal"/>
+
+            <TextView
+                style="@style/CartSubAmountTextStyle"
+                android:id="@+id/orderSubtotalAmount"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="0dp"
+                android:paddingEnd="16dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_subtotal_amount"
+                app:layout_constraintEnd_toEndOf="@id/orderTotalAmount"
+                app:layout_constraintTop_toBottomOf="@id/orderTotalAmount"/>
+
+            <TextView
+                style="@style/CartAtlSubTextStyle"
+                android:id="@+id/orderShipping"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="16dp"
+                android:paddingEnd="0dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_shipping"
+                app:layout_constraintStart_toStartOf="@id/orderSubtotal"
+                app:layout_constraintTop_toBottomOf="@id/orderSubtotal"/>
+
+            <TextView
+                style="@style/CartSubAmountTextStyle"
+                android:id="@+id/orderShippingAmount"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="0dp"
+                android:paddingEnd="16dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_shipping_amount"
+                app:layout_constraintEnd_toEndOf="@id/orderSubtotalAmount"
+                app:layout_constraintTop_toBottomOf="@id/orderSubtotalAmount"/>
+
+            <TextView
+                style="@style/CartAtlSubTextStyle"
+                android:id="@+id/orderTax"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="16dp"
+                android:paddingEnd="0dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_tax"
+                app:layout_constraintStart_toStartOf="@id/orderShipping"
+                app:layout_constraintTop_toBottomOf="@id/orderShipping"/>
+
+            <TextView
+                style="@style/CartSubAmountTextStyle"
+                android:id="@+id/orderTaxAmount"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:paddingStart="0dp"
+                android:paddingEnd="16dp"
+                android:paddingTop="4dp"
+                android:paddingBottom="4dp"
+                android:text="@string/cart_order_tax_amount"
+                app:layout_constraintEnd_toEndOf="@id/orderShippingAmount"
+                app:layout_constraintTop_toBottomOf="@id/orderShippingAmount"/>
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+    <Button
+        style="@style/CartButtonStyle"
+        android:id="@+id/buttonPlaceOpder"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="10dp"
+        android:text="@string/button_place_order"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"/>
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_contacts.xml b/app/src/main/res/layout/activity_contacts.xml
index 6ef087b..5351777 100644
--- a/app/src/main/res/layout/activity_contacts.xml
+++ b/app/src/main/res/layout/activity_contacts.xml
@@ -6,4 +6,241 @@
     android:layout_height="match_parent"
     tools:context=".ContactsActivity">
 
+    <com.google.android.material.appbar.MaterialToolbar
+        style="@style/AppToolbarStyle"
+        android:id="@+id/topAppBarContact"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:menu="@menu/top_app_bar_contact"
+        app:navigationIcon="@drawable/arrow_back_24px"
+        app:title="@string/cab_title" />
+
+    <LinearLayout
+        android:id="@+id/linearLayout"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:orientation="vertical"
+        android:layout_marginBottom="10dp"
+        app:layout_constraintBottom_toTopOf="@+id/buttonSave"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/topAppBarContact">
+
+        <androidx.core.widget.NestedScrollView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/topAppBarContact">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactName"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:hint="@string/contact_name"
+                    app:endIconContentDescription="@string/contact_name_icon_description"
+                    app:endIconDrawable="@drawable/person_24px"
+                    app:endIconMode="custom"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        android:id="@+id/contactNameEdit"
+                        style="@style/ContactsTextInputStyle"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:fontFamily="@font/roboto"
+                        android:inputType="textPersonName"
+                        android:maxLength="50"
+                        android:text="@string/cab_title" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactPhone"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="10dp"
+                    android:layout_marginEnd="20dp"
+                    android:hint="@string/contact_phone"
+                    app:endIconContentDescription="@string/contact_mobile_icon_description"
+                    app:endIconDrawable="@drawable/mobile_friendly_24px"
+                    app:endIconMode="custom"
+                    app:layout_constraintEnd_toStartOf="@+id/contactMethod"
+                    app:layout_constraintStart_toStartOf="@id/contactName"
+                    app:layout_constraintTop_toBottomOf="@id/contactName">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/phoneNumber"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="phone"
+                        android:maxLength="20"
+                        android:text="@string/contact_phone_number" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/SelectItemStyle"
+                    android:id="@+id/contactMethod"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="10dp"
+                    app:layout_constraintBottom_toBottomOf="@+id/contactPhone"
+                    app:layout_constraintEnd_toEndOf="@id/contactName"
+                    app:layout_constraintTop_toBottomOf="@id/contactName">
+
+                    <AutoCompleteTextView
+                        style="@style/SelectItemStyle"
+                        android:id="@+id/contactMethodSelected"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:hint="@string/contact_method"
+                        android:inputType="none"
+                        app:simpleItems="@array/contact_method" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactAddress"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:hint="@string/contact_address"
+                    app:endIconContentDescription="@string/contact_address_icon_description"
+                    app:endIconDrawable="@drawable/bookmark_24px"
+                    app:endIconMode="custom"
+                    app:layout_constraintStart_toStartOf="@id/contactName"
+                    app:layout_constraintTop_toBottomOf="@id/contactPhone">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/contactAddressEdit"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="textPostalAddress"
+                        android:maxLength="50"
+                        android:text="@string/contact_address_string" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactCity"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="10dp"
+                    android:layout_marginEnd="10dp"
+                    android:hint="@string/contact_city"
+                    app:layout_constraintEnd_toStartOf="@+id/contactCountry"
+                    app:layout_constraintHorizontal_weight="1"
+                    app:layout_constraintStart_toStartOf="@+id/contactAddress"
+                    app:layout_constraintTop_toBottomOf="@id/contactAddress">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/city"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="textCapWords"
+                        android:maxLength="30"
+                        android:text="@string/contact_city_name" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactCountry"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="10dp"
+                    android:layout_marginTop="10dp"
+                    android:hint="@string/contact_country"
+                    app:layout_constraintEnd_toEndOf="@+id/contactAddress"
+                    app:layout_constraintHorizontal_weight="1"
+                    app:layout_constraintStart_toEndOf="@+id/contactCity"
+                    app:layout_constraintTop_toBottomOf="@id/contactAddress">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/country"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="textCapWords"
+                        android:maxLength="30"
+                        android:text="@string/contact_country_name" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactBirthday"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:hint="@string/contact_birthday"
+                    app:endIconContentDescription="@string/contact_birthday_icon_description"
+                    app:endIconDrawable="@drawable/today_24px"
+                    app:endIconMode="custom"
+                    app:layout_constraintStart_toStartOf="@+id/contactCity"
+                    app:layout_constraintTop_toBottomOf="@+id/contactCity">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/contactBirthdayEdit"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:inputType="date"
+                        android:maxLength="10"
+                        android:text="@string/contact_birthday_string" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    style="@style/ContactsTextInputStyle"
+                    android:id="@+id/contactNotes"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:hint="@string/contact_notes"
+                    app:endIconContentDescription="@string/contact_notes_icon_description"
+                    app:endIconDrawable="@drawable/mic_24px"
+                    app:endIconMode="custom"
+                    app:layout_constraintStart_toStartOf="@+id/contactBirthday"
+                    app:layout_constraintTop_toBottomOf="@+id/contactBirthday">
+
+                    <com.google.android.material.textfield.TextInputEditText
+                        style="@style/ContactsTextInputStyle"
+                        android:id="@+id/contactNotesEdit"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:text="@string/contact_notes_string" />
+
+                </com.google.android.material.textfield.TextInputLayout>
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+        </androidx.core.widget.NestedScrollView>
+    </LinearLayout>
+
+    <Button
+        style="@style/ContactsButtonStyle"
+        android:id="@+id/buttonSave"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="@string/button_save"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"/>
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/dialog_signin.xml b/app/src/main/res/layout/dialog_signin.xml
index 77d9ef6..ef2072d 100644
--- a/app/src/main/res/layout/dialog_signin.xml
+++ b/app/src/main/res/layout/dialog_signin.xml
@@ -1,6 +1,101 @@
 <?xml version="1.0" encoding="utf-8"?>
 <androidx.constraintlayout.widget.ConstraintLayout 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">
+    android:layout_height="wrap_content">
+
+    <TextView
+        style="@style/SigninTitleStyle"
+        android:id="@+id/loginTitle"
+        android:layout_margin="10dp"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="@string/login_title"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.google.android.material.textfield.TextInputLayout
+        style="@style/ContactsTextInputStyle"
+        android:id="@+id/loginName"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:hint="@string/login_title"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/loginTitle">
+
+        <com.google.android.material.textfield.TextInputEditText
+            style="@style/ContactsTextInputStyle"
+            android:id="@+id/loginNameEdit"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:inputType="text"
+            android:maxLength="50"
+            android:text="@string/login_name" />
+
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <com.google.android.material.textfield.TextInputLayout
+        style="@style/ContactsTextInputStyle"
+        android:id="@+id/loginPassword"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:hint="@string/login_password"
+        app:endIconContentDescription="@string/login_password_icon_description"
+        app:endIconDrawable="@drawable/sunny_24px"
+        app:endIconMode="custom"
+        app:layout_constraintStart_toStartOf="@id/loginName"
+        app:layout_constraintTop_toBottomOf="@id/loginName">
+
+        <com.google.android.material.textfield.TextInputEditText
+            style="@style/ContactsTextInputStyle"
+            android:id="@+id/loginPasswordEdit"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:inputType="textPassword"
+            android:maxLength="50"
+            android:text="@string/login_password" />
+
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <Button
+        style="@style/SigninTextButtonStyle"
+        android:id="@+id/resetPasswordBtn"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="@string/login_reset_password"
+        app:layout_constraintEnd_toEndOf="@+id/loginPassword"
+        app:layout_constraintTop_toBottomOf="@+id/loginPassword" />
+
+    <Button
+        style="@style/SigninAltButtonStyle"
+        android:id="@+id/cancelButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:layout_marginEnd="10dp"
+        android:layout_marginBottom="20dp"
+        android:text="@string/button_cancel"
+        app:layout_constraintEnd_toEndOf="@+id/resetPasswordBtn"
+        app:layout_constraintTop_toBottomOf="@id/resetPasswordBtn"
+        app:layout_constraintBottom_toBottomOf="parent"
+        />
+
+    <Button
+        style="@style/SigninButtonStyle"
+        android:id="@+id/loginButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        android:layout_marginEnd="10dp"
+        android:layout_marginBottom="20dp"
+        android:text="@string/login_title"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/cancelButton"
+        app:layout_constraintTop_toBottomOf="@id/resetPasswordBtn"
+        />
+
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/item_cart.xml b/app/src/main/res/layout/item_cart.xml
new file mode 100644
index 0000000..8397d27
--- /dev/null
+++ b/app/src/main/res/layout/item_cart.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
+    style="@style/CartLayoutBase"
+    android:paddingStart="10dp"
+    android:paddingTop="5dp"
+    android:paddingEnd="10dp"
+    android:paddingBottom="5dp"
+    >
+
+    <ImageView
+        android:id="@+id/cartItemImageView"
+        android:layout_width="wrap_content"
+        android:layout_height="0dp"
+        android:contentDescription="@string/cart_item_content_description"
+        android:src="@drawable/image_24px"
+        android:adjustViewBounds="true"
+        app:layout_constraintBottom_toBottomOf="@+id/cartItemCategoryDesc"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        style="@style/CartTitleTextStyle"
+        android:id="@+id/cartItemTitle"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="15dp"
+        android:text="List item 1"
+        android:textSize="20sp"
+        app:layout_constraintStart_toEndOf="@id/cartItemImageView"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        style="@style/CartAmountTextStyle"
+        android:id="@+id/cartItemPrice"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="10dp"
+        android:text="$amount"
+        android:textSize="20sp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        style="@style/CartItemDescTextStyle"
+        android:id="@+id/cartItemCategory"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="15dp"
+        android:text="@string/cart_iten_category"
+        app:layout_constraintStart_toEndOf="@id/cartItemImageView"
+        app:layout_constraintTop_toBottomOf="@id/cartItemTitle" />
+
+    <TextView
+        style="@style/CartItemDescTextStyle"
+        android:id="@+id/cartItemCategoryDesc"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="15dp"
+        android:text="@string/cart_iten_category_string"
+        app:layout_constraintStart_toEndOf="@id/cartItemImageView"
+        app:layout_constraintTop_toBottomOf="@id/cartItemCategory" />
+
+    <com.google.android.material.divider.MaterialDivider
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="10dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/cartItemCategoryDesc" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/menu/top_app_bar_cart.xml b/app/src/main/res/menu/top_app_bar_cart.xml
new file mode 100644
index 0000000..3707a6b
--- /dev/null
+++ b/app/src/main/res/menu/top_app_bar_cart.xml
@@ -0,0 +1,11 @@
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/cartClose"
+        android:icon="@drawable/cancel_24px"
+        android:title="@string/cart_close"
+        android:contentDescription="@string/cart_close_description"
+        app:showAsAction="always"
+        />
+</menu>
\ No newline at end of file
diff --git a/app/src/main/res/menu/top_app_bar_contact.xml b/app/src/main/res/menu/top_app_bar_contact.xml
new file mode 100644
index 0000000..567813a
--- /dev/null
+++ b/app/src/main/res/menu/top_app_bar_contact.xml
@@ -0,0 +1,17 @@
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/cabAttach"
+        android:icon="@drawable/attach_file_24px"
+        android:title="@string/cab_attach"
+        android:contentDescription="@string/cab_attach_description"
+        app:showAsAction="ifRoom" />
+
+    <item
+        android:id="@+id/cabMore"
+        android:icon="@drawable/more_vert_24px"
+        android:title="@string/cab_more"
+        android:contentDescription="@string/cab_more_description"
+        app:showAsAction="never" />
+</menu>
\ No newline at end of file
diff --git a/app/src/main/res/values-night-v26/styles.xml b/app/src/main/res/values-night-v26/styles.xml
new file mode 100644
index 0000000..260f70c
--- /dev/null
+++ b/app/src/main/res/values-night-v26/styles.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="AppToolbarStyleBase.26" parent="AppToolbarStyleBase">
+        <item name="android:iconTint">@color/theme_dark_on_surface_variant</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/styles.xml b/app/src/main/res/values-night/styles.xml
new file mode 100644
index 0000000..918c23f
--- /dev/null
+++ b/app/src/main/res/values-night/styles.xml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="MaterialAlertDialog.App" parent="MaterialAlertDialog.Material3">
+        <item name="shapeAppearanceOverlay">@null</item>
+        <item name="backgroundTint">@color/theme_dark_surface_container_high</item>
+    </style>
+
+    <style name="AppToolbarStyleBase" parent="Widget.Material3.Toolbar">
+        <item name="android:background">@color/theme_dark_surface</item>
+        <item name="navigationIconTint">@color/theme_dark_on_surface</item>
+        <item name="titleTextColor">@color/theme_dark_on_surface</item>
+    </style>
+
+    <style name="TextInputStyleBase" parent="Widget.Material3.TextInputLayout.FilledBox">
+        <item name="boxBackgroundColor">@color/theme_dark_surface_container_highest</item>
+        <item name="endIconTint">@color/theme_dark_on_surface_variant</item>
+        <item name="android:textColorHint">@color/theme_dark_on_surface_variant</item>
+        <item name="android:textColor">@color/theme_dark_on_surface</item>
+    </style>
+
+    <style name="SelectItemStyleBase" parent="Widget.Material3.TextInputLayout.FilledBox.Dense.ExposedDropdownMenu">
+        <item name="boxBackgroundColor">@color/theme_dark_surface_container_highest</item>
+        <item name="android:textColorHint">@color/theme_dark_on_surface_variant</item>
+        <item name="endIconTint">@color/theme_dark_on_surface_variant</item>
+    </style>
+
+    <style name="ContactsButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_dark_on_primary</item>
+        <item name="backgroundTint">@color/theme_dark_primary</item>
+    </style>
+
+    <style name="SigninTitleStyleBase">
+        <item name="android:textColor">@color/theme_dark_on_surface</item>
+    </style>
+
+    <style name="SigninTextButtonStyleBase" parent="Widget.MaterialComponents.Button.TextButton">
+        <item name="android:textColor">@color/theme_dark_primary</item>
+    </style>
+
+    <style name="SigninButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_dark_primary</item>
+    </style>
+
+    <style name="SigninAltButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_dark_secondary</item>
+    </style>
+
+    <style name="CartTextStyleBase">
+        <item name="android:textColor">@color/theme_dark_on_surface</item>
+    </style>
+
+    <style name="CartAltTextStyleBase">
+        <item name="android:textColor">@color/theme_dark_on_surface_variant</item>
+    </style>
+
+    <style name="CartAmountTextStyleBase">
+        <item name="android:textColor">@color/theme_dark_tertiary</item>
+    </style>
+
+    <style name="CartButtonStyleBase" parent="ContactsButtonStyleBase">
+        <item name="iconTint">@color/theme_dark_on_primary</item>
+    </style>
+
+    <style name="CartLayoutBase">
+        <item name="android:background">@color/theme_dark_background</item>
+    </style>
+
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index b236109..1b739e0 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -2,6 +2,9 @@
     <!-- Base application theme. -->
     <style name="Base.Theme.ViewResources" parent="Theme.Material3.DayNight.NoActionBar">
         <!-- Customize your dark theme here. -->
-        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
+<!--        <item name="colorPrimary">@color/theme_dark_primary</item>-->
+        <item name="materialAlertDialogTheme">@style/ThemeOverlay.App.MaterialAlertDialog</item>
     </style>
+
+    <style name="Theme.ViewResources" parent="Base.Theme.ViewResources" />
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values-v26/styles.xml b/app/src/main/res/values-v26/styles.xml
new file mode 100644
index 0000000..b58db8e
--- /dev/null
+++ b/app/src/main/res/values-v26/styles.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="AppToolbarStyleBase.26" parent="AppToolbarStyleBase">
+        <item name="android:iconTint">@color/theme_light_on_surface_variant</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f8c6127..4d29396 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -1,10 +1,23 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
-    <color name="black">#FF000000</color>
-    <color name="white">#FFFFFFFF</color>
+    <color name="theme_light_background">#FFF9F9FF</color>
+    <color name="theme_dark_background">#FF111318</color>
+    <color name="theme_light_primary">#FF3E5F90</color>
+    <color name="theme_dark_primary">#FFA7C8FF</color>
+    <color name="theme_light_secondary">#FF555F71</color>
+    <color name="theme_dark_secondary">#FFBDC7DC</color>
+    <color name="theme_light_tertiary">#FF6E5676</color>
+    <color name="theme_dark_tertiary">#FFDBBCE1</color>
+    <color name="theme_light_on_primary">#FFFFFFFF</color>
+    <color name="theme_dark_on_primary">#FF04305F</color>
+    <color name="theme_light_surface">#FFF9F9FF</color>
+    <color name="theme_dark_surface">#FF111318</color>
+    <color name="theme_light_on_surface">#FF191C20</color>
+    <color name="theme_dark_on_surface">#FFE1E2E9</color>
+    <color name="theme_light_on_surface_variant">#FF43474E</color>
+    <color name="theme_dark_on_surface_variant">#FFC4C6CF</color>
+    <color name="theme_light_surface_container_high">#FFE7E8EE</color>
+    <color name="theme_dark_surface_container_high">#FF282A2F</color>
+    <color name="theme_light_surface_container_highest">#FFE1E2E9</color>
+    <color name="theme_dark_surface_container_highest">#FF33353A</color>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimen.xml b/app/src/main/res/values/dimen.xml
new file mode 100644
index 0000000..7eb88c1
--- /dev/null
+++ b/app/src/main/res/values/dimen.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="textSizeHeadlineSmall">24sp</dimen>
+    <dimen name="textSizeTitleLarge">22sp</dimen>
+    <dimen name="textSizeTitleMedium">16sp</dimen>
+    <dimen name="textSizeBodyLarge">16sp</dimen>
+    <dimen name="textSizeBodyMedium">14sp</dimen>
+    <dimen name="textSizeLabelLarge">14sp</dimen>
+
+    <dimen name="bottomSheetPeekHeight">50sp</dimen>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index a7036ac..47b3142 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,55 @@
 <resources>
     <string name="app_name">View &amp; Resources</string>
+    <string name="login_title">Login</string>
+    <string name="login_name">ivanpetrov</string>
+    <string name="login_password">Password</string>
+    <string name="login_password_icon_description">Password</string>
+    <string name="login_reset_password">Reset my password</string>
+    <string name="cab_title">Ivan Petrov</string>
+    <string name="cab_attach">Attach</string>
+    <string name="cab_attach_description">Attach something</string>
+    <string name="cab_more">More</string>
+    <string name="cab_more_description">More actions</string>
+    <string name="contact_name">Name</string>
+    <string name="contact_name_icon_description">Name</string>
+    <string name="contact_phone">Phone</string>
+    <string name="contact_phone_number">+1(234)567–8900</string>
+    <string name="contact_mobile_icon_description">Mobile</string>
+    <string name="contact_method">Select</string>
+    <string name="contact_address">Address</string>
+    <string name="contact_address_icon_description">Address</string>
+    <string name="contact_address_string">123, Lenin street, Apt.6</string>
+    <string name="contact_city">City</string>
+    <string name="contact_city_name">Tokyo</string>
+    <string name="contact_country">Country</string>
+    <string name="contact_country_name">Australia</string>
+    <string name="contact_birthday">Birthday</string>
+    <string name="contact_birthday_icon_description">Birthday</string>
+    <string name="contact_birthday_string">31.12.1980</string>
+    <string name="contact_notes">Notes</string>
+    <string name="contact_notes_icon_description">Notes</string>
+    <string name="contact_notes_string">Loves burgers and french fries</string>
+    <string name="cart_title">Cart</string>
+    <string name="cart_close">Close</string>
+    <string name="cart_close_description">Close cart</string>
+    <string name="cart_contains_items">4 items in your cart</string>
+    <string name="cart_item_content_description">Cart item content</string>
+    <string name="cart_iten_category">Category</string>
+    <string name="cart_iten_category_string">Cart item Description</string>
+    <string name="cart_order_total">Order total:</string>
+    <string name="cart_order_total_amount">$175.50</string>
+    <string name="cart_order_subtotal">Subtotal:</string>
+    <string name="cart_order_subtotal_amount">$140</string>
+    <string name="cart_order_shipping">Shipping:</string>
+    <string name="cart_order_shipping_amount">$25</string>
+    <string name="cart_order_tax">Tax:</string>
+    <string name="cart_order_tax_amount">$10.50</string>
+    <string name="button_save">Save</string>
+    <string name="button_cancel">Cancel</string>
+    <string name="button_place_order">Place order</string>
+
+    <array name="contact_method">
+        <item>Mobile</item>
+    </array>
+
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..e35e3a1
--- /dev/null
+++ b/app/src/main/res/values/styles.xml
@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="MaterialAlertDialog.App" parent="MaterialAlertDialog.Material3">
+        <item name="shapeAppearanceOverlay">@null</item>
+        <item name="backgroundTint">@color/theme_light_surface_container_high</item>
+    </style>
+
+    <style name="AppToolbarStyleBase" parent="Widget.Material3.Toolbar">
+        <item name="android:background">@color/theme_light_surface</item>
+        <item name="navigationIconTint">@color/theme_light_on_surface</item>
+        <item name="titleTextColor">@color/theme_light_on_surface</item>
+    </style>
+
+    <style name="TextInputStyleBase" parent="Widget.Material3.TextInputLayout.FilledBox">
+        <item name="boxBackgroundColor">@color/theme_light_surface_container_highest</item>
+        <item name="endIconTint">@color/theme_light_on_surface_variant</item>
+        <item name="android:textColorHint">@color/theme_light_on_surface_variant</item>
+        <item name="android:textColor">@color/theme_light_on_surface</item>
+    </style>
+
+    <style name="SelectItemStyleBase" parent="Widget.Material3.TextInputLayout.FilledBox.Dense.ExposedDropdownMenu">
+        <item name="boxBackgroundColor">@color/theme_light_surface_container_highest</item>
+        <item name="android:textColorHint">@color/theme_light_on_surface_variant</item>
+        <item name="endIconTint">@color/theme_light_on_surface_variant</item>
+    </style>
+
+    <style name="ContactsButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_light_on_primary</item>
+        <item name="backgroundTint">@color/theme_light_primary</item>
+    </style>
+
+    <style name="SigninTitleStyleBase">
+        <item name="android:textColor">@color/theme_light_on_surface</item>
+    </style>
+
+    <style name="SigninTextButtonStyleBase" parent="Widget.MaterialComponents.Button.TextButton">
+        <item name="android:textColor">@color/theme_light_primary</item>
+    </style>
+
+    <style name="SigninButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_light_primary</item>
+    </style>
+
+    <style name="SigninAltButtonStyleBase" parent="Widget.Material3.Button.OutlinedButton">
+        <item name="android:textColor">@color/theme_light_secondary</item>
+    </style>
+
+    <style name="CartTextStyleBase">
+        <item name="android:textColor">@color/theme_light_on_surface</item>
+    </style>
+
+    <style name="CartAltTextStyleBase">
+        <item name="android:textColor">@color/theme_light_on_surface_variant</item>
+    </style>
+
+    <style name="CartAmountTextStyleBase">
+        <item name="android:textColor">@color/theme_light_tertiary</item>
+    </style>
+
+    <style name="CartButtonStyleBase" parent="ContactsButtonStyleBase">
+        <item name="iconTint">@color/theme_light_on_primary</item>
+    </style>
+
+    <style name="CartLayoutBase">
+        <item name="android:background">@color/theme_light_background</item>
+    </style>
+
+
+    <style name="ThemeOverlay.App.MaterialAlertDialog" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="alertDialogStyle">@style/MaterialAlertDialog.App</item>
+    </style>
+
+    <style name="TextAppearance.App.TitleLarge" parent="TextAppearance.Material3.TitleLarge">
+        <item name="fontFamily">@font/roboto</item>
+        <item name="android:textSize">@dimen/textSizeTitleLarge</item>
+    </style>
+
+    <style name="AppToolbarStyle" parent="AppToolbarStyleBase.26">
+        <item name="titleTextAppearance">@style/TextAppearance.App.TitleLarge</item>
+        <item name="minHeight">?attr/actionBarSize</item>
+    </style>
+
+    <style name="ContactsTextInputStyle" parent="TextInputStyleBase">
+        <item name="android:textAppearance">@style/TextAppearance.Material3.BodyLarge</item>
+        <item name="android:textSize">@dimen/textSizeBodyLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="SelectItemStyle" parent="SelectItemStyleBase">
+        <item name="android:textSize">@dimen/textSizeBodyLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="ContactsButtonStyle" parent="ContactsButtonStyleBase">
+        <item name="android:textSize">@dimen/textSizeLabelLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="SigninTitleStyle" parent="SigninTitleStyleBase">
+        <item name="android:textAlignment">center</item>
+        <item name="android:textSize">@dimen/textSizeHeadlineSmall</item>
+        <item name="fontFamily">@font/roboto</item>
+        <item name="android:padding">16dp</item>
+    </style>
+
+    <style name="SigninTextButtonStyle" parent="SigninTextButtonStyleBase">
+        <item name="android:textAllCaps">false</item>
+        <item name="android:textSize">@dimen/textSizeLabelLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="SigninButtonStyle" parent="SigninButtonStyleBase">
+        <item name="android:textSize">@dimen/textSizeLabelLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="SigninAltButtonStyle" parent="SigninAltButtonStyleBase">
+        <item name="android:textSize">@dimen/textSizeLabelLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartCountTextStyle" parent="CartAltTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeTitleMedium</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartItemDescTextStyle" parent="CartAltTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeBodyMedium</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartTitleTextStyle" parent="CartTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeTitleLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartAmountTextStyle" parent="CartAmountTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeTitleLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartAtlSubTextStyle" parent="CartTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeTitleMedium</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartSubAmountTextStyle" parent="CartAmountTextStyleBase">
+        <item name="android:textSize">@dimen/textSizeTitleMedium</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartButtonStyle" parent="CartButtonStyleBase">
+        <item name="icon">@drawable/mood_24px</item>
+        <item name="android:textSize">@dimen/textSizeLabelLarge</item>
+        <item name="fontFamily">@font/roboto</item>
+    </style>
+
+    <style name="CartBottomSheet" parent="CartLayoutBase">
+        <item name="layout_behavior">com.google.android.material.bottomsheet.BottomSheetBehavior</item>
+        <item name="behavior_peekHeight">@dimen/bottomSheetPeekHeight</item>
+    </style>
+
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 62ec3ea..8f1f6b1 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -2,7 +2,8 @@
     <!-- Base application theme. -->
     <style name="Base.Theme.ViewResources" parent="Theme.Material3.DayNight.NoActionBar">
         <!-- Customize your light theme here. -->
-        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+<!--        <item name="colorPrimary">@color/theme_light_primary</item>-->
+        <item name="materialAlertDialogTheme">@style/ThemeOverlay.App.MaterialAlertDialog</item>
     </style>
 
     <style name="Theme.ViewResources" parent="Base.Theme.ViewResources" />
diff --git a/build.gradle b/build.gradle
index d1c0d39..0b8f0e6 100644
--- a/build.gradle
+++ b/build.gradle
@@ -1,7 +1,7 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 plugins {
-    id 'com.android.application' version '8.7.3' apply false
-    id 'com.android.library' version '8.7.3' apply false
+    id 'com.android.application' version '8.9.1' apply false
+    id 'com.android.library' version '8.9.1' apply false
     id 'org.jetbrains.kotlin.android' version '2.1.0' apply false
 }
 
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index 8f17641..fc05896 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 #Tue Oct 29 09:16:44 CET 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.11.1-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists