-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
74 lines (70 loc) · 3.25 KB
/
test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./test.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<section class="map">
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d497512.5774836609!2d79.87932910044552!3d13.047316844970075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a5265ea4f7d3361%3A0x6e61a70b6863d433!2sChennai%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1714728075054!5m2!1sen!2sin" width="800" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<footer>
<article class="sec-1">
<div class="call">
<p>CALL US</p> <h1>(123)456 789 012</h1>
</div>
<div class="visit">
<span>VISIT US</span>
<p class="address">Liberty 3924 Trader Alley</p>
<p class="mail">[email protected]</p>
</div>
<div class="social-icon">
<a href="#" class="icons"><i class='bx bxl-facebook'></i></a>
<a href="#" class="icons"><i class='bx bxl-instagram'></i></a>
<a href="#" class="icons"><i class='bx bxl-twitter'></i></a>
</div>
</article>
<aside class="sec-2">
<div class="about">
<h3>About Us</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deserunt nisi voluptates adipisci doloremque, praesentium, magni excepturi debitis reprehenderit quas necessitatibus possimus distinctio exercitationem error odit reiciendis itaque autem dolor repudiandae eos dicta vero nostrum. </p>
</div>
<div class="company">
<h3>Company</h3>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="Themes">
<h3>Themes</h3>
<ul>
<li><a href="#">Feature</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Info</a></li>
</ul>
</div>
<div class="support">
<h3>Support</h3>
<ul>
<li><a href="#">Contacts</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</aside>
</footer>
<!-- <img src="./design-sample-web (1) (1).png" alt=""> -->
</body>
</html>