-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (69 loc) · 4.62 KB
/
index.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
<html><title>beijing corn</title>
<script src="https://cdn.tailwindcss.com"></script>
<div class="header-2">
<nav class="bg-white py-2 md:py-4">
<div class="container mx-auto px-4 md:flex md:items-center">
<div class="flex items-center justify-between">
<a href="#" class="text-xl font-bold text-indigo-600">STEVEN HE</a>
<button class="rounded border border-solid border-gray-600 px-3 py-1 text-gray-600 opacity-50 hover:opacity-75 md:hidden" id="navbar-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="mt-3 hidden flex-col md:ml-auto md:mt-0 md:flex md:flex-row" id="navbar-collapse">
<a href="#" class="rounded bg-indigo-600 p-2 text-white md:mx-2 lg:px-4"> get out of da Home</a>
<a href="#" class="rounded p-2 text-gray-600 transition-colors duration-300 hover:bg-gray-200 hover:text-gray-700 md:mx-2 lg:px-4">About that one dad who returned after buying milk</a>
<a href="#" class="rounded p-2 text-gray-600 transition-colors duration-300 hover:bg-gray-200 hover:text-gray-700 md:mx-2 lg:px-4">Features of corn</a>
<a href="#" class="rounded p-2 text-gray-600 transition-colors duration-300 hover:bg-gray-200 hover:text-gray-700 md:mx-2 lg:px-4">Pricing only $9999</a>
<a href="#" class="rounded p-2 text-gray-600 transition-colors duration-300 hover:bg-gray-200 hover:text-gray-700 md:mx-2 lg:px-4">Contact da scammer</a>
<a href="#" class="rounded border border-transparent p-2 text-center text-indigo-600 transition-colors duration-300 hover:bg-indigo-100 hover:text-indigo-700 md:mx-2 lg:px-4">Login</a>
<a href="#" class="mt-1 rounded border border-solid border-indigo-600 p-2 text-center text-indigo-600 transition-colors duration-300 hover:bg-indigo-600 hover:text-white md:mx-2 md:ml-1 md:mt-0 lg:px-4">Signup</a>
</div>
</div>
</nav>
<div class="bg-indigo-100 py-6 md:py-12">
<div class="container mx-auto px-4">
<div class="mx-auto max-w-2xl text-center">
<h1 class="font-2xl mb-2 text-3xl font-extrabold text-cyan-950 md:text-4xl">FAILURE MANAGEMENT</h1>
<button class="mt-6 rounded-full bg-indigo-600 px-6 py-2 text-xl text-white">BUY OUR BEIJING CORN</button>
<div class="mt-4"></div>
</div>
<div class="mt-6 md:-mx-4 md:mt-12 md:flex md:flex-wrap">
<div class="mt-8 text-center md:mt-0 md:w-1/3 md:px-4 xl:px-6">
<span class="mb-3 inline-block w-20 border-t-2 border-solid border-indigo-200"></span>
<h5 class="mb-4 text-xl font-medium uppercase">Fresh Corn</h5>
<p class="text-gray-600">Our corn are fully dissapointing, an empty can of "dehydrated sparkling water", sure to give a feelign of dissatifaction like the grammar on this page</p>
</div>
<div class="mt-8 text-center md:mt-0 md:w-1/3 md:px-4 xl:px-6">
<span class="mb-3 inline-block w-20 border-t-2 border-solid border-indigo-200"></span>
<h5 class="mb-4 text-xl font-medium uppercase">EMOTIONAL DAMAGE</h5>
<p class="text-gray-600"><img src=https://i.redd.it/ojyouy3un8171.png class="inline" blocks are the cleanest pieces of HTML blocks, which are built with utmost care to quality and usability.</p>
</div>
<div class="mt-8 text-center md:mt-0 md:w-1/3 md:px-4 xl:px-6">
<span class="mb-3 inline-block w-20 border-t-2 border-solid border-indigo-200"></span>
<h5 class="mb-4 text-xl font-medium uppercase">Perfect Tool</h5>
<p class="text-gray-600">Inedible dissapointing de-corned corn will be the perfect tool to deal emotional damage.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="m-4 rounded-lg bg-white shadow dark:bg-gray-800">
<div class="mx-auto w-full max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
<span class="text-sm text-gray-500 dark:text-gray-400 sm:text-center">© 2023 <a href="https://www.youtube.com/@StevenHe" class="hover:underline">DISSAPOINT MANAGERS™</a>. All Rights Reserved. </span>
<ul class="mt-3 flex flex-wrap items-center text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">Haiyaa</a>
</li>
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">STOOBID</a>
</li>
<li>
<a href="#" class="mr-4 hover:underline md:mr-6">Gimme da bill</a>
</li>
<li>
<a href="#" class="hover:underline">DO NOT Contact US </a>
</li>
</ul>
</div>
</footer>
</html>