-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (100 loc) · 4.77 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
<!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 = "main.js" defer></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<title>LASER EYE</title>
</head>
<body>
<div class = "nav-bar">
<div class = "menu-logo">
<input type = "checkbox" id = "menu-checkbox" onclick = "menuToggle()">
<div class = "menu-stick"></div>
<div class = "menu-stick"></div>
<div class = "menu-stick"></div>
</div>
<div class = "navbar-content">
<ul>
<li><a href="#main-logo" onclick = "menuOut()">HOME</a></li>
<li><a href="#model" onclick = "menuOut()">MODEL</a></li>
<li><a href="#working" onclick = "menuOut()">WORKING</a></li>
<li><a href="#source-code" onclick = "menuOut()">SOURCE CODE</a></li>
<li><a href="#data-base" onclick = "menuOut()">DATABASE</a></li>
<li><a href="#contact-us" onclick = "menuOut()">CONTACT US</a></li>
</ul>
</div>
</div>
<div class = "main-logo" id = "main-logo">
<img src = "https://img.freepik.com/premium-vector/vector-laser-eye-surgery-linear-icon_525623-351.jpg?w=360">
</div>
<div class = "main-content" id = "main-content">
<h1>LASER EYE</h1>
<p>
Introducing "LaserEye": Revolutionizing security with laser precision. This innovative system instantly detects intrusions by creating an invisible laser barrier. From access control to perimeter protection, LaserEye's adaptability and real-time alerts redefine security measures. Experience the future today.
</p>
</div>
<div class = "model" id = "model">
<img alt = "image not found" src = "./assets/model.jpg">
</div>
<div class = "working" id = "working">
<h1>WORKING</h1>
<p>Our security setup employs a laser light mechanism to trigger alarms when someone disrupts the laser path. The primary reason behind opting for lasers is to keep costs manageable. This approach offers economic benefits while maintaining the system's functionality.</p>
</div>
<div class = "source-code" id = "source-code">
<h1>SOURCE CODE</h1>
<a href = "assets/source_code.txt" download = "source code">click to download source code</a>
<a href = "assets/abstract.docx" download = "abstract">click to download abstract</a>
</div>
<div class = "data-base" id = "data-base">
<h1>DATA BASES</h1>
<p>we can also use our model to condact survery on how many people are visiting certain places etc. the data collected are for research purpose and would like to keep them open source. the survery datas are in downloadable format links are given below</p>
</div>
<div class = "contact-us" id = "contact-us">
<div class = "contact-card">
<img class = "contact-image" alt = "image not found" src = "./assets/contact0.jpg">
<div class="contact-info">
<p>USN : 1NH21IS078</p>
<p>Name : Mateen Khan</p>
<p>Linkdind Profile</p>
</div>
</div>
<div class = "contact-card">
<div class="contact-info contact-info-rev">
<p>USN : 1NH21IS104</p>
<p>Name : Nithesh Kumar</p>
<p>Linkdind Profile</p>
</div>
<img class = "contact-image" alt = "image not found" src = "./assets/contact1.jpg">
</div>
<div class = "contact-card">
<img class = "contact-image" alt = "image not found" src = "./assets/contact2.jpg">
<div class="contact-info">
<p>USN : 1NH21IS105</p>
<p>Name : P Aditya</p>
<p>Linkdind Profile</p>
</div>
</div>
<div class = "contact-card">
<div class="contact-info contact-info-rev">
<p>USN : 1NH21IS114</p>
<p>Name : Poornachandra</p>
<p>Linkdind Profile</p>
</div>
<img class = "contact-image" alt = "image not found" src = "./assets/contact3.jpg">
</div>
<div class = "contact-card">
<img class = "contact-image" alt = "image not found" src = "./assets/contact4.jpg">
<div class="contact-info">
<p>USN : 1NH21IS148</p>
<p>Name : Shreyas V</p>
<p>Linkdind Profile</p>
</div>
</div>
</div>
</body>
</html>