diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ac678a6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,18 @@
+<strong>Brain</strong> is a app builder in Android Native.<br>
+<br>
+  1.- Frontend: Java 17 and Kotlin<br>
+  2.- Backend: Java17, Spring boot.<br>
+  3.- DB: MySQL and MongoDB
+<br>
+
+Structure proyect
+
+![image](https://github.com/user-attachments/assets/1663ba97-3d79-493b-8c4e-69cc9a9d53b4)
+
+![image](https://github.com/user-attachments/assets/1a2022c6-d397-40eb-871e-1e305f6701cf)
+
+![image](https://github.com/user-attachments/assets/6f13cda5-17db-4509-a569-de9145b92539)
+
+
+<strong>Demo Video</strong><br>
+https://youtu.be/vEUClr6Gnfg
diff --git a/app/build.gradle b/app/build.gradle
index 2c126ec..57fa92c 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -33,28 +33,32 @@ android {
 }
 
 dependencies {
-    implementation project(path: ':imageslider')
+    implementation project(path: ':multimediaslider')
+    implementation project(path: ':multimediapuzzlesviewer')
     implementation 'com.github.stfalcon-studio:StfalconImageViewer:v1.0.1'
     implementation 'com.github.bumptech.glide:glide:4.12.0'
     implementation 'com.android.volley:volley:1.2.1'
     implementation 'in.srain.cube:grid-view-with-header-footer:1.0.12'
     implementation 'de.hdodenhof:circleimageview:3.1.0'
-    implementation 'com.google.android.exoplayer:exoplayer:2.19.1'
-    implementation 'com.google.android.material:material:1.11.0'
-    implementation 'androidx.appcompat:appcompat:1.6.1'
+    implementation 'com.google.android.material:material:1.12.0'
     implementation 'com.google.code.gson:gson:2.10.1'
+    implementation 'androidx.media3:media3-exoplayer:1.3.1'
+    implementation 'androidx.media3:media3-exoplayer-dash:1.3.1'
+    implementation 'androidx.media3:media3-ui:1.3.1'
+    implementation 'androidx.appcompat:appcompat:1.6.1'
     implementation "androidx.cardview:cardview:1.0.0"
     implementation "androidx.recyclerview:recyclerview:1.3.2"
     implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
     implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0'
+    implementation 'androidx.core:core-ktx:1.13.1'
     implementation "com.squareup.retrofit2:retrofit:2.9.0"
     implementation "com.squareup.retrofit2:converter-gson:2.9.0"
     implementation 'com.squareup.okhttp3:okhttp:4.9.2'
     implementation 'com.squareup.okhttp3:logging-interceptor:4.9.2'
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
     testImplementation 'junit:junit:4.13.2'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
+    androidTestImplementation 'androidx.test.ext:junit:1.2.0'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.6.0'
 }
 
 repositories {
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 196a3ef..7cd83ed 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -10,12 +10,13 @@
         android:allowBackup="true"
         android:hardwareAccelerated="true"
         android:icon="@mipmap/ic_launcher"
-        android:label="@string/app_name"
+        android:label=""
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme.NoActionBar">
         <activity
             android:name=".activities.LoginActivity"
+            android:label="@string/app_name"
             android:exported="true"
             tools:ignore="MissingClass">
             <intent-filter>
diff --git a/app/src/main/java/com/brain/activities/HomeActivity.java b/app/src/main/java/com/brain/activities/HomeActivity.java
index f397ace..72b8bb6 100644
--- a/app/src/main/java/com/brain/activities/HomeActivity.java
+++ b/app/src/main/java/com/brain/activities/HomeActivity.java
@@ -53,7 +53,7 @@ public class HomeActivity extends AppCompatActivity {
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_home);
-        viewPager = (ViewPager) findViewById(R.id.pager);
+        viewPager = findViewById(R.id.pager);
         fabTextPosting = findViewById(R.id.fabTextPosting);
         fabUploadVideoClip = findViewById(R.id.fabUploadVideoClip);
         imageView = findViewById(R.id.imagePost);
@@ -111,27 +111,22 @@ public boolean onCreateOptionsMenu(Menu menu) {
     @Override
     public boolean onOptionsItemSelected(MenuItem item) {
         int id = item.getItemId();
-        switch (id) {
-            case R.id.action_search:
-                SearchView search = (SearchView) item.getActionView();
-                search.setSubmitButtonEnabled(false);
-                search.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
-                    @Override
-                    public boolean onQueryTextSubmit(String query) {
-                        return false;
-                    }
-
-                    @Override
-                    public boolean onQueryTextChange(String newText) {
-                        return false;
-                    }
-                });
-                break;
-            case R.id.action_play_music:
-                Toast.makeText(getApplication(), "Play Music >>", Toast.LENGTH_SHORT).show();
-                break;
-            default:
-                break;
+        if (id == R.id.action_search) {
+            SearchView search = (SearchView) item.getActionView();
+            assert search != null;
+            search.setSubmitButtonEnabled(false);
+            search.setQueryHint("Project, author...");
+            search.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
+                @Override
+                public boolean onQueryTextSubmit(String query) {
+                    return false;
+                }
+
+                @Override
+                public boolean onQueryTextChange(String newText) {
+                    return false;
+                }
+            });
         }
         return super.onOptionsItemSelected(item);
     }
@@ -159,7 +154,7 @@ public void onTabSelected(TabLayout.Tab tab) {
                         tabLayout.setLayoutParams(layoutParams);
                         break;
                     case 1:
-                        fabOptionMenuTouch = (FloatingActionButton) findViewById(R.id.fabOptionMenu);
+                        fabOptionMenuTouch = findViewById(R.id.fabOptionMenu);
                         fabOptionMenuTouch.setVisibility(View.INVISIBLE);
 
                         coordinatorLayoutForFAB = findViewById(R.id.coordinatorForFAB);
diff --git a/app/src/main/java/com/brain/adapters/MultimediaAdapter.java b/app/src/main/java/com/brain/adapters/MultimediaAdapter.java
index 66ca41e..b71cbf6 100644
--- a/app/src/main/java/com/brain/adapters/MultimediaAdapter.java
+++ b/app/src/main/java/com/brain/adapters/MultimediaAdapter.java
@@ -1,9 +1,11 @@
 package com.brain.adapters;
 
+import static com.brain.util.Util.AUDIO_MP3;
 import static com.brain.util.Util.URL;
 import static com.brain.util.Util.URL_PART;
 import static com.brain.util.Util.VIDEO_MP4;
 
+import android.annotation.SuppressLint;
 import android.content.Context;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
@@ -13,7 +15,10 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import androidx.annotation.OptIn;
 import androidx.annotation.RequiresApi;
+import androidx.media3.common.util.UnstableApi;
+import androidx.media3.ui.PlayerView;
 import androidx.recyclerview.widget.RecyclerView;
 
 import com.brain.R;
@@ -23,9 +28,10 @@
 import com.brain.model.MediaDetail;
 import com.brain.model.Profile;
 import com.brain.model.Video;
-import com.brain.service.OnImageSliderClickListener;
+import com.brain.multimediaslider.model.Multimedia;
+import com.brain.service.MediaPlayerService;
 import com.brain.service.OnImageViewClickListenerService;
-import com.brain.service.VideoPlayService;
+import com.brain.service.OnMultimediaSliderClickListener;
 import com.bumptech.glide.Glide;
 import com.bumptech.glide.RequestBuilder;
 import com.bumptech.glide.load.DataSource;
@@ -33,11 +39,10 @@
 import com.bumptech.glide.load.engine.GlideException;
 import com.bumptech.glide.request.RequestListener;
 import com.bumptech.glide.request.target.Target;
-import com.denzcoskun.imageslider.constants.ScaleTypes;
-import com.denzcoskun.imageslider.models.SlideModel;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Objects;
 import java.util.concurrent.atomic.AtomicLong;
 
 public class MultimediaAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
@@ -50,7 +55,7 @@ public class MultimediaAdapter extends RecyclerView.Adapter<RecyclerView.ViewHol
     private String errorMsg;
 
     protected Context context;
-    protected ArrayList<SlideModel> slideModelList;
+    protected ArrayList<Multimedia> multimediaList;
     protected ArrayList<Video> videoList;
     protected List<MediaDetail> mediaDetailList;
 
@@ -78,7 +83,7 @@ public void setProfile(Profile profile) {
     @NonNull
     @Override
     public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
-        slideModelList = new ArrayList<>();
+        multimediaList = new ArrayList<>();
         RecyclerView.ViewHolder viewHolder = null;
         LayoutInflater inflater = LayoutInflater.from(viewGroup.getContext());
 
@@ -97,6 +102,8 @@ public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup,
         return viewHolder;
     }
 
+    @SuppressLint("UseCompatLoadingForDrawables")
+    @OptIn(markerClass = UnstableApi.class)
     @RequiresApi(api = Build.VERSION_CODES.O)
     @Override
     public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
@@ -106,30 +113,38 @@ public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int positi
             case VIEW_TYPE_ITEM:
                 final MultimediaViewHolder multimediaViewHolder = (MultimediaViewHolder) holder;
                 multimediaViewHolder.userName.setText(getProfile().getUserName());
-                multimediaViewHolder.visits.setText(String.valueOf(23));
-                multimediaViewHolder.description.setText(mediaDetail.getOverview());
 
                 List<MediaContent> contentList = mediaDetail.getContent();
+
                 if (contentList.size() == 1) {
-                    String contentType = mediaDetail.getContent().stream().findFirst().get().getContentType();
-                    String id = mediaDetail.getContent().stream().findFirst().get().get_id();
+                    String contentType = Objects.requireNonNull(mediaDetail.getContent().stream().findFirst().orElse(null)).getContentType();
+                    String id = Objects.requireNonNull(mediaDetail.getContent().stream().findFirst().orElse(null)).get_id();
 
                     if (contentType.equals(VIDEO_MP4)) {
                         multimediaViewHolder.progressBar.setVisibility(View.VISIBLE);
                         multimediaViewHolder.volumeControl.setVisibility(View.VISIBLE);
-                        multimediaViewHolder.videoPost.setVisibility(View.VISIBLE);
+                        multimediaViewHolder.postMedia.setVisibility(View.VISIBLE);
+                        int itemIndex = multimediaViewHolder.getBindingAdapterPosition();
+
+                        MediaPlayerService.Companion.initPlayer(context, URL + URL_PART + id, itemIndex, false, multimediaViewHolder);
+                    } else if (contentType.equals(AUDIO_MP3)) {
+                        multimediaViewHolder.progressBar.setVisibility(View.VISIBLE);
+                        multimediaViewHolder.volumeControl.setVisibility(View.VISIBLE);
+                        multimediaViewHolder.postMedia.setVisibility(View.VISIBLE);
+                        multimediaViewHolder.postMedia.setArtworkDisplayMode(PlayerView.ARTWORK_DISPLAY_MODE_FIT);
+                        multimediaViewHolder.postMedia.setDefaultArtwork(context.getDrawable(R.drawable.ic_audio_96));
                         int itemIndex = multimediaViewHolder.getBindingAdapterPosition();
 
-                        VideoPlayService.Companion.initPlayer(context, URL + URL_PART + id, itemIndex, false, multimediaViewHolder);
+                        MediaPlayerService.Companion.initPlayer(context, URL + URL_PART + id, itemIndex, false, multimediaViewHolder);
                     } else {
                         loadImage(URL + URL_PART + id).into(multimediaViewHolder.imagePost);
                         multimediaViewHolder.imagePost.setOnClickListener(new OnImageViewClickListenerService(contentList, position));
                     }
                 } else {
                     mediaDetail.getContent().forEach(post -> {
-                        slideModelList.add(new SlideModel(post.get_id(), URL + URL_PART + post.get_id(), mediaDetail.getOverview(), ScaleTypes.CENTER_CROP));
-                        multimediaViewHolder.imageSlider.setImageList(slideModelList);
-                        multimediaViewHolder.imageSlider.setItemClickListener(new OnImageSliderClickListener(context, slideModelList));
+                        multimediaList.add(new Multimedia(post.get_id(), post.getContentType(), URL + URL_PART + post.get_id(), mediaDetail.getOverview()));
+                        multimediaViewHolder.multimediaSlider.setMediaList(multimediaList);
+                        multimediaViewHolder.multimediaSlider.setItemClickListener(new OnMultimediaSliderClickListener(context, multimediaList));
                     });
                 }
                 break;
diff --git a/app/src/main/java/com/brain/fragments/GenericFragment.java b/app/src/main/java/com/brain/fragments/GenericFragment.java
index 616357c..9e704af 100644
--- a/app/src/main/java/com/brain/fragments/GenericFragment.java
+++ b/app/src/main/java/com/brain/fragments/GenericFragment.java
@@ -28,8 +28,8 @@
 import com.brain.model.MediaDetail;
 import com.brain.model.Profile;
 import com.brain.model.Result;
+import com.brain.service.MediaPlayerService;
 import com.brain.service.PaginationListenerService;
-import com.brain.service.VideoPlayService;
 import com.brain.util.Util;
 
 import java.util.ArrayList;
@@ -102,7 +102,7 @@ private void setUpFragmentView(final RecyclerView recyclerView) {
                     @Override
                     public void isLastVisibleItemPosition(int index) {
                         if (index != -1) {
-                            VideoPlayService.Companion.getThePlayIndexAndPausePreviousPlayer(index);
+                            MediaPlayerService.Companion.playIndexAndPausePreviousPlayer(index);
                         }
                     }
 
@@ -181,7 +181,7 @@ private Result fetchResults(Response<MediaApiResponse> response) {
     }
 
     private Call<MediaApiResponse> callTopRatedMultimediaApi() {
-        return apiRestImpl.getTopRatedMultimedia(190881L, currentPage, ITEMS_SIZE);
+        return apiRestImpl.getTopRatedMultimedia(111101L, currentPage, ITEMS_SIZE);
     }
 
     private void showErrorView(Throwable throwable) {
@@ -207,7 +207,7 @@ public void retryPageLoad() {
     @Override
     public void onPause() {
         super.onPause();
-        VideoPlayService.Companion.releaseAllPlayers();
+        MediaPlayerService.Companion.releaseAllPlayers();
     }
 
     private void loadFirstPage() {
@@ -222,7 +222,7 @@ public void onResponse(@NonNull Call<MediaApiResponse> call, @NonNull Response<M
 
                 // Got data. Send it to adapter
                 final Result result = fetchResults(response);
-                final Profile profile = new Profile(190881L, result.getUserName(), result.getFullName(), result.getEmail(), result.getBackdropName(), result.getCountContacts(), result.isAuth());
+                final Profile profile = new Profile(111101L, result.getUserName(), result.getFullName(), result.getEmail(), result.getBackdropName(), result.getCountContacts(), result.isAuth());
                 List<MediaDetail> mediaDetailList = result.getPost();
 
                 progressBar.setVisibility(View.GONE);
diff --git a/app/src/main/java/com/brain/holders/MultimediaViewHolder.java b/app/src/main/java/com/brain/holders/MultimediaViewHolder.java
index 4603a97..f3944c6 100644
--- a/app/src/main/java/com/brain/holders/MultimediaViewHolder.java
+++ b/app/src/main/java/com/brain/holders/MultimediaViewHolder.java
@@ -6,35 +6,31 @@
 import android.widget.TextView;
 
 import androidx.annotation.NonNull;
+import androidx.media3.ui.PlayerView;
 import androidx.recyclerview.widget.RecyclerView;
 
 import com.brain.R;
-import com.denzcoskun.imageslider.ImageSlider;
-import com.google.android.exoplayer2.ui.StyledPlayerView;
+import com.brain.multimediaslider.MultimediaSlider;
 
 public class MultimediaViewHolder extends RecyclerView.ViewHolder {
-    public StyledPlayerView videoPost;
+    public PlayerView postMedia;
     public ProgressBar progressBar;
     public ImageView volumeControl;
 
     public ImageView imagePost;
-    public ImageSlider imageSlider;
+    public MultimediaSlider multimediaSlider;
 
     public TextView userName;
-    public TextView description;
-    public TextView visits;
 
     public MultimediaViewHolder(@NonNull View itemView) {
         super(itemView);
-        videoPost = itemView.findViewById(R.id.videoPost);
+        postMedia = itemView.findViewById(R.id.postMedia);
         progressBar = itemView.findViewById(R.id.progressBar);
         volumeControl = itemView.findViewById(R.id.volumeControl);
 
         imagePost = itemView.findViewById(R.id.imagePost);
-        imageSlider = itemView.findViewById(R.id.imageSlider);
+        multimediaSlider = itemView.findViewById(R.id.multimediaSlider);
 
         userName = itemView.findViewById(R.id.userName);
-        description = itemView.findViewById(R.id.descriptionPost);
-        visits = itemView.findViewById(R.id.visits);
     }
 }
diff --git a/app/src/main/java/com/brain/model/ImageBinary.java b/app/src/main/java/com/brain/model/ImageBinary.java
deleted file mode 100644
index 8963ca5..0000000
--- a/app/src/main/java/com/brain/model/ImageBinary.java
+++ /dev/null
@@ -1,34 +0,0 @@
-package com.brain.model;
-
-import com.google.gson.annotations.Expose;
-import com.google.gson.annotations.SerializedName;
-
-/**
- * @Author FLE
- * @Company Brain Inc.
- * @Email hfredi35@gmail.com
- */
-public class ImageBinary {
-    @SerializedName("type")
-    @Expose
-    private String type;
-    @SerializedName("data")
-    @Expose
-    private String data;
-
-    public String getType() {
-        return type;
-    }
-
-    public void setType(String type) {
-        this.type = type;
-    }
-
-    public String getData() {
-        return data;
-    }
-
-    public void setData(String data) {
-        this.data = data;
-    }
-}
diff --git a/app/src/main/java/com/brain/model/Poster.java b/app/src/main/java/com/brain/model/Poster.java
index cdd7904..11f7134 100644
--- a/app/src/main/java/com/brain/model/Poster.java
+++ b/app/src/main/java/com/brain/model/Poster.java
@@ -4,6 +4,7 @@
 
 public class Poster implements Serializable {
     private String id;
+    private String contentType;
     private String userName;
     private String email;
     private String descriptionFooter;
@@ -12,14 +13,6 @@ public class Poster implements Serializable {
     public Poster() {
     }
 
-    public Poster(String id, String userName, String email, String descriptionFooter, int visits) {
-        this.id = id;
-        this.userName = userName;
-        this.email = email;
-        this.descriptionFooter = descriptionFooter;
-        this.visits = visits;
-    }
-
     public String getId() {
         return id;
     }
@@ -28,6 +21,14 @@ public void setId(String id) {
         this.id = id;
     }
 
+    public String getContentType() {
+        return contentType;
+    }
+
+    public void setContentType(String contentType) {
+        this.contentType = contentType;
+    }
+
     public String getUserName() {
         return userName;
     }
diff --git a/app/src/main/java/com/brain/service/VideoPlayService.kt b/app/src/main/java/com/brain/service/MediaPlayerService.kt
similarity index 83%
rename from app/src/main/java/com/brain/service/VideoPlayService.kt
rename to app/src/main/java/com/brain/service/MediaPlayerService.kt
index dadc6e7..d6b12bd 100644
--- a/app/src/main/java/com/brain/service/VideoPlayService.kt
+++ b/app/src/main/java/com/brain/service/MediaPlayerService.kt
@@ -3,24 +3,23 @@ package com.brain.service
 import android.content.Context
 import android.util.Log
 import android.view.View
+import androidx.media3.common.MediaItem
+import androidx.media3.common.Player
+import androidx.media3.datasource.DataSource
+import androidx.media3.datasource.DefaultHttpDataSource
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.exoplayer.source.DefaultMediaSourceFactory
+import androidx.media3.exoplayer.source.MediaSource
+import androidx.media3.exoplayer.source.ProgressiveMediaSource
 import com.brain.R
 import com.brain.holders.MultimediaViewHolder
-import com.google.android.exoplayer2.ExoPlayer
-import com.google.android.exoplayer2.MediaItem
-import com.google.android.exoplayer2.Player
-import com.google.android.exoplayer2.source.DefaultMediaSourceFactory
-import com.google.android.exoplayer2.source.MediaSource
-import com.google.android.exoplayer2.source.MediaSourceFactory
-import com.google.android.exoplayer2.source.ProgressiveMediaSource
-import com.google.android.exoplayer2.upstream.DataSource
-import com.google.android.exoplayer2.upstream.DefaultHttpDataSource
 
 /**
  * @Author FLE
  * @Company Brain Inc.
  * @Email hfredi35@gmail.com
  */
-class VideoPlayService {
+class MediaPlayerService {
     companion object {
         enum class VolumeState { ON, OFF }
 
@@ -36,7 +35,7 @@ class VideoPlayService {
         private lateinit var exoPlayer: ExoPlayer
         private lateinit var dataSourceFactory: DataSource.Factory
         private lateinit var mediaSource: MediaSource
-        private lateinit var mediaSourceFactory: MediaSourceFactory
+        private lateinit var mediaSourceFactory: MediaSource.Factory
 
         fun releaseAllPlayers() {
             playersMap.map { it.value.release() }
@@ -54,16 +53,18 @@ class VideoPlayService {
             }
         }
 
-        fun getThePlayIndexAndPausePreviousPlayer(index: Int) {
+        fun playIndexAndPausePreviousPlayer(index: Int) {
             if (playersMap[index]?.playWhenReady == false || playersMap[index]?.playWhenReady == null) {
                 pauseCurrentPlayingVideo()
                 if (playersMap[index]?.playWhenReady != null) {
+                    playersMap[index]?.prepare()
                     playersMap[index]?.playWhenReady = true
                     currentPlayingVideo = Pair(index, playersMap[index]!!)
                 }
             }
         }
 
+        @androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
         fun initPlayer(context: Context, url: String, itemIndex: Int? = null, autoPlay: Boolean = false, holder: MultimediaViewHolder) {
             dataSourceFactory = DefaultHttpDataSource.Factory()
             mediaSource = ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(MediaItem.fromUri(url))
@@ -77,13 +78,13 @@ class VideoPlayService {
             exoPlayer.prepare()
 
             // When changing track, retain the latest frame instead of showing a black screen
-            holder.videoPost.setKeepContentOnPlayerReset(true)
+            holder.postMedia.setKeepContentOnPlayerReset(true)
             // We'll show the controller, change to true if want controllers as pause and start
-            holder.videoPost.useController = false
-            holder.videoPost.requestFocus()
+            holder.postMedia.useController = false
+            holder.postMedia.requestFocus()
             setVolumeControl(VolumeState.ON, holder)
             // Bind the player to the view.
-            holder.videoPost.player = exoPlayer
+            holder.postMedia.player = exoPlayer
 
             // add player with its index to map
             if (playersMap.containsKey(itemIndex)) {
@@ -112,7 +113,7 @@ class VideoPlayService {
 
         private fun getAnimateVolumeControl(holder: MultimediaViewHolder) {
             if (holder.volumeControl != null) {
-                holder.volumeControl.bringToFront();
+                holder.volumeControl.bringToFront()
                 if (volumeState == VolumeState.OFF) {
                     holder.volumeControl.setImageResource(R.drawable.ic_volume_off)
                 } else if (volumeState == VolumeState.ON) {
@@ -122,7 +123,7 @@ class VideoPlayService {
         }
 
         private fun setVolumeControl(state: VolumeState, holder: MultimediaViewHolder) {
-            volumeState = state;
+            volumeState = state
             if (state == VolumeState.OFF) {
                 exoPlayer.volume = 0F
                 getAnimateVolumeControl(holder)
diff --git a/app/src/main/java/com/brain/service/OnImageSliderClickListener.java b/app/src/main/java/com/brain/service/OnImageSliderClickListener.java
deleted file mode 100644
index c27da65..0000000
--- a/app/src/main/java/com/brain/service/OnImageSliderClickListener.java
+++ /dev/null
@@ -1,47 +0,0 @@
-package com.brain.service;
-
-import android.content.Context;
-import android.os.Build;
-
-import androidx.annotation.RequiresApi;
-
-import com.brain.model.Poster;
-import com.brain.util.SharedData;
-import com.brain.views.PosterOverlayView;
-import com.denzcoskun.imageslider.interfaces.ItemClickListener;
-import com.denzcoskun.imageslider.models.SlideModel;
-
-import java.util.ArrayList;
-import java.util.List;
-
-public class OnImageSliderClickListener implements ItemClickListener {
-    Context context;
-    private final ArrayList<SlideModel> slideModelList;
-    List<Poster> posterList;
-    Poster model;
-
-    public OnImageSliderClickListener(Context context, ArrayList<SlideModel> slideModelList) {
-        this.context = context;
-        this.slideModelList = slideModelList;
-    }
-
-    @RequiresApi(api = Build.VERSION_CODES.O)
-    @Override
-    public void onItemSelected(int position) {
-        SharedData extras = new SharedData(context);
-        posterList = new ArrayList<>();
-
-        for (int index = 0; index < slideModelList.size(); ++index) {
-            model = new Poster();
-            model.setId(slideModelList.get(index).getId());
-            model.setUserName(slideModelList.get(index).getTitle());
-            posterList.add(model);
-        }
-
-        extras.putBoolean("isSingle", posterList.size() == 1);
-        extras.putPosterList("posterList", posterList);
-        extras.putInt("position", position);
-
-        new PosterOverlayView(context, null, posterList, extras);
-    }
-}
diff --git a/app/src/main/java/com/brain/service/OnMultimediaSliderClickListener.java b/app/src/main/java/com/brain/service/OnMultimediaSliderClickListener.java
new file mode 100644
index 0000000..ade5438
--- /dev/null
+++ b/app/src/main/java/com/brain/service/OnMultimediaSliderClickListener.java
@@ -0,0 +1,45 @@
+package com.brain.service;
+
+import static com.brain.util.Util.URL;
+import static com.brain.util.Util.URL_PART;
+
+import android.content.Context;
+import android.os.Build;
+
+import androidx.annotation.RequiresApi;
+
+import com.brain.multimediapuzzlesviewer.MultimediaPuzzlesViewer;
+import com.brain.multimediapuzzlesviewer.model.Poster;
+import com.brain.multimediaslider.impl.ItemClickListenerImpl;
+import com.brain.multimediaslider.model.Multimedia;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class OnMultimediaSliderClickListener implements ItemClickListenerImpl {
+    Context context;
+    private final ArrayList<Multimedia> multimediaList;
+    List<Poster> posterList;
+    Poster model;
+
+    public OnMultimediaSliderClickListener(Context context, ArrayList<Multimedia> multimediaList) {
+        this.context = context;
+        this.multimediaList = multimediaList;
+    }
+
+    @RequiresApi(api = Build.VERSION_CODES.O)
+    @Override
+    public void onItemSelected(int position) {
+        posterList = new ArrayList<>();
+
+        multimediaList.forEach(x -> {
+            model = new Poster();
+            model.setId(x.getId());
+            model.setContentType(x.getContentType());
+            model.setUserName(x.getTitle());
+            posterList.add(model);
+        });
+
+        new MultimediaPuzzlesViewer.Builder<>(context, posterList, position,URL + URL_PART).show();
+    }
+}
diff --git a/app/src/main/java/com/brain/util/Util.java b/app/src/main/java/com/brain/util/Util.java
index 6a9d822..7c546ba 100644
--- a/app/src/main/java/com/brain/util/Util.java
+++ b/app/src/main/java/com/brain/util/Util.java
@@ -17,14 +17,16 @@ public class Util {
 
     private final Context context;
 
-    public static final String URL = "http://000.000.0.000:8081/api/";
+    public static final String URL = "http://192.168.1.121:8081/api/";
     public static final String URL_PART = "multimedia/";
     public static final String VIDEO_MP4 = "video/mp4";
+    public static final String AUDIO_MP3 = "audio/mp3";
+    public static final String IMG_JPG = "image/jpg";
 
     public static int[] getTabIcon = {
             R.drawable.ic_home_public,
             R.drawable.ic_chat,
-            R.drawable.ic_profile
+            R.drawable.ic_setting_50
     };
 
     public Util(Context context) {
diff --git a/app/src/main/res/drawable-v24/ic_audio_96.png b/app/src/main/res/drawable-v24/ic_audio_96.png
new file mode 100644
index 0000000..801aa74
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_audio_96.png differ
diff --git a/app/src/main/res/drawable-v24/ic_github_50.png b/app/src/main/res/drawable-v24/ic_github_50.png
new file mode 100644
index 0000000..59e272a
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_github_50.png differ
diff --git a/app/src/main/res/drawable-v24/ic_my_profile.png b/app/src/main/res/drawable-v24/ic_my_profile.png
deleted file mode 100644
index 61da551..0000000
Binary files a/app/src/main/res/drawable-v24/ic_my_profile.png and /dev/null differ
diff --git a/app/src/main/res/drawable-v24/ic_profile_50.png b/app/src/main/res/drawable-v24/ic_profile_50.png
new file mode 100644
index 0000000..d7621af
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_profile_50.png differ
diff --git a/app/src/main/res/drawable-v24/ic_setting_50.png b/app/src/main/res/drawable-v24/ic_setting_50.png
new file mode 100644
index 0000000..c750a34
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_setting_50.png differ
diff --git a/app/src/main/res/drawable-v24/ic_share_52.png b/app/src/main/res/drawable-v24/ic_share_52.png
new file mode 100644
index 0000000..31b5f5a
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_share_52.png differ
diff --git a/app/src/main/res/drawable-v24/ic_upload_50.png b/app/src/main/res/drawable-v24/ic_upload_50.png
new file mode 100644
index 0000000..915a9aa
Binary files /dev/null and b/app/src/main/res/drawable-v24/ic_upload_50.png differ
diff --git a/app/src/main/res/drawable/ic_play_circle_outline.xml b/app/src/main/res/drawable/ic_play_circle_outline.xml
deleted file mode 100644
index bddb057..0000000
--- a/app/src/main/res/drawable/ic_play_circle_outline.xml
+++ /dev/null
@@ -1,11 +0,0 @@
-<vector
-    xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="36dp"
-    android:height="36dp"
-    android:tint="#F1EEEE"
-    android:viewportWidth="24"
-    android:viewportHeight="24">
-    <path
-        android:fillColor="@android:color/white"
-        android:pathData="M10,16.5l6,-4.5 -6,-4.5v9zM12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2zM12,20c-4.41,0 -8,-3.59 -8,-8s3.59,-8 8,-8 8,3.59 8,8 -3.59,8 -8,8z" />
-</vector>
diff --git a/app/src/main/res/drawable/nested_scroll_background.xml b/app/src/main/res/drawable/nested_scroll_background.xml
new file mode 100644
index 0000000..b254f10
--- /dev/null
+++ b/app/src/main/res/drawable/nested_scroll_background.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <solid android:color="?attr/colorOnPrimary" />
+    <corners
+        android:topLeftRadius="20dp"
+        android:topRightRadius="20dp" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/shape_retry_round.xml b/app/src/main/res/drawable/shape_retry_round.xml
index 15a356c..a561b2b 100644
--- a/app/src/main/res/drawable/shape_retry_round.xml
+++ b/app/src/main/res/drawable/shape_retry_round.xml
@@ -7,5 +7,5 @@
         android:width="2dp"
         android:color="#AAADC4" />
 
-    <solid android:color="#33AAADC4"></solid>
+    <solid android:color="#33AAADC4" />
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_home.xml b/app/src/main/res/layout/activity_home.xml
index 2771e0a..fc40348 100644
--- a/app/src/main/res/layout/activity_home.xml
+++ b/app/src/main/res/layout/activity_home.xml
@@ -1,8 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.coordinatorlayout.widget.CoordinatorLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
+<androidx.coordinatorlayout.widget.CoordinatorLayout 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/coordinator"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
@@ -12,7 +11,8 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:background="@color/pagerSilver"
-        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+        app:layout_behavior="@string/appbar_scrolling_view_behavior"
+        android:contentDescription="Todo" />
 
     <com.google.android.material.appbar.AppBarLayout
         android:id="@+id/appbar"
@@ -40,8 +40,8 @@
                     style="?attr/actionButtonStyle"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:padding="12dp"
                     android:layout_gravity="center_vertical"
+                    android:padding="10dp"
                     android:src="@drawable/ic_avatar"
                     tools:ignore="ContentDescription" />
             </LinearLayout>
@@ -52,8 +52,9 @@
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:animateLayoutChanges="true"
+            app:tabIndicatorColor="@color/selectedTabIndicatorColor"
             app:tabIndicatorHeight="@dimen/selected_tab_indicator_height"
-            app:tabIndicatorColor="@color/selectedTabIndicatorColor" />
+            android:contentDescription="Todo" />
 
         <include layout="@layout/layout_fab" />
     </com.google.android.material.appbar.AppBarLayout>
diff --git a/app/src/main/res/layout/activity_login.xml b/app/src/main/res/layout/activity_login.xml
index 0a66fa8..049723f 100644
--- a/app/src/main/res/layout/activity_login.xml
+++ b/app/src/main/res/layout/activity_login.xml
@@ -12,14 +12,18 @@
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:layout_alignParentTop="true"
-                android:weightSum="12">
+                android:weightSum="12"
+                android:baselineAligned="false">
 
                 <LinearLayout
                     style="@style/parent"
                     android:layout_height="match_parent"
-                    android:layout_weight="3"
+                    android:layout_width="match_parent"
+                    android:paddingLeft="0dp"
+                    android:paddingRight="0dp"
                     android:background="@drawable/login_shape_bk"
-                    android:orientation="vertical">
+                    android:orientation="horizontal"
+                    android:gravity="center">
 
                     <ImageView
                         style="@style/parent"
diff --git a/app/src/main/res/layout/activity_register.xml b/app/src/main/res/layout/activity_register.xml
index 42c43cf..3df4c2c 100644
--- a/app/src/main/res/layout/activity_register.xml
+++ b/app/src/main/res/layout/activity_register.xml
@@ -12,13 +12,18 @@
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:layout_alignParentTop="true"
-                android:weightSum="12">
+                android:weightSum="12"
+                android:baselineAligned="false">
 
                 <LinearLayout
                     style="@style/parent"
                     android:background="@drawable/login_shape_bk"
-                    android:orientation="vertical"
-                    android:layout_weight="3">
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:paddingLeft="0dp"
+                    android:paddingRight="0dp"
+                    android:orientation="horizontal"
+                    android:gravity="center">
 
                     <ImageView
                         style="@style/parent"
diff --git a/app/src/main/res/layout/container_cards.xml b/app/src/main/res/layout/container_cards.xml
index 77a2755..3ea5385 100644
--- a/app/src/main/res/layout/container_cards.xml
+++ b/app/src/main/res/layout/container_cards.xml
@@ -1,85 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout 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/wrapperRelativeLayout"
-    android:layout_centerVertical="true"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:layout_centerVertical="true"
     android:background="@color/whiteCardColor"
-    tools:ignore="UselessParent">
-
-    <LinearLayout
-        android:id="@+id/idCardTopBar"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:orientation="horizontal"
-        android:padding="4dp">
-
-        <!-- circle image for displaying the user image -->
-        <de.hdodenhof.circleimageview.CircleImageView
-            android:id="@+id/idProfileImage"
-            android:layout_width="40dp"
-            android:layout_height="40dp"
-            android:layout_marginStart="5dp"
-            android:layout_marginTop="5dp"
-            android:layout_marginEnd="5dp"
-            android:layout_marginBottom="5dp"
-            android:src="@drawable/ic_my_profile" />
-
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_gravity="center"
-            android:orientation="vertical">
-
-            <!--text view for displaying user name-->
-            <TextView
-                android:id="@+id/userName"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_margin="3dp"
-                android:padding="3dp"
-                android:textColor="@color/black"
-                android:textStyle="bold" />
-
-            <!--textview for displaying post publish time-->
-            <TextView
-                android:id="@+id/visits"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginStart="3dp"
-                android:layout_marginTop="0dp"
-                android:layout_marginEnd="3dp"
-                android:layout_marginBottom="3dp"
-                android:padding="3dp"
-                android:textColor="@color/black"
-                android:textSize="11sp" />
-        </LinearLayout>
-    </LinearLayout>
-
-    <!-- text view for displaying post description -->
-    <TextView
-        android:id="@+id/descriptionPost"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_below="@id/idCardTopBar"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="3dp"
-        android:layout_marginEnd="5dp"
-        android:layout_marginBottom="5dp"
-        android:padding="5dp"
-        android:text="Description del posting"
-        android:textColor="@color/black"
-        android:textSize="13sp" />
+    android:elevation="4dp">
 
-    <!-- video post -->
-    <com.google.android.exoplayer2.ui.StyledPlayerView
-        android:id="@+id/videoPost"
+    <!-- video post for 1 item -->
+    <androidx.media3.ui.PlayerView
+        android:id="@+id/postMedia"
         android:layout_width="match_parent"
-        android:layout_height="350dp"
-        android:layout_below="@id/descriptionPost"
+        android:layout_height="400dp"
         android:visibility="gone"
         app:resize_mode="fixed_height"
         app:show_shuffle_button="false"
@@ -107,154 +41,101 @@
             android:scaleType="centerCrop"
             android:visibility="gone"
             tools:ignore="ContentDescription" />
-    </com.google.android.exoplayer2.ui.StyledPlayerView>
+    </androidx.media3.ui.PlayerView>
 
-    <!-- image post -->
+    <!-- image post for 1 item -->
     <ImageView
         android:id="@+id/imagePost"
         android:layout_width="match_parent"
-        android:layout_height="350dp"
-        android:layout_below="@id/descriptionPost"
+        android:layout_height="400dp"
         android:adjustViewBounds="true"
-        android:scaleType="centerCrop"
+        android:scaleType="fitXY"
         tools:ignore="ContentDescription" />
 
-    <com.denzcoskun.imageslider.ImageSlider
-        android:id="@+id/imageSlider"
+    <!-- container for multiple items -->
+    <com.brain.multimediaslider.MultimediaSlider
+        android:id="@+id/multimediaSlider"
         android:layout_width="match_parent"
-        android:layout_height="350dp"
-        android:layout_below="@id/descriptionPost"
+        android:layout_height="400dp"
         app:iss_corner_radius="5"
-        app:iss_error_image="@drawable/error"
-        app:iss_selected_dot="@drawable/default_selected_dot"
+        app:iss_error_image="@drawable/error_image_loading"
+        app:iss_selected_dot="@drawable/selected_dot"
         app:iss_text_align="CENTER"
-        app:iss_unselected_dot="@drawable/default_unselected_dot" />
+        app:iss_unselected_dot="@drawable/unselected_dot" />
 
-    <!-- linear layout for displaying actions control -->
-    <LinearLayout
-        android:id="@+id/layoutFather"
+    <TextView
+        android:id="@+id/descrProject"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_below="@id/imagePost"
+        android:layout_below="@+id/imagePost"
         android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
         android:layout_marginEnd="5dp"
-        android:layout_marginBottom="5dp"
-        android:orientation="horizontal"
-        android:padding="0dp"
-        android:weightSum="3">
-
-        <LinearLayout
-            android:id="@+id/layoutShare"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="10dp"
-            android:layout_marginTop="15dp"
-            android:layout_marginEnd="10dp"
-            android:layout_marginBottom="10dp"
-            android:layout_weight="1"
-            android:background="@drawable/background_drawable"
-            android:orientation="horizontal"
-            android:weightSum="2">
+        android:text="Proyecto e-commerce, buscamos competir vs mercado libre, shoppe y themu."
+        android:textColor="@color/black"
+        android:textSize="17sp"
+        android:textStyle="normal" />
 
-            <ImageView
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:layout_weight="1"
-                android:src="@drawable/ic_share"
-                tools:ignore="ContentDescription" />
+    <LinearLayout
+        android:id="@+id/controllers"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_below="@+id/descrProject"
+        android:orientation="horizontal"
+        android:paddingTop="4dp"
+        android:paddingBottom="4dp"
+        android:weightSum="0">
 
-            <TextView
-                android:id="@+id/share"
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:layout_margin="4dp"
-                android:layout_weight="1"
-                android:background="@drawable/background_drawable"
-                android:drawablePadding="3dp"
-                android:padding="5dp"
-                android:text="Share"
-                android:textColor="@color/black"
-                android:textSize="12sp" />
-        </LinearLayout>
+        <!-- circle image for displaying the user image -->
+        <de.hdodenhof.circleimageview.CircleImageView
+            android:id="@+id/idProfileImage"
+            android:layout_width="40dp"
+            android:layout_height="40dp"
+            android:layout_marginStart="5dp"
+            android:layout_marginTop="5dp"
+            android:layout_marginEnd="5dp"
+            android:layout_marginBottom="5dp"
+            android:src="@drawable/ic_profile_50" />
 
         <LinearLayout
-            android:id="@+id/layoutComments"
-            android:layout_width="0dp"
+            android:layout_width="150dp"
             android:layout_height="wrap_content"
-            android:layout_marginStart="10dp"
-            android:layout_marginTop="15dp"
-            android:layout_marginEnd="10dp"
-            android:layout_marginBottom="10dp"
-            android:layout_weight="1"
-            android:background="@drawable/background_drawable"
-            android:orientation="horizontal"
-            android:weightSum="2">
-
-            <ImageView
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:layout_weight="1"
-                android:src="@drawable/ic_comment"
-                tools:ignore="ContentDescription" />
+            android:layout_gravity="center"
+            android:orientation="horizontal">
 
+            <!--text view for displaying user name-->
             <TextView
-                android:id="@+id/comments"
-                android:layout_width="0dp"
+                android:id="@+id/userName"
+                android:layout_width="150dp"
                 android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:layout_margin="5dp"
-                android:layout_weight="1"
-                android:drawablePadding="3dp"
-                android:padding="5dp"
-                android:text="12"
+                android:padding="3dp"
                 android:textColor="@color/black"
-                android:textSize="12sp" />
+                android:textSize="17sp"
+                android:textStyle="normal" />
         </LinearLayout>
 
         <LinearLayout
-            android:id="@+id/layoutLikes"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="10dp"
-            android:layout_marginTop="15dp"
+            android:id="@+id/share"
+            android:layout_width="90dp"
+            android:layout_height="35dp"
+            android:layout_marginStart="90dp"
+            android:layout_marginTop="10dp"
             android:layout_marginEnd="10dp"
-            android:layout_marginBottom="10dp"
-            android:layout_weight="1"
             android:background="@drawable/background_drawable"
-            android:orientation="horizontal"
-            android:weightSum="2">
+            android:orientation="horizontal">
 
             <ImageView
                 android:layout_width="0dp"
-                android:layout_height="wrap_content"
+                android:layout_height="22dp"
                 android:layout_gravity="center"
                 android:layout_weight="1"
-                android:src="@drawable/ic_like"
+                android:src="@drawable/ic_share_52"
                 tools:ignore="ContentDescription" />
-
-            <TextView
-                android:id="@+id/likes"
-                android:layout_width="0dp"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:layout_margin="4dp"
-                android:layout_weight="1"
-                android:background="@drawable/background_drawable"
-                android:drawablePadding="3dp"
-                android:padding="5dp"
-                android:text="Likes"
-                android:textColor="@color/black"
-                android:textSize="12sp" />
         </LinearLayout>
     </LinearLayout>
+
     <View
-        android:id="@+id/dividerDown"
+        android:id="@+id/divider"
         android:layout_width="match_parent"
-        android:layout_height="8dp"
-        android:layout_below="@id/layoutFather"
-        android:background="#D3D1D1" />
+        android:layout_height="12dp"
+        android:background="#DAD7D7" />
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/container_chat.xml b/app/src/main/res/layout/container_chat.xml
index 1f650ba..838a138 100644
--- a/app/src/main/res/layout/container_chat.xml
+++ b/app/src/main/res/layout/container_chat.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
@@ -15,7 +16,7 @@
         android:layout_alignParentTop="true"
         android:textColor="#444444"
         android:textStyle="bold"
-        android:textSize="16dp" />
+        android:textSize="16sp" />
 
     <TextView android:id="@+id/message"
         android:layout_width="wrap_content"
@@ -29,19 +30,21 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="12:00 AM"
-        android:textSize="10dp"
-        android:layout_alignParentRight="true"
-        android:layout_alignParentTop="true"/>
+        android:textSize="10sp"
+        android:layout_alignParentEnd="true"
+        android:layout_alignParentTop="true"
+        tools:ignore="SmallSp" />
 
     <TextView android:id="@+id/count"
         android:layout_width="20dp"
         android:layout_height="20dp"
         android:gravity="center"
-        android:textSize="10dp"
+        android:textSize="10sp"
         android:textColor="@android:color/white"
         android:layout_below="@id/timestamp"
         android:layout_marginTop="5dp"
-        android:layout_alignParentRight="true"
+        android:layout_alignParentEnd="true"
         android:text="5"
-        android:background="@color/design_default_color_primary_dark" />
+        android:background="@color/design_default_color_primary_dark"
+        tools:ignore="SmallSp" />
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/footer_loading.xml b/app/src/main/res/layout/footer_loading.xml
index 2581d9a..47c1b63 100644
--- a/app/src/main/res/layout/footer_loading.xml
+++ b/app/src/main/res/layout/footer_loading.xml
@@ -23,7 +23,8 @@
         android:paddingTop="16dp"
         android:paddingBottom="16dp"
         android:visibility="gone"
-        tools:visibility="visible">
+        tools:visibility="visible"
+        android:focusable="true">
 
         <ImageButton
             android:id="@+id/load_more_retry"
@@ -32,21 +33,17 @@
             android:layout_height="wrap_content"
             android:layout_gravity="center"
             android:layout_marginStart="24dp"
-            android:layout_marginLeft="24dp"
             android:background="@drawable/rety_selector"
             android:padding="8dp"
             android:src="@drawable/ic_refresh_black_24dp"
             android:tintMode="src_in"
-            app:tint="#AAADC4"
-            tools:targetApi="lollipop" />
+            app:tint="#AAADC4" />
 
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_marginStart="16dp"
-            android:layout_marginLeft="16dp"
             android:layout_marginEnd="24dp"
-            android:layout_marginRight="24dp"
             android:gravity="center_vertical"
             android:orientation="vertical">
 
diff --git a/app/src/main/res/layout/fragment_image_slider.xml b/app/src/main/res/layout/fragment_image_slider.xml
index f107c46..874861f 100644
--- a/app/src/main/res/layout/fragment_image_slider.xml
+++ b/app/src/main/res/layout/fragment_image_slider.xml
@@ -30,7 +30,7 @@
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_alignParentLeft="true"
+        android:layout_alignParentStart="true"
         android:layout_alignParentBottom="true"
         android:layout_marginBottom="40dp"
         android:orientation="vertical"
@@ -41,15 +41,13 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textColor="@android:color/white"
-            android:textSize="16dp"
+            android:textSize="16sp"
             android:textStyle="bold" />
 
         <TextView
             android:id="@+id/date"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_alignParentLeft="true"
-            android:layout_alignParentBottom="true"
             android:textColor="@android:color/white" />
     </LinearLayout>
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/image_fullscreen_preview.xml b/app/src/main/res/layout/image_fullscreen_preview.xml
index 10dcfd4..f74bc36 100644
--- a/app/src/main/res/layout/image_fullscreen_preview.xml
+++ b/app/src/main/res/layout/image_fullscreen_preview.xml
@@ -11,5 +11,6 @@
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:layout_centerInParent="true"
-        android:scaleType="fitCenter" />
+        android:scaleType="fitCenter"
+        android:contentDescription="TODO" />
 </RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/layout_fab.xml b/app/src/main/res/layout/layout_fab.xml
index 50637ed..38b6911 100644
--- a/app/src/main/res/layout/layout_fab.xml
+++ b/app/src/main/res/layout/layout_fab.xml
@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.coordinatorlayout.widget.CoordinatorLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/coordinatorForFAB"
     android:layout_width="match_parent"
@@ -13,6 +12,7 @@
         android:layout_gravity="center"
         android:layout_margin="@dimen/fab_margin"
         android:backgroundTint="@color/colorFAB"
+        android:contentDescription="Floating action button 1"
         android:elevation="6dp"
         android:onClick="getFabOptionMenuOnClicked"
         android:src="@drawable/ic_touch_app"
@@ -26,8 +26,9 @@
         android:layout_gravity="center"
         android:layout_marginEnd="120dp"
         android:layout_marginBottom="0dp"
+        android:contentDescription="Floating action button 2"
         android:onClick="getFabTextPostingOnClick"
-        android:src="@android:drawable/ic_menu_camera"
+        android:src="@drawable/ic_upload_50"
         android:visibility="invisible"
         app:backgroundTint="@color/colorFAB"
         app:elevation="6dp"
@@ -41,8 +42,9 @@
         android:layout_gravity="center"
         android:layout_marginStart="120dp"
         android:layout_marginBottom="0dp"
+        android:contentDescription="Floating action button 3"
         android:onClick="getFabUploadVideoClipOnClick"
-        android:src="@android:drawable/ic_menu_agenda"
+        android:src="@drawable/ic_github_50"
         android:visibility="invisible"
         app:backgroundTint="@color/colorFAB"
         app:elevation="6dp"
@@ -55,6 +57,7 @@
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_margin="@dimen/fab_margin"
+        android:contentDescription="Floating action button 4"
         android:onClick="fabUploadPlayMusicOnClick"
         android:src="@android:drawable/ic_menu_share"
         android:visibility="invisible"
diff --git a/app/src/main/res/layout/layout_login.xml b/app/src/main/res/layout/layout_login.xml
index 188989b..8b75f30 100644
--- a/app/src/main/res/layout/layout_login.xml
+++ b/app/src/main/res/layout/layout_login.xml
@@ -30,7 +30,8 @@
                 style="@style/modifiedEditText"
                 android:inputType="textEmailAddress"
                 android:maxLines="1"
-                android:hint="@string/login_email_hint" />
+                android:hint="@string/login_email_hint"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <com.google.android.material.textfield.TextInputLayout
@@ -43,7 +44,8 @@
                 style="@style/modifiedEditText"
                 android:hint="@string/login_password_hint"
                 android:maxLines="1"
-                android:inputType="textPassword" />
+                android:inputType="textPassword"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <TextView
diff --git a/app/src/main/res/layout/layout_register.xml b/app/src/main/res/layout/layout_register.xml
index 0f249d6..7f7d3e2 100644
--- a/app/src/main/res/layout/layout_register.xml
+++ b/app/src/main/res/layout/layout_register.xml
@@ -27,7 +27,8 @@
                 style="@style/modifiedEditText"
                 android:inputType="text"
                 android:maxLines="1"
-                android:hint="Name" />
+                android:hint="Name"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <com.google.android.material.textfield.TextInputLayout
@@ -37,7 +38,8 @@
                 style="@style/modifiedEditText"
                 android:inputType="text"
                 android:maxLines="1"
-                android:hint="Mobile Number" />
+                android:hint="Mobile Number"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <com.google.android.material.textfield.TextInputLayout
@@ -47,7 +49,8 @@
                 style="@style/modifiedEditText"
                 android:inputType="textEmailAddress"
                 android:maxLines="1"
-                android:hint="@string/login_email_hint" />
+                android:hint="@string/login_email_hint"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <com.google.android.material.textfield.TextInputLayout
@@ -57,7 +60,8 @@
                 style="@style/modifiedEditText"
                 android:hint="@string/login_password_hint"
                 android:maxLines="1"
-                android:inputType="textPassword" />
+                android:inputType="textPassword"
+                android:autofillHints="" />
         </com.google.android.material.textfield.TextInputLayout>
 
         <Button
diff --git a/app/src/main/res/menu/menu_main.xml b/app/src/main/res/menu/menu_main.xml
index 9dd3611..02b8c21 100644
--- a/app/src/main/res/menu/menu_main.xml
+++ b/app/src/main/res/menu/menu_main.xml
@@ -13,11 +13,4 @@
         android:title="@string/placeholder_search"
         app:actionViewClass="androidx.appcompat.widget.SearchView"
         app:showAsAction="collapseActionView|ifRoom" />
-
-    <item
-        android:id="@+id/action_play_music"
-        android:orderInCategory="2"
-        android:title="@string/play_music"
-        android:icon="@drawable/ic_play_circle_outline"
-        app:showAsAction="always" />
-</menu>
+</menu>
\ 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 393db90..16d0e8c 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -14,7 +14,7 @@
     <color name="black">#FF000000</color>
 
     <!-- pager color background -->
-    <color name="pagerSilver">#DDDBDB</color>
+    <color name="pagerSilver">#DAD7D7</color>
 
     <!-- tab indicator color -->
     <color name="selectedTabIndicatorColor">#00BCD4</color>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 9d85c4b..48f59ae 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -11,7 +11,7 @@
     <string name="title_section3">Profile</string>
 
     <string name="action_settings">Log out</string>
-    <string name="placeholder_search">Search…</string>
+    <string name="placeholder_search">search</string>
     <string name="play_music">play music</string>
 
     <string name="movies_api_key">ec01f8c2eb6ac402f2ca026dc2d9b8fd</string>
diff --git a/imageslider/.gitignore b/imageslider/.gitignore
deleted file mode 100644
index 796b96d..0000000
--- a/imageslider/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-/build
diff --git a/imageslider/build.gradle b/imageslider/build.gradle
deleted file mode 100644
index fcfc34e..0000000
--- a/imageslider/build.gradle
+++ /dev/null
@@ -1,34 +0,0 @@
-apply plugin: 'com.android.library'
-apply plugin: 'kotlin-android'
-
-android {
-    compileSdkVersion 33
-    defaultConfig {
-        minSdkVersion 14
-        targetSdkVersion 33
-        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
-    }
-
-    buildTypes {
-        release {
-            minifyEnabled false
-            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
-        }
-    }
-    namespace 'com.denzcoskun.imageslider'
-}
-
-dependencies {
-    implementation fileTree(dir: 'libs', include: ['*.jar'])
-    implementation 'com.google.android.material:material:1.9.0'
-    testImplementation 'junit:junit:4.13.2'
-    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
-    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
-    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
-    implementation 'com.squareup.picasso:picasso:2.71828'
-    implementation 'com.github.bumptech.glide:glide:4.12.0'
-}
-
-repositories {
-    mavenCentral()
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/ImageSlider.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/ImageSlider.kt
deleted file mode 100644
index 3e0f0e5..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/ImageSlider.kt
+++ /dev/null
@@ -1,263 +0,0 @@
-package com.denzcoskun.imageslider
-
-import android.annotation.SuppressLint
-import android.content.Context
-import android.os.Handler
-import android.util.AttributeSet
-import android.view.Gravity
-import android.view.LayoutInflater
-import android.view.MotionEvent
-import android.widget.ImageView
-import android.widget.LinearLayout
-import android.widget.RelativeLayout
-import androidx.core.content.ContextCompat
-import androidx.viewpager.widget.ViewPager
-import com.denzcoskun.imageslider.adapters.ViewPagerAdapter
-import com.denzcoskun.imageslider.constants.ActionTypes
-import com.denzcoskun.imageslider.constants.ScaleTypes
-import com.denzcoskun.imageslider.interfaces.ItemChangeListener
-import com.denzcoskun.imageslider.interfaces.ItemClickListener
-import com.denzcoskun.imageslider.interfaces.TouchListener
-import com.denzcoskun.imageslider.models.SlideModel
-import java.util.*
-
-/**
- * Created by Name name on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-@SuppressLint("ClickableViewAccessibility")
-class ImageSlider @JvmOverloads constructor(
-        context: Context,
-        attrs: AttributeSet? = null,
-        defStyleAttr: Int = 0
-):RelativeLayout(context, attrs, defStyleAttr) {
-
-    private var viewPager: ViewPager? = null
-    private var pagerDots: LinearLayout? = null
-    private var viewPagerAdapter: ViewPagerAdapter? = null
-
-    private var dots: Array<ImageView?>? = null
-
-    private var currentPage = 0
-    private var imageCount = 0
-
-    private var cornerRadius: Int = 0
-    private var period: Long = 0
-    private var delay: Long = 0
-    private var autoCycle = false
-
-    private var selectedDot = 0
-    private var unselectedDot = 0
-    private var errorImage = 0
-    private var placeholder = 0
-    private var titleBackground = 0
-    private var textAlign = "LEFT"
-    private var indicatorAlign = "CENTER"
-    private var swipeTimer = Timer()
-
-    private var itemChangeListener: ItemChangeListener? = null
-    private var touchListener: TouchListener? = null
-
-    init {
-        LayoutInflater.from(getContext()).inflate(R.layout.image_slider, this, true)
-        viewPager = findViewById(R.id.view_pager)
-        pagerDots = findViewById(R.id.pager_dots)
-
-        val typedArray = context.theme.obtainStyledAttributes(
-                attrs,
-                R.styleable.ImageSlider,
-                defStyleAttr,
-                defStyleAttr
-        )
-
-        cornerRadius = typedArray.getInt(R.styleable.ImageSlider_iss_corner_radius, 1)
-        period = typedArray.getInt(R.styleable.ImageSlider_iss_period, 1000).toLong()
-        delay = typedArray.getInt(R.styleable.ImageSlider_iss_delay, 1000).toLong()
-        autoCycle = typedArray.getBoolean(R.styleable.ImageSlider_iss_auto_cycle, false)
-        placeholder = typedArray.getResourceId(R.styleable.ImageSlider_iss_placeholder, R.drawable.default_placeholder)
-        errorImage = typedArray.getResourceId(R.styleable.ImageSlider_iss_error_image, R.drawable.error)
-        selectedDot = typedArray.getResourceId(R.styleable.ImageSlider_iss_selected_dot, R.drawable.default_selected_dot)
-        unselectedDot = typedArray.getResourceId(R.styleable.ImageSlider_iss_unselected_dot, R.drawable.default_unselected_dot)
-        titleBackground = typedArray.getResourceId(R.styleable.ImageSlider_iss_title_background, R.drawable.gradient)
-
-        if (typedArray.getString(R.styleable.ImageSlider_iss_text_align) != null) {
-            textAlign = typedArray.getString(R.styleable.ImageSlider_iss_text_align)!!
-        }
-
-        if (typedArray.getString(R.styleable.ImageSlider_iss_indicator_align) != null) {
-            indicatorAlign = typedArray.getString(R.styleable.ImageSlider_iss_indicator_align)!!
-        }
-
-        if (touchListener != null) {
-            viewPager!!.setOnTouchListener { v, event ->
-                when (event.action) {
-                    MotionEvent.ACTION_MOVE -> touchListener!!.onTouched(ActionTypes.MOVE)
-                    MotionEvent.ACTION_DOWN -> touchListener!!.onTouched(ActionTypes.DOWN)
-                    MotionEvent.ACTION_UP -> touchListener!!.onTouched(ActionTypes.UP)
-                }
-                false
-            }
-        }
-
-    }
-
-    /**
-     * Set image list to adapter.
-     *
-     * @param  imageList  the image list by user
-     */
-    fun setImageList(imageList: List<SlideModel>) {
-        viewPagerAdapter = ViewPagerAdapter(context, imageList, cornerRadius, errorImage, placeholder, titleBackground, textAlign)
-        viewPager!!.adapter = viewPagerAdapter
-        imageCount = imageList.size
-        if (imageList.isNotEmpty()) {
-            setupDots(imageList.size)
-            if (autoCycle) {
-                stopSliding()
-                startSliding()
-            }
-        }
-    }
-
-    /**
-     * Set image list to adapter.
-     *
-     * @param  imageList  the image list by user
-     * @param  scaleType  scale type for all image
-     */
-    fun setImageList(imageList: List<SlideModel>, scaleType: ScaleTypes? = null) {
-        viewPagerAdapter = ViewPagerAdapter(context, imageList, cornerRadius, errorImage, placeholder, titleBackground, scaleType, textAlign)
-        viewPager!!.adapter = viewPagerAdapter
-        imageCount = imageList.size
-        if (imageList.isNotEmpty()) {
-            setupDots(imageList.size)
-            if (autoCycle) {
-                startSliding()
-            }
-        }
-    }
-
-    private fun setupDots(size: Int) {
-        println(indicatorAlign)
-        pagerDots!!.gravity = getGravityFromAlign(indicatorAlign)
-        pagerDots!!.removeAllViews()
-        dots = arrayOfNulls(size)
-
-        for (i in 0 until size) {
-            dots!![i] = ImageView(context)
-            dots!![i]!!.setImageDrawable(ContextCompat.getDrawable(context, unselectedDot))
-            val params = LinearLayout.LayoutParams(
-                    LinearLayout.LayoutParams.WRAP_CONTENT,
-                    LinearLayout.LayoutParams.WRAP_CONTENT
-            )
-            params.setMargins(8, 0, 8, 0)
-            pagerDots!!.addView(dots!![i], params)
-        }
-        dots!![0]!!.setImageDrawable(ContextCompat.getDrawable(context, selectedDot))
-
-        viewPager!!.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
-            override fun onPageScrolled(
-                    position: Int,
-                    positionOffset: Float,
-                    positionOffsetPixels: Int
-            ) {}
-
-            override fun onPageSelected(position: Int) {
-                currentPage = position
-                for (dot in dots!!) {
-                    dot!!.setImageDrawable(ContextCompat.getDrawable(context, unselectedDot))
-                }
-                dots!![position]!!.setImageDrawable(ContextCompat.getDrawable(context, selectedDot))
-                if (itemChangeListener != null) itemChangeListener!!.onItemChanged(position)
-            }
-
-            override fun onPageScrollStateChanged(state: Int) {}
-        })
-
-    }
-
-    /**
-     * Start image sliding.
-     *
-     * @param  changeablePeriod  optional period value
-     */
-    fun startSliding(changeablePeriod: Long = period) {
-        stopSliding()
-        scheduleTimer(changeablePeriod)
-    }
-
-    /**
-     * Stop image sliding.
-     *
-     */
-    fun stopSliding() {
-        swipeTimer.cancel()
-        swipeTimer.purge()
-    }
-
-    private fun scheduleTimer(period: Long) {
-        val handler = Handler()
-        val update = Runnable {
-            if (currentPage == imageCount) {
-                currentPage = 0
-            }
-            viewPager!!.setCurrentItem(currentPage++, true)
-        }
-
-        swipeTimer = Timer()
-        swipeTimer.schedule(object : TimerTask() {
-            override fun run() {
-                handler.post(update)
-            }
-        }, delay, period)
-    }
-
-    /**
-     * Set item click listener for listen to image click
-     *
-     * @param  itemClickListener  interface callback
-     */
-    fun setItemClickListener(itemClickListener: ItemClickListener) {
-        viewPagerAdapter?.setItemClickListener(itemClickListener)
-    }
-
-    /**
-     * Set item change listener for listen to image click
-     *
-     * @param  itemChangeListener  interface callback
-     */
-    fun setItemChangeListener(itemChangeListener: ItemChangeListener) {
-        this.itemChangeListener = itemChangeListener
-    }
-
-    /**
-     * Set touch listener for listen to image touch
-     *
-     * @param  touchListener  interface callback
-     */
-    fun setTouchListener(touchListener: TouchListener) {
-        this.touchListener = touchListener
-        this.viewPagerAdapter!!.setTouchListener(touchListener)
-    }
-
-    /**
-     * Get layout gravity value from indicatorAlign variable
-     *
-     * @param  indicatorAlign  indicator align by user
-     */
-    fun getGravityFromAlign(textAlign: String): Int {
-        return when (textAlign) {
-            "RIGHT" -> {
-                Gravity.RIGHT
-            }
-            "LEFT" -> {
-                Gravity.LEFT
-            }
-            else -> {
-                Gravity.CENTER
-            }
-        }
-    }
-
-}
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/adapters/ViewPagerAdapter.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/adapters/ViewPagerAdapter.kt
deleted file mode 100644
index 6bbbf99..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/adapters/ViewPagerAdapter.kt
+++ /dev/null
@@ -1,164 +0,0 @@
-package com.denzcoskun.imageslider.adapters
-
-import android.annotation.SuppressLint
-import android.content.Context
-import android.view.*
-import android.widget.ImageView
-import android.widget.LinearLayout
-import android.widget.RelativeLayout
-import android.widget.TextView
-import androidx.viewpager.widget.PagerAdapter
-import com.bumptech.glide.Glide
-import com.denzcoskun.imageslider.R
-import com.denzcoskun.imageslider.constants.ActionTypes
-import com.denzcoskun.imageslider.constants.ScaleTypes
-import com.denzcoskun.imageslider.interfaces.ItemClickListener
-import com.denzcoskun.imageslider.interfaces.TouchListener
-import com.denzcoskun.imageslider.models.SlideModel
-
-/**
- * Created by Deniz Coşkun on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-class ViewPagerAdapter(
-    var context: Context?,
-    imageList: List<SlideModel>,
-    private var radius: Int,
-    private var errorImage: Int,
-    private var placeholder: Int,
-    private var titleBackground: Int,
-    private var scaleType: ScaleTypes?,
-    private var textAlign: String
-) : PagerAdapter() {
-
-    constructor(
-        context: Context,
-        imageList: List<SlideModel>,
-        radius: Int,
-        errorImage: Int,
-        placeholder: Int,
-        titleBackground: Int,
-        textAlign: String
-    ) :
-            this(
-                context,
-                imageList,
-                radius,
-                errorImage,
-                placeholder,
-                titleBackground,
-                null,
-                textAlign
-            )
-
-    private var imageList: List<SlideModel>? = imageList
-    private var layoutInflater: LayoutInflater? =
-        context!!.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater?
-
-    private var itemClickListener: ItemClickListener? = null
-    private var touchListener: TouchListener? = null
-
-    override fun isViewFromObject(view: View, obj: Any): Boolean {
-        return view == obj
-    }
-
-    override fun getCount(): Int {
-        return imageList!!.size
-    }
-
-    @SuppressLint("ClickableViewAccessibility", "CheckResult")
-    override fun instantiateItem(container: ViewGroup, position: Int): View {
-        val itemView = layoutInflater!!.inflate(R.layout.pager_row, container, false)
-
-        val imageView = itemView.findViewById<ImageView>(R.id.image_view)
-        val linearLayout = itemView.findViewById<LinearLayout>(R.id.linear_layout)
-        val textView = itemView.findViewById<TextView>(R.id.text_view)
-
-        if (imageList!![position].title != null) {
-            textView.text = imageList!![position].title
-            linearLayout.setBackgroundResource(titleBackground)
-            textView.gravity = getGravityFromAlign(textAlign)
-            linearLayout.gravity = getGravityFromAlign(textAlign)
-        } else {
-            linearLayout.visibility = View.INVISIBLE
-        }
-
-        // Image from url or local path check.
-        val loader = if (imageList!![position].imageUrl == null) {
-            context?.let { Glide.with(it).load(imageList!![position].imagePath) }
-        } else {
-            context?.let { Glide.with(it).load(imageList!![position].imageUrl!!) }
-        }
-
-        // set Picasso options.
-        if ((scaleType != null && scaleType == ScaleTypes.CENTER_CROP) || imageList!![position].scaleType == ScaleTypes.CENTER_CROP) {
-            loader?.centerCrop()
-        } else if ((scaleType != null && scaleType == ScaleTypes.CENTER_INSIDE) || imageList!![position].scaleType == ScaleTypes.CENTER_INSIDE) {
-            loader?.centerInside()
-        } else if ((scaleType != null && scaleType == ScaleTypes.FIT) || imageList!![position].scaleType == ScaleTypes.FIT) {
-            loader?.fitCenter()
-        }
-
-        loader?.placeholder(placeholder)?.error(errorImage)?.into(imageView)
-
-        container.addView(itemView)
-
-        imageView.setOnClickListener { itemClickListener?.onItemSelected(position) }
-
-        if (touchListener != null) {
-            imageView!!.setOnTouchListener { v, event ->
-                when (event.action) {
-                    MotionEvent.ACTION_MOVE -> touchListener!!.onTouched(ActionTypes.MOVE)
-                    MotionEvent.ACTION_DOWN -> touchListener!!.onTouched(ActionTypes.DOWN)
-                    MotionEvent.ACTION_UP -> touchListener!!.onTouched(ActionTypes.UP)
-                }
-                false
-            }
-        }
-
-        return itemView
-    }
-
-    /**
-     * Get layout gravity value from textAlign variable
-     *
-     * @param  textAlign  text align by user
-     */
-    fun getGravityFromAlign(textAlign: String): Int {
-        return when (textAlign) {
-            "RIGHT" -> {
-                Gravity.RIGHT
-            }
-            "CENTER" -> {
-                Gravity.CENTER
-            }
-            else -> {
-                Gravity.LEFT
-            }
-        }
-    }
-
-    /**
-     * Set item click listener
-     *
-     * @param  itemClickListener  callback by user
-     */
-    fun setItemClickListener(itemClickListener: ItemClickListener) {
-        this.itemClickListener = itemClickListener
-    }
-
-    /**
-     * Set touch listener for listen to image touch
-     *
-     * @param  touchListener  interface callback
-     */
-    fun setTouchListener(touchListener: TouchListener) {
-        this.touchListener = touchListener
-    }
-
-    override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) {
-        container.removeView(`object` as RelativeLayout)
-    }
-
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ActionTypes.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ActionTypes.kt
deleted file mode 100644
index 34d42a0..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ActionTypes.kt
+++ /dev/null
@@ -1,11 +0,0 @@
-package com.denzcoskun.imageslider.constants
-
-
-/**
- * Created by Deniz Coşkun on 10/27/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-enum class ActionTypes(value: String) {
-    DOWN("down"), UP("up"), MOVE("move")
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ScaleTypes.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ScaleTypes.kt
deleted file mode 100644
index f9399ba..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/constants/ScaleTypes.kt
+++ /dev/null
@@ -1,10 +0,0 @@
-package com.denzcoskun.imageslider.constants
-
-/**
- * Created by Deniz Coşkun on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-enum class ScaleTypes(value: String) {
-    FIT("fit"), CENTER_CROP("centerCrop"), CENTER_INSIDE("centerInside")
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemChangeListener.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemChangeListener.kt
deleted file mode 100644
index 45271e0..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemChangeListener.kt
+++ /dev/null
@@ -1,14 +0,0 @@
-package com.denzcoskun.imageslider.interfaces
-/**
- * Created by Deniz Coşkun on 10/10/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-interface ItemChangeListener {
-    /**
-     * Click listener changed item function.
-     *
-     * @param  position  changed item position
-     */
-    fun onItemChanged(position: Int)
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemClickListener.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemClickListener.kt
deleted file mode 100644
index 166b74d..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/ItemClickListener.kt
+++ /dev/null
@@ -1,14 +0,0 @@
-package com.denzcoskun.imageslider.interfaces
-/**
- * Created by Name name on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-interface ItemClickListener {
-    /**
-     * Click listener selected item function.
-     *
-     * @param  position  selected item position
-     */
-    fun onItemSelected(position: Int)
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/TouchListener.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/TouchListener.kt
deleted file mode 100644
index 8978098..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/interfaces/TouchListener.kt
+++ /dev/null
@@ -1,18 +0,0 @@
-package com.denzcoskun.imageslider.interfaces
-
-import com.denzcoskun.imageslider.constants.ActionTypes
-
-
-/**
- * Created by Deniz Coşkun on 10/10/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-interface TouchListener {
-    /**
-     * Click listener touched item function.
-     *
-     * @param  touched  slider boolean
-     */
-    fun onTouched(touched: ActionTypes)
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/models/SlideModel.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/models/SlideModel.kt
deleted file mode 100644
index f92eb57..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/models/SlideModel.kt
+++ /dev/null
@@ -1,53 +0,0 @@
-package com.denzcoskun.imageslider.models
-
-import com.denzcoskun.imageslider.constants.ScaleTypes
-
-/**
- * Created by Deniz Coşkun on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-class SlideModel {
-    var id: String? = null
-    var imageUrl: String? = null
-    var imagePath: Int? = 0
-    var title: String? = null
-    var scaleType: ScaleTypes? = null
-
-    constructor(imageUrl: String?, title: String? = null, scaleType: ScaleTypes? = null) {
-        this.imageUrl = imageUrl
-        this.title = title
-        this.scaleType = scaleType
-    }
-
-    constructor(imagePath: Int?, title: String? = null, scaleType: ScaleTypes? = null) {
-        this.imagePath = imagePath
-        this.title = title
-        this.scaleType = scaleType
-    }
-
-    constructor(imageUrl: String?, scaleType: ScaleTypes?) {
-        this.imageUrl = imageUrl
-        this.scaleType = scaleType
-    }
-
-    constructor(imagePath: Int?, scaleType: ScaleTypes?) {
-        this.imagePath = imagePath
-        this.scaleType = scaleType
-    }
-
-    constructor(id: String?, imagePath: Int?, title: String?, scaleType: ScaleTypes?) {
-        this.id = id
-        this.imagePath = imagePath
-        this.title = title
-        this.scaleType = scaleType
-    }
-
-    constructor(id: String?, imageUrl: String?, title: String?, scaleType: ScaleTypes?) {
-        this.id = id
-        this.imageUrl = imageUrl
-        this.title = title
-        this.scaleType = scaleType
-    }
-
-}
\ No newline at end of file
diff --git a/imageslider/src/main/java/com/denzcoskun/imageslider/transformation/RoundedTransformation.kt b/imageslider/src/main/java/com/denzcoskun/imageslider/transformation/RoundedTransformation.kt
deleted file mode 100644
index 30fb048..0000000
--- a/imageslider/src/main/java/com/denzcoskun/imageslider/transformation/RoundedTransformation.kt
+++ /dev/null
@@ -1,164 +0,0 @@
-package com.denzcoskun.imageslider.transformation
-
-import android.graphics.*
-import com.squareup.picasso.Transformation
-
-/**
- * Created by Name name on 6/23/2020.
- * denzcoskun@hotmail.com
- * İstanbul
- */
-class RoundedTransformation @JvmOverloads constructor(radius:Int, margin:Int, cornerType:CornerType = CornerType.ALL):
-    Transformation {
-    private var mRadius:Float = 0f
-    private var mDiameter:Float = 0f
-    private var mMargin:Float = 0f
-    private var mCornerType:CornerType
-
-    /**
-     * Enum for corner types.
-     */
-    enum class CornerType {
-        ALL,
-        TOP_LEFT, TOP_RIGHT, BOTTOM_LEFT, BOTTOM_RIGHT,
-        TOP, BOTTOM, LEFT, RIGHT,
-        OTHER_TOP_LEFT, OTHER_TOP_RIGHT, OTHER_BOTTOM_LEFT, OTHER_BOTTOM_RIGHT,
-        DIAGONAL_FROM_TOP_LEFT, DIAGONAL_FROM_TOP_RIGHT
-    }
-    init{
-        mRadius = radius.toFloat()
-        mDiameter = (radius * 2).toFloat()
-        mMargin = margin.toFloat()
-        mCornerType = cornerType
-    }
-
-    override fun transform(source:Bitmap): Bitmap {
-        val width = source.getWidth()
-        val height = source.getHeight()
-        val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
-        val canvas = Canvas(bitmap)
-        val paint = Paint()
-        paint.setAntiAlias(true)
-        paint.setShader(BitmapShader(source, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP))
-        drawRoundRect(canvas, paint, width.toFloat(), height.toFloat())
-        source.recycle()
-        return bitmap
-    }
-    private fun drawRoundRect(canvas:Canvas, paint:Paint, width:Float, height:Float) {
-        val right = width - mMargin
-        val bottom = height - mMargin
-        when (mCornerType) {
-            RoundedTransformation.CornerType.ALL -> canvas.drawRoundRect(RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint)
-            RoundedTransformation.CornerType.TOP_LEFT -> drawTopLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.TOP_RIGHT -> drawTopRightRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.BOTTOM_LEFT -> drawBottomLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.BOTTOM_RIGHT -> drawBottomRightRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.TOP -> drawTopRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.BOTTOM -> drawBottomRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.LEFT -> drawLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.RIGHT -> drawRightRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.OTHER_TOP_LEFT -> drawOtherTopLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.OTHER_TOP_RIGHT -> drawOtherTopRightRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.OTHER_BOTTOM_LEFT -> drawOtherBottomLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.OTHER_BOTTOM_RIGHT -> drawOtherBottomRightRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.DIAGONAL_FROM_TOP_LEFT -> drawDiagonalFromTopLeftRoundRect(canvas, paint, right, bottom)
-            RoundedTransformation.CornerType.DIAGONAL_FROM_TOP_RIGHT -> drawDiagonalFromTopRightRoundRect(canvas, paint, right, bottom)
-            else -> canvas.drawRoundRect(RectF(mMargin, mMargin, right, bottom), mRadius, mRadius, paint)
-        }
-    }
-    private fun drawTopLeftRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, mMargin + mDiameter, mMargin + mDiameter),
-            mRadius, mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin + mRadius, mMargin + mRadius, bottom), paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin, right, bottom), paint)
-    }
-    private fun drawTopRightRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(right - mDiameter, mMargin, right, mMargin + mDiameter), mRadius,
-            mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right - mRadius, bottom), paint)
-        canvas.drawRect(RectF(right - mRadius, mMargin + mRadius, right, bottom), paint)
-    }
-    private fun drawBottomLeftRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, bottom - mDiameter, mMargin + mDiameter, bottom),
-            mRadius, mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin, mMargin + mDiameter, bottom - mRadius), paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin, right, bottom), paint)
-    }
-    private fun drawBottomRightRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(right - mDiameter, bottom - mDiameter, right, bottom), mRadius,
-            mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right - mRadius, bottom), paint)
-        canvas.drawRect(RectF(right - mRadius, mMargin, right, bottom - mRadius), paint)
-    }
-    private fun drawTopRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin, mMargin + mRadius, right, bottom), paint)
-    }
-    private fun drawBottomRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right, bottom - mRadius), paint)
-    }
-    private fun drawLeftRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin, right, bottom), paint)
-    }
-    private fun drawRightRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right - mRadius, bottom), paint)
-    }
-    private fun drawOtherTopLeftRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRoundRect(RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right - mRadius, bottom - mRadius), paint)
-    }
-    private fun drawOtherTopRightRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRoundRect(RectF(mMargin, bottom - mDiameter, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin, right, bottom - mRadius), paint)
-    }
-    private fun drawOtherBottomLeftRoundRect(canvas:Canvas, paint:Paint, right:Float, bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,
-            paint)
-        canvas.drawRoundRect(RectF(right - mDiameter, mMargin, right, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin, mMargin + mRadius, right - mRadius, bottom), paint)
-    }
-    private fun drawOtherBottomRightRoundRect(canvas:Canvas, paint:Paint, right:Float,
-                                              bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, right, mMargin + mDiameter), mRadius, mRadius,
-            paint)
-        canvas.drawRoundRect(RectF(mMargin, mMargin, mMargin + mDiameter, bottom), mRadius, mRadius,
-            paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin + mRadius, right, bottom), paint)
-    }
-    private fun drawDiagonalFromTopLeftRoundRect(canvas:Canvas, paint:Paint, right:Float,
-                                                 bottom:Float) {
-        canvas.drawRoundRect(RectF(mMargin, mMargin, mMargin + mDiameter, mMargin + mDiameter),
-            mRadius, mRadius, paint)
-        canvas.drawRoundRect(RectF(right - mDiameter, bottom - mDiameter, right, bottom), mRadius,
-            mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin + mRadius, right - mDiameter, bottom), paint)
-        canvas.drawRect(RectF(mMargin + mDiameter, mMargin, right, bottom - mRadius), paint)
-    }
-    private fun drawDiagonalFromTopRightRoundRect(canvas:Canvas, paint:Paint, right:Float,
-                                                  bottom:Float) {
-        canvas.drawRoundRect(RectF(right - mDiameter, mMargin, right, mMargin + mDiameter), mRadius,
-            mRadius, paint)
-        canvas.drawRoundRect(RectF(mMargin, bottom - mDiameter, mMargin + mDiameter, bottom),
-            mRadius, mRadius, paint)
-        canvas.drawRect(RectF(mMargin, mMargin, right - mRadius, bottom - mRadius), paint)
-        canvas.drawRect(RectF(mMargin + mRadius, mMargin + mRadius, right, bottom), paint)
-    }
-    override fun key():String {
-        return ("RoundedTransformation(radius=" + mRadius + ", margin=" + mMargin + ", diameter="
-                + mDiameter + ", cornerType=" + mCornerType.name + ")")
-    }
-}
\ No newline at end of file
diff --git a/imageslider/src/main/res/drawable/default_selected_dot.xml b/imageslider/src/main/res/drawable/default_selected_dot.xml
deleted file mode 100644
index 6ac42ce..0000000
--- a/imageslider/src/main/res/drawable/default_selected_dot.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android">
-    <solid android:color="#fff"/>
-    <size android:width="10dp" android:height="10dp"/>
-
-    <stroke android:width="1dp" android:color="#ffffff"/>
-</shape>
\ No newline at end of file
diff --git a/imageslider/src/main/res/drawable/default_unselected_dot.xml b/imageslider/src/main/res/drawable/default_unselected_dot.xml
deleted file mode 100644
index 3a8390c..0000000
--- a/imageslider/src/main/res/drawable/default_unselected_dot.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android">
-    <solid android:color="#aeaeae"/>
-    <size android:width="8dp" android:height="8dp"/>
-
-    <stroke android:width="0dp" android:color="#ffffff"/>
-</shape>
\ No newline at end of file
diff --git a/imageslider/src/main/res/drawable/error.png b/imageslider/src/main/res/drawable/error.png
deleted file mode 100644
index b5d21c1..0000000
Binary files a/imageslider/src/main/res/drawable/error.png and /dev/null differ
diff --git a/imageslider/src/main/res/drawable/gradient.xml b/imageslider/src/main/res/drawable/gradient.xml
deleted file mode 100644
index c2bc013..0000000
--- a/imageslider/src/main/res/drawable/gradient.xml
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <gradient
-            android:type="linear"
-            android:angle="270"
-            android:startColor="#80000000"
-            android:endColor="#00ffffff" />
-</shape>
\ No newline at end of file
diff --git a/imageslider/src/main/res/layout/pager_row.xml b/imageslider/src/main/res/layout/pager_row.xml
deleted file mode 100644
index 1326b28..0000000
--- a/imageslider/src/main/res/layout/pager_row.xml
+++ /dev/null
@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:clickable="false"
-    android:focusable="false"
-    android:focusableInTouchMode="false"
-    android:orientation="vertical">
-
-    <ImageView
-        android:id="@+id/image_view"
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        tools:ignore="ContentDescription" />
-
-    <LinearLayout
-        android:id="@+id/linear_layout"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
-        android:background="@drawable/gradient"
-        android:paddingLeft="5dp"
-        android:paddingTop="5dp"
-        android:paddingRight="5dp"
-        android:paddingBottom="40dp"
-        android:visibility="invisible">
-
-        <TextView
-            android:id="@+id/text_view"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:textColor="@android:color/white"
-            android:textSize="18sp"
-            android:textStyle="bold" />
-    </LinearLayout>
-</RelativeLayout>
\ No newline at end of file
diff --git a/imageslider/src/main/res/values/colors.xml b/imageslider/src/main/res/values/colors.xml
deleted file mode 100644
index d386ea7..0000000
--- a/imageslider/src/main/res/values/colors.xml
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <color name="light_font">#FBFBFB</color>
-    <color name="grey_font">#ff9e9e9e</color>
-    <color name="text_shadow">#7F000000</color>
-    <color name="text_shadow_white">#FFFFFF</color>
-</resources>
\ No newline at end of file
diff --git a/imageslider/src/main/res/values/strings.xml b/imageslider/src/main/res/values/strings.xml
deleted file mode 100644
index a97edfc..0000000
--- a/imageslider/src/main/res/values/strings.xml
+++ /dev/null
@@ -1,4 +0,0 @@
-<resources>
-    <string name="app_name">ImageSlider</string>
-    <string name="left">LEFT</string>
-</resources>
diff --git a/multimediaplayer/.gitignore b/multimediaplayer/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/multimediaplayer/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/multimediaplayer/build.gradle b/multimediaplayer/build.gradle
new file mode 100644
index 0000000..f5da270
--- /dev/null
+++ b/multimediaplayer/build.gradle
@@ -0,0 +1,42 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+android {
+    namespace 'com.brain.multimediaplayer'
+    compileSdk 34
+
+    defaultConfig {
+        minSdk 24
+        targetSdk 34
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary true
+        }
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
+    }
+    kotlinOptions {
+        jvmTarget = '17'
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'com.google.code.gson:gson:2.10.1'
+    implementation 'androidx.media3:media3-exoplayer:1.3.1'
+    implementation 'androidx.media3:media3-exoplayer-dash:1.3.1'
+    implementation 'androidx.media3:media3-ui:1.3.1'
+}
\ No newline at end of file
diff --git a/imageslider/proguard-rules.pro b/multimediaplayer/proguard-rules.pro
similarity index 94%
rename from imageslider/proguard-rules.pro
rename to multimediaplayer/proguard-rules.pro
index f1b4245..481bb43 100644
--- a/imageslider/proguard-rules.pro
+++ b/multimediaplayer/proguard-rules.pro
@@ -18,4 +18,4 @@
 
 # If you keep the line number information, uncomment this to
 # hide the original source file name.
