Hugging Face's logo

Spaces:
jordonpeter01
/
sf-f52
Running

App Files Community
jordonpeter01 commited on
Commit
d4ec5d2
·
verified ·
1 Parent(s): 6a0dbeb

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +56 -19
index.html CHANGED
@@ -1,19 +1,56 @@
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>Hugging Face Spaces Showcase</title>
7
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
8
+ <style>
9
+ body {
10
+ background-color: #f5f5f5;
11
+ }
12
+ .space-card {
13
+ margin-bottom: 20px;
14
+ }
15
+ </style>
16
+ </head>
17
+ <body>
18
+ <div class="container">
19
+ <h1 class="text-center">Hugging Face Spaces Showcase</h1>
20
+ <div class="row">
21
+ <div class="col-md-4">
22
+ <div class="card space-card">
23
+ <img src="https://via.placeholder.com/300x200" alt="Space 1 Image">
24
+ <div class="card-body">
25
+ <h5 class="card-title">Space 1</h5>
26
+ <p class="card-text">Description of Space 1</p>
27
+ <a href="#" class="btn btn-primary">View Space</a>
28
+ </div>
29
+ </div>
30
+ </div>
31
+ <div class="col-md-4">
32
+ <div class="card space-card">
33
+ <img src="https://via.placeholder.com/300x200" alt="Space 2 Image">
34
+ <div class="card-body">
35
+ <h5 class="card-title">Space 2</h5>
36
+ <p class="card-text">Description of Space 2</p>
37
+ <a href="#" class="btn btn-primary">View Space</a>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div class="col-md-4">
42
+ <div class="card space-card">
43
+ <img src="https://via.placeholder.com/300x200" alt="Space 3 Image">
44
+ <div class="card-body">
45
+ <h5 class="card-title">Space 3</h5>
46
+ <p class="card-text">Description of Space 3</p>
47
+ <a href="#" class="btn btn-primary">View Space</a>
48
+ </div>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
54
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
55
+ </body>
56
+ </html>