-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (131 loc) · 5.6 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>FaceSnap</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="logo"><a href="index.html">FaceSnap</a></div>
<div class="navbar-links">
<a href="index.html">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
<a href="login.html">Account</a>
<a href="/Teacher-info.html">Teacher Info</a>
<a href="/FaceSnap/subject.html">Manage Subject</a>
<a href="/FaceSnap/attendance-list.html">Attendance List</a>
</div>
<div id="mobile-toggle" class="icon">☰</div>
</nav>
<!-- About Us -->
<div class="about-us-container" id="about">
<div class="about-us-text">
<h1>About - FaceSnap</h1>
<h2>Empowering Seamless Attendance Management</h2>
<p>FaceSnap represents a cutting-edge solution revolutionizing traditional attendance tracking in educational institutions.<br> Harnessing the power of advanced face recognition technology, FaceSnap ensures swift, accurate, and secure attendance management.<br> Developed with the imperative need for efficiency in mind, FaceSnap streamlines administrative processes, <br>reduces manual efforts, and enhances overall operational excellence.</p>
</div>
</div>
<!-- Tools Section -->
<section class="summaries-section">
<h1>FaceSnap</h1>
<p>Attendance Management</p>
<div class="summaries-row">
<!-- Card 3 -->
<div class="summaries-card">
<h2>Student Registration</h2>
<p>A seamless experience for both students and faculty with an intuitive interface.</p>
<a href="Student-Registration.html" class="button">Get Started</a>
</div>
<!-- Card 2 -->
<div class="summaries-card">
<h2>Mark Attendance</h2>
<p>Reliable attendance data through advanced face recognition algorithms.</p>
<a href="/harry.html" class="button">Explore Features</a>
</div>
<!-- Card 4 -->
<div class="summaries-card">
<h2>Help Support</h2>
<p>Ensuring data integrity through authentication measures, Contact with us. <br>+91 78280 30667 <br> [email protected] </p>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section">
<h1>Our Team</h1>
<p>"Meet the Talent Behind FaceSnap"</p>
<div class="team-members">
<div class="team-member">
<div class="member-image">
<img src="img/nikhil.jpg" alt="Nikhil Patil">
<div class="hover-content">
<h3 class="member-name">Nikhil Patil</h3>
<p class="member-role">Backend Integration Expert</p>
<div class="social-links">
<a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-link"><i class="fab fa-github"></i></a>
<a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="img/shubh.jpg" alt="Shubham Choudhary">
<div class="hover-content">
<h3 class="member-name">Shubham Choudhary</h3>
<p class="member-role">Full Stack Developer</p>
<div class="social-links">
<a href="https://www.linkedin.com/in/shubham-choudhary-shubh/" class="social-link"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/ShubhamChoudharyShubh" class="social-link"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/shubhamchoudharyshubh/" class="social-link"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<!-- Add more team members similarly -->
</div>
</section>
<!-- Contact Us Section -->
<section class="contact-section" id="contact">
<div class="contact-container">
<h1>Contact Us</h1>
<p>Feel free to reach out with any questions, feedback, or inquiries.</p>
<!-- Contact Form -->
<!-- Contact Form -->
<form id="contact-form" class="contact-form" action="mailto:[email protected]" method="post" enctype="text/plain">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Your Message</label>
<textarea id="message" name="message" rows="4" required></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-left">
<a href="https://www.linkedin.com/in/shubham-choudhary-shubh/" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/ShubhamChoudharyShubh" class="social-icon"><i class="fab fa-github"></i></a>
<a href="https://www.instagram.com/shubhamchoudharyshubh/" class="social-icon"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/shubham-choudhary-shubh/" class="social-icon"><i class="fab fa-facebook"></i></a>
</div>
<div class="footer-right">
<p class="f-para">Copyright © 2024, FaceSnap.in all rights reserved</p>
</div>
</footer>
</body>
</html>