-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (39 loc) · 1.84 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.15.1/css/all.css"
integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
<title>Testimonial Box</title>
</head>
<body>
<div class="testimonial-container">
<div class="progress-bar"></div>
<div class="fas fa-quote-right fa-quote"></div>
<div class="fas fa-quote-left fa-quote"></div>
<p class="testimonial">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae animi quia odit ipsum dolorum earum eos nostrum laudantium accusantium totam voluptatem nobis placeat, quaerat rem reprehenderit quasi esse, eum commodi.
Sapiente odio sunt provident, culpa deserunt quo voluptate doloremque eos temporibus itaque nihil facilis autem consequatur. Ea reiciendis obcaecati laborum maxime velit rerum repellat cupiditate, sint ullam, repellendus accusantium odio?
Deleniti eos dignissimos adipisci possimus. Aut cum consectetur eum quis, sequi perspiciatis nihil quos porro ducimus dolores dignissimos ad aspernatur fuga quae voluptas aperiam molestias itaque voluptate nostrum ut iusto.
</p>
<div class="user">
<img
src="https://img.freepik.com/free-vector/blue-circle-with-white-user_78370-4707.jpg?size=626&ext=jpg&ga=GA1.1.1768666795.1710869349&semt=ais"
alt="user"
class="user-image"
/>
<div class="user-details">
<h4 class="username">[User Name]</h4>
<p class="role">[Position/Role]</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>