-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
110 lines (99 loc) · 5.33 KB
/
main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SyncSpace</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<nav class="navbar" id="navbar">
<div class="navbar-container">
<div class="navbar-brand">
<div class="logo">
<img src="../MainProject/Media/logo.gif" loop>
</div>
</div>
<ul class="navbar-menu" id="navbar-menu">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="navbar-toggle" id="navbar-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<div class="a">
<div class="aa">
<div class="aaa">
<video class = "helloo" autoplay loop muted width="340" height="192" >
<source src="../MainProject/Media/laptop_-_61037 (720p).mp4" type="video/mp4">
</video>
</div>
</div>
<div class="ab">
<div class="aab">
<p class="para"> Crafting and managing tasks effortlessly is central to the functionality of this platform, offering users a seamless experience. With intuitive task creation features, users can quickly outline assignments and allocate responsibilities with ease. This platform also empowers users to track their task history, effortlessly accessing both completed tasks and assigned task records. Moreover, interactive dashboards provide users with a comprehensive overview of their tasks, facilitating better decision-making and prioritization. With the user-friendly interface and comprehensive task management tools, staying organized and productive has never been simpler.
</p>
</div>
</div>
</div>
<div class="c">
<div class="left">
<h3>Instant Update</h3>
</div>
<div class="time">
<video class ="hello" autoplay loop muted width="600" height="338">
<source src="../MainProject/Media/pexels-aleksey-skatchkov-12283369 (2160p).mp4" type="video/mp4">
</video>
</div>
<div class="right">
<h3>Save Time</h3>
</div>
</div>
<div class="d"></div>
<div class="e">
<div class="ea">
<p>In the fast-paced world of task management, visual cues are essential for staying organized and on top of your workload. That's why this platform introduces a color-coded system to enhance your task management experience. Completed tasks are highlighted with a soothing green border, while incomplete ones stand out in striking red. Moreover, the platform records the time of task assignment and completion, providing you with valuable insights into task progression. With this dynamic interface, you'll effortlessly track your tasks' status and stay informed about their journey from inception to completion. Say farewell to confusion and hello to clarity with our intuitive task management system. Experience the power of visual cues and time tracking, and revolutionize the way you tackle your tasks.</p>
</div>
</div>
<div class="b">
<div class="ba">
<div class="q">
<video class = "hellooo" autoplay loop muted width="500" height="280" >
<source src="../MainProject/Media/video (2160p) (6).mp4" type="video/mp4">
</video>
</div>
<div class="y"></div>
<div class="container">
<div class="paragraph" id="animated-paragraph">
<p>Unlock the full potential of collaboration with the platform's seamless and efficient tools. Gone are the days of confusing email chains and scattered updates, this platform streamlines communication and fosters teamwork like never before. With intuitive task assignment features, users can effortlessly delegate responsibilities and track progress in real-time. Whether you're working with a small team or coordinating across departments, this platform empowers you to collaborate effectively, achieve goals efficiently, and drive success together. Experience the ease and effectiveness of collaboration with this platform, and revolutionize the way you work today.</p>
</div>
</div>
</div>
</div>
<div class="attendance-section">
<div class="attendance-container">
<div class="attendance-video">
<video class="helloooo" autoplay loop muted width="600" height="338">
<source src="../MainProject/Media/88225-606079090_small.mp4" type="video/mp4">
</video>
</div>
<div class="attendance-content">
<h5>Attendance Tracking</h5>
<p>This platform offers a robust feature for attendance marking, allowing users to download their monthly attendance with an OTP system to ensure security. The system provides comprehensive information about attendance across all departments and tracks each employee's attendance meticulously.</p>
</div>
</div>
</div>
<div id="contact" class="f">
<div class="msg" id="msg">
<h2 class="g"><b>CONTACT ME!</b></h2><br>
<section class="h"> ✉ : [email protected]     ⚲ : Assam, India     ☎ : 600317XXXX     ☎ : XXXXXXXXXX </section><br><br>
<section class="i">© Copyright 2024<br>Made by Shreya Bhattacharjee<br><br></section>
</div>
</div>
<script src="main.js"></script>
</body>
</html>