-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtestimonials.html
More file actions
174 lines (156 loc) · 7.63 KB
/
Copy pathtestimonials.html
File metadata and controls
174 lines (156 loc) · 7.63 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/icons/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png">
<link rel="manifest" href="assets/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fix It Sukil | Testimonials</title>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-49P1SQX0LM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){ dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-49P1SQX0LM');
</script>
</head>
<body>
<!-- HEADER & SIDE MENU -->
<header class="sticky-header">
<div class="header-container">
<div class="menu-button" id="menuButtonTesti" role="button" aria-label="Open navigation menu" tabindex="0">☰</div>
<img src="assets/logos/logo-extended-main-white.png" alt="Fix It Sukil Logo" class="header-logo" />
</div>
<nav class="side-menu" id="sideMenuTesti">
<div class="close-button" id="closeButtonTesti">×</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pricing.html">Services & Pricing</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://blog.fixitsukil.com" target="_blank">Blog</a></li>
<li><a href="track.html">Track Repair</a></li>
<li><a href="warranty.html">Warranty & Policies</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</nav>
</header>
<!-- SUB-HERO -->
<section class="sub-hero fade-in">
<span class="eyebrow">Testimonials</span>
<h1>What Our Customers Say</h1>
<p class="tagline">Real feedback from clients across Petaling Jaya, Shah Alam, KLCC, and beyond.</p>
</section>
<div class="page-actions">
<a href="index.html" class="back-text">← Back to Home</a>
</div>
<!-- TESTIMONIALS CONTENT -->
<section class="review-section fade-in">
<p class="review-intro">Here are some reviews from clients who have used Fix It Sukil:</p>
<!-- Static testimonial examples -->
<div class="review-grid">
<article class="review-card">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>
Sukil fixed my laptop hinge in just one day, and the price was very fair. The pickup & delivery service made it so convenient. Highly recommend!
</blockquote>
<cite>— Aishah, Petaling Jaya</cite>
</article>
<article class="review-card">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>
The technician diagnosed my overheating issue quickly and replaced thermal paste for RM70. My laptop runs much cooler now. Great service!
</blockquote>
<cite>— Rahim, Shah Alam</cite>
</article>
<article class="review-card">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>
I had a charging port problem in my Type-C laptop. They fixed it in two days, and their 1-month warranty gave me peace of mind. Excellent workmanship.
</blockquote>
<cite>— Wei Ling, KLCC</cite>
</article>
</div>
<!-- Google Reviews Widget -->
<div class="review-elf-wrap">
<div class="review-elf-label">More reviews on Google</div>
<div class="review-widget">
<script src="https://static.elfsight.com/platform/platform.js" async></script>
<div class="elfsight-app-2c5dedb3-fafc-4ffb-9953-cb29157c7a89" data-elfsight-app-lazy></div>
</div>
</div>
</section>
<!-- BACK TO HOME BUTTON -->
<div class="back-link" style="text-align: center; margin: 30px 0;">
<a href="index.html" class="cta-button">← Back to Home</a>
</div>
<!-- FOOTER -->
<footer class="footer">
<p>© 2026 Fix It Sukil. All rights reserved.</p>
<p class="contact-line">
<a href="https://wa.me/60125777436">+60 12-577 7436</a>
·
<a href="mailto:admin@fixitsukil.com">admin@fixitsukil.com</a>
</p>
<p style="margin-top:8px;font-size:13px;"><a href="privacy.html" style="color:#aaa;text-decoration:none;">Privacy Policy</a></p>
<div class="visitor-counter">
<span>👁 Visitors:</span>
<a href="https://www.hitwebcounter.com" target="_blank">
<img
src="https://hitwebcounter.com/counter/counter.php?page=20813285&style=0005&nbdigits=9&type=page&initCount=0"
title="Counter Widget"
alt="Visit counter For Websites"
border="0"
/>
</a>
</div>
</footer>
<!-- MENU & FADE‐IN SCRIPT -->
<script>
document.addEventListener('DOMContentLoaded', () => {
const menuButton = document.getElementById('menuButtonTesti');
const sideMenu = document.getElementById('sideMenuTesti');
const closeButton = document.getElementById('closeButtonTesti');
menuButton.addEventListener('click', () => {
sideMenu.classList.add('active');
});
closeButton.addEventListener('click', () => {
sideMenu.classList.remove('active');
});
const fadeElements = document.querySelectorAll('.fade-in');
const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };
const fadeObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) entry.target.classList.add('visible');
});
}, observerOptions);
fadeElements.forEach(el => fadeObserver.observe(el));
});
</script>
<!-- Floating WhatsApp button -->
<a href="https://wa.me/60125777436" class="fis-floating-wa" aria-label="Chat on WhatsApp">
<svg viewBox="0 0 24 24"><path d="M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.73 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zM12.04 20.15h-.01a8.23 8.23 0 0 1-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.27 8.27 0 0 1-1.27-4.39c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.82c.01 4.54-3.69 8.25-8.21 8.25zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.16.25-.64.81-.79.97-.14.16-.29.18-.54.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.23-1.46-1.37-1.71-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.16.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.41-.42-.56-.43-.14-.01-.31-.01-.48-.01-.16 0-.43.06-.66.31-.23.25-.86.84-.86 2.05 0 1.21.88 2.38 1 2.55.12.16 1.74 2.66 4.22 3.74.59.25 1.05.41 1.41.52.59.19 1.13.16 1.55.1.47-.07 1.47-.6 1.68-1.18.21-.58.21-1.08.14-1.18-.06-.1-.21-.16-.46-.28z"/></svg>
</a>
<!-- Mobile sticky CTA -->
<div class="fis-mobile-sticky">
<a href="https://wa.me/60125777436" aria-label="Chat on WhatsApp">
<span>📲 Chat on WhatsApp</span>
<span>Reply < 1 hr</span>
</a>
</div>
</body>
</html>