-
Notifications
You must be signed in to change notification settings - Fork 0
/
shows.html
148 lines (103 loc) · 6.47 KB
/
shows.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
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="output.css" rel="stylesheet">
</head>
<body class="bg-sky-500 ">
<div class="flex">
<div class="mx-96 mt-5">
<a href="#"
class="block max-w-sm p-6 bg-white border w-96 border-gray-500 rounded-lg shadow-2xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">
Achievements:</h5>
<p class="font-normal text-slate>-900">1.loremepsum</p><br>
<p class="font-normal text-slate>-900">2.loremepsum</p><br>
<p class="font-normal text-slate>-900">3.loremepsum</p><br>
<p class="font-normal text-slate>-900">4.loremepsum</p><br>
</a>
</div>
<div class="m-10 max-h-96 w-96"><img
src="C:\Users\sagar rajak\OneDrive\Desktop\startup-image-01__1506587489_150.242.73.142-1200x600-1200x600.jpg"
class="object-fill h-48 w-96 ">
</div>
</div>
<br><br>
<div class="bg-white">
<div class="bg-slate-100 mt-5 ">
<div class="grid grid-cols-3 gap-2 py-3 mx-5 my-5">
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">50+ teams</h5>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quis quasi fuga distinctio, vel
ratione
recusandae? Recusandae labore dolor sunt.</p>
</a>
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">75+ projects</h5>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quis quasi fuga distinctio, vel
ratione
recusandae? Recusandae labore dolor sunt.</p>
</a>
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">50+ startups</h5>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quis quasi fuga distinctio, vel
ratione
recusandae? Recusandae labore dolor sunt.</p>
</a>
</div>
</div>
</div>
<br> <br><br><br>
<span class="mx-5 font-bold bg-slate-200 rounded-md text-3xl px-2 py-2 m- shadow-xl">Top projects:</span>
<br>
<div class="flex gap-4 mx-5 my-5">
<a href="#"
class=" max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">Noteworthy technology
acquisitions 2021</h5>
<p class="font-normal text-slate-900">Here are the biggest enterprise technology
acquisitions of 2021 so far, in reverse chronological order.</p><br>
<button type="button"
class="text-white mx-7 bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Read
more</button>
</a>
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">Noteworthy technology
acquisitions 2021</h5>
<p class="font-normal text-slate-900">Here are the biggest enterprise technology
acquisitions of 2021 so far, in reverse chronological order.</p><br>
<button type="button"
class="text-white mx-7 bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Read
more</button>
</a>
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black">Noteworthy technology
acquisitions 2021</h5>
<p class="font-normal text-slate-900">Here are the biggest enterprise technology
acquisitions of 2021 so far, in reverse chronological order.</p><br>
<button type="button"
class="text-white mx-7 bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Read
more</button>
</a>
<a href="#"
class="block max-w-sm p-6 bg-white border border-gray-500 rounded-lg shadow-xl dark:bg-secondary dark:border-gray-700">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:to-black ">Noteworthy technology
acquisitions 2021</h5>
<p class="font-normal text-slate-900">Here are the biggest enterprise technology
acquisitions of 2021 so far, in reverse chronological order.</p><br>
<button type="button"
class="text-white mx-7 bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Read
more</button>
</a>
</div>
</body>
</html>