-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (68 loc) · 3.75 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
<!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">
<link rel="stylesheet" href="style.css">
<title>Assignment-01</title>
</head>
<body>
<table>
<!-- ============ HEADER SECTION ============== -->
<tr class="topnav">
<td colspan="2">
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<div class="dropdown">
<button type="button" class="dropbtn">PHOTOS</button>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div class="navbar_img"><img src="images/header-img.jpg" alt="Navbar Image"></div>
<div class="headings">
<h1>Welcome to Nature</h1>
<h3>Save the Nature</h3>
</div>
</td>
<td>
</td>
</tr>
<tr>
<!-- ============ LEFT COLUMN (MENU) ============== -->
<td class="vertical_align">
<h2>Website Services</h2>
<p class="side-header">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ullam quas nulla deserunt, voluptate minima aut laborum ad nobis.?
</p>
<ul>
<li>Digital Marketing </li>
<li>Web Services</li>
<li>Graphic Designer</li>
<li>Front-End Developer</li>
<li>Development</li>
</ul>
</td>
<!-- ============ RIGHT COLUMN (CONTENT) ============== -->
<td class="main-content">
<h2>Feature of This Website</h2>
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.</p><br>
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.</p><br>
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. Tempore.Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dignissimos, corporis laudantium, beatae dolorem vitae sequi ab, adipisci unde reiciendis eius pariatur at amet officiis temporibus nulla ipsum repellat. <a href= "www.google.com"> Tempore</a></p> <br> <br>
</td>
</tr>
<!-- ============ FOOTER SECTION ============== -->
<tr class="footer">
<td colspan="2" class="footer-td">
Copyright ©
</td>
</tr>
</table>
</body>
</html>