-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (54 loc) · 2.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phone home page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="styles.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<div class="phone">
<div class="glass">
<div class="sensor">
<div class="weather">
<div class="weather1">
<i class="fa-solid fa-cloud-rain" style="color: #d0cfd4;"></i>32°
</div>
<div class="weather2">
<i class="fa-sharp fa-solid fa-location-dot" style="color: #ffffff;"></i> Adarsha Nagar
</div>
<div class="date">
23/6,4:23 pm
<i class="fa-solid fa-rotate-right" style="color: #ffffff;"></i>
</div>
</div>
<div class="camera"></div>
<div class="search-bar">
<div class="google"></div>
<div class="microphone"></div>
<div class="google-cam"></div>
</div>
<div class="slidebar">
<i class="fa-solid fa-house" style="color: #ffffff;"></i>
<div class="circle"></div>
</div>
<div class="apps">
<div class="phone-icon"></div>
<div class="youTube"></div>
<div class="whatsapp"></div>
<div class="camera2"></div>
</div>
<div class="NAV-BAR">
<div class="time">11:45</div>
<div class="alarm"><i class='bx bxs-alarm'></i></div>
<div class="wifi"><i class="fa-solid fa-wifi"></i></div>
<div class="signal"><i class="fa-solid fa-signal"></i></div>
<div class="battery"><i class="fa-solid fa-battery-three-quarters"></i></div>
</div>
</div>
</div>
</div>
</body>
</html>