-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 3.95 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
<!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
href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="main">
<div id="left">
<div id="ltop">
<div id="iconleftbottomright">
<i class="ri-arrow-left-line"></i>
</div>
</div>
<div id="lbottom">
<div id="lbtmcontent">
<div id="lbtmcontentleft">
<h1>Eucalyptus</h1>
<p>The leaves and oil of the eucalyptus plant are used as medicine. Eucalyptus oil is made from the fresh leaves and branch tops of the eucalyptus plant. Eucalyptus leaves contain flavonoids (plant-based antioxidants), volatile oils, and tannins. Researchers think tannins may help reduce inflammation.</p>
</div>
<div id="lbtmcontentright">
<h3>Basics</h3>
<div id="toprow">
<div id="toprowleft">
<i class="ri-sun-fill"></i>
<div id="toprowlefttext">
<h5>Light</h5>
<p>How sunlight is beneficial for plants?</p>
</div>
</div>
<div id="toprowright">
<i class="ri-plant-line"></i>
<div id="toprowrighttext">
<h5>Plants</h5>
<p>What are the different plant types?</p>
</div>
</div>
</div>
<div id="bottomrow">
<div id="bottomrowleft">
<i class="ri-water-percent-fill"></i>
<div id="bottomrowlefttext">
<h5>Humidity</h5>
<p>How humidity affects the plants growth?</p>
</div>
</div>
<div id="bottomrowright">
<i class="ri-drop-line"></i>
<div id="bottomrowrighttext">
<h5>Water</h5>
<p>How much water does a plant need?</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="right">
<div id="rtop">
<div id="rtopicons">
<i class="ri-menu-3-line"></i>
<i class="ri-search-line"></i>
</div>
<div id="rtopbackgroundflower">
<i class="ri-arrow-right-line"></i>
</div>
<a href="">HOME</a>
<a href="">Gardens</a>
<a href="">Houseplants</a>
<a href="" id="Pricing">Pricing</a>
<a href="">Problems</a>
<a href="">Contact</a>
</div>
<div id="rbottom">
<div id="rbottomcontent">
<h6>Next <i class="ri-arrow-right-line"></i></h6>
<h2>IS POLLUTION A GREAT DANGER TO PLANTS?</h2>
<p>Ground-level ozone and other harmful pollutants we breathe in have a visible impact on plant leaves.</p>
</div>
</div>
</div>
</div>
</body>
</html>