Hugging Face's logo

Spaces:
meghdeepmondal
/
HOME
Running

App Files Community
meghdeepmondal commited on
Commit
ae1c182
·
verified ·
1 Parent(s): 1487bea

Upload 2 files

Browse files
Files changed (2) hide show
  1. index.html +21 -18
  2. styles.css +52 -0
index.html CHANGED
@@ -1,19 +1,22 @@
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>Centered Menu</title>
7
+ <link rel="stylesheet" href="styles.css">
8
+ </head>
9
+ <body>
10
+ <div class="background-image"></div>
11
+ <div class="menu-container">
12
+ <ul class="menu">
13
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/YOLO-V9">YOLO V9</a></li>
14
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/YOLO-V8">YOLO V8</a></li>
15
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/YOLO-V7">YOLO V7</a></li>
16
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/YOLO-V5">YOLO V5</a></li>
17
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/Indian_Vehicle_Detection-YoloNAS">YOLO NAS</a></li>
18
+ <li><a href="https://huggingface.co/spaces/meghdeepmondal/Indian_Vehicle_Detection-RoboFlow3.0">ROBOFLOW 3.0</a></li>
19
+ </ul>
20
+ </div>
21
+ </body>
22
  </html>
styles.css ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body, html {
2
+ margin: 0;
3
+ padding: 0;
4
+ height: 100%;
5
+ font-family: Arial, sans-serif;
6
+ overflow: hidden;
7
+ }
8
+
9
+ .background-image {
10
+ position: absolute;
11
+ top: 0;
12
+ left: 0;
13
+ width: 100%;
14
+ height: 100%;
15
+ background-image: url('background.jpg'); /* Add your background image here */
16
+ background-size: cover;
17
+ background-position: center;
18
+ z-index: -1;
19
+ }
20
+
21
+ .menu-container {
22
+ display: flex;
23
+ justify-content: center;
24
+ align-items: center;
25
+ height: 100%;
26
+ }
27
+
28
+ .menu {
29
+ list-style-type: none;
30
+ padding: 0;
31
+ margin: 0;
32
+ text-align: center;
33
+ }
34
+
35
+ .menu li {
36
+ margin: 10px 0;
37
+ }
38
+
39
+ .menu a {
40
+ text-decoration: none;
41
+ color: green;
42
+ font-size: 24px;
43
+ padding: 10px 20px;
44
+ border: 2px solid white;
45
+ border-radius: 5px;
46
+ transition: background-color 0.3s, color 0.3s;
47
+ }
48
+
49
+ .menu a:hover {
50
+ background-color: white;
51
+ color: black;
52
+ }