Cafe-Website/Testimonials.js at main · rutujapadar/Cafe-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
import React from "react";
import im1 from './component/img/cappu.JPG';
import im2 from './component/img/taco.JPG';
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from "react-responsive-carousel";

function Testimonials(){
    return(

	<div>
    <h3 style={{marginTop:'30%',marginLeft:'6%',fontSize:'23px',fontFamily:'kanit',color:'#033539'}}>Our Reviews</h3>
     <Carousel
        showArrows={true}
        infiniteLoop={true}
        showThumbs={false}
        showStatus={false}
        autoPlay={true}
        interval={6100}
      >
        <div className="testcon">
          <div>
            <img src="https://cdn-icons-png.flaticon.com/128/6997/6997649.png" />
            <div className="myCarousel">
              <h3>John Sebastian</h3>
              <br/>
              <p>
              This cozy cafe has left the best impressions! Hospitable hosts, delicious dishes, beautiful presentation, wonderful dessert.
              </p>
            </div>
          </div>
          <div><h1 style={{color:'white'}}>hh</h1></div>
          <div>
          <img src="https://cdn-icons-png.flaticon.com/128/6997/6997662.png" />
          <div className="myCarousel">
            <h3>isabella Grande</h3>
           <br/>
            <p>
            It’s a great experience. The ambiance is very welcoming and charming. Amazing food and service. Staff are extremely knowledgeable.
            </p>
          </div>
        </div>

        </div>

        <div className="testcon">
          <div>
            <img src="https://cdn-icons-png.flaticon.com/128/6997/6997649.png" />
            <div className="myCarousel">
              <h3>Shirley Fultz</h3>
              <br/>
              <p>
              This place is great! Atmosphere is chill and cool but the staff is also really friendly.HIghly recommended!!
              </p>
            </div>
          </div>
          <div><h1 style={{color:'white'}}>hh</h1></div>
          <div>
          <img src="https://cdn-icons-png.flaticon.com/128/6997/6997662.png" />
          <div className="myCarousel">
            <h3>Alice Walker</h3>
           <br/>
            <p>
            Food is pretty good, some italian classics and some twists, and for their prices it’s 100% worth it.
            </p>
          </div>
        </div>

        </div>

        <div className="testcon">
          <div>
            <img src="https://cdn-icons-png.flaticon.com/128/6997/6997662.png" />
            <div className="myCarousel">
              <h3>Angelica Hale</h3>
              <br/>
              <p>
              I have to say, I enjoyed every single bite of the meal in Bella Italia. Considering the quality, the price is reasonable.
              </p>
            </div>
          </div>
          <div><h1 style={{color:'white'}}>hh</h1></div>
          <div>
          <img src="https://cdn-icons-png.flaticon.com/128/6997/6997649.png" />
          <div className="myCarousel">
            <h3>Beatrix Potter</h3>
           <br/>
            <p>
            Excellent food. Menu is extensive and seasonal to a particularly high standard. Definitely fine dining. It is worth trying!
            </p>
          </div>
        </div>

        </div>
      </Carousel>
  </div>


    );
}
export default Testimonials;