Hugging Face's logo

Spaces:
mvaloatto
/
TCTF
Running

App Files Community
4
mvaloatto commited on
Commit
da06a4e
•
1 Parent(s): e713d1d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +41 -53
index.html CHANGED
@@ -6,30 +6,26 @@
6
  <title>My static Space</title>
7
  <link rel="stylesheet" href="style.css" />
8
  </head>
9
- <body class="bg-gray-100 font-sans">
10
- <header class="container mx-auto py-8">
11
- <!-- Hero section -->
12
- <div class="flex flex-col items-center justify-center">
13
- <h1 class="text-4xl font-bold text-gray-900 mb-4">Most Popular Users Leaderboard</h1>
14
- <p class="text-gray-600 text-lg">Discover the top influencers in our community</p>
15
- </div>
16
  </header>
17
- <main class="container mx-auto py-8">
18
- <!-- Leaderboard section -->
19
- <section class="bg-white rounded-lg shadow-md p-4">
20
- <h2 class="text-2xl font-bold text-gray-900 mb-4">Leaderboard</h2>
21
- <ul class="divide-y divide-gray-200">
22
- <li class="py-4">
23
- <div class="flex items-center">
24
- <img src="https://via.placeholder.com/50x50" alt="User avatar" class="w-12 h-12 rounded-full mr-4">
25
  <div>
26
- <h3 class="text-gray-900 font-semibold">John Doe</h3>
27
- <p class="text-gray-600">
28
- <a href="#" class="underline">johndoe.com</a>
29
  <span class="mx-2">|</span>
30
- <a href="#" class="underline">@johndoe</a>
31
  <span class="mx-2">|</span>
32
- <a href="#" class="underline">johndoe/github</a>
33
  </p>
34
  </div>
35
  </div>
@@ -37,43 +33,35 @@
37
  <!-- Add more user entries here -->
38
  </ul>
39
  </section>
40
- <!-- Testimonials section -->
41
- <section class="bg-white rounded-lg shadow-md p-4 mt-8">
42
- <h2 class="text-2xl font-bold text-gray-900 mb-4">Testimonials</h2>
43
- <div class="flex flex-col md:flex-row">
44
- <div class="flex-grow mb-4 md:mb-0">
45
- <blockquote class="p-4 rounded-lg bg-gray-100">
46
- <p class="text-gray-800 font-semibold">"I love this leaderboard! It's been a great resource for discovering new influencers."</p>
47
- <cite class="block text-right text-gray-600 mt-2">- Jane Smith</cite>
48
- </blockquote>
49
- </div>
50
- <div class="flex-grow">
51
- <blockquote class="p-4 rounded-lg bg-gray-100">
52
- <p class="text-gray-800 font-semibold">"This leaderboard has helped me grow my audience and connect with other creators in the community."</p>
53
- <cite class="block text-right text-gray-600 mt-2">- John Doe</cite>
54
- </blockquote>
55
- </div>
56
  </div>
57
  </section>
58
- <!-- Contact section -->
59
- <section class="bg-white rounded-lg shadow-md p-4 mt-8">
60
- <h2 class="text-2xl font-bold text-gray-900 mb-4">Get in touch</h2>
61
- <form class="space-y-4">
62
- <div>
63
- <label for="name" class="block text-gray-700 font-bold mb-2">Name</label>
64
- <input type="text" id="name" class="w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:border-blue-500" required>
65
- </div>
66
- <div>
67
- <label for="email" class="block text-gray-700 font-bold mb-2">Email</label>
68
- <input type="email" id="email" class="w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:border-blue-500" required>
69
- </div>
70
- <div>
71
- <label for="message" class="block text-gray-700 font-bold mb-2">Message</label>
72
- <textarea id="message" class="w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:border-blue-500" rows="4" required></textarea>
73
- </div>
74
- <button type="submit" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:shadow-outline">Send message</button>
75
  </form>
76
  </section>
77
  </main>
78
  </body>
79
  </html>
 
 
 
6
  <title>My static Space</title>
7
  <link rel="stylesheet" href="style.css" />
8
  </head>
9
+ <body>
10
+ <header>
11
+ <h1>Most Popular Users Leaderboard</h1>
12
+ <p>Discover the top influencers in our community</p>
 
 
 
13
  </header>
14
+ <main>
15
+ <section class="leaderboard">
16
+ <h2>Leaderboard</h2>
17
+ <ul>
18
+ <li>
19
+ <div>
20
+ <img src="https://via.placeholder.com/50x50" alt="User avatar">
 
21
  <div>
22
+ <h3>John Doe</h3>
23
+ <p>
24
+ <a href="#">johndoe.com</a>
25
  <span class="mx-2">|</span>
26
+ <a href="#">@johndoe</a>
27
  <span class="mx-2">|</span>
28
+ <a href="#">johndoe/github</a>
29
  </p>
30
  </div>
31
  </div>
 
33
  <!-- Add more user entries here -->
34
  </ul>
35
  </section>
36
+ <section class="testimonials">
37
+ <h2>Testimonials</h2>
38
+ <div>
39
+ <blockquote>
40
+ <p>"I love this leaderboard! It's been a great resource for discovering new influencers."</p>
41
+ <cite>- Jane Smith</cite>
42
+ </blockquote>
43
+ </div>
44
+ <div>
45
+ <blockquote>
46
+ <p>"This leaderboard has helped me grow my audience and connect with other creators in the community."</p>
47
+ <cite>- John Doe</cite>
48
+ </blockquote>
 
 
 
49
  </div>
50
  </section>
51
+ <section class="contact">
52
+ <h2>Get in touch</h2>
53
+ <form>
54
+ <label for="name">Name</label>
55
+ <input type="text" id="name" required>
56
+ <label for="email">Email</label>
57
+ <input type="email" id="email" required>
58
+ <label for="message">Message</label>
59
+ <textarea id="message" required></textarea>
60
+ <button type="submit">Send message</button>
 
 
 
 
 
 
 
61
  </form>
62
  </section>
63
  </main>
64
  </body>
65
  </html>
66
+
67
+