Hugging Face's logo

Spaces:
Dh2025
/
header
Configuration error

App Files Community
Dh2025 commited on
Commit
d756620
·
verified ·
1 Parent(s): 1311a56

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +32 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Header
3
- emoji: 🐨
4
  colorFrom: blue
5
- colorTo: pink
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: header
3
+ emoji: 🐳
4
  colorFrom: blue
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,32 @@
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
+ <script src="https://cdn.tailwindcss.com"></script>
2
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/material-ui/4.12.4/index.js"></script>
3
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/material-symbols@0.32.0/index.min.css">
4
+
5
+ <header class="mx-auto bg-white min-w-screen ">
6
+ <div class="grid grid-cols-3 w-full gap-0 items-center">
7
+ <!-- Navigation icon -->
8
+ <div class="grid justify-self-start">
9
+ <button class="rounded-full p-2 hover:bg-primary-container-hover transition-colors">
10
+ <span class="material-symbols-outlined text-2xl">menu</span>
11
+ </button>
12
+ </div>
13
+
14
+ <!-- Title -->
15
+ <div class="grid justify-self-center">
16
+ <h1 class="text-3xl font-bold">Material M3</h1>
17
+ </div>
18
+
19
+ <!-- Action icons -->
20
+ <div class="grid justify-self-end grid-flow-col gap-2">
21
+ <button class="rounded-full p-2 hover:bg-primary-container-hover transition-colors">
22
+ <span class="material-symbols-outlined text-2xl">search</span>
23
+ </button>
24
+ <button class="rounded-full p-2 hover:bg-primary-container-hover transition-colors">
25
+ <span class="material-symbols-outlined text-2xl">favorite</span>
26
+ </button>
27
+ <button class="rounded-full p-2 hover:bg-primary-container-hover transition-colors">
28
+ <span class="material-symbols-outlined text-2xl">account_circle</span>
29
+ </button>
30
+ </div>
31
+ </div>
32
+ </header>