-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
163 lines (148 loc) · 6.82 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MIRROR MATE</title>
<link rel="stylesheet" href="./style/index.css">
<meta charset="UTF-8">
</head>
<body>
<div id="nav">
<div class="logo">
<div class="logoimg">
<a href="index.html"><img src="./images/mirror mate.png" alt=""></a>
</div>
</div>
<div class="navele">
<h5><a class="navtxt" href="./about.html"><b>ABOUT</b></a></h5>
<h5><a class="navtxt" href="./contact.html"><b>CONTACT US</b></a></h5>
<h5><a class="navtxt" href="./help.html"><b>HELP</b></a></h5>
</div>
<div class="bar">
<div id="butt" >
<button class="login"><a href="./signup login Frontend/login.html"> <b>LOG IN </b> </a> </button>
<button class="signup"><a href="./signup login Frontend/signup.html"> <b> SIGN UP </b></a> </button>
</div>
</div>
</div>
<!-- nav complete here -->
<div id="head">
<h1>Free Online Meeting<br>
Platform for <span>Everyone</span> </h1>
<p>Nowdays you can collaborte with the people all over the world, use our product<br> for a feature-rich collaboration experience and it's also free</p>
<button id="try" ><a href="../signup login Frontend/signup.html"><b>Try it for free</b></a></button>
</div>
<!-- head complete here -->
<div id="image">
<div id="xyz">
<div id="ab">
<img id="img"src="https://cdn.icon-icons.com/icons2/37/PNG/96/home_house_3526.png">
<img id="img"src="https://cdn.icon-icons.com/icons2/1129/PNG/96/searchmagnifierinterfacesymbol1_79893.png" alt="">
<img id="img"src="https://cdn.icon-icons.com/icons2/562/PNG/96/video-camera_icon-icons.com_53843.png" alt="">
<img id="img"src="https://cdn.icon-icons.com/icons2/2993/PNG/96/calender_icon_187325.png" alt="">
</div>
<div id="ac">
<div id="animie">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQCzx18AN1I9NrxY3KgOdz0g5xd-0sjbbgL-kluR_ydXWelvuDLUA6gYLq_EqRPiRDOGL4&usqp=CAU" alt="">
</div>
<div id="three">
<div>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRtvBfwDwvWcNJp80cY9pffuW_XIBYBDQbgDg&usqp=CAU" alt="">
</div>
<div>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSoUW_1spQlcYRFtsjTYhgMb4zGWHpxMQQ_AcakQh8F7E-p14l8zm7th658IWe7getIfHY&usqp=CAU" alt="">
</div>
<div>
<img src="https://cdn.dribbble.com/users/37380/screenshots/10883216/zoom-party4_12fps.gif" alt="">
</div>
</div></div>
<div id="ad">
<div id="part">
<h2><b>Participants</b></h2>
<div> <input type="text" placeholder="Search.."></div>
<div>
<img src="./images/part.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- image part end here -->
<div id="company">
<h2>Trusted by 200+<br> Companies in the world</h2>
<div>
<img src="https://www2.deloitte.com/content/dam/assets/logos/deloitte.svg" alt="">
</div>
<div>
<img src="https://www.fortinet.com/content/dam/fortinet/images/general/fortinet-logo.svg" alt="">
</div>
<div>
<img src="https://www.gigaset.com/skin/frontend/gigaset/rebrush/images/logo.svg" alt="">
</div>
<div>
<img src="https://static.rakuten.com/static/svg/rakuten/rak-logo-brand-v1.svg" alt="">
</div>
</div>
<!-- company part complete here -->
<div id="secpart">
<div id="first">
<h1>More expressive with cute<br> and fun filters</h1>
<p> Use filters when collaborating with your team, make the<br> atmosphere less tense and colder</p>
<button id="explore"><b>Explore filters</b></button>
</div>
<div id="sec">
<img src="./images/img2.png">
</div>
</div>
<!-- SEC PART COMPLETE HERE -->
<div id="smile">
<div id="fir">
<div id="fir1">
<img src="https://cdn.dribbble.com/users/1246450/screenshots/7941890/media/c5c6844384fc989c6289b890fa5998d7.png?compress=1&resize=400x300&vertical=top" alt="">
</div>
<div id="fir2">
<p>😀</p>
<p>😀</p>
<p>😄 </p>
<p>😍</p>
<p> 💗</p>
</div>
</div>
<div id="secc">
<h1> Communication with live<br> Discussion</h1>
<p>Discussion with your team, you can send document files <br>for the next level of collaboration</p>
<button id="learn">Learn more</button>
</div>
</div>
<!-- smile part end here -->
<div id="last">
<div id="last1">
<h1>Try our latest mobile<br> application</h1>
<p>Discussion with your team, you can send document files <br>for the next level of collaboration</p>
<button id="learn">Learn more</button>
</div>
<div id="last2">
<img src="./images/img3.png">
</div>
</div>
<!-- last part complete here -->
<div class="theend">
<div class="theendcard">
<div class="lastcard">
</div>
<div class="lastcard1">
<img src="https://www.dollargeneral.com/content/experience-fragments/dollargeneral/en/global-footer/master/_jcr_content/root/globalfooter/app-images/image.coreimg.100.300.png/1661990967164/app-store.png" alt="">
<img src="https://www.dollargeneral.com/content/experience-fragments/dollargeneral/en/global-footer/master/_jcr_content/root/globalfooter/app-images/image_205323551.coreimg.100.300.png/1661990917826/google.png" alt="">
<p><b>Privacy | Terms</b> </p>
<p id="par"><b>© Copyright 2023. All rights reserved.</b></p>
</div>
<p class="foot1">If you are using a screen reader and are having problems using this website, please call <br> 1-844-462-8299 for assistance.</p>
</div>
</div>
</div>
<!-- footer completes here -->
<a href="" class="uparrow"></i></a>
</body>
</html>