-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
99 lines (93 loc) · 4.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./css/setting.css">
<title>Iphone 14 </title>
</head>
<body>
<!-- preloader -->
<!-- <div class="loader">
<img src="./assets/1487 (1).gif" alt="load"></img>
</div> -->
<!-- container -->
<div class="container">
<div class="phoneOuter">
<div class="phoneVolume"></div>
<div class="phoneLayer">
<div class="phoneScreen">
<div class="phoneHeader">
<div class="phoneTime">12:62 pm</div>
<div class="phoneNotch"></div>
<div class="phoneNetwork">
<div class="phoneSignal"><i class="fa fa-signal"></i></div>
<div class="phoneWifi"><i class="fa fa-wifi"></i></div>
<div class="phoneBattery"><i class="fa fa-battery-three-quarters"></i></div>
</div>
</div>
<div class="PhoneHome">
<div id="defaultScreen" class="menuScreen">
<div class="menuHeader">
<div class="tem"></div>
<div class="completeDate"></div>
</div>
<div class="mainMenu">
<ul id="menu">
<li *list-name="faceTime"><img src="./assets/video.png" alt=""><span>FaceTime</span></li>
<li><img src="./assets/calender.png" alt=""></li>
<li><img src="./assets/photos.avif" alt=""></li>
<li><img src="./assets/camera.jpg" alt=""></li>
<li><img src="./assets/mail.png" alt=""></li>
<li><img src="./assets/notes.png" alt=""></li>
<li><img src="./assets/reminder.png" alt=""></li>
<li><img id="ctm-clock" src="./assets/clock.png" alt=""></li>
<li><img src="./assets/news.png" alt=""></li>
<li style="background: white;"><img id="ctm-clock" src="./assets/tv.png" alt=""></li>
<li><img src="./assets/podcast.png" alt=""></li>
<li><img src="./assets/store.jpg" alt=""></li>
<li><img src="./assets/map.png" alt=""></li>
<li><img src="./assets/health.png" alt=""></li>
<li><img src="./assets/wallet.png" alt=""></li>
<li *list-name="setting"><img src="./assets/setting.png" alt=""></li>
</ul>
</div>
</div>
</div>
<div class="phoneBottomKeys">
<ul>
<li><i class="fa fa-phone"></i></li>
<li class="image"><img src="./assets/safari.png" alt=""></li>
<li class="message"><i class="fa fa-comment"></i></li>
<li class="music"><i class="fa fa-music"></i></li>
</ul>
</div>
<!-- tab -->
<div class="setting hide tab">
<div class="settingWrapper">
<div class="settingHeader">
<div class="headingTitle">Setting</div>
</div>
<div class="settingScreen">
<div class="settingSearch">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>
<div class="settingbottom">
<div class="line"></div>
</div>
</div>
</div>
<!-- tabs end -->
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>