Hugging Face's logo

Spaces:
Brandyjoy
/
places
Running

App Files Community
Brandyjoy commited on
Commit
4897cae
·
verified ·
1 Parent(s): 60410a8

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +96 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Places
3
- emoji: 😻
4
- colorFrom: yellow
5
- colorTo: blue
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: places
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,96 @@
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>Modern UI Showcase</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .gradient-bg {
18
+ background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
19
+ }
20
+
21
+ .card-hover {
22
+ transition: all 0.3s ease;
23
+ }
24
+
25
+ .card-hover:hover {
26
+ transform: translateY(-5px);
27
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
28
+ }
29
+
30
+ .wave-shape {
31
+ position: absolute;
32
+ bottom: 0;
33
+ left: 0;
34
+ width: 100%;
35
+ overflow: hidden;
36
+ line-height: 0;
37
+ }
38
+
39
+ .wave-shape svg {
40
+ position: relative;
41
+ display: block;
42
+ width: calc(100% + 1.3px);
43
+ height: 150px;
44
+ }
45
+
46
+ .wave-shape .shape-fill {
47
+ fill: #FFFFFF;
48
+ }
49
+
50
+ @keyframes float {
51
+ 0% { transform: translateY(0px); }
52
+ 50% { transform: translateY(-10px); }
53
+ 100% { transform: translateY(0px); }
54
+ }
55
+
56
+ .floating {
57
+ animation: float 3s ease-in-out infinite;
58
+ }
59
+
60
+ .glow {
61
+ box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
62
+ }
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <!-- Navigation -->
67
+ <nav class="bg-white shadow-sm fixed w-full z-10">
68
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
69
+ <div class="flex justify-between h-16">
70
+ <div class="flex items-center">
71
+ <div class="flex-shrink-0 flex items-center">
72
+ <i class="fas fa-cube text-indigo-500 text-2xl mr-2"></i>
73
+ <span class="text-xl font-bold text-gray-900">ModernUI</span>
74
+ </div>
75
+ </div>
76
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
77
+ <a href="#" class="text-gray-900 hover:text-indigo-500 px-3 py-2 text-sm font-medium">Home</a>
78
+ <a href="#" class="text-gray-500 hover:text-indigo-500 px-3 py-2 text-sm font-medium">Features</a>
79
+ <a href="#" class="text-gray-500 hover:text-indigo-500 px-3 py-2 text-sm font-medium">Pricing</a>
80
+ <a href="#" class="text-gray-500 hover:text-indigo-500 px-3 py-2 text-sm font-medium">About</a>
81
+ <button class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300">
82
+ Get Started
83
+ </button>
84
+ </div>
85
+ <div class="-mr-2 flex items-center md:hidden">
86
+ <button id="mobile-menu-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">
87
+ <i class="fas fa-bars"></i>
88
+ </button>
89
+ </div>
90
+ </div>
91
+ </div>
92
+
93
+ <!-- Mobile menu -->
94
+ <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
95
+ <div class="px-2
96
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Hi