-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
289 lines (281 loc) · 13.8 KB
/
index.html
File metadata and controls
289 lines (281 loc) · 13.8 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
<!DOCTYPE html>
<html>
<head>
<title>Penthaus - Social E-Ecommerce Platfrom</title>
<meta charset="UTF-8" />
<meta
name="description"
content="Penthaus ist eine Social E-Ecommerce Platform die es dir erlaubt Produkte mit Freunden zu teilen"
/>
<meta
name="keywords"
content="Social E-Commerce, Share, Social Proof, Platform, Teile, Freunde"
/>
<meta name="author" content="Mellennium GmbH" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="apple-touch-icon"
sizes="57x57"
href="meta/apple-icon-57x57.png"
/>
<link
rel="apple-touch-icon"
sizes="60x60"
href="meta/apple-icon-60x60.png"
/>
<link
rel="apple-touch-icon"
sizes="72x72"
href="meta/apple-icon-72x72.png"
/>
<link
rel="apple-touch-icon"
sizes="76x76"
href="meta/apple-icon-76x76.png"
/>
<link
rel="apple-touch-icon"
sizes="114x114"
href="meta/apple-icon-114x114.png"
/>
<link
rel="apple-touch-icon"
sizes="120x120"
href="meta/apple-icon-120x120.png"
/>
<link
rel="apple-touch-icon"
sizes="144x144"
href="meta/apple-icon-144x144.png"
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="meta/apple-icon-152x152.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="meta/apple-icon-180x180.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="meta/android-icon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="meta/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="meta/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="meta/favicon-16x16.png"
/>
<link rel="manifest" href="meta/manifest.json" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="meta/ms-icon-144x144.png" />
<meta name="theme-color" content="#000000" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/section-1.css" />
<link rel="stylesheet" href="css/section-2.css" />
<link rel="stylesheet" href="css/section-3.css" />
<link rel="stylesheet" href="css/section-4.css" />
<link rel="stylesheet" href="css/footer.css" />
<script src="index.js" async></script>
</head>
<body>
<header>
<div class="container">
<svg viewBox="0 0 161 30" fill="none">
<g clip-path="url(#clip0)">
<path
d="M3.73804 17.1144C3.73804 20.5851 3.73804 24.0559 3.6552 27.4069L-0.00299072 27.8457V29.4814H11.293V27.8457L7.59504 27.4036C7.5122 24.5312 7.5122 21.8185 7.5122 18.9461H9.58318C17.7346 18.9461 20.7963 15.1961 20.7963 10.7281C20.7963 6.06051 17.4165 2.78923 10.6965 2.78923H0.00032281V4.42487L3.65851 4.8637C3.74135 8.29455 3.74135 11.7254 3.74135 15.1562L3.73804 17.1144ZM9.98081 4.63098C14.7524 4.63098 16.8565 6.86503 16.8565 10.7347C16.8565 14.4847 14.9512 17.0778 10.1365 17.0778H7.51551V15.1662C7.51551 11.6157 7.51551 8.06516 7.59835 4.63431L9.98081 4.63098ZM31.5721 11.8517C32.7146 11.8521 33.8107 12.3049 34.6223 13.1117C35.4339 13.9185 35.8953 15.014 35.9062 16.1602C35.9062 17.3172 35.4688 18.238 33.5602 18.238H26.3234C26.7608 13.607 29.3453 11.8484 31.5721 11.8484V11.8517ZM31.8106 10.0166C26.8403 10.0166 22.6652 14.0891 22.6652 20.1895C22.6652 26.2899 26.1676 30 31.5323 30C33.1149 30.0534 34.6788 29.6444 36.0341 28.8229C37.3894 28.0014 38.4777 26.8027 39.1668 25.3723L38.2125 24.6144C36.781 26.2899 35.2303 27.4036 32.6854 27.4036C28.8682 27.4036 26.3234 24.8105 26.2438 19.9036H38.9249C39.1216 19.1757 39.2153 18.4236 39.2032 17.6695C39.2065 12.8457 35.9427 10.0133 31.8106 10.0133V10.0166ZM56.1058 10.0166C53.6405 10.0166 50.9366 11.4927 48.9882 13.6469L48.6701 10.4156L48.0737 10.0166L42.5069 12.4435V13.8398L45.6481 14.1988C45.731 15.7945 45.7674 16.9914 45.7674 19.1855V21.0971C45.7674 22.8923 45.7277 25.4854 45.6846 27.4801L42.7421 28.0386V29.4814H51.9704V28.0452L49.2268 27.4867C49.187 25.492 49.144 22.859 49.144 21.1037V15.2793C51.1719 13.6037 52.7226 12.8856 54.5517 12.8856C56.8977 12.8856 57.852 14.0426 57.852 17.7128V21.1037C57.852 22.9388 57.8123 25.5319 57.7692 27.4867L54.8301 28.0452V29.4814H64.0584V28.0452L61.275 27.4867C61.2352 25.492 61.1921 22.9388 61.1921 21.1037V17.3936C61.1954 12.1676 59.5254 10.0133 56.1058 10.0133V10.0166ZM72.0938 25.0166V12.6496H77.5015V10.5319H72.17L72.3688 5.10638H69.983L68.9492 10.4488L65.4103 10.8876V12.643H68.7106V22.0612C68.7106 23.617 68.6709 24.4548 68.6709 25.4521C68.6709 28.5672 70.4204 30 73.2038 30C74.0967 30.0436 74.9871 29.8747 75.8025 29.5073C76.618 29.1398 77.3352 28.5842 77.8958 27.8856L76.9415 26.8484C76.1945 27.49 75.259 27.8694 74.2774 27.9289C72.9255 27.9255 72.0905 27.0479 72.0905 25.0133L72.0938 25.0166ZM82.2333 21.1104C82.2333 22.8657 82.1936 25.4987 82.1505 27.4934L79.1683 28.0519V29.4814H88.3933V28.0452L85.6463 27.4867C85.6065 25.492 85.5635 22.859 85.5635 21.1037V15.4787C87.5914 13.6436 89.2216 12.8856 91.17 12.8856C93.516 12.8856 94.4306 14.0426 94.4306 17.7128V21.1037C94.4306 22.9388 94.3908 25.5319 94.3477 27.5266L91.4484 28.0452V29.4814H100.673V28.0452L97.89 27.4867C97.8502 25.492 97.8071 22.9388 97.8071 21.1037V17.3936C97.8071 12.1676 96.1371 10.0133 92.7175 10.0133C90.2124 10.0133 87.3892 11.5293 85.4409 13.7234V5.98404L85.5999 0.319148L85.0432 0L78.9595 1.79521V3.19149L82.2201 3.59043L82.2333 21.1104ZM118.414 29.8803C119.128 29.9 119.833 29.7149 120.446 29.3469C121.058 28.9788 121.554 28.4431 121.874 27.8025L121.078 26.9249C120.907 27.1837 120.678 27.3985 120.408 27.5515C120.139 27.7046 119.837 27.7917 119.528 27.8059C118.653 27.8059 118.096 27.1676 118.096 25.4521V16.9548C118.096 11.9282 116.108 10.0133 111.933 10.0133C107.874 10.0133 104.935 11.9249 104.179 14.9601C104.187 15.1932 104.243 15.4221 104.343 15.6327C104.443 15.8432 104.585 16.031 104.76 16.1843C104.935 16.3376 105.14 16.4533 105.362 16.524C105.583 16.5948 105.817 16.6192 106.048 16.5957C107.125 16.5957 107.758 15.9176 108.119 14.6842L108.874 12.0911C109.578 11.9255 110.299 11.8451 111.022 11.8517C113.646 11.8517 114.759 12.8092 114.759 16.6789V17.6762C113.238 18.0294 111.738 18.4689 110.266 18.9927C104.898 20.9475 103.666 22.7427 103.666 25.0166C103.666 28.3278 106.091 30.0033 108.994 30.0033C111.34 30.0033 112.652 28.9661 114.839 26.8118C114.942 27.6801 115.367 28.4777 116.03 29.0461C116.692 29.6146 117.543 29.9124 118.414 29.8803ZM107.201 24.4116C107.201 23.2148 107.639 21.6988 111.095 20.3391C111.93 20.0199 113.361 19.5412 114.753 19.1423V25.2926C112.486 26.8883 111.731 27.3703 110.379 27.3703C108.553 27.367 107.201 26.5293 107.201 24.4116ZM143.942 29.4814V28.0452L141.238 27.4867V16.2766L141.357 10.6915L140.96 10.2926L135.194 10.8511V12.2872L138.017 12.8457L137.898 24.5778C136.439 26.1215 134.448 27.0489 132.331 27.1709C130.184 27.1709 129.15 25.9342 129.15 22.4634V16.2799L129.349 10.6948L128.951 10.2959L123.106 10.8544V12.2906L125.929 12.889L125.81 22.8225C125.77 28.0884 127.759 30.0033 130.979 30.0033C133.365 30.0033 135.867 28.8863 138.021 26.2533L138.415 29.8005L143.942 29.4814ZM153.243 30C158.373 30 160.997 27.3271 160.997 24.2952C160.997 21.7819 159.486 19.9069 155.51 18.4309L154.277 17.992C151.573 16.9947 150.619 16.3165 150.619 14.5612C150.619 12.9255 151.891 11.8484 154.317 11.8484C155.272 11.8552 156.212 12.0875 157.06 12.5266L157.697 15.7181H159.768L159.927 11.6456C158.266 10.5748 156.334 10.0069 154.36 10.01C149.906 10.01 147.441 12.7227 147.441 15.635C147.441 18.3477 149.346 19.9435 152.252 21.0206L154.082 21.6988C156.587 22.5765 157.78 23.4541 157.78 25.1695C157.78 26.9648 156.348 28.2015 153.326 28.2015C152.219 28.2294 151.119 28.0115 150.105 27.5632L149.35 24.0957H147.163L147.322 28.484C149.137 29.4824 151.174 30.0039 153.243 30Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0">
<rect width="161" height="30" fill="white" />
</clipPath>
</defs>
</svg>
<div>
<a
href="https://apps.apple.com/de/app/penthaus-zimmer-einrichten/id1503769303"
>
<img src="images/apple_badge.png" alt="AppStore Badge" />
</a>
<a href="https://play.google.com/store/apps/details?id=com.penthaus">
<img src="images/google_badge.png" alt="Google Play Badge" />
</a>
</div>
</div>
</header>
<section id="section-1">
<!-- Shopping is now Social -->
<div class="container">
<h1 class="fade-in slide-in-bottom">Von Profis</h1>
<h1 class="fade-in slide-in-bottom">für dein Zuhause</h1>
<div class="fade-in"></div>
<p class="fade-in">
Finde heraus wo deine Freunde ihre tolle Traumeinrichtung eingekauft
haben und lasse dich von Influencern inspirieren
</p>
</div>
<img />
<img
class="fade-in slide-in-right"
src="images/shopping.png"
alt="Shopping Card 3D Illustration"
/>
</section>
<section id="section-2">
<!-- Social E-Commerce Platform and Screenshots-->
<div class="container">
<div>
<div class="fade-in slide-in-left" id="section-2-image-container">
<img
src="images/phone_represantation_1.png"
alt="Phone Penthaus Screenshot Home"
/>
<img
src="images/phone_representation_2.png"
alt="Phone Penthaus Screenshot Home"
/>
</div>
<div class="fade-in" id="section-2-text-container">
<h6>Penthaus ist die innovativste</h6>
<h2>Social E-Commerce Platform</h2>
<h6>
Eine Platform auf der du endlich all die coolen Produkte findest
die deine Freunde gekauft haben
</h6>
</div>
</div>
</div>
<div id="section-2-gradient-container">
<img />
<h2 class="fade-in">Was dich erwartet</h2>
</div>
</section>
<section id="section-3">
<!-- Cards -->
<div class="container">
<div class="card-column">
<div class="card-container">
<div class="card fade-in slide-in-bottom" id="card-1">
<img
src="images/3D_phone.png"
alt="3D Phone Illustration"
class="card-image"
/>
<span class="card-title">Minimalistisch</span>
<p class="card-text">
Einfach zu bedienende und optisch ansprechende Native
Applikation
</p>
</div>
<div class="card fade-in slide-in-bottom" id="card-3">
<img
src="images/3D_store.png"
alt="3D Store Illustration"
class="card-image"
/>
<span class="card-title">Vertrauen</span>
<p class="card-text">
Sehe Bewertungen von Shops und Produkten ein um Fehlkäufe zu
vermeiden
</p>
</div>
</div>
</div>
<div id="card-container-spacer"></div>
<div class="card-column">
<div class="card-container">
<div class="card fade-in slide-in-bottom" id="card-2">
<img
src="images/3D_cart.png"
alt="3D Cart Illustration"
class="card-image"
/>
<span class="card-title">Übersicht</span>
<p class="card-text">
Halte alle deine Wunschartikel in Listen fest, die du
anschließend mit Freunden teilen kannst
</p>
</div>
<div class="card fade-in slide-in-bottom" id="card-4">
<img
src="images/3D_rocket.png"
alt="3D Rocket Illustration"
class="card-image"
/>
<span class="card-title">Conversion</span>
<p class="card-text">
Lasse deinen Shop von einer erhöhten Conversion Rate durch
Social Proof und Mobile App profitieren
</p>
</div>
</div>
</div>
</div>
</section>
<section id="section-4">
<!-- E-Mail Contact info -->
<div class="container flex-row">
<img
class="fade-in slide-in-right"
src="images/3D_mail.png"
alt="3D Mail Illustration"
/>
<div class="fade-in">
<h3>Du hast Fragen?</h3>
<p>
Gerne kannst du uns über die E-Mail Adresse
<a href="mailto: contact@mellennium.co">contact@mellennium.co</a>
kontaktieren
</p>
</div>
</div>
</section>
<footer>
<div class="container">
<div>
<div class="footer-row">
<div class="footer-row">
<img src="images/mellennium_logo.png" alt="Mellennium Logo" />
<p>© 2021 Mellennium GmbH</p>
</div>
</div>
<div class="footer-row">
<div class="footer-column">
<p class="footer-text">Mellennium GmbH</p>
<p class="footer-text">Birkhuhnweg 15</p>
<p class="footer-text">85737</p>
<p class="footer-text">Ismaning, Deutschland</p>
</div>
</div>
<div class="footer-row">
<div class="footer-column">
<p class="footer-text">contact@mellennium.co</p>
<p class="footer-text">Handelsregister München, HRB 253709</p>
<p class="footer-text">Umsatzsteuer-ID-Nr.: DE328163258</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>