-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestimonials.html
138 lines (124 loc) · 6.77 KB
/
testimonials.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
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!--
Copyright (c) 2023 Hakeem Ellis
All rights reserved.
This work is licensed under the terms of the Custom Code license.
For a copy, see https://github.com/hakeemellis/portfolio/blob/main/LICENSE.md.
Contact: utilize the contact form at https://hakeemellis.com/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>MacLove | Testimonials</title>
<link rel="stylesheet" href="../css/styles.css">
<link rel="shortcut icon" href="../images/ML.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Roboto&family=Roboto+Condensed&family=Shalimar&family=Teko:wght@600&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<header>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="../html/index.html"> <img src="../images/MacLove.png" width="145">        </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<center>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
The Service
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../html/howitworks.html">How It Works</a></li>
<li><a class="dropdown-item" href="../html/machelp.html">How A Mac Could Help You</a></li>
<li><a class="dropdown-item" href="../html/paymentplans.html">Payment Plans</a></li>
<li><a class="dropdown-item" href="../html/login.html">Login</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
About Us
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../html/whychooseus.html">Why Choose Us</a></li>
<li><a class="dropdown-item" href="../html/testimonials.html">Testimonials</a></li>
<li><a class="dropdown-item" href="../html/ourteam.html">Our Team</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link active" href="../html/contactus.html">Contact Us</a>
</li>
</ul>
</center> 
<a href="../html/account.html"><button type="button" class="btn btn-outline-dark btn-lg"> Account </button></a>
</div>
</div>
</nav>
</header>
<br>
<center>
<body>
<center>
<p class="h2"> Testimonials </p>
</center>
<!-- Carousel -->
<div id="demo" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="../images/image-test1.jpg" alt="user1 comment" class="d-block" style="width:50%">
<p class="roboto"> “If you are looking for a rare Macbook, you need to check out this lovely website"maclove". I was looking for a book for my first semester and I had almost given up. I went to website in just to see what they had found the website too useful! It helped me find the perfect book for him and even offered a layaway. They have a huge selection of new, used and collectible books and their Plasns which the DELUXE plan is highly recommended.”</p>
"Angela Mary"
</div>
<div class="carousel-item">
<img src="../images/image-test2.jpg" alt="user2" class="d-block" style="width:50% " style="height:50% " >
<p class="roboto"> “MacLove was not only easy to work with, but it's services was also excellent. It also offered sound suggestions that added to the quality of each of my projects. Because of this, I highly recommend this website to my friends”</p>
"Jost Boer"
</div>
<div class="carousel-item">
<img src="../images/image-test3.jpg" alt="user3" class="d-block" style="width:50%">
<p class="roboto"> “It was a fantastic exprience to get familiar with this website with me, I was looking for a macbook website and I found out this great website,It has various plans with low prices,it has also accessible team to cunsalt with them every time of a day.”</p>
"Amin Koosha"
<br>
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</body>
<br>
<footer>
<center>
<p class="footertextsize">
<a href="#">support@maclove.com</a> <b>|</b> (800)-224-2101
</p>
<a href="https://facebook.com/">
<img src="../images/facebook.svg" width="25" height="25"></a>
 
<a href="https://linkedin.com/">
<img src="../images/linkedin.svg" width="25" height="25"></a>
 
<a href="https://twitter.com/">
<img src="../images/twitter.svg" width="24" height="24"></a>
</center>
</footer>
<script src="../js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</html>