-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbyproducts.html
More file actions
168 lines (168 loc) · 7.67 KB
/
byproducts.html
File metadata and controls
168 lines (168 loc) · 7.67 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="This should describe what the web site is about and contain words people usually search on" />
<title>By Products</title>
<link rel="apple-touch-icon" sizes="180x180" href="/Images/FavIcons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/Images/FavIcons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/Images/FavIcons/favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
<link rel="mask-icon" href="/Images/FavIcons/safari-pinned-tab.svg" color="#c38500" />
<link rel="shortcut icon" href="/Images/FavIcons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-config" content="/Images/FavIcons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/byproducts.css" />
<link rel="stylesheet" href="css/universal.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<header>
<nav>
<input type="checkbox" id="check-box" />
<label for="check-box" class="menu-icon">
<i class="fa fa-bars"></i>
</label>
<a href="index.html" id="logo"><img src="Images/logo.webp" /></a>
<ul class="main-nav-bar">
<li><a href="index.html">Home</a></li>
<li><a href="teaplantations.html">Tea Plantations</a></li>
<li><a href="museum.html">Museum</a></li>
<li><a href="byproducts.html" id="active">By Products</a></li>
<li><a href="teasales1.html">Tea Sales 1</a></li>
<li><a href="teasales2.html">Tea Sales 2</a></li>
<li><a href="purchase&donate.html">Purchase & Donate</a></li>
</ul>
</nav>
</header>
<div id="white-space"></div>
<h1>By Products</h1>
<!--The three sections containing 3 different by products-->
<div class="wrapper-grid">
<div class="container">
<h2>Tea Soap</h2>
<div class="container-content">
<div class="container-1-pictures">
<div id="img-container">
<img src="Images/ByProducts/Img1.1.webp" />
</div>
<button>
<a href="https://myherbals.lk/shop/personal-care/bath-care/handmade-ceylon-tea-bath-soap/ " target="_blank"> Purchase </a>
</button>
</div>
<div id="border"></div>
<div class="container-1-description">
<p>
<img src="Images/bulletleaf.png" id="leaf" alt="bulletpoint as a leaf image" />
Ceylon tea bar contains natural antioxidants which helps to reduce sign of aging by improving skin elasticity and repairing the damage caused exposure to the sun. The soap
reduces the risk of wrinkles and skin blemishes
</p>
</div>
</div>
</div>
<div class="container" id="container-2">
<h2 id="">Tea Tree Oil</h2>
<div class="container-content" id="container-2-content">
<div class="container-1-pictures">
<div>
<img src="Images/ByProducts/Img2.1.webp" id="img-2" />
</div>
<button>
<a href="https://www.thebodyshop.lk/tea-tree-oil.html" target="_blank">Purchase</a>
</button>
</div>
<div id="border"></div>
<div class="container-1-description">
<p>
<img src="Images/bulletleaf.png" id="leaf" alt="bulletpoint as a leaf image" />Tea tree oil, also known as melaleuca oil, is an essential oil with a fresh camphoraceous
odor and a colour that ranges from pale yellow to nearly colourless and clear. As a traditional medicine, it is typically used as a topical medication in low concentrations
for the treatment of skin conditions. Tea tree oil is claimed as useful for treating dandruff, acne, lice, herpes, insect bites, scabies, and skin fungal or bacterial
infections.
</p>
</div>
</div>
</div>
<div class="container">
<h2>Tea Tree Face Wash</h2>
<div class="container-content">
<div class="container-1-pictures">
<div>
<img src="Images/ByProducts/Img3.1.webp" id="img-3" />
</div>
<button>
<a href="https://www.thebodyshop.lk/tea-tree-facial-wash.html " target="_blank"> Purchase </a>
</button>
</div>
<div id="border"></div>
<div class="container-1-description">
<p>
<img src="Images/bulletleaf.png" id="leaf" alt="bulletpoint as a leaf image" />
Tea tree is one of the most effective ingredients when it comes to skincare, especially when you’ve got oily and acne-prone skin. This powerful ingredient is often found in
face washes and bath and body products, and is known for eradicating bacteria and germs from the get-go! That’s why it works amazingly well for skin that tends to be a
minefield for bacteria. Its powers lie in its ability to calm and soothe irritated skin while controlling sebum production.
</p>
</div>
</div>
</div>
</div>
<div class="tea-sales-buttons">
<h2>Links to our tea sales page</h2>
<button>
<a href="teasales1.html">Tea Sales 1</a>
</button>
<button>
<a href="teasales2.html">Tea Sales 2</a>
</button>
</div>
<footer>
<ul class="social-icons">
<li>
<a href="#" title="">
<span class="icon fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#" title="">
<span class="icon fa fa-facebook"></span>
</a>
</li>
<li>
<a href="#" title="">
<span class="icon fa fa-youtube"></span>
</a>
</li>
<li>
<a href="#" title="">
<span class="icon fa fa-instagram"></span>
</a>
</li>
</ul>
<div class="about-container">
<h2>About</h2>
<p>
Promoting and bringing light to the Ceylon Tea Industry that has been established since the 1940s. Ceylon Tea has marked its' place in the world for its finest quality tea and
continuing to improve its' stanard along the way. In the midst of all the changes taking place in the tea industry, Ceylon Tea Company is keeping its foothold by innovating and
improving its' production methods. In 1945, Ceylon Tea was introduced to the world as a fine quality tea. Since then, it has consistently set the bar for quality. Ceylon Tea has a
robust history and continues to be a leader in the industry.
</p>
</div>
<div class="extra-links-container">
<a href="#">Terms of Use</a>
<p>·</p>
<a href="#">Privacy Policy</a>
</div>
<p id="copyright">@ 2022 Maneth Weerasinghe</p>
<!--REFERENCING
myherbals. (2022) handmade Ceylon tea bath soap. [Online] Available from: https://myherbals.lk/shop/personal-care/bath-care/handmade-ceylon-tea-bath-soap/ [Accessed: 26th July 2022]
wikipedia. (2022) Tea Tree Oil. [Online] Available from: https://en.wikipedia.org/wiki/Tea_tree_oil [Accessed: 15th September 2022]
thebodyshop. (2021) Tea Tree Oil. [Online] Available from: https://www.thebodyshop.lk/tea-tree-oil.html [Accessed: 15th September 2022]
myglamm. (2022) benefits of tea tree face wash. [Online] Available from: https://www.myglamm.com/glammstudio/benefits-of-tea-tree-face-wash [Accessed: 15th September 2022]
thebodyshop. (2022)tea tree facial wash. [Online] Available from: https://www.thebodyshop.lk/tea-tree-facial-wash.html [Accessed: 15th September 2022]
-->
</footer>
</body>
</html>