added gems

Dereje24 · Mar 5, 2018 · cbab82c · cbab82c
1 parent f5a9926
commit cbab82c
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/Gemfile b/Gemfile
@@ -4,6 +4,7 @@ git_source(:github) do |repo_name|
   repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")
   "https://github.com/#{repo_name}.git"
 end
+
 gem 'bootstrap-datepicker-rails'
 gem 'faker'
 gem 'jquery-rails'

diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
@@ -446,13 +446,44 @@
 				</div>
 				<!--end col md 12 -->
 
+
+				<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+					  <ol class="carousel-indicators">
+					    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
+					    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+					    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+					  </ol>
+					  <div class="carousel-inner">
+					    <div class="carousel-item active">
+					      <!-- <img class="d-block w-100" src="..." alt="First slide"> -->
+					      <%= image_tag "Scooter1-350x500", :class => "d-block w-100"  %>
+					    </div>
+					    <div class="carousel-item">
+					      <!-- <img class="d-block w-100" src="..." alt="Second slide"> -->
+					      <%= image_tag "Scooter1-350x500", :class => "d-block w-100"  %>
+					    </div>
+					    <div class="carousel-item">
+					      <!-- <img class="d-block w-100" src="..." alt="Third slide"> -->
+					      <%= image_tag "Scooter1-350x500", :class => "d-block w-100"  %>
+					    </div>
+					  </div>
+					  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+					    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+					    <span class="sr-only">Previous</span>
+					  </a>
+					  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+					    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+					    <span class="sr-only">Next</span>
+					  </a>
+				</div>
+
 				<!--begin col md 12 -->
 				<div class="gallery-item-wrapper padding-top-30">
 
 					<!--begin owl carousel -->
 					<div id="owl2" class="owl-carousel owl-theme gallery">
 
-						<div class="slides">
+<!-- 						<div class="slides">
 							<%= image_tag "Scooter1-350x500.png"%>
 						</div>
 
@@ -476,14 +507,14 @@
 							<%= image_tag "Scooter6-350x600.png"%>
 						</div>
 
-					</div>
+					</div> -->
 					<!--end owl carousel -->
 
-						<div class="owl-dots">
+<!-- 						<div class="owl-dots">
 							<div class="owl-dot active"><span></span></div>
 							<div class="owl-dot"><span></span></div>
 							<div class="owl-dot"><span></span></div>
-						</div>
+						</div> -->
 				</div>
 				<!--end col md  12-->