-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfeatures.html
116 lines (99 loc) · 4.48 KB
/
features.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
<!--<h4 class="logo" style="color: aliceblue;font-size: x-large;font-family:alconica;"> <img src="images/Cafe-PNG.png" class="logo"> FOTW35</h4>)--->
<html>
<head>
<title>CUP-FFEE</title>
<link rel="shortcut icon" type="image/png" href="images/Cafe-PNG.png">
<link rel="stylesheet" href="anas.css" >
<link rel="stylesheet" href="abdou.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="animation.css">
<link rel="stylesheet" href="webkitt.css">
<link rel="stylesheet" href="bottom.css">
</head>
<!------------------------------------------bg and nav----------------------------------------------------------->
<body>
<section id="header">
<div class="header container">
<div class="nav-bar" >
<div class="brand">
<a href="home.html" style="color: white;"><i>FOTW35</i></a>
</div>
<div class="nav-list">
<div class="hamburger"><div class="bar"></div></div>
<ul>
<li><a href="home.html" data-after="Home">Home</a></li>
<li><a href="features.html" data-after="Features">Features</a></li>
<li><a href="store.html" data-after="Store">Store</a></li>
<li><a href="contact.html" data-after="Team">Team</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="pageprincipale">
<div class="hdr">
<div class="ft" style="color: transparent;">
<h1>FEATURES<span style="background-color:#c49e7a;"></span></h1>
</div>
</div>
</section>
<!-----------------------------------------advantages and benefits------------------------------------------------------>
<section class="about">
<h1 class="ft1">Advantages and benefits:</h1>
<div class="row">
<div class="adv">
<h2>Biodegradability:</h2></br>
<p><b>Advantage:</b> The cups are biodegradable; they have the ability to decompose
after interactions with biological elements.</br>
<b>Benefit:</b> Reducing carbon footprint isn’t a story we keep on hearing from
experts. With the regular use of biodegradable coffee cups in cafeterias, offices,
homes, etc., the amount of carbon footprint also decreases. Prevailing
apprehensions over climate change can’t be subdued dramatically. But we have
the opportunity to conserve the earth by doing a small bit of good work. In
simple words, saving the environment by reducing plastic waste.</p>
</div>
<div class="adv">
<h2>Free harmful plastic BPA:</h2></br>
<p><b>Advantage:</b> These cups don’t contain the harmful plastic BPA.</br>
<b>Benefit:</b> : Keeping your customers healthy specially the ones who drink coffee
every day. Studies have found high amounts of BPA consumption to be related
to: Eroded teeth, heart disease (primarily in females), depression, type 2
diabetes, loss of memory, slowed learning (children), asthma, breast cancer, etc.
</p>
</div>
<div class="adv">
<h2>Coffee grounds:</h2></br>
<p><b>Advantage:</b> They can keep drinks hot for several hours</br>
<b>Benefit:</b> : Paper takeaway cups don’t offer much in the way of insulation, so your
drink is likely to turn cold quickly, particularly when it’s chilly outside.
Equally, they don’t offer much protection for your hands from the hot drink
within. Opting for our cups should help your drink stay toasty for longer and
keep your fingers from frying.</p>
</div>
</div>
</section>
<section class="about">
<h1 class="ft1">Product supplies and equipements :</h1>
<div class="row1">
<div class="product">
<img src="images/coffee ground3.jpg" alt="">
<h2>Coffee ground waste</h2>
</div>
<div class="product">
<img src="images/oven3.jpg" alt="">
<h2>Oven</h2>
</div>
<div class="product">
<img src="images/heat press1.jpg" alt="">
<h2>Heat press</h2>
</div>
</div>
</section>
<!-----------------------------------------------------contact us------------------------------------------------>
<section class="contact-us">
<h1 style="font-size: xx-large;">Enjoy your coffee everyday with us</h1>
<a href="contact.html"class="click">CONTACT US</a>
</section>
<script src="main.js"></script>
</body>
</html>