-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCoffee.html
138 lines (117 loc) · 5.39 KB
/
Coffee.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support</title>
<link href="https://unpkg.com/tailwindcss@^2.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<!--ANNOUNCEMENT-->
<aside class="flex items-center justify-center p-3 text-white bg-blue-600">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
class="flex-shrink-0 w-5 h-5">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
</svg>
<p class="ml-3 text-sm font-medium text-center">
Together We Support & Grow !
<a href="" class="inline-flex items-center underline">
Back to Home
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
class="h-4 w-4 ml-1.5 flex-shrink-0">
<path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
clip-rule="evenodd" />
</svg>
</a>
</p>
</aside>
<!--HEAD-->
<div class="max-w-5xl px-4 py-8 mx-auto">
<section class="p-8 bg-gray-100 rounded-lg">
<div class="grid grid-cols-1 gap-12 sm:grid-cols-3 sm:items-center">
<div class="relative">
<div class="aspect-w-1 aspect-h-1">
<img
src="supportimages/scan.jpg"
alt=""
class="object-cover rounded-lg"
/>
</div>
<div
class="absolute inline-flex px-4 py-2 bg-white rounded-lg shadow-xl -bottom-4 -right-4">
<span class="inline-block w-12 h-15 rounded-lg"> <img src="supportimages/unnamed.jpg" alt=""></span>
</div>
<!--
<div
class="absolute inline-flex px-4 py-2 bg-white rounded-lg shadow-xl -bottom-4 -right-4">
<span class="inline-block w-12 h-10 bg-gray-100 rounded-lg"></span>
</div>
-->
</div>
<blockquote class="sm:col-span-2">
<p class="text-xl font-medium sm:text-2xl">
Thank you for visiting my profile. I really appreciate that you are here to support me, Each and Every contribution is valuable and it helps me to stay motivated and confident in my content and skills.
</p>
<cite class="inline-flex items-center mt-8 not-italic">
<span class="hidden w-6 h-px bg-gray-400 sm:inline-block"></span>
<a href="https://ahamedbasha-n.github.io/portfolio/">
<p class="text-sm text-gray-500 uppercase sm:ml-3">
<strong>Ahamed Basha N</strong>
</p></a>
</cite>
</blockquote>
</div>
</section>
</div>
<!--TABLE-->
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -m-4">
<div class="lg:w-1/4 md:w-1/2 p-4 w-full">
<a class="block relative h-48 rounded overflow-hidden">
<img alt="ecommerce" class="object-cover object-center w-full h-full block" src="supportimages/Stationery.png">
</a>
<div class="mt-4">
<h3 class="text-gray-500 text-xs tracking-widest title-font mb-1"></h3>
<h2 class="text-gray-900 title-font text-lg font-medium">Stationery</h2>
<p class="mt-1">Rs.20</p>
</div>
</div>
<div class="lg:w-1/4 md:w-1/2 p-4 w-full">
<a class="block relative h-48 rounded overflow-hidden">
<img alt="ecommerce" class="object-cover object-center w-full h-full block" src="supportimages/Coffee.png">
</a>
<div class="mt-4">
<h3 class="text-gray-500 text-xs tracking-widest title-font mb-1"></h3>
<h2 class="text-gray-900 title-font text-lg font-medium">Coffee</h2>
<p class="mt-1">Rs.50</p>
</div>
</div>
<div class="lg:w-1/4 md:w-1/2 p-4 w-full">
<a class="block relative h-48 rounded overflow-hidden">
<img alt="ecommerce" class="object-cover object-center w-full h-full block" src="supportimages/book.png">
</a>
<div class="mt-4">
<h3 class="text-gray-500 text-xs tracking-widest title-font mb-1"></h3>
<h2 class="text-gray-900 title-font text-lg font-medium">Book</h2>
<p class="mt-1">Rs.100</p>
</div>
</div>
<div class="lg:w-1/4 md:w-1/2 p-4 w-full">
<a class="block relative h-48 rounded overflow-hidden">
<img alt="ecommerce" class="object-cover object-center w-full h-full block" src="supportimages/pizza.png">
</a>
<div class="mt-4">
<h3 class="text-gray-500 text-xs tracking-widest title-font mb-1"></h3>
<h2 class="text-gray-900 title-font text-lg font-medium">Pizza</h2>
<p class="mt-1">Rs.150</p>
</div>
</div>
</div>
</div>
</section>
</body>
</html>