-
Notifications
You must be signed in to change notification settings - Fork 0
/
our-brands.html
125 lines (116 loc) · 5.75 KB
/
our-brands.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
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<!---------------head starts------------------>
<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>www.serendicola.com/our-brands</title>
<link rel="stylesheet" href="css/style.css">
<!----------------------internal css-------------------->
<style>
h3{
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 35px;
}
h2{
color: rgb(255, 255, 255);
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 25px;
text-align: center;
}
.headword{
align-items: center;
position: absolute;
top: 200px;
}
.footer{
position: absolute;
top: 1800px;
}
</style>
</head>
<!----------------------body starts------------------------>
<body>
<div class="logo">
<font face="Edwardian Script ITC" size="4">THE</font> SerendiCola <font face="Edwardian Script ITC" size="4">COMPANY</font>
</div><br><br><br><br>
<div class="nav">
<div class="pill-nav">
<a href="index.html">Who We Are</a>
<a class= "active" href="our-brands.html">Our Brands</a>
<a href="sustainability">Sustainability</a>
<a href="contact.html">Contact</a>
<a href="news.html">News</a>
<a href="investors.html">Investors</a>
</div>
</div>
<!---------------------------------------------------->
<div class="headword">
<h2>OUR BRAND IS THE MOST POPULAR BEVERAGE BRAND IN WORLD</h2>
<center><h3>OUR BRANDS</h3></center>
</div>
<!---------------------------------------------------->
<img src="img/4.jpg" class="img1" alt="Drinks" height="370px" width="560px">
<div class="txtright">
<div class="txt_header">
SPARKLING SOFT DRINKS<br>
<span></span>
</div>
<div class="txt_body">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae cumque vero beatae numquam cupiditate
unde doloremque nobis magni accusantium? Excepturi numquam rerum, cum reprehenderit libero dolore debitis dolor
quo possimus illum amet, sapiente magni earum eligendi! Recusandae adipisci delectus aut harum ad alias nulla temporibus!
Alias voluptates consectetur culpa ab!</p>
</div>
</div>
<button class="button button1">Read More</button>
<!--------------------------------------------------->
<div class="txtleft">
<div class="txt_header">
COFFEE & BEVERAGES<br>
<span></span>
</div>
<div class="txt_body">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae cumque vero beatae numquam cupiditate
unde doloremque nobis magni accusantium? Excepturi numquam rerum, cum reprehenderit libero dolore debitis dolor
quo possimus illum amet, sapiente magni earum eligendi! Recusandae adipisci delectus aut harum ad alias nulla temporibus!
Alias voluptates consectetur culpa ab!</p>
</div>
</div>
<button class="button button2">Read More</button>
<img src="img/3.jpg" class="img2" alt="Drinks" height="370px" width="560px">
<!---------------------------------------------------------->
<img src="img/4.jpg" class="img3" alt="Drinks" height="370px" width="560px">
<div class="txtright2">
<div class="txt_header">
WATERS & HYDRATIONS<br>
<span></span>
</div>
<div class="txt_body">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae cumque vero beatae numquam cupiditate
unde doloremque nobis magni accusantium? Excepturi numquam rerum, cum reprehenderit libero dolore debitis dolor
quo possimus illum amet, sapiente magni earum eligendi! Recusandae adipisci delectus aut harum ad alias nulla temporibus!
Alias voluptates consectetur culpa ab!</p>
</div>
</div>
<button class="button button3">Read More</button>
<br><br><br>
<!---------------------------------------------------------->
<!----------------------footer html codes------------------------------>
<div class="footer">
<div class="connect">
<center><div class="footerhead">CONNECT WITH US EVERYDAY</div></center><br>
<a href="https://www.facebook.com/"><img src="img/ico/facebook.png" height="40" width="40"></a>
<a href="https://www.twitter.com/"><img src="img/ico/twitter.png" height="40" width="40"></a>
<a href="https://www.pinterest.com/"><img src="img/ico/pinterest.png" height="40" width="40"></a>
<a href="https://www.instagram.com/"><img src="img/ico/instagram.png" height="40" width="40"></a>
<a href="https://www.youtube.com/"><img src="img/ico/youtube.png" height="40" width="40"></a>
</div><br>
<div class="footnote">
<p>® 2022 SERENDICOLA™ BEVERAGE COMPANY SRI LANKA | ALL RIGHTS RESERVED</p>
</div>
</div><br><br>
</body>
</html>