Added boostrap 4 to project and shared components

src/components/shared/carousel.js

@@ -0,0 +1,33 @@
+import React, {Component} from 'react';
+import CarouselImageOne from '../../images/home/carouselImageOne.jpg'
+import CarouselImageTwo from '../../images/home/carouselImageTwo.jpg'
+
+class Carousel extends Component {
+  render() {
+    return (
+      <div id="carouselExampleControls" className="carousel slide" data-ride="carousel">
+        <div className="carousel-inner">
+          <div className="carousel-item active">
+            <img src={CarouselImageOne} className="d-block w-100" alt="..."/>
+          </div>
+          <div className="carousel-item">
+            <img src={CarouselImageOne} className="d-block w-100" alt="..."/>
+          </div>
+          <div className="carousel-item">
+            <img src={CarouselImageOne} className="d-block w-100" alt="..."/>
+          </div>
+        </div>
+        <a className="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+          <span className="carousel-control-prev-icon" aria-hidden="true"></span>
+          <span className="sr-only">Previous</span>
+        </a>
+        <a className="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+          <span className="carousel-control-next-icon" aria-hidden="true"></span>
+          <span className="sr-only">Next</span>
+        </a>
+      </div>
+    );
+  }
+}
+
+export default Carousel;