acm-club/team.html at main · vce-cse-dept/acm-club · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>ACM Student Chapter VCE</title>
        <!-- Link to Tailwind CSS -->
        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet">
      </head>
      <body class="bg-gray-100">

        <!-- Navigation bar -->
        <nav class="bg-black shadow-lg">
          <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
              <div class="flex">
                <a href="#" class="flex-shrink-0 flex items-center">
                  <img class="hidden lg:block h-12 w-auto" src="assets/clg logo.jpg" alt="vce logo">
                </a>
                <a href="#" class="flex-shrink-0 flex items-center">
                  <img class="hidden lg:block h-8 w-auto" src="assets/acm.png" alt="Workflow">
                </a>

              </div>
              <div class="flex items-center">
                <a href="index.html" class="ml-8 font-medium text-white hover:text-blue-500">Home</a>
                <a href="team.html" class="ml-8 font-medium text-white hover:text-blue-500">Our Team</a>
                <a href="Events.html" class="ml-8 font-medium text-white hover:text-blue-500">Events</a>
                <a href="gallery.html" class="ml-8 font-medium text-white hover:text-blue-500">Gallery</a>
                <a href="about.html" class="ml-8 font-medium text-white hover:text-blue-500">About Us</a>
                <a href="contact.html" class="ml-8 font-medium text-white hover:text-blue-500">Contact Us</a>
              </div>
            </div>
          </div>
        </nav>

 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="lg:text-center">
      <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
        Get to know our team
      </p>
      <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-blue-900 sm:text-4xl">
        2022-2023
      </p>

      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

        <div class="mt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
          <a href="https://www.linkedin.com/in/m-a-jabbar-ph-d-9884a53b/">
          <div class="bg-white shadow-lg rounded-lg overflow-hidden">
              <img class="w-full h-56 object-cover object-center" src="assets/hodaiml.png" alt="faculty sponsor">
              <div class="p-4">
                <h3 class="text-xl font-medium text-gray-800">Dr. M A Jabbar</h3>
                <h4 class="text-gray-700">Faculty Sponsor</h4>
                <p class="text-gray-600">HOD & Professor,Dept of CSE(AI&ML)</p>
              </div>
            </div>
          </a>
          <a href="https://www.linkedin.com/in/rameshkarnati8/">
            <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                <img class="w-full h-56 object-cover object-center" src="assets/hodcse.jpg" alt="membership chair">
                <div class="p-4">
                  <h3 class="text-xl font-medium text-gray-800">Dr. Ramesh Karnati</h3>
                  <h4 class="text-gray-700">Membership Chair</h4>
                  <p class="text-gray-600">HOD & Associate Professor,Dept of CSE</p>
                </div>
              </div>
          </a>
          <a href="https://www.linkedin.com/in/g-s-prasad-reddy-820609a2/">
              <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                <img class="w-full h-56 object-cover object-center" src="assets/prasadareddy.png" alt="faculty coordinator">
                <div class="p-4">
                  <h3 class="text-xl font-medium text-gray-800">Mr. G S Prasada Reddy</h3>
                  <h4 class="text-gray-700">Faculty Coordinator</h4>
                  <p class="text-gray-600">Assistant Professor,Dept Of CSE</p>
                </div>
              </div>
            </a>
            <a href="https://www.linkedin.com/in/sai-aashrith-adepu-1791bb226/" >
              <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                <img class="w-full h-56 object-cover object-center" src="assets/chair.jpg" alt="chair">
                <div class="p-4">
                  <h3 class="text-xl font-medium text-gray-800">A.Sai Aashrith</h3>
                  <p class="text-gray-600">Chair</p>
                </div>
              </div>
            </a>
              <a href="https://www.linkedin.com/in/alle-aniesh-kumar-89b41a226/">
                <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                  <img class="w-full h-56 object-cover object-center" src="assets/vice chair.jpg" alt="vice chair">
                  <div class="p-4">
                    <h3 class="text-xl font-medium text-gray-800">Alle Aniesh Kumar</h3>
                    <p class="text-gray-600">Vice-Chair</p>
                  </div>
                </div>
                </a>
                <a href="https://www.linkedin.com/in/anvitha-rangineni-541589243/">
                  <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                    <img class="w-full h-56 object-cover object-center" src="assets/secretary.jpg" alt="secretary">
                    <div class="p-4">
                      <h3 class="text-xl font-medium text-gray-800">R.Anvitha</h3>
                      <p class="text-gray-600">Secretary</p>
                    </div>
                  </div>
                  </a>
                <a href="https://www.linkedin.com/in/chakka-manaswini-897453225">
                  <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                    <img class="w-full h-56 object-cover object-center" src="assets/treasurer.jpg" alt="treasurer">
                    <div class="p-4">
                      <h3 class="text-xl font-medium text-gray-800">Ch.Manaswini</h3>
                      <p class="text-gray-600">Treasurer</p>
                    </div>
                  </div>
                  </a>
            <a href="https://www.linkedin.com/in/sangem-ajay-66735720a/">
                    <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                      <img class="w-full h-56 object-cover object-center" src="assets/web master.jpg" alt="web master">
                      <div class="p-4">
                        <h3 class="text-xl font-medium text-gray-800">S.Ajay</h3>
                        <p class="text-gray-600">Web Master</p>
                      </div>
                    </div>
                    </a>
                  <a href="https://www.linkedin.com/in/harshitha-reddy-576907224">
                    <div class="bg-white shadow-lg rounded-lg overflow-hidden">
                      <img class="w-full h-56 object-cover object-center" src="assets/event organiser.jpg" alt="event organiser">
                      <div class="p-4">
                        <h3 class="text-xl font-medium text-gray-800">P.Harshitha Reddy</h3>
                        <p class="text-gray-600">Event Coordinator</p>
                      </div>
                    </div>
                    </a>

        </div>
      </div>
      </div>
      </div>
    <section>

    </section>
    <footer class="bg-black py-4">
      <div class="container mx-auto px-4 text-center text-white">
          Designed & Developed By Alle Aniesh Kumar <br>
        &copy;All rights reserved @2023 Vardhaman College Of Engineering ACM Student Chapter
      </div>
    </footer>

      </body>
      </html>