-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (148 loc) · 9.11 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
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
<!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>Eagle Vision</title>
<!-- font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<!-- styles -->
<link rel="stylesheet" href="./styles/main.css">
</head>
<body>
<!-- header starts here -->
<header id="nav-wrapper">
<!-- Navbar will be loaded here -->
</header>
<!-- header ends here -->
<!-- main content starts here -->
<main id="main-content">
<div class="banner-wrapper">
</div>
<!-- hero section description starts here -->
<section class="description-section custom-container">
<div class="description-section__left">
<h4 class="sub-text">
SMART COOKING HAS NEVER BEEN SO EASY TO GET TO GRIPS WITH.
</h4>
<h1 class="title">
<span class="title__bolder">It’s in </span>your hands.
</h1>
<p class="paragraph">
The Celsius°CookingTM system puts fine-tuned, technical control in the palm of your hand – literally. Now you have the power to change, define, and monitor the temperatures and timings of the food you cook with a new level of precision. And with the connected pan, hob, and probe, the enjoyably hands-on experience of working on the hob becomes a finely-tuned culinary adventure. Celsius°CookingTM equipment links directly to the companion app from Hestan Cue that not only allows you to set, control, and monitor temperatures and timings but which is also home to a large collection of inspirational step-by-step recipes. Not only will this inspire you to make something delicious, but it’s also the best way to learn how to use the Celsius°CookingTM system: by getting your hands on it and seeing what it can really do
</p>
</div>
<div class="description-section__right">
<div class="weird-button">
<div class="letter-C"></div>
</div>
<h3 class="description-section__title">Powered by ConnectLifeTM.</h3>
<p class="description-section__text">ConnectLifeTM is an application with which you can unlock more features to your ASKO appliances. Use it to connect your hob to the Celsius Cooking accessories.</p>
<div class="app-availability">
<a href="/playstore">
<img src="./images/availability/apple-store.png" alt="apple store link">
</a>
<a href="/appstore">
<img src="./images/availability/google-play.png" alt="google play link">
</a>
</div>
</div>
</section>
<!-- hero section description starts here -->
<!-- precise cooking section starts-->
<section class="precise-cooking-section">
<h4 class="precise-cooking-section__text">
<span>Temperature precise</span> cooking.
</h4>
</section>
<!-- precise cooking section ends-->
<!-- celsius cooking section starts here -->
<section class="celsius-cooking-section">
<div class="celsius-cooking-content custom-container">
<h2 class="medium-title">The probe.</h2>
<p class="paragraph">Celsius°CookingTM measures temperatures at the bottom of the connected pots and pans – both when frying, and when simmering delicate sauces that can easily catch or burn – and through a probe that can be put directly into the food. It is a sophisticated piece of technology that lets you measure your foods temperature very precisely.</p>
</div>
</section>
<!-- celsius cooing section ends here -->
<!-- Guide section starts here -->
<section class="features-section">
<div class="features-section-container features-section__one">
<div class="features-section_image-wapper cup-image-wrapper">
</div>
<div class="features-section__description">
<div>
<h3 class="medium-title one_description-title description-title"><span>Guided</span> cooking.</h3>
<p class="paragraph one_description-text description-text">Recipes on the celsius cooking guided cooking website are specifically developed to make the most use of your celsius cooking equipment. Use your pot and probes and set exact temperatures to achieve results you thought were exclusive to high-end chefs. Sounds impressive? Just wait until you taste the dishes it helps you cook!</p>
</div>
<div class="progress-bar-wrapper">
<div class="progress-bar">
<div class="progress-bar__level">
2/5
</div>
</div>
<i class="fa-solid fa-fire-burner"></i>
<p>Cooking</p>
</div>
</div>
</div>
<div class="features-section-container features-section__two">
<div class="features-section_image-wapper stove-image-wrapper">
<p class="paragraph stove-image-text">
<span>Premium</span> induction.
</p>
</div>
<div class="features-section__description features-section__description-second-child">
<!-- <div> -->
<h3 class="medium-title one_description-title description-title"><span>Premium</span> induction.</h3>
<p class="paragraph one_description-text description-text">Recipes on the celsius cooking guided cooking website are specifically developed to make the most use of your celsius cooking equipment. Use your pot and probes and set exact temperatures to achieve results you thought were exclusive to high-end chefs. Sounds impressive? Just wait until you taste the dishes it helps you cook!</p>
<!-- </div> -->
</div>
</div>
</section>
<!-- Guide section ends here -->
<!-- technology used section starts here -->
<section class="technology-behind-section">
<div class="technology-behind-section__upper-text custom-container">
<h3 class="medium-title">
The technology.
</h3>
<p class="paragraph">
Celsius°CookingTM measures temperatures at the bottom of the connected pots and pans – both when frying, and when simmering delicate sauces that can easily catch or burn – and through a probe that can be put directly into the food. The pot, pan and probe can monitor temperatures in the equipment and the food then communicate with the hob. What this means is that not only can you read the temperature of your food with accuracy, you can also control temperatures and timings to make sure it’s all perfect. And if that sounds impressive, just wait until you taste the dishes it helps you cook!
</p>
</div>
<div class="pan-img-wrapper">
<img src="./images/pan.png" alt="pan with meat">
</div>
<div class="pan-illustration-text custom-container">
<p class="paragraph">The hobs and accessories can be connected to eachother, meaning you can read temperatures read by the pot or probe directly on your hob.</p>
</div>
<div class="kitchen-stove-img-wrapper">
<div class="connecting-line"></div>
<img src="./images/kitchen-stove.png" alt="stove image">
</div>
</section>
<!-- technology used section ends here -->
<!-- Grid images section starts here -->
<section class="grid-image-section">
<div class="custom-container grid-image-contents">
<div class="grid-image-contents__left">
<img src="./images/celsiuscooking_healthychoices 1.png" alt="grid image 1">
<img src="./images/celsiuscooking_cuisines 1.png" alt="grid image two">
</div>
<div class = "grid-image-contents__right">
<img src="./images/celsius_square-1 1.png" alt="image grid three">
</div>
</div>
<div class="final-text-container custom-container">
<h4 class="medium-title final-text">
Start Cooking...
</h4>
</div>
</section>
<!-- Grid images section ends here -->
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./js/app.js"></script>
</body>
</html>