-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (85 loc) · 5.01 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<h1>AppleCraft</h1>
<ul>
<li><a href="" class="home">Home</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="services.html">Services</a></li>
</ul>
<a href="login page.html" class="login-button">Login</a>
</header>
<div class="container ">
<h1 class="judulwebsite">Airlines Encyclopedia</h1>
<ul class="imagegalery ">
<li>
<a href="">
<img src="img/emirates.jpg" alt="" width="330px" height="200px" >
<span>Emirates Airlines</span>
</a>
</li>
<li>
<a href="">
<img src="img/british.jpg" alt="" width="330px" height="200px" >
<span>British Airways</span>
</a>
</li>
<li>
<a href="">
<img src="img/france.jpg" alt="" width="330px" height="200px" >
<span>Air France</span>
</a>
</li>
<li>
<a href="">
<img src="img/china.jpg" alt="" width="330px" height="200px" >
<span>Air China</span>
</a>
</li>
<li>
<a href="">
<img src="img/garuda.jpg" alt="" width="330px" height="200px" >
<span>Garuda Indonesia</span>
</a>
</li>
<li>
<a href="">
<img src="img/korean.jpg" alt="" width="330px" height="200px" >
<span>Korean Airlines</span>
</a>
</li>
<li>
<a href="">
<img src="img/eva.jpg" alt="" width="330px" height="200px" >
<span>Eva Air</span>
</a>
</li>
<li>
<a href="">
<img src="img/klm.jpg" alt="" width="330px" height="200px" >
<span>KLM</span>
</a>
</li>
</ul>
</div>
<div class="main">
<h2>About This Website</h2>
<h3>What is This Website ?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas quia itaque vitae nihil architecto optio, nobis explicabo, doloremque, consequuntur excepturi possimus. Iure, omnis odio veritatis culpa voluptatibus in qui molestias.</p> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus magnam earum adipisci, repellendus, quis beatae tempore voluptatem ullam neque dicta quas nihil veniam aut nostrum dignissimos necessitatibus rerum asperiores perspiciatis.</p> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est amet, quaerat repellendus quidem temporibus eaque laboriosam neque dignissimos deserunt? Ad quibusdam earum enim velit, at aspernatur iusto officia ea animi architecto dignissimos placeat nostrum aliquam accusamus id dolorum aut. Commodi, accusantium fuga quod soluta numquam voluptate officiis quis cum a repellendus similique laborum vero ut velit possimus hic aliquam quam. Repellat inventore repudiandae, eaque quas ullam esse non reprehenderit pariatur reiciendis maiores incidunt, hic rerum debitis consequuntur, deleniti vero soluta vel maxime ducimus! Placeat, iusto delectus necessitatibus itaque iure alias laboriosam consequatur qui ad error eligendi non expedita minus quia?</p>
<h3>What Its Purpose ?</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit facere, neque nemo debitis sed consequatur quis, omnis corporis a asperiores officiis! Maiores illo eligendi impedit vitae accusamus? Nostrum, facere dignissimos.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, mollitia. Nobis fugiat animi vero perferendis tempora, laboriosam inventore odit necessitatibus sapiente dolor molestiae facilis tempore reprehenderit optio quis corporis nesciunt, earum nemo nam. Maxime suscipit, expedita cupiditate soluta doloribus id natus tempore ea deserunt fuga iure ex? Tempora, facilis expedita?</p>
</div>
<footer>
<p>Copyright 2023. AppleCraft. All right reserved</p>
</footer>
</body>
</html>