-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
29 lines (29 loc) · 1.73 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My first three.js app</title>
<link rel="stylesheet" href="style.css">
<style>
</style>
</head>
<body>
<div class="MacbookAir1" style="width: 100vw; height: 832px; background: linear-gradient(180deg, #247B7B 0%, #0D5C63 100%); justify-content: center; align-items: center; display: inline-flex">
<div class="Group1" style="flex: 1 1 0; align-self: stretch; position: relative">
<div class="Rectangle2" style="width: 1160px; height: 610.53px; left: 60px; top: 100px; position: absolute; background: rgba(217, 217, 217, 0.60); border-radius: 20px"></div>
<div class="Frame3" style="width: 1240px; height: 122px; padding: 20px; left: 20px; top: 711px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div class="Rectangle4" style="width: 1200px; height: 82px; background: rgba(217, 217, 217, 0.70); border-radius: 20px"></div>
</div>
<div class="Frame1" style="width: 1280px; height: 100px; padding: 20px; left: 0px; top: 0px; position: absolute; justify-content: center; align-items: center; gap: 250px; display: inline-flex">
<img src="images/Screen Shot 2024-06-08 at 7.44.52 PM.png" class="Rectangle5" style="width: 60px; height: 60px;"></div>
<div class="Rectangle6" style="width: 600px; height: 60px; background: #D9D9D9; border-radius: 100px"></div>
<div class="Rectangle8" style="width: 60px; height: 60px; background: #D9D9D9"></div>
</div>
</div>
</div>
<script type="module" src="/main.js"></script>
<div id="ASL-Gestures-flex" class="center">
<div id="ASL-Gestures" style="height: 50vh; width:50vw"></div>
</div>
</body>
</html>