Hugging Face's logo

Spaces:
Shamirkoren
/
undefined
Running

App Files Community
Shamirkoren commited on
Commit
dd33c3e
·
verified ·
1 Parent(s): 75b0937

how can i upload my logo ?

Browse files
Files changed (2) hide show
  1. README.md +8 -4
  2. index.html +342 -19
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🚀
4
  colorFrom: red
5
- colorTo: green
 
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: undefined
 
3
  colorFrom: red
4
+ colorTo: pink
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,342 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TechNest | IT Infrastructure for Startups</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
14
+ body {
15
+ font-family: 'Inter', sans-serif;
16
+ }
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
19
+ }
20
+ .service-card:hover {
21
+ transform: translateY(-5px);
22
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
23
+ }
24
+ #vanta-bg {
25
+ position: absolute;
26
+ top: 0;
27
+ left: 0;
28
+ width: 100%;
29
+ height: 100%;
30
+ z-index: 0;
31
+ }
32
+ .content-overlay {
33
+ position: relative;
34
+ z-index: 1;
35
+ }
36
+ </style>
37
+ </head>
38
+ <body class="bg-gray-50">
39
+ <div id="vanta-bg"></div>
40
+ <div class="content-overlay">
41
+ <!-- Navigation -->
42
+ <nav class="bg-white shadow-sm">
43
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
44
+ <div class="flex justify-between h-16">
45
+ <div class="flex items-center">
46
+ <div class="flex-shrink-0 flex items-center">
47
+ <i data-feather="shield" class="text-indigo-600 w-8 h-8"></i>
48
+ <span class="ml-2 text-xl font-bold text-gray-900">TechNest</span>
49
+ </div>
50
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
51
+ <a href="#" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
52
+ Home
53
+ </a>
54
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
55
+ Services
56
+ </a>
57
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
58
+ Solutions
59
+ </a>
60
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
61
+ About
62
+ </a>
63
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">
64
+ Contact
65
+ </a>
66
+ </div>
67
+ </div>
68
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
69
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium">
70
+ Get Started
71
+ </button>
72
+ </div>
73
+ <div class="-mr-2 flex items-center sm:hidden">
74
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false">
75
+ <span class="sr-only">Open main menu</span>
76
+ <i data-feather="menu" class="block h-6 w-6"></i>
77
+ </button>
78
+ </div>
79
+ </div>
80
+ </div>
81
+
82
+ <!-- Mobile menu, show/hide based on menu state. -->
83
+ <div class="sm:hidden" id="mobile-menu">
84
+ <div class="pt-2 pb-3 space-y-1">
85
+ <a href="#" class="bg-indigo-50 border-indigo-500 text-indigo-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Home</a>
86
+ <a href="#" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Services</a>
87
+ <a href="#" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Solutions</a>
88
+ <a href="#" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">About</a>
89
+ <a href="#" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Contact</a>
90
+ <div class="mt-4 p-2">
91
+ <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium">
92
+ Get Started
93
+ </button>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </nav>
98
+
99
+ <!-- Hero Section -->
100
+ <div class="relative gradient-bg overflow-hidden">
101
+ <div class="max-w-7xl mx-auto">
102
+ <div class="relative z-10 pb-8 sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
103
+ <main class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 lg:mt-16 lg:px-8 xl:mt-20">
104
+ <div class="sm:text-center lg:text-left">
105
+ <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl">
106
+ <span class="block">Your Startup's</span>
107
+ <span class="block text-indigo-200">IT Foundation</span>
108
+ </h1>
109
+ <p class="mt-3 text-base text-indigo-100 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
110
+ Focus on innovation while we handle your IT infrastructure needs - both on-premise and cloud-based.
111
+ </p>
112
+ <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
113
+ <div class="rounded-md shadow">
114
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
115
+ Explore Solutions
116
+ </a>
117
+ </div>
118
+ <div class="mt-3 sm:mt-0 sm:ml-3">
119
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-700 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10">
120
+ Get a Consultation
121
+ </a>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </main>
126
+ </div>
127
+ </div>
128
+ <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
129
+ <img class="h-56 w-full object-cover sm:h-72 md:h-96 lg:w-full lg:h-full" src="http://static.photos/technology/1024x576/42" alt="Technology infrastructure">
130
+ </div>
131
+ </div>
132
+
133
+ <!-- Value Proposition -->
134
+ <div class="py-12 bg-white">
135
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
136
+ <div class="lg:text-center">
137
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Why TechNest</h2>
138
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
139
+ We build the nest for your tech
140
+ </p>
141
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
142
+ From cloud migration to complete IT infrastructure, we handle the heavy lifting so you can focus on what matters.
143
+ </p>
144
+ </div>
145
+
146
+ <div class="mt-10">
147
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10">
148
+ <div class="relative">
149
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
150
+ <i data-feather="cloud"></i>
151
+ </div>
152
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Cloud Solutions</p>
153
+ <p class="mt-2 ml-16 text-base text-gray-500">
154
+ Scalable, secure cloud infrastructure tailored to your startup's growth trajectory.
155
+ </p>
156
+ </div>
157
+
158
+ <div class="relative">
159
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
160
+ <i data-feather="server"></i>
161
+ </div>
162
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">On-Premise Systems</p>
163
+ <p class="mt-2 ml-16 text-base text-gray-500">
164
+ Robust local infrastructure with enterprise-grade security and reliability.
165
+ </p>
166
+ </div>
167
+
168
+ <div class="relative">
169
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
170
+ <i data-feather="shield"></i>
171
+ </div>
172
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Security First</p>
173
+ <p class="mt-2 ml-16 text-base text-gray-500">
174
+ End-to-end security protocols to protect your data and intellectual property.
175
+ </p>
176
+ </div>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Services Section -->
183
+ <div class="py-12 bg-gray-50">
184
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
185
+ <div class="text-center">
186
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Services</h2>
187
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
188
+ Comprehensive IT Infrastructure Solutions
189
+ </p>
190
+ </div>
191
+
192
+ <div class="mt-10 grid gap-10 lg:grid-cols-3 lg:gap-8">
193
+ <div class="bg-white overflow-hidden shadow rounded-lg service-card transition duration-300 ease-in-out">
194
+ <div class="px-4 py-5 sm:p-6">
195
+ <div class="flex items-center">
196
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
197
+ <i data-feather="database" class="h-6 w-6 text-white"></i>
198
+ </div>
199
+ <div class="ml-5 w-0 flex-1">
200
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Cloud Migration</h3>
201
+ </div>
202
+ </div>
203
+ <div class="mt-4 text-sm text-gray-500">
204
+ <p>
205
+ Seamless transition to cloud platforms with minimal downtime. We handle the entire process from assessment to deployment.
206
+ </p>
207
+ </div>
208
+ <div class="mt-5">
209
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">
210
+ Learn more <span aria-hidden="true">→</span>
211
+ </a>
212
+ </div>
213
+ </div>
214
+ </div>
215
+
216
+ <div class="bg-white overflow-hidden shadow rounded-lg service-card transition duration-300 ease-in-out">
217
+ <div class="px-4 py-5 sm:p-6">
218
+ <div class="flex items-center">
219
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
220
+ <i data-feather="hard-drive" class="h-6 w-6 text-white"></i>
221
+ </div>
222
+ <div class="ml-5 w-0 flex-1">
223
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Hybrid Infrastructure</h3>
224
+ </div>
225
+ </div>
226
+ <div class="mt-4 text-sm text-gray-500">
227
+ <p>
228
+ Best of both worlds with a hybrid approach combining cloud flexibility with on-premise security and control.
229
+ </p>
230
+ </div>
231
+ <div class="mt-5">
232
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">
233
+ Learn more <span aria-hidden="true">→</span>
234
+ </a>
235
+ </div>
236
+ </div>
237
+ </div>
238
+
239
+ <div class="bg-white overflow-hidden shadow rounded-lg service-card transition duration-300 ease-in-out">
240
+ <div class="px-4 py-5 sm:p-6">
241
+ <div class="flex items-center">
242
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
243
+ <i data-feather="users" class="h-6 w-6 text-white"></i>
244
+ </div>
245
+ <div class="ml-5 w-0 flex-1">
246
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Managed Services</h3>
247
+ </div>
248
+ </div>
249
+ <div class="mt-4 text-sm text-gray-500">
250
+ <p>
251
+ Complete IT management including monitoring, maintenance, and 24/7 support so you never have to worry.
252
+ </p>
253
+ </div>
254
+ <div class="mt-5">
255
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">
256
+ Learn more <span aria-hidden="true">→</span>
257
+ </a>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </div>
264
+
265
+ <!-- CTA Section -->
266
+ <div class="bg-indigo-700">
267
+ <div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8">
268
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
269
+ <span class="block">Ready to build your IT foundation?</span>
270
+ <span class="block">Let's get started today.</span>
271
+ </h2>
272
+ <p class="mt-4 text-lg leading-6 text-indigo-200">
273
+ Schedule a free consultation with our IT experts to discuss your startup's needs.
274
+ </p>
275
+ <a href="#" class="mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 sm:w-auto">
276
+ Contact Us
277
+ </a>
278
+ </div>
279
+ </div>
280
+
281
+ <!-- Footer -->
282
+ <footer class="bg-gray-800">
283
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
284
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
285
+ <div>
286
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions</h3>
287
+ <ul class="mt-4 space-y-4">
288
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Startup Infrastructure</a></li>
289
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Cloud Migration</a></li>
290
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Hybrid Solutions</a></li>
291
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Security Services</a></li>
292
+ </ul>
293
+ </div>
294
+ <div>
295
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Support</h3>
296
+ <ul class="mt-4 space-y-4">
297
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Documentation</a></li>
298
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Guides</a></li>
299
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">API Status</a></li>
300
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Help Center</a></li>
301
+ </ul>
302
+ </div>
303
+ <div>
304
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>
305
+ <ul class="mt-4 space-y-4">
306
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">About</a></li>
307
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li>
308
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li>
309
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Press</a></li>
310
+ </ul>
311
+ </div>
312
+ <div>
313
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>
314
+ <ul class="mt-4 space-y-4">
315
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Twitter</a></li>
316
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>
317
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">GitHub</a></li>
318
+ <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact Us</a></li>
319
+ </ul>
320
+ </div>
321
+ </div>
322
+ <div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
323
+ <div class="flex space-x-6 md:order-2">
324
+ <a href="#" class="text-gray-400 hover:text-gray-300">
325
+ <i data-feather="twitter" class="h-6 w-6"></i>
326
+ </a>
327
+ <a href="#" class="text-gray-400 hover:text-gray-300">
328
+ <i data-feather="github" class="h-6 w-6"></i>
329
+ </a>
330
+ <a href="#" class="text-gray-400 hover:text-gray-300">
331
+ <i data-feather="linkedin" class="h-6 w-6"></i>
332
+ </a>
333
+ </div>
334
+ <p class="mt-8 text-base text-gray-400 md:mt-0 md:order-1">
335
+ &copy; 2023 TechNest IT Solutions. All rights reserved.
336
+ </p>
337
+ </div>
338
+ </div>
339
+ </footer>
340
+ </div>
341
+ </body>
342
+ </html>