I am new to HTML and CSS.
I want to do a Single Web Page with Navbar and Image Slider.
What I have done is:
<div class="col-sm-6"><div class="carousel-inner"><div class="item active"><img src="./resources/images/image1.jpg" style="width:640px; height:280px;"><div class="carousel-caption"><h3>Image 1</h3><p>Image 1 Image 1</p></div></div><div class="item"><img src="./resources/images/image2.jpg" alt="Image 2" style="width:640px; height:280px;"><div class="carousel-caption"><h3>Image 2</h3><p>Image 2 Image 2</p></div></div></div></div><div class="col-sm-6"><div class="carousel-inner"><div class="item active"><img src="./resources/images/image4.jpg" alt="Image 4" style="width:640px; height:280px;"><div class="carousel-caption"><h3>Image 4</h3><p>Image 4 Image 4</p></div></div><div class="item"><img src="./resources/images/image5.jpg" alt="Image 5" style="width:640px; height:280px;"><div class="carousel-caption"><h3>Image 5</h3><p>Image 5 Image 5</p></div></div></div></div><!-- Left and right controls --><a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next</span></a>This is what I have done for Image Slider. It shows two images when the web page opens. But for next slide it shows only one image. I need two images for all slides(2).
All should be done only by HTML and CSS not JS or others.