-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (172 loc) · 12 KB
/
index.html
File metadata and controls
184 lines (172 loc) · 12 KB
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!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">
<!-- Primary Meta Tags -->
<title>Superior Stack</title>
<meta name="title" content="Superior Stack">
<meta name="description"
content="Open Source is Future. We build Open Source apps and software for superior people like You.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://superiorstack.github.io/">
<meta property="og:title" content="Superior Stack">
<meta property="og:description"
content="Open Source is Future. We build Open Source apps and software for superior people like You.">
<meta property="og:image" content="https://superiorstack.github.io/img/og.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://superiorstack.github.io/">
<meta property="twitter:title" content="Superior Stack">
<meta property="twitter:description"
content="Open Source is Future. We build Open Source apps and software for superior people like You.">
<meta property="twitter:image" content="https://superiorstack.github.io/img/og.png">
<link rel="stylesheet" href="/style.css">
<link rel="icon" type="image/x-icon" href="/favicon.png">
<meta name="theme-color" content="#000" />
</head>
<body>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a href="/" class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
<img class="w-auto h-9" alt="hero" src="/img/logo.svg">
</a>
<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
<a href="#projects" class="mr-5 hover:text-gray-900">Projects</a>
<a class="mr-5 hover:text-gray-900">About</a>
</nav>
</div>
</header>
<section class="text-black body-font">
<div class="container mx-auto flex py-24 items-center justify-center flex-col">
<div class="px-4 pb-8 sm:px-6 lg:px-8 dark:text-white dark:bg-black ">
<h1
class="text-center text-6xl font-bold tracking-tighter leading-[1.1] sm:text-7xl lg:text-8xl xl:text-8xl">
<span
class="inline-block text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-blue-500 ss pb-2">
Open Sourcing
</span>
<br class="hidden lg:block">
the Future.
</h1>
<p
class="max-w-xl mx-auto mt-6 text-xl font-medium leading-tight text-center text-gray-400 sm:max-w-6xl sm:text-2xl md:text-3xl lg:text-4xl">
We build Open Source apps and software for everyone.
</p>
<div class="max-w-xl mx-auto mt-5 sm:flex sm:justify-center md:mt-8">
<div class="rounded-md ">
<a class="flex items-center justify-center w-full px-8 py-3 text-lg font-medium text-white no-underline bg-black border border-transparent rounded-md dark:bg-white dark:text-black betterhover:dark:hover:bg-gray-300 betterhover:hover:bg-gray-700 md:py-3 md:text-xl md:px-10 md:leading-6"
href="#projects">
Projects
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3"
d="M19 14l-7 7m0 0l-7-7m7 7V3" />
</svg>
</a>
</div>
<div class="relative mt-3 rounded-md sm:mt-0 sm:ml-3">
<button
class="flex items-center justify-center w-full px-8 py-3 font-mono text-lg font-medium text-gray-600 bg-black border border-transparent border-gray-200 rounded-md bg-opacity-5 dark:bg-white dark:text-gray-300 dark:border-gray-700 dark:bg-opacity-5 betterhover:hover:bg-gray-50 betterhover:dark:hover:bg-gray-900 md:py-3 md:text-xl md:leading-6 md:px-10">
GitHub
<svg class="w-5 h-5 ml-2" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12,2.2467A10.00042,10.00042,0,0,0,8.83752,21.73419c.5.08752.6875-.21247.6875-.475,0-.23749-.01251-1.025-.01251-1.86249C7,19.85919,6.35,18.78423,6.15,18.22173A3.636,3.636,0,0,0,5.125,16.8092c-.35-.1875-.85-.65-.01251-.66248A2.00117,2.00117,0,0,1,6.65,17.17169a2.13742,2.13742,0,0,0,2.91248.825A2.10376,2.10376,0,0,1,10.2,16.65923c-2.225-.25-4.55-1.11254-4.55-4.9375a3.89187,3.89187,0,0,1,1.025-2.6875,3.59373,3.59373,0,0,1,.1-2.65s.83747-.26251,2.75,1.025a9.42747,9.42747,0,0,1,5,0c1.91248-1.3,2.75-1.025,2.75-1.025a3.59323,3.59323,0,0,1,.1,2.65,3.869,3.869,0,0,1,1.025,2.6875c0,3.83747-2.33752,4.6875-4.5625,4.9375a2.36814,2.36814,0,0,1,.675,1.85c0,1.33752-.01251,2.41248-.01251,2.75,0,.26251.1875.575.6875.475A10.0053,10.0053,0,0,0,12,2.2467Z" />
</svg>
</svg>
</button>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="text-gray-600">
<div class="container mx-auto py-10 sm:px-10 md:flex-row">
<div class="mx-auto flex flex-col items-center py-10 sm:flex-row">
<div class="mb-10 w-5/6 md:mb-0 md:w-1/2 lg:w-full lg:max-w-lg">
<img src="/img/javaistic.png" class="rounded-xl shadow hover:shadow-lg" />
</div>
<div
class="flex w-5/6 flex-col items-start px-1 text-left sm:px-0 md:w-1/2 md:items-start md:pl-16 md:text-left lg:flex-grow lg:pl-24">
<img src="/logos/javaistic.svg" alt="logo" class="inline-block w-auto h-12 mb-6">
<h1
class="mb-8 text-3xl font-bold leading-none tracking-tight text-gray-900 dark:text-white sm:text-4xl lg:text-5xl">
Java learning made easy.</h1>
<p class="mb-8 text-left text-xl font-medium leading-relaxed">
A Java Programming learning website packed with information and programs ranging from
<b>
basics , arrays , string
</b>
programs to
<b>
2D arrays , recursion ,
matrices
</b>
and many more.
</p>
<div class="flex justify-center space-x-4">
<button
class="flex text-white bg-black py-2 px-4 focus:outline-none hover:bg-gray-800 rounded-md text-lg mt-4 sm:mt-0 items-center shadow-md hover:shadow-xl"
onclick="window.location.href='https://javaistic.vercel.app/'">
<span>Visit</span>
<svg class="h-5 w-5 ml-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
</svg>
</button>
<button
class="flex text-white bg-black py-2 px-4 focus:outline-none hover:bg-gray-800 rounded-md text-lg mt-4 sm:mt-0 items-center shadow-md hover:shadow-xl"
onclick="window.location.href='https://github.com/javaistic/javaistic'">
<svg class="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="#fff">
<path
d="M12,2.2467A10.00042,10.00042,0,0,0,8.83752,21.73419c.5.08752.6875-.21247.6875-.475,0-.23749-.01251-1.025-.01251-1.86249C7,19.85919,6.35,18.78423,6.15,18.22173A3.636,3.636,0,0,0,5.125,16.8092c-.35-.1875-.85-.65-.01251-.66248A2.00117,2.00117,0,0,1,6.65,17.17169a2.13742,2.13742,0,0,0,2.91248.825A2.10376,2.10376,0,0,1,10.2,16.65923c-2.225-.25-4.55-1.11254-4.55-4.9375a3.89187,3.89187,0,0,1,1.025-2.6875,3.59373,3.59373,0,0,1,.1-2.65s.83747-.26251,2.75,1.025a9.42747,9.42747,0,0,1,5,0c1.91248-1.3,2.75-1.025,2.75-1.025a3.59323,3.59323,0,0,1,.1,2.65,3.869,3.869,0,0,1,1.025,2.6875c0,3.83747-2.33752,4.6875-4.5625,4.9375a2.36814,2.36814,0,0,1,.675,1.85c0,1.33752-.01251,2.41248-.01251,2.75,0,.26251.1875.575.6875.475A10.0053,10.0053,0,0,0,12,2.2467Z" />
</svg>
<span>GitHub</span>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="text-center">
<p class="flex-grow text-md sm:text-2xl title-font text-gray-900 py-10">
<b>Superior Stack ❤️ Open Source</b>
</p>
</section>
<footer class="text-gray-600 body-font">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<div class="w-auto flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<img class="w-auto h-8" src="/img/logo.svg" alt="logo" />
</a>
</div>
</a>
<p class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4">
© <span id="copyright">
<script>document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>Superior Stack. All rights reserved.
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a href="https://github.com/superiorstack" class="text-gray-500">
<svg fill="currentColor" class="w-6 h-6" viewBox="0 0 24 24" fill="#fff">
<path
d="M12,2.2467A10.00042,10.00042,0,0,0,8.83752,21.73419c.5.08752.6875-.21247.6875-.475,0-.23749-.01251-1.025-.01251-1.86249C7,19.85919,6.35,18.78423,6.15,18.22173A3.636,3.636,0,0,0,5.125,16.8092c-.35-.1875-.85-.65-.01251-.66248A2.00117,2.00117,0,0,1,6.65,17.17169a2.13742,2.13742,0,0,0,2.91248.825A2.10376,2.10376,0,0,1,10.2,16.65923c-2.225-.25-4.55-1.11254-4.55-4.9375a3.89187,3.89187,0,0,1,1.025-2.6875,3.59373,3.59373,0,0,1,.1-2.65s.83747-.26251,2.75,1.025a9.42747,9.42747,0,0,1,5,0c1.91248-1.3,2.75-1.025,2.75-1.025a3.59323,3.59323,0,0,1,.1,2.65,3.869,3.869,0,0,1,1.025,2.6875c0,3.83747-2.33752,4.6875-4.5625,4.9375a2.36814,2.36814,0,0,1,.675,1.85c0,1.33752-.01251,2.41248-.01251,2.75,0,.26251.1875.575.6875.475A10.0053,10.0053,0,0,0,12,2.2467Z">
</path>
</svg>
</a>
<a class="ml-3 text-gray-500">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-6 h-6" viewBox="0 0 24 24">
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
</path>
</svg>
</a>
</span>
</div>
</footer>
</body>
</html>