Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
e762863
·
verified ·
1 Parent(s): b5bff57

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +95 -19
index.html CHANGED
@@ -1,19 +1,95 @@
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>Futuristic Stock Bot</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
8
+ <style>
9
+ body {
10
+ padding: 2rem;
11
+ font-family: "Orbitron", "Arial", sans-serif;
12
+ background: radial-gradient(circle, #0f2027, #203a43, #2c5364);
13
+ color: #e0e0e0;
14
+ margin: 0;
15
+ }
16
+
17
+ h1 {
18
+ font-size: 24px;
19
+ margin-top: 0;
20
+ color: #00eaff;
21
+ text-transform: uppercase;
22
+ text-shadow: 0 0 8px #00eaff, 0 0 15px #00eaff;
23
+ text-align: center;
24
+ }
25
+
26
+ p {
27
+ color: #b0bec5;
28
+ font-size: 16px;
29
+ margin-bottom: 10px;
30
+ margin-top: 5px;
31
+ line-height: 1.6;
32
+ }
33
+
34
+ .card {
35
+ max-width: 620px;
36
+ margin: 0 auto;
37
+ padding: 20px;
38
+ border: 1px solid rgba(0, 255, 255, 0.3);
39
+ border-radius: 16px;
40
+ background: linear-gradient(145deg, #112233, #334455);
41
+ box-shadow: 0 4px 20px rgba(0, 255, 255, 0.5), inset 0 0 15px rgba(0, 255, 255, 0.1);
42
+ text-align: center;
43
+ }
44
+
45
+ .card:hover {
46
+ box-shadow: 0 8px 30px rgba(0, 255, 255, 0.7), inset 0 0 20px rgba(0, 255, 255, 0.2);
47
+ transform: scale(1.02);
48
+ transition: all 0.3s ease;
49
+ }
50
+
51
+ .card p:last-child {
52
+ margin-bottom: 0;
53
+ }
54
+
55
+ button {
56
+ display: block;
57
+ margin: 20px auto 0;
58
+ padding: 12px 24px;
59
+ font-size: 14px;
60
+ color: #00eaff;
61
+ background: transparent;
62
+ border: 2px solid #00eaff;
63
+ border-radius: 8px;
64
+ cursor: pointer;
65
+ text-transform: uppercase;
66
+ box-shadow: 0 0 10px #00eaff, 0 0 20px rgba(0, 255, 255, 0.5);
67
+ transition: all 0.3s ease;
68
+ }
69
+
70
+ button:hover {
71
+ background: #00eaff;
72
+ color: #0f2027;
73
+ box-shadow: 0 0 20px #00eaff, 0 0 30px rgba(0, 255, 255, 0.7);
74
+ }
75
+
76
+ iframe {
77
+ width: 100%;
78
+ height: 400px;
79
+ border: none;
80
+ border-radius: 16px;
81
+ margin-top: 20px;
82
+ box-shadow: 0 4px 15px rgba(0, 255, 255, 0.5), inset 0 0 10px rgba(0, 255, 255, 0.2);
83
+ }
84
+ </style>
85
+ </head>
86
+ <body>
87
+ <h1>Futuristic Stock Bot</h1>
88
+ <div class="card">
89
+ <p>Welcome to the Futuristic Stock Bot interface.</p>
90
+ <p>Stay ahead with real-time stock updates and futuristic design!</p>
91
+ <button>Explore Stocks</button>
92
+ <iframe src="https://fnkffp.vercel.app/" allowfullscreen></iframe>
93
+ </div>
94
+ </body>
95
+ </html>