Please i need assistance on this. I want it to have an arrow on the left and right side and also 3 dots at the bottom just like this
The site for slick.js has some good examples using both the dots and arrows together and some information about setting the slider up.
If you look at that example codepen in editor view you will have access to the code used to make that slider.
The HTML and CSS may look a bit strange. The HTML was written with the help of pug templating and the css with the help of Sass. You can view the compiled css and html by choosing that in the dropdown menu in the respective editors.