-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (107 loc) · 7.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Intelligence to Prevent. Power to Protect.">
<title>Soteria Security</title>
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
<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=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Manrope:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/style/global.css">
<link rel="stylesheet" href="assets/style/landing.css">
</head>
<body>
<main>
<div id="navbar">
<div id="hamburger" onclick="hamburgerClick()">
<div></div>
<div></div>
<div></div>
</div>
<img id="navbar_logo" src="assets/images/logo.svg" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });">
<a class="navbar_link active" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });">Home</a>
<a class="navbar_link" href="features.html">Features</a>
<a class="navbar_link" href="impact.html">Impact</a>
<a class="navbar_link" href="about.html">About</a>
<a class="navbar_link" href="pricing.html">Pricing</a>
<a class="navbar_link" href="/PWA">PWA</a>
<button id="navbar_contact" onclick="window.open('https:\/\/idp7al2lb7x.typeform.com/to/CzxPzDxT', '_blank')">
<span style="width: 100%; height: auto; margin: 0; padding: 10px 0 10px 0;">Reserve a Demo</span>
</button>
</div>
<div id="landing">
<img id="landing_logo" src="assets/images/logo.svg">
<p id="landing_title">Soteria Security</p>
<p id="landing_subtitle">Intelligence to Prevent. Power to Protect.</p>
</div>
<div id="overview">
<p id="overview_smalltitle">Real-Time Security</p>
<br>
<p id="overview_bigtitle">Real-Time Responses</p>
<hr id="overview_underline">
<div id="overview_icons">
<div class="overview_iconwrapper" id="overview_icon1">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white">
<path d="M574-111q-12 15-30.92 16.5Q524.15-93 511-105L340-248q-56-47-81-114.2-25-67.21-11-137.8l-63-51q-13-11-15.5-27t6.5-30l8-10h-67v114q0 34.7-23.94 58.85Q69.11-421 34-421v-473q35 0 59 24.5t24 58.5v110h135l70-85q12-14 30.5-15.5T385-791l62 51q67-27 137.5-14T712-694l170 143q14 11 15 29.5T887-489L574-111Zm-39-83 265-320-143-117q-47-39-108-38.5T430-646l-69-57-94 113 69 56.04Q323-472 333.5-412q10.5 60 58.5 99l143 119Zm-1-255Z"/>
</svg>
</div>
<div class="overview_iconwrapper" id="overview_icon2">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white">
<path d="M55-175v-93h410v93H55Zm0-219v-93h242v93H55Zm0-219v-93h242v93H55Zm793 419L691.83-355q-26.18 20-55.39 29.5Q607.22-316 575-316q-88.34 0-149.67-62.29-61.33-62.29-61.33-152Q364-620 425.47-683q61.46-63 149.5-63 88.03 0 149.53 62.89T786-531q0 33.34-9 63.67t-28 55.46L906-251l-58 57ZM574.26-398q54.41 0 92.57-38.38 38.17-38.38 38.17-94T667.29-625q-37.71-39-91.58-39-54.71 0-92.21 38.67-37.5 38.67-37.5 93.92 0 56.41 37.14 94.91t91.12 38.5Z"/>
</svg>
</div>
<div class="overview_iconwrapper" id="overview_icon3">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white">
<path d="M160-160q-33 0-56.5-23.5T80-240v-120h80v120h120v80H160Zm192-160 40-204-72 28v136h-80v-188l158-68q35-15 51.5-19.5T480-640q21 0 39 11t29 29l40 64 8 12q4 6 9 11-49 32-81 82.5T483-320H352Zm188-340q-33 0-56.5-23.5T460-740q0-33 23.5-56.5T540-820q33 0 56.5 23.5T620-740q0 33-23.5 56.5T540-660ZM80-760v-120q0-33 23.5-56.5T160-960h120v80H160v120H80Zm720 0v-120H680v-80h120q33 0 56.5 23.5T880-880v120h-80ZM760-80q-83 0-141.5-58.5T560-280q0-83 58.5-141.5T760-480q83 0 141.5 58.5T960-280q0 83-58.5 141.5T760-80Zm-20-160h40v-160h-40v160Zm20 80q8 0 14-6t6-14q0-8-6-14t-14-6q-8 0-14 6t-6 14q0 8 6 14t14 6Z"/>
</svg>
</div>
<div class="overview_iconwrapper" id="overview_icon4">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="white">
<path d="M107.56-561.93q0-93.12 41.22-170.88Q190-810.57 259.59-862.22l39.82 53.26q-57.19 42.72-91.29 106.68-34.1 63.97-34.1 140.35h-66.46Zm678.66 0q0-76.44-34.26-140.4-34.27-63.97-91.37-106.63l40.06-53.26q69.3 51.76 110.66 129.43 41.36 77.66 41.36 170.86h-66.45Zm-632.2 367.91v-68.13h77.85v-298.02q0-86.08 50.34-154.77 50.33-68.69 133.72-86.41v-20.56q0-26.8 18.69-45.55 18.69-18.76 45.38-18.76t45.38 18.76q18.69 18.75 18.69 45.55v20.56q83.39 17.48 133.84 86.25 50.46 68.77 50.46 154.93v298.02h77.85v68.13h-652.2ZM480-501.04Zm.12 429.17q-33.83 0-57.93-24.13t-24.1-58.02h164.06q0 33.95-24.15 58.05-24.15 24.1-57.88 24.1ZM300-262.15h360v-298.02q0-74.76-52.5-127.38Q555-740.17 480-740.17t-127.5 52.62Q300-634.93 300-560.17v298.02Z"/>
</svg>
</div>
<div id="overview_icons_dottedline">
</div>
</div>
<div id="overview_features">
<div class="overview_feature">
<p class="overview_feature_title">24/7 Analysis</p>
<p class="overview_feature_desc">Soteria operates around the clock, continuously analyzing video feeds and sensor data to detect potential threats and hazards in real time.</p>
</div>
<div class="overview_feature">
<p class="overview_feature_title">Detailed Logs</p>
<p class="overview_feature_desc">Soteria keeps meticulous records of all detected incidents, providing security teams and investigations with invaluable information.</p>
</div>
<div class="overview_feature">
<p class="overview_feature_title">Peace of Mind</p>
<p class="overview_feature_desc">Not only can admins ensure the safety of communities with Soteria, the public can also sign up for safety statuses and emergency notifications.</p>
</div>
<div class="overview_feature">
<p class="overview_feature_title">Immediate Action</p>
<p class="overview_feature_desc">When Soteria detects a threat, it doesn't just send a notification — it triggers immediate action, assessing the threat severity and alerting law enforcment if necessary.</p>
</div>
</div>
</div>
<div id="footer">
<div id="footer_left">
<div id="footer_left_content">
<img id="footer_img" src="assets/images/logo.svg">
<div id="footer_text">
<p id="footer_name">Soteria<br>Security</p>
<p id="footer_slogan">Intelligence to Prevent.<br>Power to Protect.</p>
</div>
</div>
<p id="footer_copyright">© 2025 Copyright Soteria. All rights reserved.</p>
</div>
<div id="footer_buttons">
<button onclick="window.open('https:\/\/idp7al2lb7x.typeform.com/to/RPdMPne5', '_blank')">Contact Us</button>
<button onclick="window.open('https:\/\/idp7al2lb7x.typeform.com/to/CzxPzDxT', '_blank')">Request a Demo</button>
</div>
</div>
</main>
<script src="assets/script/global.js"></script>
</body>
</html>