practice/index.html at main · IndraniSom/practice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title> Open Source Wall of Fame</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gradient-to-br from-pink-100 to-blue-100 min-h-screen flex flex-col items-center py-10 px-4">
  <h1 class="text-4xl font-bold text-gray-800 mb-8">Open Source Contributors</h1>

  <marquee behavior="scroll" direction="left" class="text-lg font-semibold text-blue-700 my-6">
    Welcome to the Open Source Wall of Fame! 🚀 Contribute and get featured here!
  </marquee>

  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 w-full max-w-4xl" id="wall">


    <div class="bg-yellow-200 text-gray-900 p-4 rounded-xl shadow-md text-center font-semibold">
      Indrani Som<br/>🎓 CSE
    </div>
    <div class="bg-yellow-200 text-gray-900 p-4 rounded-xl shadow-md text-center font-semibold">
      Priyanshu Sahoo<br/>🎓 CSE
    </div>
    <div class="bg-yellow-200 text-gray-900 p-4 rounded-xl shadow-md text-center font-semibold">
      Maanavv<br/>🎓 CSE
    </div>

    <!-- paste your blocks below this -->
    <div class="bg-yellow-200 text-gray-900 p-4 rounded-xl shadow-md text-center font-semibold">
      Bhaskar<br/>🎓 CSE Cybersec
    </div>
  </div>

  <p class="mt-10 text-gray-700 text-center">
     Want to be on the Wall? <strong>Fork →Clone → Add your block → Pull Request 🚀</strong>
  </p>
</body>
</html>