forked from thedevdojo/tails-components
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeature-content-testimony.html
69 lines (69 loc) · 4.94 KB
/
feature-content-testimony.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
<div class="bg-gray-100">
<div class="max-w-6xl mx-auto py-8 px-6 md:px-12">
<div class="md:flex items-center -mx-6 md:-mx-12">
<div class="w-full md:w-1/2 px-10 mt-16 md:mt-0">
<div class="bg-white shadow-xl rounded-lg overflow-hidden">
<img class="w-full" loading="lazy" src="https://images.unsplash.com/photo-1542103749-8ef59b94f47e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80" alt="">
<div class="p-12">
<blockquote class="text-lg italic text-gray-800">
<div class="absolute pin-t pin-l -mt-2 -ml-2">
<svg class="w-8 h-8" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.264 19.552C15.264 23.2 17.664 25.12 20.352 25.12C23.328 25.12 26.112 22.624 26.112 19.456C26.112 16.864 24.288 15.136 22.08 15.136C21.888 15.136 21.408 15.136 21.312 15.136C22.368 12.064 25.824 8.8 29.376 7.072L26.4 4C20.448 6.976 15.264 13.504 15.264 19.552ZM0 19.552C0 23.2 2.304 25.12 5.088 25.12C8.064 25.12 10.848 22.624 10.848 19.456C10.848 16.864 8.928 15.136 6.72 15.136C6.528 15.136 6.048 15.136 5.952 15.136C7.008 12.064 10.56 8.8 14.016 7.072L11.136 4C5.184 6.976 0 13.504 0 19.552Z" class="fill-current text-gray-300"></path>
</svg>
</div>
<div class="relative">
<p>
This service rocks on a whole new level. You've got to try it out for yourself.
</p>
</div>
</blockquote>
<div class="mt-10">
<div>
<div class="uppercase text-gray-900 font-semibold tracking-wider">
Irene Sims
</div>
<div class="text-gray-700">VP of Sales, SomeCompany</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 px-6 md:px-12">
<h2 class="text-2xl text-gray-900 font-bold">Crafted with Awesomeness</h2>
<div class="mt-10 flex">
<div>
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"></path></svg>
</div>
<div class="ml-4 mt-2">
<div class="font-semibold text-lg">Radical Feature Set</div>
<p class="mt-2 text-gray-700">
Filled to the rim with radical features and rock'n sock'n tools. You'll be glad you signed up.
</p>
</div>
</div>
<div class="mt-10 flex">
<div>
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
</div>
<div class="ml-4 mt-2">
<div class="font-semibold text-lg">Lightning Fast Speed</div>
<p class="mt-2 text-gray-700">
Built and crafted with speed to take your game back to the next-level. 1.21 GigaWatts!
</p>
</div>
</div>
<div class="mt-10 flex">
<div>
<svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg>
</div>
<div class="ml-4 mt-2">
<div class="font-semibold text-lg">Fully Customizable</div>
<p class="mt-2 text-gray-700">
Every element and component is customizable to fit the needs of your application.
</p>
</div>
</div>
</div>
</div>
</div>
</div>