-#-renamesourcefileattribute SourceFile
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/multimediaplayer/src/androidTest/java/com/brain/multimediaplayer/ExampleInstrumentedTest.kt b/multimediaplayer/src/androidTest/java/com/brain/multimediaplayer/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..5192940
--- /dev/null
+++ b/multimediaplayer/src/androidTest/java/com/brain/multimediaplayer/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.brain.multimediaplayer
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.brain.multimediaplayer", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/imageslider/src/main/AndroidManifest.xml b/multimediaplayer/src/main/AndroidManifest.xml
similarity index 58%
rename from imageslider/src/main/AndroidManifest.xml
rename to multimediaplayer/src/main/AndroidManifest.xml
index 94cbbcf..de749ac 100644
--- a/imageslider/src/main/AndroidManifest.xml
+++ b/multimediaplayer/src/main/AndroidManifest.xml
@@ -1 +1,2 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
\ No newline at end of file
diff --git a/multimediaplayer/src/main/java/com/brain/multimediaplayer/service/MediaPlayerService.kt b/multimediaplayer/src/main/java/com/brain/multimediaplayer/service/MediaPlayerService.kt
new file mode 100644
index 0000000..a105629
--- /dev/null
+++ b/multimediaplayer/src/main/java/com/brain/multimediaplayer/service/MediaPlayerService.kt
@@ -0,0 +1,206 @@
+package com.brain.multimediaplayer.service
+
+import android.content.Context
+import android.util.Log
+import android.view.View
+import android.widget.ProgressBar
+import androidx.media3.common.MediaItem
+import androidx.media3.common.Player
+import androidx.media3.datasource.DataSource
+import androidx.media3.datasource.DefaultHttpDataSource
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.exoplayer.source.DefaultMediaSourceFactory
+import androidx.media3.exoplayer.source.MediaSource
+import androidx.media3.exoplayer.source.ProgressiveMediaSource
+import androidx.media3.ui.PlayerView
+import com.brain.multimediaplayer.util.PlayerFlag
+
+/**
+ * @author hfredi35@gmail.com
+ * @company Brain Inc
+ */
+class MediaPlayerService {
+    companion object {
+        //********** Vars for Player Dialog **********
+        private lateinit var exoPlayerD: ExoPlayer
+        private lateinit var dataSourceFactoryD: DataSource.Factory
+        private lateinit var mediaSourceD: MediaSource
+        private lateinit var mediaItemD: MediaItem
+        private lateinit var mediaSourceFactoryD: MediaSource.Factory
+
+        // for hold all players generated
+        private var playersMapD: MutableMap<Int, ExoPlayer> = mutableMapOf()
+
+        // for hold current player
+        private var currentPlayingVideoD: Pair<Int, ExoPlayer>? = null
+        //*********************************************
+
+        //********** Vars for Player Slider **********
+        private lateinit var exoPlayerS: ExoPlayer
+        private lateinit var dataSourceFactoryS: DataSource.Factory
+        private lateinit var mediaSourceS: MediaSource
+        private lateinit var mediaItemS: MediaItem
+        private lateinit var mediaSourceFactoryS: MediaSource.Factory
+
+        // for hold all players generated
+        private var playersMapS: MutableMap<Int, ExoPlayer> = mutableMapOf()
+
+        // for hold current player
+        private var currentPlayingVideoS: Pair<Int, ExoPlayer>? = null
+        //*********************************************
+
+        fun releaseAllPlayers(playerFlag: PlayerFlag, position: Int?) {
+            when (playerFlag) {
+                PlayerFlag.DIALOG -> {
+                    playersMapD[position]?.pause()
+                }
+                PlayerFlag.SLIDER -> {
+                    playersMapS.map { it.value.release() }
+                }
+                PlayerFlag.DEFAULT -> println("Player Not Found")
+            }
+        }
+
+        private fun pauseCurrentPlayingVideo(playerFlag: PlayerFlag) {
+            when (playerFlag) {
+                PlayerFlag.DIALOG -> {
+                    if (currentPlayingVideoD != null) {
+                        currentPlayingVideoD?.second?.playWhenReady = false
+                    }
+                }
+                PlayerFlag.SLIDER -> {
+                    if (currentPlayingVideoS != null) {
+                        currentPlayingVideoS?.second?.playWhenReady = false
+                    }
+                }
+                PlayerFlag.DEFAULT -> println("Player Not Found")
+            }
+        }
+
+        fun playIndexAndPausePreviousPlayer(index: Int, playerFlag: PlayerFlag) {
+            when (playerFlag) {
+                PlayerFlag.DIALOG -> {
+                    if (playersMapD[index]?.playWhenReady == false || playersMapD[index]?.playWhenReady == null) {
+                        pauseCurrentPlayingVideo(PlayerFlag.DIALOG)
+                        if (playersMapD[index]?.playWhenReady != null) {
+                            playersMapD[index]?.playWhenReady = true
+                            currentPlayingVideoD = Pair(index, playersMapD[index]!!)
+                        }
+                    }
+                }
+                PlayerFlag.SLIDER -> {
+                    if (playersMapS[index]?.playWhenReady == false || playersMapS[index]?.playWhenReady == null) {
+                        pauseCurrentPlayingVideo(PlayerFlag.SLIDER)
+                        if (playersMapS[index]?.playWhenReady != null) {
+                            playersMapS[index]?.playWhenReady = true
+                            currentPlayingVideoS = Pair(index, playersMapS[index]!!)
+                        }
+                    }
+                }
+                PlayerFlag.DEFAULT -> println("Player Not Found")
+            }
+        }
+
+        @androidx.annotation.OptIn(androidx.media3.common.util.UnstableApi::class)
+        fun initPlayer(context: Context, url: String, position: Int? = null, autoPlay: Boolean = false, playerView: PlayerView, progressBar: ProgressBar, playerFlag: PlayerFlag) {
+            when (playerFlag) {
+                PlayerFlag.DIALOG -> {
+                    dataSourceFactoryD = DefaultHttpDataSource.Factory()
+                    mediaItemD = MediaItem.fromUri(url)
+                    mediaSourceD = ProgressiveMediaSource.Factory(dataSourceFactoryD).createMediaSource(mediaItemD)
+                    mediaSourceFactoryD = DefaultMediaSourceFactory(dataSourceFactoryD)
+
+                    exoPlayerD = ExoPlayer.Builder(context).setMediaSourceFactory(mediaSourceFactoryD).build()
+                    exoPlayerD.addMediaSource(mediaSourceD)
+                    exoPlayerD.prepare()
+                    exoPlayerD.seekTo(0)
+
+                    playerView.visibility = View.VISIBLE
+                    playerView.requestFocus()
+                    playerView.setShowNextButton(false)
+                    playerView.setShowPreviousButton(false)
+                    // We'll show the controller, change to true if want controllers as pause and start
+                    playerView.useController = true
+                    // When changing track, retain the latest frame instead of showing a black screen
+                    playerView.setKeepContentOnPlayerReset(true)
+                    playerView.player = exoPlayerD
+
+                    // first remove if the map contains the specified key
+                    if (playersMapD.containsKey(position)) {
+                        playersMapD.remove(position)
+                    }
+
+                    // after, associates the specified value with the specified key in the map.
+                    playersMapD[position!!] = exoPlayerD
+
+                    exoPlayerD.addListener(object : Player.Listener {
+                        override fun onPlaybackStateChanged(playbackState: Int) {
+                            super.onPlaybackStateChanged(playbackState)
+                            when (playbackState) {
+                                Player.STATE_BUFFERING -> progressBar.visibility = View.VISIBLE
+                                Player.STATE_ENDED -> {
+                                    Log.e("STATE_ENDED:: ", "onPlaybackStateChanged: Video ended.")
+                                    exoPlayerD.seekTo(0)
+                                }
+
+                                Player.STATE_IDLE -> Log.e("STATE_IDLE:: ", "onPlaybackStateChanged: Video idle.")
+
+                                Player.STATE_READY -> progressBar.visibility = View.GONE
+                                else -> Log.e("PLAY_STATE:: ", "NOT_FOUND")
+                            }
+                        }
+                    })
+                }
+                PlayerFlag.SLIDER -> {
+                    // first remove if the map contains the specified key
+                    if (!playersMapS.containsKey(position)) {
+                        dataSourceFactoryS = DefaultHttpDataSource.Factory()
+                        mediaItemS = MediaItem.fromUri(url)
+                        mediaSourceS = ProgressiveMediaSource.Factory(dataSourceFactoryS).createMediaSource(mediaItemS)
+                        mediaSourceFactoryS = DefaultMediaSourceFactory(dataSourceFactoryS)
+
+                        exoPlayerS = ExoPlayer.Builder(context).setMediaSourceFactory(mediaSourceFactoryS).build()
+                        exoPlayerS.addMediaSource(mediaSourceS)
+                        exoPlayerS.prepare()
+                        exoPlayerS.playWhenReady = autoPlay
+                        exoPlayerS.seekTo(0)
+
+                        playersMapS.remove(position)
+                    }
+
+                    playerView.visibility = View.VISIBLE
+                    playerView.requestFocus()
+                    playerView.setShowNextButton(false)
+                    playerView.setShowPreviousButton(false)
+                    // We'll show the controller, change to true if want controllers as pause and start
+                    playerView.useController = true
+                    // When changing track, retain the latest frame instead of showing a black screen
+                    playerView.setKeepContentOnPlayerReset(true)
+                    playerView.player = exoPlayerS
+
+                    // after, associates the specified value with the specified key in the map.
+                    playersMapS[position!!] = exoPlayerS
+
+                    exoPlayerS.addListener(object : Player.Listener {
+                        override fun onPlaybackStateChanged(playbackState: Int) {
+                            super.onPlaybackStateChanged(playbackState)
+                            when (playbackState) {
+                                Player.STATE_BUFFERING -> progressBar.visibility = View.VISIBLE
+                                Player.STATE_ENDED -> {
+                                    Log.e("STATE_ENDED:: ", "onPlaybackStateChanged: Video ended.")
+                                    exoPlayerS.seekTo(0)
+                                }
+
+                                Player.STATE_IDLE -> Log.e("STATE_IDLE:: ", "onPlaybackStateChanged: Video idle.")
+
+                                Player.STATE_READY -> progressBar.visibility = View.GONE
+                                else -> Log.e("PLAY_STATE:: ", "NOT_FOUND")
+                            }
+                        }
+                    })
+                }
+                PlayerFlag.DEFAULT -> println("Player Not Found")
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/multimediaplayer/src/main/java/com/brain/multimediaplayer/util/PlayerFlag.kt b/multimediaplayer/src/main/java/com/brain/multimediaplayer/util/PlayerFlag.kt
new file mode 100644
index 0000000..d1bd732
--- /dev/null
+++ b/multimediaplayer/src/main/java/com/brain/multimediaplayer/util/PlayerFlag.kt
@@ -0,0 +1,7 @@
+package com.brain.multimediaplayer.util
+
+enum class PlayerFlag {
+    DEFAULT,
+    DIALOG,
+    SLIDER
+}
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/drawable/ic_launcher_background.xml b/multimediaplayer/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/multimediaplayer/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
diff --git a/multimediaplayer/src/main/res/drawable/ic_launcher_foreground.xml b/multimediaplayer/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 0000000..2b068d1
--- /dev/null
+++ b/multimediaplayer/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediaplayer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher.webp b/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 0000000..c209e78
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..b2dfe3d
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher.webp b/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 0000000..4f0f1d6
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..62b611d
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher.webp b/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 0000000..948a307
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..1b9a695
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..28d4b77
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9287f50
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..aa7d642
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9126ae3
Binary files /dev/null and b/multimediaplayer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/multimediaplayer/src/main/res/values/colors.xml b/multimediaplayer/src/main/res/values/colors.xml
new file mode 100644
index 0000000..f8c6127
--- /dev/null
+++ b/multimediaplayer/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?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>
+</resources>
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/values/strings.xml b/multimediaplayer/src/main/res/values/strings.xml
new file mode 100644
index 0000000..aeddf28
--- /dev/null
+++ b/multimediaplayer/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">multimediaplayer</string>
+</resources>
\ No newline at end of file
diff --git a/multimediaplayer/src/main/res/values/themes.xml b/multimediaplayer/src/main/res/values/themes.xml
new file mode 100644
index 0000000..cdd6e17
--- /dev/null
+++ b/multimediaplayer/src/main/res/values/themes.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="Theme.Brain" parent="android:Theme.Material.Light.NoActionBar" />
+</resources>
\ No newline at end of file
diff --git a/multimediaplayer/src/test/java/com/brain/multimediaplayer/ExampleUnitTest.kt b/multimediaplayer/src/test/java/com/brain/multimediaplayer/ExampleUnitTest.kt
new file mode 100644
index 0000000..d26d4b9
--- /dev/null
+++ b/multimediaplayer/src/test/java/com/brain/multimediaplayer/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.brain.multimediaplayer
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/.gitignore b/multimediapuzzlesviewer/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/multimediapuzzlesviewer/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/build.gradle b/multimediapuzzlesviewer/build.gradle
new file mode 100644
index 0000000..aae79dd
--- /dev/null
+++ b/multimediapuzzlesviewer/build.gradle
@@ -0,0 +1,45 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+android {
+    namespace 'com.brain.multimediapuzzlesviewer'
+    compileSdk 34
+
+    defaultConfig {
+        minSdk 24
+        targetSdk 34
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary true
+        }
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
+    }
+    kotlinOptions {
+        jvmTarget = '17'
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation project(path: ':multimediaplayer')
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'com.github.bumptech.glide:glide:4.12.0'
+    implementation 'com.google.android.material:material:1.12.0'
+    implementation 'com.google.code.gson:gson:2.10.1'
+    implementation 'androidx.media3:media3-exoplayer:1.3.1'
+    implementation 'androidx.media3:media3-exoplayer-dash:1.3.1'
+    implementation 'androidx.media3:media3-ui:1.3.1'
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/proguard-rules.pro b/multimediapuzzlesviewer/proguard-rules.pro
new file mode 100644
index 0000000..481bb43
--- /dev/null
+++ b/multimediapuzzlesviewer/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/androidTest/java/com/brain/multimediapuzzlesviewer/ExampleInstrumentedTest.kt b/multimediapuzzlesviewer/src/androidTest/java/com/brain/multimediapuzzlesviewer/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..c9e7e44
--- /dev/null
+++ b/multimediapuzzlesviewer/src/androidTest/java/com/brain/multimediapuzzlesviewer/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.brain.multimediapuzzlesviewer
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.brain.multimediapuzzlesviewer", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/AndroidManifest.xml b/multimediapuzzlesviewer/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..de749ac
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/AndroidManifest.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/MultimediaPuzzlesViewer.java b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/MultimediaPuzzlesViewer.java
new file mode 100644
index 0000000..feef1d1
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/MultimediaPuzzlesViewer.java
@@ -0,0 +1,53 @@
+package com.brain.multimediapuzzlesviewer;
+
+import android.content.Context;
+import android.util.Log;
+
+import com.brain.multimediapuzzlesviewer.dialog.MediaViewerDialog;
+import com.brain.multimediapuzzlesviewer.model.BuilderData;
+import com.brain.multimediapuzzlesviewer.model.Poster;
+
+import java.util.List;
+
+public class MultimediaPuzzlesViewer<T> {
+    private final Context context;
+    private final BuilderData<Poster> builderData;
+    private final MediaViewerDialog<T> dialog;
+
+    protected MultimediaPuzzlesViewer(Context context, BuilderData<Poster> builderData, Integer currentPosition, String url) {
+        this.context = context;
+        this.builderData = builderData;
+        this.dialog = new MediaViewerDialog<>(context, builderData, currentPosition, url);
+    }
+
+    public void show() {
+        if (!builderData.getMediaList().isEmpty()) {
+            dialog.show();
+        } else {
+            Log.w(context.getString(R.string.app_name), "list cannot be empty! Viewer ignored.");
+        }
+    }
+
+    public static class Builder<T> {
+        private final Context context;
+        private final BuilderData<Poster> data;
+        private final String url;
+        private final Integer currentPosition;
+
+        public Builder(Context context, List<Poster> dataList, Integer currentPosition, String url) {
+            this.context = context;
+            this.data = new BuilderData<>(dataList);
+            this.currentPosition = currentPosition;
+            this.url = url;
+        }
+
+        public MultimediaPuzzlesViewer<T> build() {
+            return new MultimediaPuzzlesViewer<>(context, data, currentPosition, url);
+        }
+
+        public void show() {
+            MultimediaPuzzlesViewer<T> viewer = build();
+            viewer.show();
+        }
+    }
+}
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/MediaPagerAdapter.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/MediaPagerAdapter.kt
new file mode 100644
index 0000000..9d93f0f
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/MediaPagerAdapter.kt
@@ -0,0 +1,64 @@
+package com.brain.multimediapuzzlesviewer.adapter
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.ProgressBar
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import androidx.media3.ui.PlayerView
+import androidx.viewpager.widget.PagerAdapter
+import com.brain.multimediaplayer.service.MediaPlayerService
+import com.brain.multimediaplayer.util.PlayerFlag
+import com.brain.multimediapuzzlesviewer.R
+import com.brain.multimediapuzzlesviewer.model.Poster
+import com.bumptech.glide.Glide
+
+internal class MediaPagerAdapter(
+    val context: Context,
+    private val objList: List<Poster>,
+    val url: String
+) : PagerAdapter() {
+    private var layoutInflater: LayoutInflater? = context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater?
+
+    override fun getCount(): Int {
+        return objList.size
+    }
+
+    override fun isViewFromObject(view: View, obj: Any): Boolean {
+        return view == obj
+    }
+
+    @SuppressLint("MissingInflatedId")
+    override fun instantiateItem(viewGroup: ViewGroup, position: Int): Any {
+        val itemView = layoutInflater!!.inflate(R.layout.multimedia_puzzles_viewer, viewGroup, false)
+
+        val imageView = itemView.findViewById<ImageView>(R.id.imageView)
+        val playerView = itemView.findViewById<PlayerView>(R.id.playerView)
+        val progressBar = itemView.findViewById<ProgressBar>(R.id.progressBar)
+
+        if (objList.isNotEmpty()) {
+            context.let {
+                if (objList[position].contentType.equals("image/jpg")) {
+                    Glide.with(it).load(url + objList[position].id).into(imageView)
+                } else if (objList[position].contentType.equals("video/mp4") || objList[position].contentType.equals("audio/mp3")) {
+                    MediaPlayerService.initPlayer(it, url + objList[position].id, position, false, playerView, progressBar, PlayerFlag.DIALOG)
+                } else {
+                }
+            }
+        }
+
+        viewGroup.addView(itemView)
+        return itemView
+    }
+
+    override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) {
+        container.removeView(`object` as CoordinatorLayout)
+    }
+
+    override fun getPageTitle(position: Int): CharSequence? {
+        return null
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/ViewFragmentPagerAdapter.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/ViewFragmentPagerAdapter.kt
new file mode 100644
index 0000000..c46001c
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/adapter/ViewFragmentPagerAdapter.kt
@@ -0,0 +1,27 @@
+package com.brain.multimediapuzzlesviewer.adapter
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentManager
+import androidx.fragment.app.FragmentPagerAdapter
+
+class ViewFragmentPagerAdapter(manager: FragmentManager) : FragmentPagerAdapter(manager) {
+    private val fragmentList: MutableList<Fragment> = ArrayList()
+    private val fragmentTitleList: MutableList<String> = ArrayList()
+
+    override fun getCount(): Int {
+        return fragmentList.size
+    }
+
+    override fun getItem(position: Int): Fragment {
+        return fragmentList[position]
+    }
+
+    override fun getPageTitle(position: Int): CharSequence? {
+        return null
+    }
+
+    fun addFragment(fragment: Fragment?, title: String?) {
+        fragmentList.add(fragment!!)
+        fragmentTitleList.add(title!!)
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/dialog/MediaViewerDialog.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/dialog/MediaViewerDialog.kt
new file mode 100644
index 0000000..15c59a8
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/dialog/MediaViewerDialog.kt
@@ -0,0 +1,42 @@
+package com.brain.multimediapuzzlesviewer.dialog
+
+import android.content.Context
+import androidx.appcompat.app.AlertDialog
+import com.brain.multimediapuzzlesviewer.R
+import com.brain.multimediapuzzlesviewer.model.BuilderData
+import com.brain.multimediapuzzlesviewer.model.Poster
+import com.brain.multimediapuzzlesviewer.view.MediaViewerView
+
+internal class MediaViewerDialog<T>(
+    context: Context,
+    private val builderData: BuilderData<Poster>,
+    private val currentPosition: Int,
+    private val url: String
+) {
+    private val dialog: AlertDialog
+    private val mediaViewer: MediaViewerView<T> = MediaViewerView(context)
+
+    init {
+        setupViewerView()
+
+        dialog = AlertDialog
+            .Builder(context, R.style.MediaViewerDialog_NoStatusBar)
+            .setView(mediaViewer)
+            .create()
+            .apply {
+                setOnShowListener { mediaViewer.open(url) }
+            }
+    }
+
+    private fun setupViewerView() {
+        mediaViewer.apply {
+            setBackgroundColor(builderData.backgroundColor)
+            setMultimedia(builderData.mediaList, currentPosition, url)
+            onDismiss = { dialog.dismiss() }
+        }
+    }
+
+    fun show() {
+        dialog.show()
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/CommentsFragment.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/CommentsFragment.kt
new file mode 100644
index 0000000..e2f2a08
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/CommentsFragment.kt
@@ -0,0 +1,16 @@
+package com.brain.multimediapuzzlesviewer.fragment
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.brain.multimediapuzzlesviewer.R
+
+internal class CommentsFragment : Fragment() {
+
+    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
+        val view: View = inflater.inflate(R.layout.comments_layout, container, false)
+        return view
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/SourceFragment.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/SourceFragment.kt
new file mode 100644
index 0000000..c200285
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/fragment/SourceFragment.kt
@@ -0,0 +1,15 @@
+package com.brain.multimediapuzzlesviewer.fragment
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.brain.multimediapuzzlesviewer.R
+
+internal class SourceFragment : Fragment() {
+    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
+        val view: View = inflater.inflate(R.layout.source_layout, container, false)
+        return view
+    }
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/BuilderData.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/BuilderData.kt
new file mode 100644
index 0000000..3f538c8
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/BuilderData.kt
@@ -0,0 +1,7 @@
+package com.brain.multimediapuzzlesviewer.model
+
+import android.graphics.Color
+
+internal class BuilderData<T>(val mediaList: List<Poster>) {
+    var backgroundColor = Color.BLACK
+}
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/Poster.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/Poster.kt
new file mode 100644
index 0000000..6587230
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/model/Poster.kt
@@ -0,0 +1,10 @@
+package com.brain.multimediapuzzlesviewer.model
+
+class Poster(
+    var id: String? = "",
+    var contentType: String? = "",
+    var userName: String? = "",
+    var email: String? = "",
+    var descriptionFooter: String? = "",
+    var visits: Int? = 0
+)
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/view/MediaViewerView.kt b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/view/MediaViewerView.kt
new file mode 100644
index 0000000..ad4661b
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/java/com/brain/multimediapuzzlesviewer/view/MediaViewerView.kt
@@ -0,0 +1,132 @@
+package com.brain.multimediapuzzlesviewer.view
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.View
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+import androidx.appcompat.widget.Toolbar
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import androidx.viewpager.widget.ViewPager
+import com.brain.multimediaplayer.service.MediaPlayerService
+import com.brain.multimediaplayer.util.PlayerFlag
+import com.brain.multimediapuzzlesviewer.R
+import com.brain.multimediapuzzlesviewer.adapter.MediaPagerAdapter
+import com.brain.multimediapuzzlesviewer.model.Poster
+import com.google.android.material.tabs.TabLayout
+
+
+internal class MediaViewerView<T>(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0,
+) : CoordinatorLayout(context, attrs, defStyleAttr) {
+    internal var onDismiss: (() -> Unit)? = null
+
+    private var toolbar: Toolbar
+    private var mediaViewPager: ViewPager
+    private var tabLayout: TabLayout
+    private var fragmentComments: TextView
+    private var fragmentSource: TextView
+    private var fragmentFinancing: TextView
+    private var fragmentJoin: TextView
+    private var imageView: ImageView
+    private var mediaPagerAdapter: MediaPagerAdapter? = null
+
+    private var objList: List<Poster> = listOf()
+    private var currentPosition: Int = 0
+    private var positionRelease: Int = 0
+
+    init {
+        View.inflate(context, R.layout.multimedia_puzzles_viewer, this)
+
+        toolbar = findViewById(R.id.toolbarPuzzles)
+        mediaViewPager = findViewById(R.id.mediaViewPager)
+        imageView = findViewById(R.id.imageView)
+        tabLayout = findViewById(R.id.tabLayout)
+        fragmentComments = findViewById(R.id.fragmentComments)
+        fragmentSource = findViewById(R.id.fragmentSource)
+        fragmentFinancing = findViewById(R.id.fragmentFinancing)
+        fragmentJoin = findViewById(R.id.fragmentJoin)
+
+        (context as AppCompatActivity).setSupportActionBar(toolbar)
+        context.supportActionBar?.setDisplayHomeAsUpEnabled(true)
+        context.supportActionBar?.setDisplayShowHomeEnabled(true)
+
+        toolbar.setNavigationOnClickListener {
+            MediaPlayerService.releaseAllPlayers(PlayerFlag.DIALOG, positionRelease)
+            onDismiss?.invoke()
+        }
+
+        //create tabs title
+        tabLayout.addTab(tabLayout.newTab().setText("Comments").setIcon(R.drawable.ic_comment_50), true)
+        tabLayout.addTab(tabLayout.newTab().setText("Source").setIcon(R.drawable.ic_storage_50))
+        tabLayout.addTab(tabLayout.newTab().setText("Financing").setIcon(R.drawable.ic_add_dollar_50))
+        tabLayout.addTab(tabLayout.newTab().setText("Join").setIcon(R.drawable.ic_add_user_group_50))
+
+        //handling tab click event
+        tabLayout.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener {
+            override fun onTabSelected(tab: TabLayout.Tab?) {
+                when (tab?.position) {
+                    0 -> {
+                        fragmentComments.visibility = VISIBLE
+                        fragmentSource.visibility = GONE
+                        fragmentFinancing.visibility = GONE
+                        fragmentJoin.visibility = GONE
+                    }
+
+                    1 -> {
+                        fragmentSource.visibility = VISIBLE
+                        fragmentComments.visibility = GONE
+                        fragmentFinancing.visibility = GONE
+                        fragmentJoin.visibility = GONE
+                    }
+
+                    2 -> {
+                        fragmentFinancing.visibility = VISIBLE
+                        fragmentComments.visibility = GONE
+                        fragmentSource.visibility = GONE
+                        fragmentJoin.visibility = GONE
+                    }
+
+                    3 -> {
+                        fragmentJoin.visibility = VISIBLE
+                        fragmentFinancing.visibility = GONE
+                        fragmentComments.visibility = GONE
+                        fragmentSource.visibility = GONE
+                    }
+                }
+            }
+
+            override fun onTabUnselected(tab: TabLayout.Tab?) {}
+
+            override fun onTabReselected(tab: TabLayout.Tab?) {}
+        })
+
+        setupViewPager(mediaViewPager)
+    }
+
+    private fun setupViewPager(viewPager: ViewPager?) {
+        viewPager?.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
+            override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {}
+
+            override fun onPageSelected(position: Int) {
+                positionRelease = position
+                MediaPlayerService.playIndexAndPausePreviousPlayer(position, PlayerFlag.DIALOG)
+            }
+
+            override fun onPageScrollStateChanged(state: Int) {}
+        })
+    }
+
+    internal fun setMultimedia(objList: List<Poster>, currentPosition: Int, url: String) {
+        this.objList = objList
+        this.currentPosition = currentPosition
+        this.mediaPagerAdapter = MediaPagerAdapter(context, objList, url)
+        this.mediaViewPager.adapter = mediaPagerAdapter
+        this.mediaViewPager.setCurrentItem(currentPosition)
+    }
+
+    internal fun open(url: String) {}
+}
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_add_dollar_50.png b/multimediapuzzlesviewer/src/main/res/drawable/ic_add_dollar_50.png
new file mode 100644
index 0000000..c57fc32
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/drawable/ic_add_dollar_50.png differ
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_add_user_group_50.png b/multimediapuzzlesviewer/src/main/res/drawable/ic_add_user_group_50.png
new file mode 100644
index 0000000..1ce44a0
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/drawable/ic_add_user_group_50.png differ
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_comment_50.png b/multimediapuzzlesviewer/src/main/res/drawable/ic_comment_50.png
new file mode 100644
index 0000000..33c4444
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/drawable/ic_comment_50.png differ
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_background.xml b/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_foreground.xml b/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 0000000..2b068d1
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/ic_storage_50.png b/multimediapuzzlesviewer/src/main/res/drawable/ic_storage_50.png
new file mode 100644
index 0000000..7fed707
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/drawable/ic_storage_50.png differ
diff --git a/multimediapuzzlesviewer/src/main/res/drawable/nested_scroll_background.xml b/multimediapuzzlesviewer/src/main/res/drawable/nested_scroll_background.xml
new file mode 100644
index 0000000..3db3092
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/drawable/nested_scroll_background.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="?attr/colorOnPrimary" />
+    <corners
+        android:topLeftRadius="20dp"
+        android:topRightRadius="20dp" />
+</shape>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/layout/actions_tabs_layout.xml b/multimediapuzzlesviewer/src/main/res/layout/actions_tabs_layout.xml
new file mode 100644
index 0000000..66be972
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/layout/actions_tabs_layout.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.google.android.material.tabs.TabLayout 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:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@color/black"
+    android:fillViewport="true"
+    app:tabGravity="fill"
+    app:tabIndicatorColor="@android:color/holo_blue_light"
+    app:tabMode="fixed"
+    app:tabTextAppearance="@style/TabLayoutTextAppearance"
+    app:tabTextColor="@color/white"
+    tools:ignore="MissingConstraints" />
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/layout/comments_layout.xml b/multimediapuzzlesviewer/src/main/res/layout/comments_layout.xml
new file mode 100644
index 0000000..d979c0d
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/layout/comments_layout.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:gravity="center"
+    android:text="Comments Fragment. Sala de Comentarios"
+    android:textColor="#0F9D58"
+    android:textSize="22sp"
+    android:textStyle="bold"
+    android:visibility="visible" />
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/layout/multimedia_puzzles_viewer.xml b/multimediapuzzlesviewer/src/main/res/layout/multimedia_puzzles_viewer.xml
new file mode 100644
index 0000000..0ec72d0
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/layout/multimedia_puzzles_viewer.xml
@@ -0,0 +1,125 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.coordinatorlayout.widget.CoordinatorLayout 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/rootContainer"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <include layout="@layout/toolbar_layout" />
+
+    <ScrollView
+        android:id="@+id/scrollView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:contentDescription="sroll view"
+        android:scrollbars="none">
+
+        <LinearLayout
+            android:id="@+id/linearMediaSlider"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <androidx.coordinatorlayout.widget.CoordinatorLayout
+                android:id="@+id/wrapMedia"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content">
+
+                <androidx.viewpager.widget.ViewPager
+                    android:id="@+id/mediaViewPager"
+                    android:layout_width="match_parent"
+                    android:layout_height="720dp"
+                    android:contentDescription="slider media view pager" />
+
+                <ImageView
+                    android:id="@+id/imageView"
+                    android:layout_width="match_parent"
+                    android:layout_height="720dp"
+                    android:contentDescription="TODO"
+                    android:scaleType="centerCrop"
+                    android:visibility="visible" />
+
+                <androidx.media3.ui.PlayerView
+                    android:id="@+id/playerView"
+                    android:layout_width="match_parent"
+                    android:layout_height="720dp"
+                    android:fitsSystemWindows="true"
+                    android:keepScreenOn="true"
+                    android:visibility="gone"
+                    app:resize_mode="fixed_height"
+                    app:show_shuffle_button="false"
+                    app:show_subtitle_button="false"
+                    app:surface_type="texture_view">
+
+                    <ProgressBar
+                        android:id="@+id/progressBar"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center"
+                        android:visibility="gone" />
+
+                    <ImageView
+                        android:id="@+id/volumeControl"
+                        android:layout_width="25dp"
+                        android:layout_height="25dp"
+                        android:layout_gravity="end|bottom"
+                        android:layout_marginStart="15dp"
+                        android:layout_marginEnd="15dp"
+                        android:layout_marginBottom="15dp"
+                        android:alpha="5"
+                        android:animateLayoutChanges="true"
+                        android:scaleType="centerCrop"
+                        android:visibility="visible"
+                        tools:ignore="ContentDescription" />
+                </androidx.media3.ui.PlayerView>
+            </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+            <LinearLayout
+                android:id="@+id/containerActionsEvent"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="#E0E0E0"
+                android:orientation="vertical"
+                app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+                <include
+                    android:id="@+id/tabLayout"
+                    layout="@layout/actions_tabs_layout" />
+
+                <!-- All section is temporary, replace all by RecyclerView  -->
+                <include
+                    android:id="@+id/fragmentComments"
+                    layout="@layout/comments_layout" />
+
+                <include
+                    android:id="@+id/fragmentSource"
+                    layout="@layout/source_layout" />
+
+                <TextView
+                    android:id="@+id/fragmentFinancing"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center"
+                    android:text="Financing Fragment. Sala de Financiacion"
+                    android:textColor="#0F9D58"
+                    android:textSize="22sp"
+                    android:textStyle="bold"
+                    android:visibility="gone" />
+
+                <TextView
+                    android:id="@+id/fragmentJoin"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:gravity="center"
+                    android:text="Financing Fragment. Sala de Participacion o interes en el proyecto"
+                    android:textColor="#0F9D58"
+                    android:textSize="22sp"
+                    android:textStyle="bold"
+                    android:visibility="gone" />
+                <!-- =====================================================  -->
+            </LinearLayout>
+        </LinearLayout>
+    </ScrollView>
+</androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/layout/source_layout.xml b/multimediapuzzlesviewer/src/main/res/layout/source_layout.xml
new file mode 100644
index 0000000..dcace3f
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/layout/source_layout.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:gravity="center"
+    android:text="Source Fragment. Sala de Fuentes, github, drive"
+    android:textColor="#0F9D58"
+    android:textSize="22sp"
+    android:textStyle="bold"
+    android:visibility="gone" />
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/layout/toolbar_layout.xml b/multimediapuzzlesviewer/src/main/res/layout/toolbar_layout.xml
new file mode 100644
index 0000000..6794d2b
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/layout/toolbar_layout.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.google.android.material.appbar.AppBarLayout 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/appBarLayout"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@android:color/transparent"
+    android:outlineProvider="none"
+    android:theme="@style/Theme.AppCompat.NoActionBar">
+
+    <androidx.appcompat.widget.Toolbar
+        android:id="@+id/toolbarPuzzles"
+        android:layout_width="match_parent"
+        android:layout_height="?attr/actionBarSize"
+        app:layout_collapseMode="pin"
+        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
+</com.google.android.material.appbar.AppBarLayout>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher.webp b/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 0000000..c209e78
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..b2dfe3d
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher.webp b/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 0000000..4f0f1d6
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..62b611d
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 0000000..948a307
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..1b9a695
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..28d4b77
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9287f50
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..aa7d642
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9126ae3
Binary files /dev/null and b/multimediapuzzlesviewer/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/multimediapuzzlesviewer/src/main/res/values/colors.xml b/multimediapuzzlesviewer/src/main/res/values/colors.xml
new file mode 100644
index 0000000..f8c6127
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?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>
+</resources>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/values/strings.xml b/multimediapuzzlesviewer/src/main/res/values/strings.xml
new file mode 100644
index 0000000..b8f9a80
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">MultimediaPuzzlesViewer</string>
+</resources>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/main/res/values/themes.xml b/multimediapuzzlesviewer/src/main/res/values/themes.xml
new file mode 100644
index 0000000..0c5ded5
--- /dev/null
+++ b/multimediapuzzlesviewer/src/main/res/values/themes.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="MediaViewerDialog" parent="android:Theme.Translucent.NoTitleBar" />
+
+    <style name="MediaViewerDialog_NoStatusBar" parent="android:Theme.Translucent.NoTitleBar.Fullscreen" />
+
+    <style name="MediaViewerDialog.Default" parent="android:Theme.Translucent.NoTitleBar">
+        <item name="android:windowTranslucentStatus">true</item>
+        <item name="android:windowTranslucentNavigation">true</item>
+    </style>
+
+    <style name="TabLayoutTextAppearance" parent="Base.Widget.Design.TabLayout">
+        <item name="android:textSize">15sp</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/multimediapuzzlesviewer/src/test/java/com/brain/multimediapuzzlesviewer/ExampleUnitTest.kt b/multimediapuzzlesviewer/src/test/java/com/brain/multimediapuzzlesviewer/ExampleUnitTest.kt
new file mode 100644
index 0000000..8a21a32
--- /dev/null
+++ b/multimediapuzzlesviewer/src/test/java/com/brain/multimediapuzzlesviewer/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.brain.multimediapuzzlesviewer
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/multimediaslider/.gitignore b/multimediaslider/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/multimediaslider/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/multimediaslider/build.gradle b/multimediaslider/build.gradle
new file mode 100644
index 0000000..53cbf22
--- /dev/null
+++ b/multimediaslider/build.gradle
@@ -0,0 +1,45 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+android {
+    namespace = "com.brain.multimediaslider"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+        targetSdk = 34
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary = true
+        }
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled = false
+            proguardFiles(getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro")
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
+    }
+    kotlinOptions {
+        jvmTarget = "17"
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: "libs", include: ["*.jar"])
+    implementation project(path: ':multimediaplayer')
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'com.github.bumptech.glide:glide:4.12.0'
+    implementation 'com.google.android.material:material:1.12.0'
+    implementation 'com.google.code.gson:gson:2.10.1'
+    implementation 'androidx.media3:media3-exoplayer:1.3.1'
+    implementation 'androidx.media3:media3-exoplayer-dash:1.3.1'
+    implementation 'androidx.media3:media3-ui:1.3.1'
+}
\ No newline at end of file
diff --git a/multimediaslider/proguard-rules.pro b/multimediaslider/proguard-rules.pro
new file mode 100644
index 0000000..481bb43
--- /dev/null
+++ b/multimediaslider/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/multimediaslider/src/androidTest/java/com/brain/multimediaslider/ExampleInstrumentedTest.kt b/multimediaslider/src/androidTest/java/com/brain/multimediaslider/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..7ff9804
--- /dev/null
+++ b/multimediaslider/src/androidTest/java/com/brain/multimediaslider/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.brain.multimediaslider
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.brain.multimediaslider", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/AndroidManifest.xml b/multimediaslider/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..de749ac
--- /dev/null
+++ b/multimediaslider/src/main/AndroidManifest.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" />
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/MultimediaSlider.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/MultimediaSlider.kt
new file mode 100644
index 0000000..055840d
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/MultimediaSlider.kt
@@ -0,0 +1,157 @@
+package com.brain.multimediaslider
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.util.AttributeSet
+import android.view.Gravity
+import android.view.LayoutInflater
+import android.view.MotionEvent
+import android.widget.ImageView
+import android.widget.LinearLayout
+import android.widget.RelativeLayout
+import androidx.core.content.ContextCompat
+import androidx.viewpager.widget.ViewPager
+import com.brain.multimediaplayer.service.MediaPlayerService
+import com.brain.multimediaplayer.util.PlayerFlag
+import com.brain.multimediaslider.adapter.ViewPagerAdapter
+import com.brain.multimediaslider.impl.ItemChangeListenerImpl
+import com.brain.multimediaslider.impl.ItemClickListenerImpl
+import com.brain.multimediaslider.impl.TouchListenerImpl
+import com.brain.multimediaslider.model.Multimedia
+import com.brain.multimediaslider.util.ActionTypes
+
+@SuppressLint("ClickableViewAccessibility")
+class MultimediaSlider @JvmOverloads constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : RelativeLayout(context, attrs, defStyleAttr) {
+    private var viewPager: ViewPager? = null
+    private var sliderDots: LinearLayout? = null
+    private var viewPagerAdapter: ViewPagerAdapter? = null
+
+    private var dots: Array<ImageView?>? = null
+
+    private var cornerRadius: Int = 0
+    private var period: Long = 0
+    private var delay: Long = 0
+    private var autoCycle = false
+
+    private var selectedDot = 0
+    private var unselectedDot = 0
+    private var errorImage = 0
+    private var placeholder = 0
+    private var titleBackground = 0
+    private var textAlign = "LEFT"
+    private var indicatorAlign = "CENTER"
+
+    private var itemChangeListener: ItemChangeListenerImpl? = null
+    private var touchListener: TouchListenerImpl? = null
+
+    init {
+        LayoutInflater.from(getContext()).inflate(R.layout.slider_viewpager, this, true)
+        viewPager = findViewById(R.id.viewPager)
+        sliderDots = findViewById(R.id.sliderDots)
+
+        val typedArray = context.theme.obtainStyledAttributes(attrs, R.styleable.MultimediaSlider, defStyleAttr, defStyleAttr)
+
+        cornerRadius = typedArray.getInt(R.styleable.MultimediaSlider_iss_corner_radius, 1)
+        period = typedArray.getInt(R.styleable.MultimediaSlider_iss_period, 1000).toLong()
+        delay = typedArray.getInt(R.styleable.MultimediaSlider_iss_delay, 1000).toLong()
+        autoCycle = typedArray.getBoolean(R.styleable.MultimediaSlider_iss_auto_cycle, false)
+        placeholder = typedArray.getResourceId(R.styleable.MultimediaSlider_iss_placeholder, R.drawable.default_placeholder)
+        selectedDot = typedArray.getResourceId(R.styleable.MultimediaSlider_iss_selected_dot, R.drawable.selected_dot)
+        unselectedDot = typedArray.getResourceId(R.styleable.MultimediaSlider_iss_unselected_dot, R.drawable.unselected_dot)
+        titleBackground = typedArray.getResourceId(R.styleable.MultimediaSlider_iss_title_background, R.drawable.gradient)
+
+        if (typedArray.getString(R.styleable.MultimediaSlider_iss_text_align) != null) {
+            textAlign = typedArray.getString(R.styleable.MultimediaSlider_iss_text_align)!!
+        }
+
+        if (typedArray.getString(R.styleable.MultimediaSlider_iss_indicator_align) != null) {
+            indicatorAlign = typedArray.getString(R.styleable.MultimediaSlider_iss_indicator_align)!!
+        }
+
+        if (touchListener != null) {
+            viewPager!!.setOnTouchListener { v, event ->
+                when (event.action) {
+                    MotionEvent.ACTION_MOVE -> touchListener!!.onTouched(ActionTypes.MOVE)
+                    MotionEvent.ACTION_DOWN -> touchListener!!.onTouched(ActionTypes.DOWN)
+                    MotionEvent.ACTION_UP -> touchListener!!.onTouched(ActionTypes.UP)
+                }
+                false
+            }
+        }
+
+        setupViewPager(viewPager)
+    }
+
+    fun setMediaList(mediaList: List<Multimedia>) {
+        viewPagerAdapter = ViewPagerAdapter(context, mediaList, placeholder, titleBackground, textAlign)
+        viewPager!!.adapter = viewPagerAdapter
+
+        if (mediaList.isNotEmpty()) {
+            setupDots(mediaList.size)
+        }
+    }
+
+    private fun setupDots(size: Int) {
+        sliderDots!!.gravity = getGravityFromAlign(indicatorAlign)
+        sliderDots!!.removeAllViews()
+        dots = arrayOfNulls(size)
+
+        for (i in 0 until size) {
+            dots!![i] = ImageView(context)
+            dots!![i]!!.setImageDrawable(ContextCompat.getDrawable(context, unselectedDot))
+
+            val params = LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)
+
+            params.setMargins(8, 0, 8, 0)
+            sliderDots!!.addView(dots!![i], params)
+        }
+
+        dots!![0]!!.setImageDrawable(ContextCompat.getDrawable(context, selectedDot))
+    }
+
+    private fun setupViewPager(viewPager: ViewPager?) {
+        viewPager?.addOnPageChangeListener(object : ViewPager.OnPageChangeListener {
+            override fun onPageScrolled(position: Int, positionOffset: Float, positionOffsetPixels: Int) {}
+
+            override fun onPageSelected(position: Int) {
+                for (dot in dots!!) {
+                    dot!!.setImageDrawable(ContextCompat.getDrawable(context, unselectedDot))
+                }
+
+                dots!![position]!!.setImageDrawable(ContextCompat.getDrawable(context, selectedDot))
+
+                if (itemChangeListener != null) {
+                    itemChangeListener!!.onItemChanged(position)
+                }
+
+                MediaPlayerService.playIndexAndPausePreviousPlayer(position, PlayerFlag.SLIDER)
+            }
+
+            override fun onPageScrollStateChanged(state: Int) {}
+        })
+    }
+
+    private fun getGravityFromAlign(textAlign: String): Int {
+        return when (textAlign) {
+            "RIGHT" -> {
+                Gravity.RIGHT
+            }
+
+            "LEFT" -> {
+                Gravity.LEFT
+            }
+
+            else -> {
+                Gravity.CENTER
+            }
+        }
+    }
+
+    fun setItemClickListener(itemClickListener: ItemClickListenerImpl) {
+        viewPagerAdapter?.setItemClickListener(itemClickListener)
+    }
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/adapter/ViewPagerAdapter.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/adapter/ViewPagerAdapter.kt
new file mode 100644
index 0000000..1a090ab
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/adapter/ViewPagerAdapter.kt
@@ -0,0 +1,123 @@
+package com.brain.multimediaslider.adapter
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.view.Gravity
+import android.view.LayoutInflater
+import android.view.MotionEvent
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.LinearLayout
+import android.widget.ProgressBar
+import android.widget.RelativeLayout
+import android.widget.TextView
+import androidx.media3.ui.PlayerView
+import androidx.viewpager.widget.PagerAdapter
+import com.brain.multimediaplayer.service.MediaPlayerService
+import com.brain.multimediaplayer.util.PlayerFlag
+import com.brain.multimediaslider.R
+import com.brain.multimediaslider.impl.ItemClickListenerImpl
+import com.brain.multimediaslider.impl.TouchListenerImpl
+import com.brain.multimediaslider.model.Multimedia
+import com.brain.multimediaslider.util.ActionTypes
+import com.bumptech.glide.Glide
+
+class ViewPagerAdapter(
+    var context: Context?,
+    mediaList: List<Multimedia>,
+    private var placeholder: Int,
+    private var titleBackground: Int,
+    private var textAlign: String
+) : PagerAdapter() {
+    private var mediaList: List<Multimedia>? = mediaList
+    private var layoutInflater: LayoutInflater? = context!!.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater?
+
+    private var itemClickListener: ItemClickListenerImpl? = null
+    private var touchListener: TouchListenerImpl? = null
+    private var url: String? = null
+
+    override fun getCount(): Int {
+        return mediaList!!.size
+    }
+
+    override fun isViewFromObject(view: View, obj: Any): Boolean {
+        return view == obj
+    }
+
+    @SuppressLint("ClickableViewAccessibility", "MissingInflatedId")
+    override fun instantiateItem(container: ViewGroup, position: Int): View {
+        val itemView = layoutInflater!!.inflate(R.layout.multimedia_container, container, false)
+
+        val imageView = itemView.findViewById<ImageView>(R.id.imageView)
+        val postMediaView = itemView.findViewById<PlayerView>(R.id.postMediaView)
+        val progressBar = itemView.findViewById<ProgressBar>(R.id.progressBar)
+        val footerLinear = itemView.findViewById<LinearLayout>(R.id.footerLinear)
+        val textView = itemView.findViewById<TextView>(R.id.textView)
+
+        if (mediaList!![position].title != null) {
+            textView.text = mediaList!![position].title
+            footerLinear.setBackgroundResource(titleBackground)
+            textView.gravity = getGravityFromAlign(textAlign)
+            footerLinear.gravity = getGravityFromAlign(textAlign)
+        } else {
+            footerLinear.visibility = View.INVISIBLE
+        }
+
+        if (mediaList!![position].url !== null) {
+            url = mediaList!![position].url!!
+            context.let {
+                if (mediaList!![position].contentType.equals("image/jpg")) {
+                    Glide.with(it!!).load(url).centerCrop().into(imageView)
+                } else if (mediaList!![position].contentType.equals("video/mp4") || mediaList!![position].contentType.equals("audio/mp3")) {
+                    MediaPlayerService.initPlayer(it!!, url!!, position, false, postMediaView, progressBar, PlayerFlag.SLIDER)
+                } else {}
+            }
+        }
+
+        container.addView(itemView)
+        imageView.setOnClickListener { itemClickListener?.onItemSelected(position) }
+        postMediaView.setOnClickListener { itemClickListener?.onItemSelected(position) }
+
+        if (touchListener != null) {
+            imageView!!.setOnTouchListener { v, event ->
+                when (event.action) {
+                    MotionEvent.ACTION_MOVE -> touchListener!!.onTouched(ActionTypes.MOVE)
+                    MotionEvent.ACTION_DOWN -> touchListener!!.onTouched(ActionTypes.DOWN)
+                    MotionEvent.ACTION_UP -> touchListener!!.onTouched(ActionTypes.UP)
+                }
+                false
+            }
+        }
+
+        return itemView
+    }
+
+    private fun getGravityFromAlign(textAlign: String): Int {
+        return when (textAlign) {
+            "RIGHT" -> {
+                Gravity.RIGHT
+            }
+
+            "CENTER" -> {
+                Gravity.CENTER
+            }
+
+            else -> {
+                Gravity.LEFT
+            }
+        }
+    }
+
+    fun setItemClickListener(itemClickListener: ItemClickListenerImpl) {
+        this.itemClickListener = itemClickListener
+    }
+
+    fun setTouchListener(touchListener: TouchListenerImpl) {
+        this.touchListener = touchListener
+    }
+
+    override fun destroyItem(container: ViewGroup, position: Int, `object`: Any) {
+        container.removeView(`object` as RelativeLayout)
+    }
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemChangeListenerImpl.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemChangeListenerImpl.kt
new file mode 100644
index 0000000..22ac442
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemChangeListenerImpl.kt
@@ -0,0 +1,5 @@
+package com.brain.multimediaslider.impl
+
+interface ItemChangeListenerImpl {
+    fun onItemChanged(position: Int)
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemClickListenerImpl.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemClickListenerImpl.kt
new file mode 100644
index 0000000..aab4f75
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/ItemClickListenerImpl.kt
@@ -0,0 +1,5 @@
+package com.brain.multimediaslider.impl
+
+interface ItemClickListenerImpl {
+    fun onItemSelected(position: Int)
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/impl/TouchListenerImpl.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/TouchListenerImpl.kt
new file mode 100644
index 0000000..6d96fea
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/impl/TouchListenerImpl.kt
@@ -0,0 +1,7 @@
+package com.brain.multimediaslider.impl
+
+import com.brain.multimediaslider.util.ActionTypes
+
+interface TouchListenerImpl {
+    fun onTouched(touched: ActionTypes)
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/model/Multimedia.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/model/Multimedia.kt
new file mode 100644
index 0000000..0328327
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/model/Multimedia.kt
@@ -0,0 +1,3 @@
+package com.brain.multimediaslider.model
+
+class Multimedia(var id: String?, var contentType: String?, var url: String?, var title: String?) {}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/util/ActionTypes.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/util/ActionTypes.kt
new file mode 100644
index 0000000..60ebf74
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/util/ActionTypes.kt
@@ -0,0 +1,5 @@
+package com.brain.multimediaslider.util
+
+enum class ActionTypes(value: String) {
+    DOWN("down"), UP("up"), MOVE("move")
+}
\ No newline at end of file
diff --git a/multimediaslider/src/main/java/com/brain/multimediaslider/util/Util.kt b/multimediaslider/src/main/java/com/brain/multimediaslider/util/Util.kt
new file mode 100644
index 0000000..f27e179
--- /dev/null
+++ b/multimediaslider/src/main/java/com/brain/multimediaslider/util/Util.kt
@@ -0,0 +1,6 @@
+package com.brain.multimediaslider.util
+
+class Util {
+    public val VIDEO_MP4 = "video/mp4"
+    public val IMG_JPG = "image/jpg"
+}
\ No newline at end of file
diff --git a/imageslider/src/main/res/drawable/default_placeholder.png b/multimediaslider/src/main/res/drawable/default_placeholder.png
similarity index 100%
rename from imageslider/src/main/res/drawable/default_placeholder.png
rename to multimediaslider/src/main/res/drawable/default_placeholder.png
diff --git a/multimediaslider/src/main/res/drawable/error_image_loading.png b/multimediaslider/src/main/res/drawable/error_image_loading.png
new file mode 100644
index 0000000..f7a41dc
Binary files /dev/null and b/multimediaslider/src/main/res/drawable/error_image_loading.png differ
diff --git a/multimediaslider/src/main/res/drawable/gradient.xml b/multimediaslider/src/main/res/drawable/gradient.xml
new file mode 100644
index 0000000..98410d8
--- /dev/null
+++ b/multimediaslider/src/main/res/drawable/gradient.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <gradient
+        android:angle="270"
+        android:endColor="#00ffffff"
+        android:startColor="#80000000"
+        android:type="linear" />
+</shape>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/drawable/ic_launcher_background.xml b/multimediaslider/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/multimediaslider/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
diff --git a/multimediaslider/src/main/res/drawable/ic_launcher_foreground.xml b/multimediaslider/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 0000000..2b068d1
--- /dev/null
+++ b/multimediaslider/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/drawable/selected_dot.xml b/multimediaslider/src/main/res/drawable/selected_dot.xml
new file mode 100644
index 0000000..d440eb4
--- /dev/null
+++ b/multimediaslider/src/main/res/drawable/selected_dot.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
+    <solid android:color="#fff" />
+    <size
+        android:width="10dp"
+        android:height="10dp" />
+
+    <stroke
+        android:width="1dp"
+        android:color="#ffffff" />
+</shape>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/drawable/unselected_dot.xml b/multimediaslider/src/main/res/drawable/unselected_dot.xml
new file mode 100644
index 0000000..9a3b008
--- /dev/null
+++ b/multimediaslider/src/main/res/drawable/unselected_dot.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
+    <solid android:color="#aeaeae" />
+    <size
+        android:width="8dp"
+        android:height="8dp" />
+
+    <stroke
+        android:width="0dp"
+        android:color="#ffffff" />
+</shape>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/layout/multimedia_container.xml b/multimediaslider/src/main/res/layout/multimedia_container.xml
new file mode 100644
index 0000000..2c2087e
--- /dev/null
+++ b/multimediaslider/src/main/res/layout/multimedia_container.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout 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:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:clickable="false"
+    android:focusable="false"
+    android:focusableInTouchMode="false"
+    android:orientation="vertical">
+
+    <ImageView
+        android:id="@+id/imageView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:scaleType="fitXY"
+        android:visibility="visible"
+        tools:ignore="ContentDescription" />
+
+    <androidx.media3.ui.PlayerView
+        android:id="@+id/postMediaView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="gone"
+        app:resize_mode="fixed_height"
+        app:show_shuffle_button="false"
+        app:show_subtitle_button="false"
+        app:surface_type="texture_view">
+
+        <ProgressBar
+            android:id="@+id/progressBar"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:visibility="gone" />
+
+        <!-- volume control -->
+        <ImageView
+            android:id="@+id/volumeControl"
+            android:layout_width="25dp"
+            android:layout_height="25dp"
+            android:layout_gravity="end|bottom"
+            android:layout_marginStart="15dp"
+            android:layout_marginEnd="15dp"
+            android:layout_marginBottom="15dp"
+            android:alpha="5"
+            android:animateLayoutChanges="true"
+            android:scaleType="centerCrop"
+            android:visibility="visible"
+            tools:ignore="ContentDescription" />
+    </androidx.media3.ui.PlayerView>
+
+    <LinearLayout
+        android:id="@+id/footerLinear"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:background="@drawable/gradient"
+        android:paddingLeft="5dp"
+        android:paddingTop="5dp"
+        android:paddingRight="5dp"
+        android:paddingBottom="40dp"
+        android:visibility="invisible">
+
+        <TextView
+            android:id="@+id/textView"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:textColor="@android:color/white"
+            android:textSize="18sp"
+            android:textStyle="bold" />
+    </LinearLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/imageslider/src/main/res/layout/image_slider.xml b/multimediaslider/src/main/res/layout/slider_viewpager.xml
similarity index 82%
rename from imageslider/src/main/res/layout/image_slider.xml
rename to multimediaslider/src/main/res/layout/slider_viewpager.xml
index cd2465f..1cf6ee4 100644
--- a/imageslider/src/main/res/layout/image_slider.xml
+++ b/multimediaslider/src/main/res/layout/slider_viewpager.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical">
 
     <androidx.viewpager.widget.ViewPager
-        android:id="@+id/view_pager"
+        android:id="@+id/viewPager"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:clickable="false"
@@ -14,7 +13,7 @@
         android:focusableInTouchMode="false" />
 
     <LinearLayout
-        android:id="@+id/pager_dots"
+        android:id="@+id/sliderDots"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
diff --git a/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/multimediaslider/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher.webp b/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 0000000..c209e78
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..b2dfe3d
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher.webp b/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 0000000..4f0f1d6
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..62b611d
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher.webp b/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 0000000..948a307
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..1b9a695
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..28d4b77
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9287f50
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..aa7d642
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9126ae3
Binary files /dev/null and b/multimediaslider/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/imageslider/src/main/res/values/attrs.xml b/multimediaslider/src/main/res/values/attrs.xml
similarity index 78%
rename from imageslider/src/main/res/values/attrs.xml
rename to multimediaslider/src/main/res/values/attrs.xml
index 7b59e17..8646a84 100644
--- a/imageslider/src/main/res/values/attrs.xml
+++ b/multimediaslider/src/main/res/values/attrs.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <declare-styleable name="ImageSlider">
+    <declare-styleable name="MultimediaSlider">
         <attr name="iss_auto_cycle" format="boolean" />
         <attr name="iss_corner_radius" format="integer" />
         <attr name="iss_period" format="integer" />
@@ -10,7 +10,7 @@
         <attr name="iss_selected_dot" format="reference" />
         <attr name="iss_unselected_dot" format="reference" />
         <attr name="iss_title_background" format="reference" />
-        <attr name="iss_text_align" format="string"/>
-        <attr name="iss_indicator_align" format="string"/>
+        <attr name="iss_text_align" format="string" />
+        <attr name="iss_indicator_align" format="string" />
     </declare-styleable>
 </resources>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/values/colors.xml b/multimediaslider/src/main/res/values/colors.xml
new file mode 100644
index 0000000..f8c6127
--- /dev/null
+++ b/multimediaslider/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?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>
+</resources>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/values/strings.xml b/multimediaslider/src/main/res/values/strings.xml
new file mode 100644
index 0000000..7856252
--- /dev/null
+++ b/multimediaslider/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">multimediaslider</string>
+</resources>
\ No newline at end of file
diff --git a/multimediaslider/src/main/res/values/themes.xml b/multimediaslider/src/main/res/values/themes.xml
new file mode 100644
index 0000000..05a9f4f
--- /dev/null
+++ b/multimediaslider/src/main/res/values/themes.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="Theme.Brain" parent="android:Theme.Material.Light.NoActionBar" />
+</resources>
\ No newline at end of file
diff --git a/multimediaslider/src/test/java/com/brain/multimediaslider/ExampleUnitTest.kt b/multimediaslider/src/test/java/com/brain/multimediaslider/ExampleUnitTest.kt
new file mode 100644
index 0000000..a6ddf84
--- /dev/null
+++ b/multimediaslider/src/test/java/com/brain/multimediaslider/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.brain.multimediaslider
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/settings.gradle b/settings.gradle
index fff0b3a..fcd921f 100644
--- a/settings.gradle
+++ b/settings.gradle
@@ -1 +1,3 @@
-include ':app', ':imageslider'
+include ':app', ':multimediaslider'
+include ':app', ':multimediapuzzlesviewer'
+include ':app', ':multimediaplayer'