-
Notifications
You must be signed in to change notification settings - Fork 0
/
Watermelon.html
62 lines (48 loc) · 2.17 KB
/
Watermelon.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
<!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>Fruits</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="mango.html">
</head>
<body>
<section>
<div class="bg-watermelon"></div>
<header>
<a href="" class="logo">Fruits</a>
<ul class="navigation">
<li><a href="#" class="
active">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">What's New</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<div class="content">
<div class="textbox">
<h2>Eat Fresh Everyday</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et quo, ipsa quae corrupti ex alias velit culpa fugiat dolor accusantium voluptatibus, iste delectus reiciendis quidem vero quis! Rem aliquid temporibus ratione repudiandae quod similique qui.</p>
<a href="#">Learn More</a>
</div>
<div class="imgbox">
<img src="./image/watermelon.png" alt="">
</div>
</div>
<ul class="thumb">
<li data-text="Apple"><img src="./image/apple.png" alt=""></li>
<li data-text="Mango"><a href="mango.html"><img src="./image/mango.png" alt=""></a></li>
<li data-text="Watermelon"><a href="Watermelon.html"><img src="./image/watermelon.png" alt=""></a></li>
<li data-text="Dragon Fruits"><a href="Dragonfruits.html"><img src="./image/dragonFruits.png" alt=""></a></li>
<li data-text="Pineaple"><a href="Pineapple.html"><img src="./image/pineApple.png" alt=""></a></li>
</ul>
<div class="social">
<li><a href="#"><img src="./image/facebook.png" alt=""></a></li>
<li><a href="#"><img src="./image/twitter.png" alt=""></a></li>
<li><a href="#"><img src="./image/instagram.png" alt=""></a></li>
</div>
</section>
</body>
</html>