-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (96 loc) · 3.32 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
<!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 rel="stylesheet" href="style.css" />
</head>
<body>
<div class="main">
<div id="one" class="container">
<div class="content">
<h1>
Lunch steam,<br />
made easy.
</h1>
<video src="bassvideo.mp4" autoplay muted></video>
</div>
</div>
<div id="two" class="container">
<h2>
Steasy is a mobile mini-steamer with a built-in battery. With that you
can Warm up your pre-cooked lunch everywhere with high quality.
</h2>
<div class="grid-container">
<div class="grid-item">
<img src="./assets/asset1.jpeg" alt="Image 1" />
</div>
<div class="grid-item">
<img src="./assets/asset2.jpeg" alt="Image 2" />
</div>
<div class="grid-item">
<img src="./assets/asset3.jpeg" alt="Image 3" />
</div>
<div class="grid-item">
<img src="./assets/asset5.jpeg" alt="Image 4" />
</div>
<div class="grid-item">
<img src="./assets/asset7.jpeg" alt="Image 5" />
</div>
</div>
</div>
<div id="three" class="container">
<div class="content3">
<div class="left">
<h1>Why should you steamed your lunch? It just tastes better.</h1>
<p>
Finally a kind of warming up that corresponds to the quality of
your Mealprep dishes. Our LPS ™ technology ensures gentle warming
up in order to maintain taste and nutrients in the best possible
way.
</p>
<button>Our mission</button>
</div>
<div class="right">
<div class="img-1"></div>
<div class="img-2"></div>
<div class="img-3"></div>
</div>
</div>
</div>
<div id="four" class="container">
<div id="content4" class="content3">
<div class="left">
<h1>
Smart steamen on the go. High quality, contemporary and
user-friendly.
</h1>
<p>
Steasy is easy to use via app and you can even time your meal time
in advance. Thanks to the innovative locking system, Steasy is not
only safe to transport, but also odorless when steaming.
</p>
<button>Product details</button>
</div>
<div class="right">
<div class="img-1 r-img-1"></div>
<div class="img-2 r-img-2"></div>
<div class="img-3 r-img-3"></div>
</div>
</div>
</div>
<div id="five" class="container">
<div class="five-img"></div>
<div class="five-shop">
<h3>As easy to order as to use</h3>
<button>To the shop</button>
</div>
</div>
<!-- <div id="three" class="container"></div> -->
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
<script src="script.js"></script>
</body>
</html>