web-front-end/index.html at master · ListenInApp/web-front-end · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
	<style>
	::;
	</style>

</head>
<body style="width:340px;height:568px;font-family:Roboto;font-style:Regular">

	<div style="position:fixed;height:568px;width:340px;border-top-left-radius:3px;overflow-y:scroll;overflow-x:hidden" >
		<div style="background-color:white;min-height:504px;width:320;border-top-left-radius:10px;border-top-right-radius:10px;margin-top:64px">
			<div id="contentList" style="padding-top:21px;width:320px">
				<div style="width:320px;height:45px;">
					<img src="svg/audio-received-open.svg" style="width:30px;height:30px;margin-left:15px">
					<span style="position:absolute;left:75px;font-size:15px;font-style:light;">Eric Miller</span>
					<span style="position:absolute;left:200px;font-size:15px;font-style:light;">1.7k</span>
					<span style="position:absolute;left:75px;margin-top:20px;font-size:10px;color:#909090;font-style:light">Received Saturday</span>
					<img src="svg/mic-icon.svg" style="position:absolute;left:250px;width:20px;height:30px">
					<img src="svg/cam-icon.svg" style="position:absolute;left:280px;width:30px;height:25px;margin-top:5px">
				</div>
			</div>
		</div>
	</div>

	<div style="z-index:-1;position:fixed;width:340px;height:85px;background-color:#16F4D0">
		<span id = "chats" style="font-size:20pt;font-family:Roboto;font-style:medium;position:absolute;left:75px;top:30px;color:white">
			Chats
		</span>

		<img src = "logo-no-background.png" style="width:44px;height:44px;margin-top:15px;margin-left: 15px">

	</div>

</body>
</html>