added another image to slider

src/components/Blog/index.js

@@ -26,7 +26,7 @@ function Blog() {
       <section className="blogpage-section">
         <div className="container">
           <div className="row">
-            <div className="col-lg-12 col-md-7">
+            <div className="col-12">
               <Blogs />
             </div>
           </div>

src/components/HomeOne/HeroHomeOne.js

@@ -1,28 +1,25 @@
 import React from 'react';
 import heroThumbOne from '../../assets/images/app-thumb-1.png';
-import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
 
 import heroThumbTwo from '../../assets/images/app-pic.png';
 import shapeTwo from '../../assets/images/shape/shape-2.png';
-import shapeThree from '../../assets/images/shape/shape-3.png';
+
-import shapeFour from '../../assets/images/shape/shape-4.png';
 import getConfig from './../../Config/config'
 import CustomSlider from '../customSlider/CustomSlider';
 
 // import SliderOne from '../../assets/images/home/app-slide-home-0.png'
-// import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
-// import SliderThree from '../../assets/images/home/app-slide-home-2.png'
 
 import SliderOne from '../../assets/images/home/top_sliders/slide_1.png'
 import SliderTwo from '../../assets/images/home/top_sliders/slide_2.png'
 import SliderThree from '../../assets/images/home/top_sliders/slide_3.png'
+import SliderFour from '../../assets/images/home/top_sliders/slide_4.png'
+// import SliderFive from '../../assets/images/home/top_sliders/slide_5.png'
 
 
 function HeroHomeOne() {
-  var site = getConfig()[0];
 
   const sliders = [
-    SliderOne, SliderTwo, SliderThree
+    SliderOne, SliderTwo, SliderThree, SliderFour
   ]
 
   return (
@@ -65,9 +62,8 @@ function HeroHomeOne() {
                   data-wow-delay="200ms"
                 >
                   {/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
-                  <div style={{ width: '350px', margin: 'auto' }}>
+                  <div style={{ width: '350px', height:'auto', margin: 'auto' }}>
                     <CustomSlider
-                      // images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
                       images={sliders}
                       speed='5'
                       indicatorColor='#333'

src/components/customSlider/CustomSlider.js

@@ -50,7 +50,6 @@ function CustomSlider({ images, speed, indicatorColor, indicatorClass }) {
               }`,
               opacity: `${sliderCount == index ? "1" : "0"}`,
             }}
-            // style={{minWidth:'100%', height:'auto', position:'relative', transition:'.9s', right:`${sliderCount*100}%`, opacity:`${sliderCount == index ? '1':'0'}`}}
           />
         ))}
       </div>