CCE-Website/developers.html at main · ACCESS-NMAMIT/CCE-Website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Developers Team</title>
    <link rel="stylesheet" href="developers.css">
    <link rel="icon" href="images/access-logo.png">
    <link rel="stylesheet" href="utility-classes/social-media.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
    <div class="navbar">
        <div class="icon1">
            <h2 class="logo1"><img src="images/accesslogo.png" alt="Logo"></h2> <!-- Add a logo image source -->
        </div>
        <div class="menu">
            <ul class="nav">
                <li><a href="index.html">HOME</a></li>
                <li><a href="faculty.html">FACULTY</a></li>
                <li><a href="committee_member.html">COMMITTEE MEMBERS</a></li>
                <li><a href="placements.html">PLACEMENTS</a></li>
                <li><a href="notes.html">NOTES & RESOURCES</a></li>
                <li><a href="upcoming_events.html">UPCOMING EVENTS</a></li>
                <li><a href="about_us.html">ABOUT US</a></li>
            </ul>
        </div>

        <div class="icon2">
            <h2 class="logo2"><img src="images/nittelogo.png" alt="Logo"></h2> <!-- Add a logo image source -->
        </div>
    </div>

    <header>
        <h3><span style= " font-size: 50px; font-weight:bold; color: whitesmoke;">Meet the Dev Team...</span></h>
    </header>

    <div class="team-container">
        <div class="team-row">
            <div class="team-member">
                <div class="card">
                    <!-- Front Side (Developer) -->
                    <div class="front">
                        <img src="Developers Image/developer1.jpg" alt="Soham">
                    </div>
                    <!-- Back Side (Anime/Superhero) -->
                    <div class="back">
                        <img src="Developers Image/flip1.jpg" alt="Image1">
                    </div>
                </div>
                <div class="overlay">
                    <h3>Soham Misra</h3>
                    <p>"Hare Krishna"</p>
                    <div class="social-icons">
                        <a href="https://github.com/SohamMisra" target="_blank"><i class="fab fa-github"></i></a>
                        <a href="https://in.linkedin.com/in/soham-misra135" target="_blank"><i class="fab fa-linkedin"></i></a>
                        <a href="https://www.instagram.com/krishna_sohamisra/" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>

            <div class="team-member">
                <div class="card">
                    <div class="front">
                        <img src="Developers Image/developer2.jpg" alt="Gurudutt">
                    </div>
                    <div class="back">
                        <img src="Developers Image/flip2.jpeg" alt="Image2">
                    </div>
                </div>
                <div class="overlay">
                    <h3>Gurudutt R Pai</h3>
                    <p>Twilio, Finacle & HPE Cracked...</p>
                    <div class="social-icons">
                        <a href="https://github.com/GuruduttRPai" target="_blank"><i class="fab fa-github"></i></a>
                        <a href="https://in.linkedin.com/in/gurudutt-r-pai-09551124b" target="_blank"><i class="fab fa-linkedin"></i></a>
                        <a href="https://www.instagram.com/gurudutt_r_pai_/" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>

            <div class="team-member">
                <div class="card">
                    <div class="front">
                        <img src="Developers Image/developer3.jpg" alt="AP">
                    </div>
                    <div class="back">
                        <img src="Developers Image/flip3.jpg" alt="Image3">
                    </div>
                </div>
                <div class="overlay">
                    <h3>Anirudh Pai</h3>
                    <p>"Sometimes one needs a little bit of Faith when faced with a Difficult Situation."</p>
                    <div class="social-icons">
                        <a href="https://github.com/AnirudhPai13" target="_blank"><i class="fab fa-github"></i></a>
                        <a href="https://in.linkedin.com/in/anirudh-pai-296714291" target="_blank"><i class="fab fa-linkedin"></i></a>
                        <a href="https://www.instagram.com/paiboi_398/" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>

            <div class="team-member">
                <div class="card">
                    <div class="front">
                        <img src="Developers Image/developer4.jpg" alt="YK">
                    </div>
                    <div class="back">
                        <img src="Developers Image/flip4.jpg" alt="Image4">
                    </div>
                </div>
                <div class="overlay">
                    <h3>Yajnesh Kumar</h3>
                    <p>SELECT * FROM life WHERE success = 'hardwork' AND regret = NULL;</p>
                    <div class="social-icons">
                        <a href="https://github.com/YajneshKumar2004" target="_blank"><i class="fab fa-github"></i></a>
                        <a href="https://in.linkedin.com/in/yajneshkumar2004" target="_blank"><i class="fab fa-linkedin"></i></a>
                        <a href="https://www.instagram.com/kulal_.2004/" target="_blank"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="hero">

            <div class="social-links">
                <a href="https://www.instagram.com/access.nmamit" target="_blank"><i class="fab fa-instagram"></i></a>
                <a href="https://www.linkedin.com/company/computer-and-communication-engineering" target="_blank"><i class="fab fa-linkedin-in"></i></a>
            </div>

          </div>
              <p>&copy; 2024 Department of Computer and Communication Engineering, NMAMIT, Nitte. </p>
              <p>Made with ❤️ by <a href="developers.html">Developer Team</a></p>
    </footer>

</body>
</html>