FormEase.github.io/testimon.html at main · Akansha77/FormEase.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../testimon.css">
    <title>testimonials</title>
</head>

<body>
    <header>


<div class="testimonials">
    <h2 class="title">Some words from our costumers</h2>
    <p class="description">We've been helping businesses to do their best since 2023.</p>

    <div class="slider-container">
      <div class="slider">
        <div class="slide-box">
          <!-- Testi One -->
          <p class="comment">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
          </p>
          <img src="https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=500&q=80" />
          <h3 class="name">Albert Sinelly</h3>
          <h4 class="job">Founder Of Devoker Company</h4>
        </div>
        <div class="slide-box">
          <!-- Testi Two -->
          <p class="comment">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat.
          </p>
          <img src="https://images.unsplash.com/photo-1627541718143-1adc1b582e62?ixid=MnwxMjA3fDB8MHxzZWFyY2h8N3x8bXVzbGltfGVufDB8MnwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" />
          <h3 class="name">Hirok Meryam</h3>
          <h4 class="job">Full stack Developer, Speaker</h4>
        </div>
        <div class="slide-box">
          <!-- Testi Three -->
          <p class="comment">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna
            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat.
          </p>
          <img src="https://images.unsplash.com/photo-1610216705422-caa3fcb6d158?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MzJ8fGZhY2V8ZW58MHwyfDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" />
          <h3 class="name">Sebastian Sert</h3>
          <h4 class="job">UX/UI Designer, Phtographer</h4>
        </div>
      </div>

      <a href="#!" class="control-slider btn-left">
        <i class="fas fa-chevron-left"></i>
      </a>
      <a href="#!" class="control-slider btn-right">
        <i class="fas fa-chevron-right"></i>
      </a>
    </div>
  </div>
  <script src="./main.js"></script>
</header>
</body>
</html>