Skip to content

Commit 02f2511

Browse files
jsvigneshkannajsvigneshkanna
committed
testimonial card plagarism removed
1 parent f5ea0e8 commit 02f2511

File tree

5 files changed

+262
-141
lines changed

5 files changed

+262
-141
lines changed

‎tailwind_components/testimonial_cards/horizontal_testimonial.jsx‎

Lines changed: 50 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,60 @@
11
import {stripIndent} from "react-codepen-prefill-embed";
22

33
const horizontalTestimonial = stripIndent`
4-
<div class="flex h-screen w-screen items-center justify-center bg-slate-400">
5-
<div class="h-64 w-96 max-w-sm rounded-xl border border-black bg-white shadow-md">
6-
<a href="#"> </a>
4+
<div class="flex h-screen w-screen items-center justify-center bg-sky-300">
5+
<div class="h-64 w-96 max-w-sm rounded-xl border border-black bg-white shadow-lg shadow-red-400">
76
<div class="p-5 text-center">
8-
<a href="#"> </a>
9-
10-
<ul class = "flex">
11-
<div class="bg-blend-multiply">
12-
<div class="h-0">
13-
<nav class = "mx-4 -ml-5 -mt-5 mb-0 ">
14-
<a href="https://github.com/jsvigneshkanna/tailwind_ui_components"><img src=https://images.unsplash.com/photo-1522003878398-14c13adf3c5d?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEyMDd9" alt="" height="170" width="140" class = "object-cover h-60 w-60 rounded-t-md" > </a>
15-
</nav>
7+
<ul class="flex">
8+
<div class="bg-blend-multiply">
9+
<div class="h-0">
10+
<nav class="mx-4 -ml-5 -mt-5 mb-0"><img src=https://images.unsplash.com/photo-1522003878398-14c13adf3c5d?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEyMDd9" alt="" height="170" width="140" class = "object-cover h-60 w-60 rounded-t-md" ></nav>
11+
</div>
1612
</div>
17-
</div>
1813
19-
<ul class = "flex-col">
14+
<ul class="flex-col">
15+
<div class="text-bl -tracking-tight- mx-2 text-left font-normal text-gray-700">
16+
<a href="https://github.com/jsvigneshkanna" target="_blank" rel="noreferrer">
17+
<h3 class="m space-y-6 text-blue-700"><b>J S Vignesh Kanna</b></h3>
18+
<ul class="my-1">
19+
Software Engineer
2020
21-
<div class=" text-bl mx-2 text-left font-normal -tracking-tight- text-gray-700">
22-
<a href="https://youtu.be/dQw4w9WgXcQ">
23-
<h3 class="text-blue-700 space-y-6 m"><b>Marzia Schills</b></h3>
24-
<ul class = "my-1">Designer
25-
26-
<ul class="">
27-
<div class="mb-0 my-3 -mx-1 flex items-end">
28-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
29-
<title>First star</title>
30-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
31-
</svg>
32-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
33-
<title>Second star</title>
34-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
35-
</svg>
36-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
37-
<title>Third star</title>
38-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
39-
</svg>
40-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
41-
<title>Fourth star</title>
42-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
43-
</svg>
44-
<svg aria-hidden="true" class="h-7 w-7 text-gray-300 dark:text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
45-
<title>Fifth star</title>
46-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
47-
</svg>
48-
</div>
21+
<ul class="">
22+
<div class="my-3 -mx-1 mb-0 flex items-end">
23+
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
24+
<title>First star</title>
25+
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
26+
</svg>
27+
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
28+
<title>Second star</title>
29+
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
30+
</svg>
31+
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
32+
<title>Third star</title>
33+
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
34+
</svg>
35+
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
36+
<title>Fourth star</title>
37+
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
38+
</svg>
39+
<svg aria-hidden="true" class="h-7 w-7 text-gray-300 dark:text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
40+
<title>Fifth star</title>
41+
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
42+
</svg>
43+
</div>
44+
</ul>
45+
<ul class="flex-col space-y-0">
46+
<p class="mb-3 font-normal text-gray-600"></p>
47+
<p class="mb-3 font-normal text-gray-600">This proved to be impossible using concepts of space and</p>
48+
<p class="mb-3 font-normal text-gray-600">time. Einstein new view of</p>
49+
<p class="mb-3 space-y-8 font-normal text-gray-600">time first and then</p>
50+
</ul>
51+
</ul></a
52+
>
53+
</div>
54+
</ul>
4955
</ul>
50-
<ul class = "flex-col space-y-0">
51-
<p class="mb-3 font-normal text-gray-600">
52-
<p class="mb-3 font-normal text-gray-600">This proved to be impossible using concepts of space and </p>
53-
<p class="mb-3 font-normal text-gray-600">time. Einstein new view of </p>
54-
<p class=" space-y-8 mb-3 font-normal text-gray-600"> time first and then</p>
55-
</ul>
56+
</div>
57+
</div>
58+
</div>
5659
`;
5760
export default horizontalTestimonial;

