Skip to content

Commit 3b96c46

Browse files
wealcoderahsanwealcoderahsan
committed
added: accordion and testimonial
1 parent 2e3a5ef commit 3b96c46

File tree

5 files changed

+1897
-0
lines changed

5 files changed

+1897
-0
lines changed

‎assets/css/widgets/advanced-testimonial.css‎

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
@charset "UTF-8";
2+
.aae--a-testimonial p {
3+
margin: 0;
4+
padding: 0;
5+
}
6+
.aae--a-testimonial svg {
7+
width: 1em;
8+
height: 1em;
9+
transition: all 0.3s;
10+
}
11+
.aae--a-testimonial .rating {
12+
position: relative;
13+
display: inline-block;
14+
}
15+
.aae--a-testimonial .stars-outer {
16+
display: inline-block;
17+
color: #ccc;
18+
}
19+
.aae--a-testimonial .stars-outer::before {
20+
content: "★★★★★";
21+
font-size: 24px;
22+
}
23+
.aae--a-testimonial .stars-inner {
24+
position: absolute;
25+
top: 0;
26+
left: 0;
27+
white-space: nowrap;
28+
overflow: hidden;
29+
color: #f5b301;
30+
}
31+
.aae--a-testimonial .stars-inner::before {
32+
content: "★★★★★";
33+
font-size: 24px;
34+
}
35+
.aae--a-testimonial img {
36+
-o-object-fit: cover;
37+
object-fit: cover;
38+
width: 100px;
39+
}
40+
.aae--a-testimonial .wcf-arrow {
41+
line-height: 0;
42+
cursor: pointer;
43+
}
44+
.aae--a-testimonial .swiper-pagination {
45+
gap: 5px;
46+
display: inline-flex;
47+
align-items: center;
48+
justify-content: center;
49+
width: auto;
50+
height: auto;
51+
}
52+
.aae--a-testimonial .swiper-pagination-bullet {
53+
margin: 0 !important;
54+
}
55+
.aae--a-testimonial .swiper-pagination-bullet-active {
56+
border-radius: 5px;
57+
}
58+
.aae--a-testimonial .swiper-pagination {
59+
position: static;
60+
z-index: -1;
61+
}
62+
.aae--a-testimonial .swiper-pagination-fraction .mid-line {
63+
width: 100px;
64+
display: inline-block;
65+
height: 1px;
66+
background: #D9D9D9;
67+
}
68+
.aae--a-testimonial .ts-navigation {
69+
gap: 10px;
70+
display: flex;
71+
align-items: center;
72+
justify-content: center;
73+
width: 100%;
74+
z-index: 1;
75+
position: relative;
76+
}
77+
.aae--a-testimonial .wcf-arrow {
78+
position: relative;
79+
z-index: 1;
80+
aspect-ratio: 1/1;
81+
width: 50px;
82+
display: flex;
83+
align-items: center;
84+
justify-content: center;
85+
transition: all 0.3s;
86+
}
87+
.aae--a-testimonial .wrap {
88+
display: flex;
89+
align-items: center;
90+
justify-content: space-between;
91+
gap: 20px;
92+
}
93+
.aae--a-testimonial .author {
94+
display: flex;
95+
align-items: center;
96+
}
97+
.aae--a-testimonial .image {
98+
position: relative;
99+
}
100+
.aae--a-testimonial .image img {
101+
-o-object-fit: cover;
102+
object-fit: cover;
103+
}
104+
.aae--a-testimonial .feedback {
105+
padding-top: 20px;
106+
padding-bottom: 20px;
107+
}
108+
.aae--a-testimonial .info {
109+
text-align: left;
110+
border-left: 1px solid #E9EAEB;
111+
}
112+
.aae--a-testimonial .swiper-slide::after {
113+
position: absolute;
114+
content: "";
115+
width: 1px;
116+
height: 100%;
117+
right: -10px;
118+
top: 0;
119+
background: #ddd;
120+
}
121+
.aae--a-testimonial .name,
122+
.aae--a-testimonial .designation,
123+
.aae--a-testimonial .reason {
124+
font-size: 18px;
125+
}
126+
.aae--a-testimonial.style-1 .image {
127+
display: flex;
128+
margin-right: 15px;
129+
}
130+
.aae--a-testimonial.style-1 .image img {
131+
width: 50px;
132+
height: 50px;
133+
}
134+
.aae--a-testimonial.style-1 .info {
135+
padding-left: 15px;
136+
}
137+
.aae--a-testimonial.style-2 .slide {
138+
display: flex;
139+
align-items: center;
140+
}
141+
@media (max-width: 767px) {
142+
.aae--a-testimonial.style-2 .slide {
143+
flex-direction: column;
144+
}
145+
}
146+
.aae--a-testimonial.style-2 .info {
147+
padding-left: 15px;
148+
}
149+
.aae--a-testimonial.style-2 .image {
150+
flex: 400px 0 0;
151+
margin-right: 100px;
152+
}
153+
.aae--a-testimonial.style-2 .content {
154+
flex: 1 1 auto;
155+
}
156+
.aae--a-testimonial.style-3 .slide {
157+
background: #FAFAFA;
158+
border-radius: 15px;
159+
padding: 30px;
160+
}
161+
.aae--a-testimonial.style-3 .swiper-slide::after {
162+
background: transparent;
163+
}
164+
.aae--a-testimonial.style-3 .image {
165+
display: flex;
166+
margin-right: 15px;
167+
}
168+
.aae--a-testimonial.style-3 .quote {
169+
margin-top: 30px;
170+
}
171+
.aae--a-testimonial.style-3 .info {
172+
border-color: transparent;
173+
}
174+
.aae--a-testimonial.style-4 .slide {
175+
background: #FAFAFA;
176+
padding: 30px;
177+
}
178+
.aae--a-testimonial.style-4 .swiper-slide::after {
179+
background: transparent;
180+
}
181+
.aae--a-testimonial.style-4 .image {
182+
display: flex;
183+
margin-right: 15px;
184+
}
185+
.aae--a-testimonial.style-4 .info {
186+
border-color: transparent;
187+
}
188+
.aae--a-testimonial.style-4 .reason {
189+
margin-bottom: 60px;
190+
}
191+
.aae--a-testimonial.style-5 .slide {
192+
border-radius: 15px;
193+
background: #E0EAFA;
194+
padding: 30px;
195+
}
196+
.aae--a-testimonial.style-5 .swiper-slide::after {
197+
background: transparent;
198+
}
199+
.aae--a-testimonial.style-5 .image {
200+
display: flex;
201+
margin-right: 15px;
202+
}
203+
.aae--a-testimonial.style-5 .info {
204+
border-color: transparent;
205+
}
206+
.aae--a-testimonial.style-5 .top {
207+
display: flex;
208+
align-items: center;
209+
justify-content: space-between;
210+
}
211+
.aae--a-testimonial.style-6 .slide {
212+
padding: 30px;
213+
}
214+
.aae--a-testimonial.style-6 .image {
215+
display: flex;
216+
margin-right: 15px;
217+
}
218+
.aae--a-testimonial.style-6 .info {
219+
border-color: transparent;
220+
}

‎assets/css/widgets/advanced-testimonial.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)