diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
index 158c243..a55a46e 100644
--- a/.idea/deploymentTargetSelector.xml
+++ b/.idea/deploymentTargetSelector.xml
@@ -15,10 +15,10 @@
       </SelectionState>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2024-01-19T10:16:09.359401Z">
+        <DropdownSelection timestamp="2024-01-19T10:17:43.396304Z">
           <Target type="DEFAULT_BOOT">
             <handle>
-              <DeviceId pluginId="LocalEmulator" identifier="path=/Users/ibrahimcanaydogan/.android/avd/Pixel_3_API_29.avd" />
+              <DeviceId pluginId="PhysicalDevice" identifier="serial=GAB7N18403005335" />
             </handle>
           </Target>
         </DropdownSelection>
diff --git a/app/build.gradle b/app/build.gradle
index 5261362..9673e05 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -6,8 +6,8 @@ plugins {
 }
 
 def versionMajor = 1
-def versionMinor = 0
-def versionPatch = 2
+def versionMinor = 1
+def versionPatch = 0
 
 android {
     namespace 'com.ibrahimcanerdogan.nves'
@@ -64,6 +64,7 @@ dependencies {
     implementation libs.androidx.activity
     implementation libs.androidx.constraintlayout
     implementation libs.androidx.swiperefreshlayout
+    implementation libs.androidx.navigation.fragment
     testImplementation libs.junit
     androidTestImplementation libs.androidx.junit
     androidTestImplementation libs.androidx.espresso.core
@@ -89,6 +90,9 @@ dependencies {
     // Lottie
     implementation libs.lottie
 
+    // Splash Api
+    implementation libs.androidx.core.splashscreen
+
     // Expandable Layout
     implementation libs.expandableLayout
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 753de82..c54a088 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -16,10 +16,11 @@
         android:label="@string/app_name"
         android:roundIcon="@mipmap/icon_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/Base.Theme.Nves"
+        android:theme="@style/Theme.App.Starting"
         tools:targetApi="31">
         <activity
             android:name=".HomeActivity"
+            android:theme="@style/Theme.App.Starting"
             android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
diff --git a/app/src/main/java/com/ibrahimcanerdogan/nves/HomeActivity.kt b/app/src/main/java/com/ibrahimcanerdogan/nves/HomeActivity.kt
index d4644ce..33a6f8b 100644
--- a/app/src/main/java/com/ibrahimcanerdogan/nves/HomeActivity.kt
+++ b/app/src/main/java/com/ibrahimcanerdogan/nves/HomeActivity.kt
@@ -5,14 +5,21 @@ import android.os.Bundle
 import android.os.Handler
 import android.os.Looper
 import android.util.Log
+import android.view.MenuItem
 import android.view.View
 import android.view.WindowInsets
 import android.view.WindowInsetsController
+import android.widget.Toast
 import androidx.activity.enableEdgeToEdge
+import androidx.appcompat.app.ActionBarDrawerToggle
 import androidx.appcompat.app.AppCompatActivity
+import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
+import androidx.core.view.GravityCompat
+import androidx.drawerlayout.widget.DrawerLayout
 import androidx.lifecycle.ViewModelProvider
 import androidx.viewpager2.widget.ViewPager2
 import com.google.android.material.card.MaterialCardView
+import com.google.android.material.navigation.NavigationView
 import com.ibrahimcanerdogan.nves.data.model.News
 import com.ibrahimcanerdogan.nves.databinding.ActivityHomeBinding
 import com.ibrahimcanerdogan.nves.util.NewsCategory
@@ -25,131 +32,41 @@ import javax.inject.Inject
 
 
 @AndroidEntryPoint
-class HomeActivity : AppCompatActivity() {
+class HomeActivity : AppCompatActivity(), NavigationView.OnNavigationItemSelectedListener {
 
     private lateinit var binding: ActivityHomeBinding
 
-    private val viewModel by lazy {
-        ViewModelProvider(this, factory).get(NewsViewModel::class.java)
-    }
-    @Inject
-    lateinit var factory: NewsViewModelFactory
-    @Inject
-    lateinit var newsAdapter: NewsAdapter
-
-    private var page = 1
-    private var totalResults = 0
-    private var newsCategory: String = NewsCategory.BUSINESS.param
-
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
+        installSplashScreen()
         binding = ActivityHomeBinding.inflate(layoutInflater)
         setContentView(binding.root)
 
-        // Categories configuration.
-        binding.setCategoryCard()
-        binding.layoutCategory.cardBusiness.setCardBackgroundColor(getColor(R.color.MainLigth))
+        val toggle = ActionBarDrawerToggle(this, binding.drawerLayout, R.string.open, R.string.close)
 
-        viewModel.getNewsHeadLines(context = this, country = "us", category = newsCategory, page = page)
-        viewModel.headlinesData.observe(this, ::setData)
-
-        binding.viewPager.apply {
-            adapter = newsAdapter
-            registerOnPageChangeCallback(scrollListener)
+        binding.apply {
+            navigationDrawer.setNavigationItemSelectedListener(this@HomeActivity)
+            drawerLayout.addDrawerListener(toggle)
+            toggle.syncState()
+            buttonDrawerMenu.setOnClickListener { drawerLayout.open() }
         }
     }
 
-    private fun setData(resource: Resource<News>?) {
-        when(resource) {
-            is Resource.Success -> {
-                resource.data?.let {
-                    newsAdapter.differ.submitList(it.articles?.toList())
-                    totalResults = it.totalResults
-                    showLoadingAnimation()
-                    Log.i(TAG, it.status)
-                }
-            }
-            is Resource.Error -> {
-                resource.message?.let { error ->
-                    showLoadingAnimation()
-                    viewModel.getNewsHeadLines(context = this, country = "us", category = newsCategory, page = page)
-                    Log.e(TAG, error)
-                }
-            }
-            is Resource.Loading -> {
-                showLoadingAnimation(true)
+    override fun onNavigationItemSelected(item: MenuItem): Boolean {
+        when(item.itemId) {
+            R.id.itemLocation -> {
+                Toast.makeText(this, "Coming Soon...", Toast.LENGTH_SHORT).show()
             }
-            else -> Log.d(TAG, "Resource not found!")
-        }
-    }
-
-    private val scrollListener = object : ViewPager2.OnPageChangeCallback() {
-        override fun onPageSelected(position: Int) {
-            super.onPageSelected(position)
-            if (position == newsAdapter.itemCount - 1) {
-                page += 1
-                if (page == (totalResults / 20) + 2 ) page = 1 // If max page ((totalResults / 20) + 1) + 1 make return first
-                updateNewsHeadlines()
+            R.id.itemReview -> {
+                Toast.makeText(this, "Coming Soon...", Toast.LENGTH_SHORT).show()
             }
-        }
-    }
-
-    private fun updateNewsHeadlines() {
-        showLoadingAnimation(true)
-        Handler(Looper.getMainLooper()).postDelayed({
-            viewModel.getNewsHeadLines(
-                context = this@HomeActivity,
-                country = "us",
-                category = newsCategory,
-                page = page
-            )
-        }, 1000)
-
-        binding.viewPager.currentItem = 0
-    }
-
-    private fun ActivityHomeBinding.setCategoryCard() {
-        layoutCategory.apply {
-            setCategoryInfo(cardBusiness, NewsCategory.BUSINESS.param)
-            setCategoryInfo(cardEntertainment, NewsCategory.ENTERTAINMENT.param)
-            setCategoryInfo(cardGeneral, NewsCategory.GENERAL.param)
-            setCategoryInfo(cardHealth, NewsCategory.HEALTH.param)
-            setCategoryInfo(cardScience, NewsCategory.SCIENCE.param)
-            setCategoryInfo(cardSports, NewsCategory.SPORTS.param)
-            setCategoryInfo(cardTechnology, NewsCategory.TECHNOLOGY.param)
-        }
-    }
-
-    private fun setCategoryInfo(card: MaterialCardView, categoryParam: String) {
-        card.setOnClickListener {
-            if (newsCategory != categoryParam) {
-                setUnSelectCategoryCard()
-                page = 1
-                newsCategory = categoryParam
-                updateNewsHeadlines()
-                card.setCardBackgroundColor(getColor(R.color.MainLigth))
+            R.id.itemShare -> {
+                Toast.makeText(this, "Coming Soon...", Toast.LENGTH_SHORT).show()
             }
         }
-    }
-
-    private fun setUnSelectCategoryCard() {
-        with(binding.layoutCategory) {
-            cardBusiness.setCardBackgroundColor(getColor(R.color.white))
-            cardEntertainment.setCardBackgroundColor(getColor(R.color.white))
-            cardGeneral.setCardBackgroundColor(getColor(R.color.white))
-            cardHealth.setCardBackgroundColor(getColor(R.color.white))
-            cardScience.setCardBackgroundColor(getColor(R.color.white))
-            cardSports.setCardBackgroundColor(getColor(R.color.white))
-            cardTechnology.setCardBackgroundColor(getColor(R.color.white))
-        }
-    }
-    private fun showLoadingAnimation(isShown: Boolean = false) {
-        with(binding){
-            lottieAnimation.visibility = if (isShown) View.VISIBLE else View.INVISIBLE
-            viewPager.visibility= if (isShown) View.INVISIBLE else View.VISIBLE
-        }
-
+        binding.drawerLayout.close()
+        return true
     }
 
     override fun onStart() {
diff --git a/app/src/main/java/com/ibrahimcanerdogan/nves/view/fragment/NewsFragment.kt b/app/src/main/java/com/ibrahimcanerdogan/nves/view/fragment/NewsFragment.kt
new file mode 100644
index 0000000..84625ad
--- /dev/null
+++ b/app/src/main/java/com/ibrahimcanerdogan/nves/view/fragment/NewsFragment.kt
@@ -0,0 +1,198 @@
+package com.ibrahimcanerdogan.nves.view.fragment
+
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.util.Log
+import androidx.fragment.app.Fragment
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.appcompat.widget.AppCompatTextView
+import androidx.lifecycle.ViewModelProvider
+import androidx.viewpager2.widget.ViewPager2
+import com.google.android.material.card.MaterialCardView
+import com.ibrahimcanerdogan.nves.HomeActivity
+import com.ibrahimcanerdogan.nves.R
+import com.ibrahimcanerdogan.nves.data.model.News
+import com.ibrahimcanerdogan.nves.databinding.ActivityHomeBinding
+import com.ibrahimcanerdogan.nves.databinding.FragmentNewsBinding
+import com.ibrahimcanerdogan.nves.util.NewsCategory
+import com.ibrahimcanerdogan.nves.util.Resource
+import com.ibrahimcanerdogan.nves.view.adapter.NewsAdapter
+import com.ibrahimcanerdogan.nves.view.viewmodel.NewsViewModel
+import com.ibrahimcanerdogan.nves.view.viewmodel.NewsViewModelFactory
+import dagger.hilt.android.AndroidEntryPoint
+import javax.inject.Inject
+
+@AndroidEntryPoint
+class NewsFragment : Fragment() {
+
+    private var _binding: FragmentNewsBinding? = null
+    private val binding get() = _binding!!
+
+    private val viewModel by lazy {
+        ViewModelProvider(this, factory).get(NewsViewModel::class.java)
+    }
+
+    @Inject
+    lateinit var factory: NewsViewModelFactory
+
+    @Inject
+    lateinit var newsAdapter: NewsAdapter
+
+    private var page = 1
+    private var totalResults = 0
+    private var newsCategory: String = NewsCategory.BUSINESS.param
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        _binding = FragmentNewsBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        with(binding) {
+            // Categories configuration.
+            setCategoryCard()
+            isCategorySelected(true, layoutCategory.cardBusiness, layoutCategory.textViewBusiness)
+
+            viewModel.getNewsHeadLines(
+                context = requireContext(),
+                country = "us",
+                category = newsCategory,
+                page = page
+            )
+            viewModel.headlinesData.observe(viewLifecycleOwner, ::setData)
+
+            viewPager.apply {
+                adapter = newsAdapter
+                registerOnPageChangeCallback(scrollListener)
+            }
+        }
+    }
+
+    private fun setData(resource: Resource<News>?) {
+        when (resource) {
+            is Resource.Success -> {
+                resource.data?.let {
+                    newsAdapter.differ.submitList(it.articles?.toList())
+                    totalResults = it.totalResults
+                    showLoadingAnimation()
+                    Log.i(TAG, it.status)
+                }
+            }
+
+            is Resource.Error -> {
+                resource.message?.let { error ->
+                    showLoadingAnimation()
+                    viewModel.getNewsHeadLines(
+                        context = requireContext(),
+                        country = "us",
+                        category = newsCategory,
+                        page = page
+                    )
+                    Log.e(TAG, error)
+                }
+            }
+
+            is Resource.Loading -> {
+                showLoadingAnimation(true)
+            }
+
+            else -> Log.d(TAG, "Resource not found!")
+        }
+    }
+
+    private val scrollListener = object : ViewPager2.OnPageChangeCallback() {
+        override fun onPageSelected(position: Int) {
+            super.onPageSelected(position)
+            if (position == newsAdapter.itemCount - 1) {
+                page += 1
+                if (page == (totalResults / 20) + 2) page =
+                    1 // If max page ((totalResults / 20) + 1) + 1 make return first
+                updateNewsHeadlines()
+            }
+        }
+    }
+
+    private fun updateNewsHeadlines() {
+        showLoadingAnimation(true)
+        Handler(Looper.getMainLooper()).postDelayed({
+            viewModel.getNewsHeadLines(
+                context = requireContext(),
+                country = "us",
+                category = newsCategory,
+                page = page
+            )
+        }, 1000)
+
+        binding.viewPager.currentItem = 0
+    }
+
+    private fun FragmentNewsBinding.setCategoryCard() {
+        layoutCategory.apply {
+            setCategoryInfo(cardBusiness, textViewBusiness, NewsCategory.BUSINESS.param)
+            setCategoryInfo(cardEntertainment, textViewEntertainment, NewsCategory.ENTERTAINMENT.param)
+            setCategoryInfo(cardGeneral, textViewGeneral, NewsCategory.GENERAL.param)
+            setCategoryInfo(cardHealth, textViewHealth, NewsCategory.HEALTH.param)
+            setCategoryInfo(cardScience, textViewScience, NewsCategory.SCIENCE.param)
+            setCategoryInfo(cardSports, textViewSports, NewsCategory.SPORTS.param)
+            setCategoryInfo(cardTechnology, textViewTechnology, NewsCategory.TECHNOLOGY.param)
+        }
+    }
+
+    private fun setCategoryInfo(card: MaterialCardView, textView: AppCompatTextView, categoryParam: String) {
+        card.setOnClickListener {
+            if (newsCategory != categoryParam) {
+                setUnSelectCategoryCard()
+                page = 1
+                newsCategory = categoryParam
+                updateNewsHeadlines()
+                isCategorySelected(true, card, textView)
+            }
+        }
+    }
+
+    private fun setUnSelectCategoryCard() {
+        with(binding.layoutCategory) {
+            isCategorySelected(false, cardBusiness, textViewBusiness)
+            isCategorySelected(false, cardEntertainment, textViewEntertainment)
+            isCategorySelected(false, cardGeneral, textViewGeneral)
+            isCategorySelected(false, cardHealth, textViewHealth)
+            isCategorySelected(false, cardScience, textViewScience)
+            isCategorySelected(false, cardSports, textViewSports)
+            isCategorySelected(false, cardTechnology, textViewTechnology)
+        }
+    }
+
+    private fun showLoadingAnimation(isShown: Boolean = false) {
+        with(binding) {
+            lottieAnimation.visibility = if (isShown) View.VISIBLE else View.INVISIBLE
+            viewPager.visibility = if (isShown) View.INVISIBLE else View.VISIBLE
+        }
+    }
+
+    private fun isCategorySelected(selected: Boolean, card: MaterialCardView, textView: AppCompatTextView) {
+        if (selected) {
+            card.setCardBackgroundColor(requireContext().getColor(R.color.black))
+            textView.setTextColor(requireContext().getColor(R.color.white))
+        } else {
+            card.setCardBackgroundColor(requireContext().getColor(R.color.white))
+            textView.setTextColor(requireContext().getColor(R.color.black))
+        }
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+
+    companion object {
+        private val TAG = NewsFragment::class.simpleName.toString()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/app_logo.jpg b/app/src/main/res/drawable/app_logo.jpg
new file mode 100644
index 0000000..2793d18
Binary files /dev/null and b/app/src/main/res/drawable/app_logo.jpg differ
diff --git a/app/src/main/res/drawable/background_banner.jpg b/app/src/main/res/drawable/background_banner.jpg
new file mode 100644
index 0000000..c926be7
Binary files /dev/null and b/app/src/main/res/drawable/background_banner.jpg differ
diff --git a/app/src/main/res/drawable/icon_location.xml b/app/src/main/res/drawable/icon_location.xml
new file mode 100644
index 0000000..af7f8eb
--- /dev/null
+++ b/app/src/main/res/drawable/icon_location.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M480,480q33,0 56.5,-23.5T560,400q0,-33 -23.5,-56.5T480,320q-33,0 -56.5,23.5T400,400q0,33 23.5,56.5T480,480ZM480,774q122,-112 181,-203.5T720,408q0,-109 -69.5,-178.5T480,160q-101,0 -170.5,69.5T240,408q0,71 59,162.5T480,774ZM480,880Q319,743 239.5,625.5T160,408q0,-150 96.5,-239T480,80q127,0 223.5,89T800,408q0,100 -79.5,217.5T480,880ZM480,400Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/icon_menu.xml b/app/src/main/res/drawable/icon_menu.xml
new file mode 100644
index 0000000..2389b06
--- /dev/null
+++ b/app/src/main/res/drawable/icon_menu.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960">
+  <path
+      android:fillColor="#FFFFFFFF"
+      android:pathData="M120,720v-80h720v80L120,720ZM120,520v-80h720v80L120,520ZM120,320v-80h720v80L120,320Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/icon_review.xml b/app/src/main/res/drawable/icon_review.xml
new file mode 100644
index 0000000..3e62051
--- /dev/null
+++ b/app/src/main/res/drawable/icon_review.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="m363,570 l117,-71 117,71 -31,-133 104,-90 -137,-11 -53,-126 -53,126 -137,11 104,90 -31,133ZM80,880v-720q0,-33 23.5,-56.5T160,80h640q33,0 56.5,23.5T880,160v480q0,33 -23.5,56.5T800,720L240,720L80,880ZM206,640h594v-480L160,160v525l46,-45ZM160,640v-480,480Z"/>
+</vector>
diff --git a/app/src/main/res/drawable/icon_share.xml b/app/src/main/res/drawable/icon_share.xml
new file mode 100644
index 0000000..ae5afda
--- /dev/null
+++ b/app/src/main/res/drawable/icon_share.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M720,880q-50,0 -85,-35t-35,-85q0,-7 1,-14.5t3,-13.5L322,568q-17,15 -38,23.5t-44,8.5q-50,0 -85,-35t-35,-85q0,-50 35,-85t85,-35q23,0 44,8.5t38,23.5l282,-164q-2,-6 -3,-13.5t-1,-14.5q0,-50 35,-85t85,-35q50,0 85,35t35,85q0,50 -35,85t-85,35q-23,0 -44,-8.5T638,288L356,452q2,6 3,13.5t1,14.5q0,7 -1,14.5t-3,13.5l282,164q17,-15 38,-23.5t44,-8.5q50,0 85,35t35,85q0,50 -35,85t-85,35ZM720,240q17,0 28.5,-11.5T760,200q0,-17 -11.5,-28.5T720,160q-17,0 -28.5,11.5T680,200q0,17 11.5,28.5T720,240ZM240,520q17,0 28.5,-11.5T280,480q0,-17 -11.5,-28.5T240,440q-17,0 -28.5,11.5T200,480q0,17 11.5,28.5T240,520ZM720,800q17,0 28.5,-11.5T760,760q0,-17 -11.5,-28.5T720,720q-17,0 -28.5,11.5T680,760q0,17 11.5,28.5T720,800ZM720,200ZM240,480ZM720,760Z"/>
+</vector>
diff --git a/app/src/main/res/layout/activity_home.xml b/app/src/main/res/layout/activity_home.xml
index 7218df4..1e522a9 100644
--- a/app/src/main/res/layout/activity_home.xml
+++ b/app/src/main/res/layout/activity_home.xml
@@ -1,57 +1,57 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/main"
+    android:id="@+id/drawerLayout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    android:background="@color/black"
-    android:layout_gravity="center"
-    android:gravity="center"
-    android:orientation="vertical"
+    android:fitsSystemWindows="true"
+    tools:openDrawer="start"
     tools:context=".HomeActivity">
 
     <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="?actionBarSize">
-        <androidx.appcompat.widget.AppCompatTextView
+        android:layout_height="wrap_content"
+        android:background="@color/black"
+        android:fitsSystemWindows="true"
+        android:orientation="vertical">
+
+        <FrameLayout
             android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:gravity="center"
-            android:text="nves"
-            android:textColor="@color/white"
-            android:textSize="50sp"
-            android:fontFamily="@font/abrilfatface" />
-    </LinearLayout>
+            android:layout_height="?actionBarSize">
 
-    <HorizontalScrollView
-        android:layout_width="match_parent"
-        android:layout_height="60dp"
-        android:layout_marginEnd="5dp"
-        android:scrollbars="none">
+            <androidx.appcompat.widget.AppCompatImageView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@android:color/transparent"
+                android:gravity="center|top"
+                android:src="@drawable/background_banner" />
 
-        <include android:id="@+id/layoutCategory"
-            layout="@layout/layout_news_category"/>
-    </HorizontalScrollView>
+            <androidx.appcompat.widget.AppCompatImageButton
+                android:id="@+id/buttonDrawerMenu"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="center|start"
+                android:background="@android:color/transparent"
+                android:padding="15dp"
+                android:src="@drawable/icon_menu" />
+        </FrameLayout>
 
-    <FrameLayout
-        android:layout_width="match_parent"
-        android:layout_height="match_parent">
-        <androidx.viewpager2.widget.ViewPager2
-            android:id="@+id/viewPager"
+        <androidx.fragment.app.FragmentContainerView
+            android:id="@+id/fragmentContainerView"
+            android:name="androidx.navigation.fragment.NavHostFragment"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
-            android:orientation="vertical" />
+            app:defaultNavHost="true"
+            app:navGraph="@navigation/navigation_graph"/>
+    </LinearLayout>
 
-        <com.airbnb.lottie.LottieAnimationView
-            android:id="@+id/lottieAnimation"
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:layout_gravity="center"
-            app:lottie_fileName="loading.json"
-            app:lottie_autoPlay="true"
-            app:lottie_loop="true"
-            android:visibility="visible"/>
-    </FrameLayout>
+    <com.google.android.material.navigation.NavigationView
+        android:id="@+id/navigationDrawer"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_gravity="start"
+        app:headerLayout="@layout/layout_header_drawer"
+        app:menu="@menu/navigation_drawer" />
 
-</LinearLayout>
\ No newline at end of file
+</androidx.drawerlayout.widget.DrawerLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_news.xml b/app/src/main/res/layout/fragment_news.xml
new file mode 100644
index 0000000..34517c9
--- /dev/null
+++ b/app/src/main/res/layout/fragment_news.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/main"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/black"
+    android:layout_gravity="center"
+    android:gravity="center"
+    android:orientation="vertical"
+    tools:context=".view.fragment.NewsFragment">
+
+    <HorizontalScrollView
+        android:layout_width="match_parent"
+        android:layout_height="60dp"
+        android:layout_marginEnd="5dp"
+        android:scrollbars="none">
+
+        <include android:id="@+id/layoutCategory"
+            layout="@layout/layout_news_category"/>
+    </HorizontalScrollView>
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+        <androidx.viewpager2.widget.ViewPager2
+            android:id="@+id/viewPager"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:orientation="vertical" />
+
+        <com.airbnb.lottie.LottieAnimationView
+            android:id="@+id/lottieAnimation"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_gravity="center"
+            app:lottie_fileName="loading.json"
+            app:lottie_autoPlay="true"
+            app:lottie_loop="true"
+            android:visibility="visible"/>
+    </FrameLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_drawer.xml b/app/src/main/res/layout/layout_drawer.xml
new file mode 100644
index 0000000..abba6f0
--- /dev/null
+++ b/app/src/main/res/layout/layout_drawer.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/drawerLayout"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:openDrawer="start">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:fitsSystemWindows="true"/>
+
+    <com.google.android.material.navigation.NavigationView
+        android:id="@+id/navigationDrawer"
+        android:layout_width="wrap_content"
+        android:layout_height="match_parent"
+        android:layout_gravity="start"
+        app:headerLayout="@layout/layout_header_drawer"
+        app:menu="@menu/navigation_drawer"
+        style="@style/Widget.App.NavigationView" />
+
+</androidx.drawerlayout.widget.DrawerLayout>
diff --git a/app/src/main/res/layout/layout_header_drawer.xml b/app/src/main/res/layout/layout_header_drawer.xml
new file mode 100644
index 0000000..38d0282
--- /dev/null
+++ b/app/src/main/res/layout/layout_header_drawer.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="wrap_content"
+    android:layout_height="match_parent"
+    android:fitsSystemWindows="true"
+    android:orientation="vertical">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="24dp"
+        android:layout_marginStart="24dp"
+        android:layout_marginEnd="24dp"
+        android:textAppearance="?attr/textAppearanceHeadlineSmall"
+        android:textColor="?attr/colorOnSurface"
+        android:text="Welcome!"
+        android:fontFamily="@font/poppins_bold"/>
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="24dp"
+        android:layout_marginStart="24dp"
+        android:layout_marginEnd="24dp"
+        android:textAppearance="?attr/textAppearanceTitleSmall"
+        android:textColor="?attr/colorOnSurfaceVariant"
+        android:text="NVES: Daily Special News"
+        android:fontFamily="@font/poppins_regular"/>
+
+</LinearLayout>
diff --git a/app/src/main/res/layout/layout_news_category.xml b/app/src/main/res/layout/layout_news_category.xml
index 6cb77bd..45fab4b 100644
--- a/app/src/main/res/layout/layout_news_category.xml
+++ b/app/src/main/res/layout/layout_news_category.xml
@@ -13,10 +13,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewBusiness"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -24,7 +26,7 @@
             android:padding="10dp"
             android:text="Business"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -35,10 +37,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewEntertainment"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -46,7 +50,7 @@
             android:padding="10dp"
             android:text="Entertainment"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -57,10 +61,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewGeneral"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -68,7 +74,7 @@
             android:padding="10dp"
             android:text="General"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -79,10 +85,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewHealth"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -90,7 +98,7 @@
             android:padding="10dp"
             android:text="Health"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -101,10 +109,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewScience"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -112,7 +122,7 @@
             android:padding="10dp"
             android:text="Science"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -123,10 +133,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewSports"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -134,7 +146,7 @@
             android:padding="10dp"
             android:text="Sports"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
     <com.google.android.material.card.MaterialCardView
@@ -145,10 +157,12 @@
         android:layout_marginBottom="10dp"
         android:layout_marginStart="5dp"
         app:cardCornerRadius="50dp"
+        app:strokeColor="@color/white"
         android:clickable="true"
         android:focusable="true"
         android:checkable="true">
         <androidx.appcompat.widget.AppCompatTextView
+            android:id="@+id/textViewTechnology"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_gravity="center"
@@ -156,7 +170,7 @@
             android:padding="10dp"
             android:text="Technology"
             android:textColor="@color/black"
-            android:fontFamily="@font/poppins_medium"/>
+            android:fontFamily="@font/poppins_light"/>
     </com.google.android.material.card.MaterialCardView>
 
 </LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/menu/navigation_drawer.xml b/app/src/main/res/menu/navigation_drawer.xml
new file mode 100644
index 0000000..16162f3
--- /dev/null
+++ b/app/src/main/res/menu/navigation_drawer.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/menuLocation"
+        android:title="Location">
+        <menu>
+            <item
+                android:id="@+id/itemLocation"
+                android:icon="@drawable/icon_location"
+                android:title="Location"
+                android:checkable="false"
+                app:showAsAction="ifRoom"/>
+        </menu>
+    </item>
+    <item
+        android:id="@+id/menuCommunicate"
+        android:title="Communicate">
+        <menu>
+            <item
+                android:id="@+id/itemShare"
+                android:icon="@drawable/icon_share"
+                android:title="Share"
+                android:checkable="false"
+                app:showAsAction="ifRoom"/>
+            <item
+                android:id="@+id/itemReview"
+                android:icon="@drawable/icon_review"
+                android:title="Rate!"
+                android:checkable="false"
+                app:showAsAction="ifRoom"/>
+        </menu>
+    </item>
+</menu>
\ No newline at end of file
diff --git a/app/src/main/res/navigation/navigation_graph.xml b/app/src/main/res/navigation/navigation_graph.xml
new file mode 100644
index 0000000..186fefd
--- /dev/null
+++ b/app/src/main/res/navigation/navigation_graph.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<navigation xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/navigation_graph"
+    app:startDestination="@id/newsFragment">
+
+    <fragment
+        android:id="@+id/newsFragment"
+        android:name="com.ibrahimcanerdogan.nves.view.fragment.NewsFragment"
+        android:label="fragment_news"
+        tools:layout="@layout/fragment_news" />
+</navigation>
\ 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 c3a13cf..90b91dd 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -1,9 +1,23 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Splash API Theme -->
+    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
+        <item name="windowSplashScreenBackground">@color/black</item>
+        <item name="windowSplashScreenAnimatedIcon">@drawable/app_logo</item>
+        <item name="postSplashScreenTheme">@style/Base.Theme.Nves</item>
+    </style>
+
     <!-- Base application theme. -->
     <style name="Base.Theme.Nves" parent="Theme.Material3.DayNight.NoActionBar">
         <item name="colorPrimaryDark">@color/black</item>
         <item name="materialCardViewStyle">@style/Widget.App.CardView</item>
         <item name="android:windowFullscreen">true</item>
+        <item name="navigationViewStyle">@style/Widget.App.NavigationView</item>
+    </style>
+
+    <style name="Widget.App.NavigationView" parent="Widget.Material3.NavigationView">
+        <item name="android:background">@color/black</item>
+        <item name="itemIconTint">@color/white</item>
+        <item name="itemTextColor">@color/white</item>
     </style>
 
     <style name="Widget.App.CardView" parent="Widget.Material3.CardView.Outlined">
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 1002973..3d11079 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,7 @@
 <resources>
     <string name="app_name">Nves</string>
+    <string name="open">Open</string>
+    <string name="close">Close</string>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
 </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 c3a13cf..007c691 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,9 +1,23 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Splash API Theme -->
+    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
+        <item name="windowSplashScreenBackground">@color/white</item>
+        <item name="windowSplashScreenAnimatedIcon">@drawable/app_logo</item>
+        <item name="postSplashScreenTheme">@style/Base.Theme.Nves</item>
+    </style>
+
     <!-- Base application theme. -->
     <style name="Base.Theme.Nves" parent="Theme.Material3.DayNight.NoActionBar">
         <item name="colorPrimaryDark">@color/black</item>
         <item name="materialCardViewStyle">@style/Widget.App.CardView</item>
         <item name="android:windowFullscreen">true</item>
+        <item name="navigationViewStyle">@style/Widget.App.NavigationView</item>
+    </style>
+
+    <style name="Widget.App.NavigationView" parent="Widget.Material3.NavigationView">
+        <item name="android:background">@color/white</item>
+        <item name="itemIconTint">@color/black</item>
+        <item name="itemTextColor">@color/black</item>
     </style>
 
     <style name="Widget.App.CardView" parent="Widget.Material3.CardView.Outlined">
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index cbce35c..437e492 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,5 +1,6 @@
 [versions]
 agp = "8.3.0-alpha17"
+coreSplashscreen = "1.0.1"
 expandablelayout = "2.9.2"
 glide = "4.16.0"
 gson = "2.10.1"
@@ -19,9 +20,11 @@ okhttp = "4.12.0"
 retrofit = "2.9.0"
 hilt = "2.48"
 swiperefreshlayout = "1.1.0"
+navigationFragment = "2.7.6"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
+androidx-core-splashscreen = { module = "androidx.core:core-splashscreen", version.ref = "coreSplashscreen" }
 androidx-lifecycle-livedata-ktx = { module = "androidx.lifecycle:lifecycle-livedata-ktx", version.ref = "lifecycleViewmodelKtx" }
 androidx-lifecycle-viewmodel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "lifecycleViewmodelKtx" }
 converter-gson = { module = "com.squareup.retrofit2:converter-gson", version.ref = "retrofit" }
@@ -42,6 +45,7 @@ retrofit = { module = "com.squareup.retrofit2:retrofit", version.ref = "retrofit
 hiltAndroid = { module = "com.google.dagger:hilt-android", version.ref = "hilt" }
 hiltCompiler = { module = "com.google.dagger:hilt-compiler", version.ref = "hilt" }
 androidx-swiperefreshlayout = { group = "androidx.swiperefreshlayout", name = "swiperefreshlayout", version.ref = "swiperefreshlayout" }
+androidx-navigation-fragment = { group = "androidx.navigation", name = "navigation-fragment", version.ref = "navigationFragment" }
 
 [plugins]
 androidApplication = { id = "com.android.application", version.ref = "agp" }