STEP 1 – Markup The slider html markup is very simple. We’ll create a <div> with the class “flex-container”, then inside of this <div> we will add another one with the class “flex-slider”, in this div will be placed all the slider controls. To finish we will create an unordered list to add all the slides. Each slide needs to be inside of a list element. <div class="flex-container"> <div class="fle
![How to Create a Responsive Image Slider in jQuery and CSS3 - Designmodo](https://cdn-ak-scissors.b.st-hatena.com/image/square/0caaccdd4d2499041b4343b50c54fb9acd8a4eef/height=288;version=1;width=512/https%3A%2F%2Fdesignmodo.com%2Fwp-content%2Fuploads%2F2012%2F11%2FResponsive-Image-Slider-88673-preview.jpg)