forked from D3V1L1805/FauxShield
-
Notifications
You must be signed in to change notification settings - Fork 0
/
source.php
144 lines (140 loc) · 8.06 KB
/
source.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meet The Incredible Team</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.nav {
width: 100%;
height: 8%;
background: #333;
color: #fff;
padding: 4px 0;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 10;
}
.nav img {
alignment: center;
width:20%;
margin-left: 40px;
margin-right: 40px; /* Add margin to the left for spacing */
}
.nav .navbar-text {
display: block;
font-size: x-large;
margin: 0 auto; /* Center the text */
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.nav ul li {
margin: 0 10px;
font-size: 20px;
cursor: pointer;
}
.hero {
width: 100%;
height: 120%;
background: linear-gradient(rgba(127, 2, 54, 0.7), rgba(20, 2, 112, 0.7)), url('src/assets/hero.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
color: Black;
display: flex;
align-items: center;
justify-content: center;
}
.container mx-auto p-8{
margin: 0px auto 20px !important;
}
.remain{
padding-top:8%
}
</style>
</head>
<body class="hero">
<div class="nav">
<img src='src/assets/logo-no-background.png' alt="">
<ul>
<li><a href="index.php">Home</a></li>
<!-- <li>Deepfake Detector</li> -->
<li><a href="source.php">About us</a></li>
<li><a href="contact.php">Contact us</a></li>
</ul>
</div>
<br><br>
<div class = "remain">
<div class="container mx-auto p-8"><br><br>
<h1 class="text-4xl text-white font-bold text-center mb-4">Meet The Incredible Team</h1>
<p class="text-center mb-8"><a href="group.php" class="text-blue-500">TECH MANIACS</a></p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<img src="src/assets/DB.jpg" alt="DB" class="w-24 h-24 rounded-full mx-auto mb-4">
<h2 class="text-2xl font-bold mb-2">Debojyoti Bhuinya</h2>
<p class="text-gray-600 font-bold mb-4">Creative Leader and Tech supporter</p>
<p class="text-gray-700 mb-4">As a Tech Supporter, Debojyoti provides technical assistance and troubleshooting to users, ensuring the smooth operation of software, hardware, and network systems. He address technical issues, offer solutions, and help maintain the overall functionality and efficiency of technology within the organization.</p>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-600"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<img src="src/assets/AD.jpg" alt="AD" class="w-24 h-24 rounded-full mx-auto mb-4">
<h2 class="text-2xl font-bold mb-2">Akash Das</h2>
<p class="text-gray-600 font-bold mb-4">Machine Learning Expert</p>
<p class="text-gray-700 mb-4">As a Machine Learning Expert, Akash designs, develops, and implements algorithms and models to analyze complex data sets, enabling automated predictions and decision-making. He applies their expertise in statistical methods, programming, and data science to solve real-world problems, optimize performance, and drive innovation across various industries.</p>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-600"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<img src="src/assets/GC.jpg" alt="GC" class="w-24 h-24 rounded-full mx-auto mb-4">
<h2 class="text-2xl font-bold mb-2">Gargi Chakraborty</h2>
<p class="text-gray-600 font-bold mb-4">Full-Stack Developer</p>
<p class="text-gray-700 mb-4">As a Full Stack Developer, Gargi is proficient in both front-end and back-end web development, handling everything from designing user interfaces to managing databases and server-side logic. She ensures seamless integration between the client and server, maintaining a cohesive user experience and efficient application performance. Her versatile skill set enables them to work on all stages of software development, from concept to deployment.</p>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-600"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg text-center">
<img src="src/assets/SC.jpg" alt="SC" class="w-24 h-24 rounded-full mx-auto mb-4">
<h2 class="text-2xl font-bold mb-2">Salini Chowdhury</h2>
<p class="text-gray-600 font-bold mb-4">Frontend Developer</p>
<p class="text-gray-700 mb-4">Aa a Frontend Developer, Salini is responsible for creating the visual and interactive aspects of a website or application. Her role includes optimizing performance, ensuring cross-browser compatibility, and implementing responsive design for various devices.</p>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-600"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-lg text-center md:col-span-2">
<img src="src/assets/SG.jpg" alt="SG" class="w-24 h-24 rounded-full mx-auto mb-4">
<h2 class="text-2xl font-bold mb-2">Subhamay Ganguly</h2>
<p class="text-gray-600 font-bold mb-4">Backend Developer</p>
<p class="text-gray-700 mb-4">As Backend Developer Subhamay is responsible for building and maintaining the server-side logic, databases, and APIs that power web applications. He ensures seamless data exchange between the server and users, focusing on performance, security, and scalability. His role often involves writing server-side code, managing database interactions, and integrating third-party services.</p>
<div class="flex justify-center space-x-4">
<a href="#" class="text-gray-600"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-gray-600"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</body>
</html>