-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (77 loc) · 3.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Camping Tents Website</title>
</head>
<body>
<header>
<nav id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
</ul>
<input type="text" placeholder="Search any thing...">
</nav>
</header>
<main>
<div class="container container1">
<div class="box box1">
<img style="width: 500px; height: 600px;" src="imgs/img1.jpg" alt="Sorry your internet is slow.">
</div>
<div class="box box2">
<img style="width: 500px; height: 600px;" src="imgs/img2.jpg" alt="Sorry your internet is slow.">
</div>
<div class="box box3">
<img style="width: 500px; height: 600px;" src="imgs/img3.jpg" alt="Sorry your internet is slow.">
</div>
<div class="moving-icon">
<a href="#">
<img src="icons/spa.png" alt="Sorry your internet is slow.">
</a>
</div>
</div>
<div class="container container2">
<div class="greet-box" style="width: 1200px; height: 500px;">
<h1>
WELCOME<br>TO MY WEBSITE
</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ab, architecto harum! Illum amet laborum, veniam ut similique iure tempore vel. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eligendi exercitationem eos enim nulla quod impedit itaque harum delectus consequuntur laboriosam?</p>
<button>JOIN FOR FREE</button>
</div>
</div>
</main>
<footer id="footer">
<div class="sec-footer">
<div>
<h1>RaDin Developer</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nulla voluptates molestias voluptatem sit soluta ducimus consequuntur vero doloribus quae neque! Maxime itaque et dolore corrupti pariatur</p>
<div class="sites-icon">
<a href="https://google.com/" target="_blank">
<img src="icons/google.png" alt="Sorry your internet is slow.">
</a>
<a href="https://pk.linkedin.com/" target="_blank">
<img src="icons/linkedin.png" alt="Sorry your internet is slow.">
</a>
<a href="https://business.facebook.com/" target="_blank">
<img src="icons/meta.png" alt="Sorry your internet is slow.">
</a>
<a href="https://twitter.com/" target="_blank">
<img src="icons/twitter.png" alt="Sorry your internet is slow.">
</a>
</div>
</div>
</div>
<div class="main-footer">
<p>
All rights are reserved | copyright @2024
<a href="https://github.com/RaDinds" target="_blank">RaDin.co</a>
</p>
</div>
</footer>
</body>
</html>