‎tailwind_components/testimonial_cards/photo_star_testimonial.jsx‎

Lines changed: 76 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,102 @@
11
import {stripIndent} from "react-codepen-prefill-embed";
22

33
const photoStarTestimonial = stripIndent`
4-
5-
<div class="flex h-screen w-screen items-center justify-center bg-slate-600">
6-
<div class="h-96 w-64 max-w-sm rounded-xl border border-black bg-white shadow-md">
7-
<a href="#"> </a>
4+
<div class="flex h-screen w-screen items-center justify-center bg-sky-300">
5+
<div
6+
class="h-96 w-64 max-w-sm rounded-xl border border-black bg-white shadow-md"
7+
>
88
<div class="p-5 text-center">
9-
<a href="#"> </a>
109
<div class="bg-blend-multiply ...">
1110
<div class="h-40 w-23">
12-
<nav class = "mx-9">
13-
<a href="https://youtu.be/dQw4w9WgXcQ"> <img src=https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwgHAqIUkUR92_mtswDCYJD99s-KEpEhP4dA&usqp=CAU" alt="" height="140" width="140" class="rounded-3xl" > </a>
11+
<nav class="mx-9">
12+
<img
13+
src=https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwgHAqIUkUR92_mtswDCYJD99s-KEpEhP4dA&usqp=CAU"
14+
alt="" height="140" width="140" class="rounded-3xl" >
1415
</nav>
1516
</div>
16-
</div>
17-
18-
<p class="mb-3 font-normal text-gray-500">Slate helps you see how many more days you need to work to reach your financial goal month and year</p>
17+
</div>
18+
19+
<p class="mb-3 font-normal text-gray-500">
20+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis unde
21+
perferendis
22+
</p>
1923
<ul class="mb-5 flex justify-center">
2024
<div class="mb-0 flex items-end">
21-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
25+
<svg
26+
aria-hidden="true"
27+
class="h-7 w-7 text-orange-400"
28+
fill="currentColor"
29+
viewBox="0 0 20 20"
30+
xmlns="http://www.w3.org/2000/svg"
31+
>
2232
<title>First star</title>
23-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
33+
<path
34+
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
35+
></path>
2436
</svg>
25-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
37+
<svg
38+
aria-hidden="true"
39+
class="h-7 w-7 text-orange-400"
40+
fill="currentColor"
41+
viewBox="0 0 20 20"
42+
xmlns="http://www.w3.org/2000/svg"
43+
>
2644
<title>Second star</title>
27-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
45+
<path
46+
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
47+
></path>
2848
</svg>
29-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
49+
<svg
50+
aria-hidden="true"
51+
class="h-7 w-7 text-orange-400"
52+
fill="currentColor"
53+
viewBox="0 0 20 20"
54+
xmlns="http://www.w3.org/2000/svg"
55+
>
3056
<title>Third star</title>
31-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
57+
<path
58+
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
59+
></path>
3260
</svg>
33-
<svg aria-hidden="true" class="h-7 w-7 text-orange-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
61+
<svg
62+
aria-hidden="true"
63+
class="h-7 w-7 text-orange-400"
64+
fill="currentColor"
65+
viewBox="0 0 20 20"
66+
xmlns="http://www.w3.org/2000/svg"
67+
>
3468
<title>Fourth star</title>
35-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
69+
<path
70+
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
71+
></path>
3672
</svg>
37-
<svg aria-hidden="true" class="h-7 w-7 text-gray-300 dark:text-gray-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
73+
<svg
74+
aria-hidden="true"
75+
class="h-7 w-7 text-gray-300 dark:text-gray-500"
76+
fill="currentColor"
77+
viewBox="0 0 20 20"
78+
xmlns="http://www.w3.org/2000/svg"
79+
>
3880
<title>Fifth star</title>
39-
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
81+
<path
82+
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
83+
></path>
4084
</svg>
4185
</div>
4286
</ul>
4387
44-
<div class="text-bl my-0 mx-5 text-xs font-normal tracking-normal text-gray-700">
45-
<a href="https://youtu.be/dQw4w9WgXcQ">
46-
<h3 class="text-blue-700"><b>Rick Rolls</b></h3>
47-
<p>Designer</p>
88+
<div
89+
class="text-bl my-0 mx-5 text-xs font-normal tracking-normal text-gray-700"
90+
>
91+
<a
92+
href="https://github.com/jsvigneshkanna"
93+
target="_blank"
94+
rel="noreferrer"
95+
>
96+
<h3 class="text-blue-700"><b>J S Vignesh Kanna</b></h3>
97+
<p>Software Engineer</p>
98+
</a>
99+
</div>
48100
</div>
49101
</div>
50102
</div>

‎tailwind_components/testimonial_cards/social_link_testimonial.jsx‎

Lines changed: 37 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,45 @@
11
import {stripIndent} from "react-codepen-prefill-embed";
22

33
const socialLinkTestimonial = stripIndent`
4-
5-
<div class="flex h-screen w-screen items-center justify-center bg-slate-400">
6-
<div class="h-96 w-60 max-w-sm rounded-xl border border-black bg-gray-300 shadow-lg">
7-
<a href="#"> </a>
4+
<div class="flex h-screen w-screen items-center justify-center bg-sky-300">
5+
<div
6+
class="h-96 w-60 max-w-sm rounded-xl border border-black bg-gray-300 shadow-lg"
7+
>
88
<div class="p-5 text-center">
9-
<a href="#"> </a>
10-
<div class="h-60 w-54 max-w-full h-auto rounded-lg">
11-
<img src=https://images.squarespace-cdn.com/content/v1/53b599ebe4b08a2784696956/1438211096322-NBOR72MPHBEED1BSD36Q/image-asset.jpeg" height="180" width="180" class = "object-cover h-60 w-60 rounded-lg" >
12-
</div>
13-
<ul class = "flex-col space-y-2" ><p><b> Username</b></p>
14-
<ul class = "flex-col space-y-2" ><p>Profession</p></ul>
15-
<ul class = "flex space-x-8"> <div class="h-10 w-10">
16-
<a href="https //www.facebook.com"> <img src="https://img.icons8.com/fluency/48/000000/facebook-new.png" class="rounded-3xl"> </a>
9+
<div class="w-54 h-60 max-w-full rounded-lg">
10+
<img
11+
src=https://images.squarespace-cdn.com/content/v1/53b599ebe4b08a2784696956/1438211096322-NBOR72MPHBEED1BSD36Q/image-asset.jpeg"
12+
height="180" width="180" class = "object-cover h-60 w-60 rounded-lg" >
1713
</div>
18-
<div class="h-10 w-10">
19-
<a href="https://www.instagram.com"> <img src="https://img.icons8.com/3d-fluency/100/000000/instagram-new.png" class = "rounded-3xl"> </a>
20-
</div>
21-
<div class="h-10 w-10">
22-
<a href="https://www.twitter.com"> <img src=https://img.icons8.com/color/48/000000/twitter--v1.png" class = "rounded-3xl"> </a>
23-
</div></ul>
24-
</ul>
14+
<ul class="flex-col space-y-2">
15+
<p><b> SUSAVI</b></p>
16+
<ul class="flex-col space-y-2">
17+
<p>Production</p>
18+
</ul>
19+
<ul class="flex space-x-8">
20+
<div class="h-10 w-10">
21+
<img
22+
src="https://img.icons8.com/fluency/48/000000/facebook-new.png"
23+
class="rounded-3xl"
24+
/>
25+
</div>
26+
<div class="h-10 w-10">
27+
<img
28+
src="https://img.icons8.com/3d-fluency/100/000000/instagram-new.png"
29+
class="rounded-3xl"
30+
/>
31+
</div>
32+
<div class="h-10 w-10">
33+
<img
34+
src="https://img.icons8.com/color/48/000000/twitter--v1.png"
35+
class="rounded-3xl"
36+
/>
37+
</div>
38+
</ul>
39+
</ul>
2540
</div>
26-
</div>
27-
28-
`;
41+
</div>
42+
</div>
43+
`;
2944

3045
export default socialLinkTestimonial;

0 commit comments

Comments
 (0)