-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
254 lines (229 loc) · 12.2 KB
/
Copy pathindex.html
File metadata and controls
254 lines (229 loc) · 12.2 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
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="./public/favicon/icon.ico" sizes="any" />
<link rel="icon" href="./public/favicon/icon.svg" type="image/svg+xml" />
<link
rel="apple-touch-icon"
href="./public/apple-touch-icon.png"
sizes="180x180"
/>
<title>3ll stdio</title>
<meta
name="description"
content="3ll is a design studio staffed by experienced IT professionals dedicated to creating tailor-made websites and applications that matter."
/>
<link rel="stylesheet" href="./static/css/global.css" />
<link rel="stylesheet" href="./static/css/global.css" />
<link rel="stylesheet" href="./static/css/style.css" />
<link
rel="preconnect"
href="https://images.unsplash.com/photo-1556020685-ae41abfc9365"
/>
<link
rel="preconnect"
href="https://images.unsplash.com/photo-1486718448742-163732cd1544"
/>
<link
rel="preconnect"
href="https://images.unsplash.com/photo-1615887087343-6a32f45f27a4"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Tektur:wght@400;500;600;700;800;900&family=Zen+Maru+Gothic:wght@400;500&display=swap"
rel="stylesheet"
/>
<meta property="og:title" content="3ll stdio" />
<meta
property="og:description"
content="3ll is a design studio staffed by experienced IT professionals dedicated to creating tailor-made websites and applications that matter."
/>
<meta property="og:url" content="https://3ll.gr" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/public/assets/meta-image-home.png" />
<meta
property="og:image:secure_url"
content="/public/assets/meta-image-home.png"
/>
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="2000" />
<meta property="og:image:height" content="1280" />
<meta property="og:image:alt" content="3ll stdio logo" />
</head>
<body>
<div class="app">
<header>
<svg class="logo" viewBox="0 0 33 28">
<path
d="m27,.5v4.01c0,.27.22.5.5.5h5.01c.27,0,.5-.22.5-.5V.5c0-.27-.22-.5-.5-.5h-5.01c-.27,0-.5.22-.5.5Zm3.5,3.5h0c-.83,0-1.5-.67-1.5-1.5h0c0-.83.67-1.5,1.5-1.5h0c.83,0,1.5.67,1.5,1.5h0c0,.83-.67,1.5-1.5,1.5Z"
/>
<path
d="m19,12.5V.5c0-.28-.22-.5-.5-.5h-5c-.28,0-.5.23-.5.5v18.99c0,.28.23.5.5.5h19c.28,0,.5-.22.5-.5v-5c0-.28-.22-.5-.5-.5h-12c-.83,0-1.5-.67-1.5-1.5Z"
/>
<path
d="m12,7.59V.5c0-.28-.22-.5-.5-.5H.5C.22,0,0,.22,0,.5v6.01c0,.27.22.5.5.5h5c.28,0,.5.22.5.5s-.22.5-.5.5h-3.5c-.27,0-.5.22-.5.5v3.01c0,.27.22.5.5.5h3.5c.28,0,.5.22.5.5s-.22.5-.5.5H.5c-.27,0-.5.22-.5.5v6.01c0,.27.22.5.5.5h11c.28,0,.5-.22.5-.5v-7.09c0-.26-.1-.52-.29-.7l-.42-.42c-.19-.19-.29-.44-.29-.7v-1.17c0-.26.1-.52.29-.7l.42-.42c.19-.19.29-.44.29-.7Z"
/>
<path
d="m32.5,6h-5.01c-.27,0-.5.22-.5.5v1c0,.28-.22.5-.5.5s-.5-.22-.5-.5V.5c0-.27-.22-.5-.5-.5h-5.01c-.27,0-.5.22-.5.5v12.01c0,.27.22.5.5.5h12.01c.27,0,.5-.22.5-.5v-6.01c0-.27-.22-.5-.5-.5Z"
/>
<path
d="m11,24.25v2.5c0,.14.11.25.25.25h2.5c.14,0,.25.11.25.25v.5c0,.14-.11.25-.25.25h-4.5c-.14,0-.25-.11-.25-.25v-3.5c0-.14-.11-.25-.25-.25h-.5c-.14,0-.25-.11-.25-.25v-.5c0-.14.11-.25.25-.25h.5c.14,0,.25-.11.25-.25v-1.5c0-.14.11-.25.25-.25h1.5c.14,0,.25.11.25.25v1.5c0,.14.11.25.25.25h2.5c.14,0,.25.11.25.25v.5c0,.14-.11.25-.25.25h-2.5c-.14,0-.25.11-.25.25Z"
/>
<path
d="m20.75,21h-1.5c-.14,0-.25.11-.25.25v1.5c0,.14-.11.25-.25.25h-3.5c-.14,0-.25.11-.25.25v4.5c0,.14.11.25.25.25h5.5c.14,0,.25-.11.25-.25v-6.5c0-.14-.11-.25-.25-.25Zm-.75,4.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5.67-1.5,1.5-1.5,1.5.67,1.5,1.5Z"
/>
<rect x="23" y="21" width="2" height="1" rx=".25" ry=".25" />
<path
d="m26,27.25v.5c0,.14-.11.25-.25.25h-3.5c-.14,0-.25-.11-.25-.25v-.5c0-.14.11-.25.25-.25h.75v-2.75c0-.14-.11-.25-.25-.25h-.5c-.14,0-.25-.11-.25-.25v-.5c0-.14.11-.25.25-.25h2.5c.14,0,.25.11.25.25v3.75h.75c.14,0,.25.11.25.25Z"
/>
<path
d="m32.75,23h-5.5c-.14,0-.25.11-.25.25v4.5c0,.14.11.25.25.25h5.5c.14,0,.25-.11.25-.25v-4.5c0-.14-.11-.25-.25-.25Zm-.75,2.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5.67-1.5,1.5-1.5,1.5.67,1.5,1.5Z"
/>
<path
d="m8,25.25v2.5c0,.14-.11.25-.25.25H.25c-.14,0-.25-.11-.25-.25v-.5c0-.14.11-.25.25-.25h5.25c.28,0,.5-.22.5-.5s-.22-.5-.5-.5H.25c-.14,0-.25-.11-.25-.25v-2.5c0-.14.11-.25.25-.25h6.5c.14,0,.25.11.25.25v.5c0,.14-.11.25-.25.25H2.5c-.28,0-.5.22-.5.5s.22.5.5.5h5.25c.14,0,.25.11.25.25Z"
/>
</svg>
<div class="hero">
<h1 class="h1">
We are 3ll.
<br />
Not another studio
</h1>
<h2 class="s1">Creating digital products</h2>
<p class="p1">
3ll is a design studio staffed by experienced IT professionals
dedicated to creating tailor-made websites and applications that
matter.
</p>
</div>
<footer>
<div class="contact">
<a
class="instagram"
href="mailto:3ll.stdio@gmail.com"
target="_blank"
>
<svg viewBox="0 0 24 24">
<path
d="M19 4H5C3.93913 4 2.92172 4.42143 2.17157 5.17157C1.42143 5.92172 1 6.93913 1 8V16C1 17.0609 1.42143 18.0783 2.17157 18.8284C2.92172 19.5786 3.93913 20 5 20H19C20.0609 20 21.0783 19.5786 21.8284 18.8284C22.5786 18.0783 23 17.0609 23 16V8C23 6.93913 22.5786 5.92172 21.8284 5.17157C21.0783 4.42143 20.0609 4 19 4ZM5 6H19C19.2767 6.00078 19.5501 6.05895 19.8032 6.17083C20.0562 6.28271 20.2833 6.44588 20.47 6.65L12 10.88L3.53 6.65C3.71674 6.44588 3.9438 6.28271 4.19683 6.17083C4.44986 6.05895 4.72334 6.00078 5 6ZM19 18H5C4.46957 18 3.96086 17.7893 3.58579 17.4142C3.21071 17.0391 3 16.5304 3 16V8.62L11.55 12.89C11.6896 12.9603 11.8437 12.997 12 12.997C12.1563 12.997 12.3104 12.9603 12.45 12.89L21 8.62V16C21 16.5304 20.7893 17.0391 20.4142 17.4142C20.0391 17.7893 19.5304 18 19 18Z"
/>
</svg>
<p class="s2">3ll.stdio@gmail.com</p>
</a>
<a
class="instagram"
href="https://instagram.com/3ll.stdio"
target="_blank"
>
<svg viewBox="0 0 24 24">
<path
d="M16.0866 2.88H7.9134C6.579 2.88175 5.29975 3.41262 4.35618 4.35618C3.41262 5.29975 2.88175 6.579 2.88 7.9134V16.0866C2.88175 17.421 3.41262 18.7003 4.35618 19.6438C5.29975 20.5874 6.579 21.1183 7.9134 21.12H16.0866C17.421 21.1183 18.7003 20.5874 19.6438 19.6438C20.5874 18.7003 21.1183 17.421 21.12 16.0866V7.9134C21.1183 6.579 20.5874 5.29975 19.6438 4.35618C18.7003 3.41262 17.421 2.88175 16.0866 2.88ZM19.5 16.0866C19.4983 16.9914 19.1381 17.8586 18.4983 18.4983C17.8586 19.1381 16.9914 19.4983 16.0866 19.5H7.9134C7.00865 19.4983 6.14145 19.1381 5.50169 18.4983C4.86193 17.8586 4.50175 16.9914 4.5 16.0866V7.9134C4.50175 7.00865 4.86193 6.14145 5.50169 5.50169C6.14145 4.86193 7.00865 4.50175 7.9134 4.5H16.0866C16.9914 4.50175 17.8586 4.86193 18.4983 5.50169C19.1381 6.14145 19.4983 7.00865 19.5 7.9134V16.0866Z"
/>
<path
d="M12 7.3002C11.0705 7.3002 10.1618 7.57584 9.38893 8.09226C8.61606 8.60868 8.01367 9.34269 7.65795 10.2015C7.30224 11.0602 7.20917 12.0052 7.39051 12.9169C7.57185 13.8286 8.01946 14.666 8.67674 15.3233C9.33402 15.9805 10.1714 16.4282 11.0831 16.6095C11.9948 16.7908 12.9398 16.6978 13.7985 16.3421C14.6573 15.9863 15.3913 15.3839 15.9077 14.6111C16.4242 13.8382 16.6998 12.9295 16.6998 12C16.6984 10.754 16.2028 9.55939 15.3217 8.67832C14.4406 7.79725 13.246 7.30163 12 7.3002ZM12 15.0816C11.3905 15.0816 10.7947 14.9009 10.288 14.5623C9.78119 14.2236 9.38622 13.7424 9.15298 13.1793C8.91974 12.6162 8.85871 11.9966 8.97762 11.3988C9.09652 10.801 9.39001 10.252 9.82098 9.82098C10.252 9.39001 10.801 9.09652 11.3988 8.97761C11.9966 8.85871 12.6162 8.91974 13.1793 9.15297C13.7424 9.38621 14.2237 9.78119 14.5623 10.288C14.9009 10.7947 15.0816 11.3905 15.0816 12C15.0807 12.817 14.7557 13.6003 14.178 14.178C13.6003 14.7557 12.817 15.0806 12 15.0816Z"
/>
<path
d="M16.8972 5.92799C16.6228 5.92829 16.357 6.02369 16.1451 6.19795C15.9332 6.37221 15.7882 6.61456 15.7349 6.88371C15.6816 7.15287 15.7232 7.43218 15.8527 7.67407C15.9822 7.91597 16.1916 8.10549 16.4451 8.21035C16.6987 8.31521 16.9808 8.32893 17.2433 8.24917C17.5058 8.16941 17.7326 8.00111 17.885 7.77292C18.0373 7.54474 18.1059 7.27079 18.079 6.99773C18.052 6.72468 17.9312 6.4694 17.7372 6.27539C17.5142 6.05298 17.2122 5.92805 16.8972 5.92799Z"
/>
</svg>
<p class="s2">3ll.stdio</p>
</a>
</div>
</footer>
</header>
<hr />
<main>
<div class="products">
<h3 class="h3">Our templates</h3>
<ul class="products-list">
<li>
<a
href="https://dev.kardias.gr"
class="product-card product-available"
target="_blank"
>
<div class="card-content">
<h4 class="h3">Kardias</h4>
<h5 class="s1">Booking Engine</h5>
<p class="p1">Showcase your rooms and accept reservations</p>
</div>
<img
src="public/assets/projects/kardias.webp"
/>
</a>
</li>
<li>
<a
href="https://briochecoffee.gr"
class="product-card product-available"
target="_blank"
>
<div class="card-content">
<h4 class="h3">Brioche</h4>
<h5 class="s1">Bakery Website</h5>
<p class="p1">
Display your delightful menu and irresistible treats
</p>
</div>
<img
src="public/assets/projects/brioche.webp"
/>
</a>
</li>
<li>
<a
href="https://retrofolio.3ll.gr"
class="product-card product-available"
target="_blank"
>
<div class="card-content">
<h4 class="h3">Retrofolio</h4>
<h5 class="s1">Portfolio Website</h5>
<p class="p1">
A retro pc site portfolio to demonstrate your projects
</p>
</div>
<img
src="public/assets/projects/retrofolio.webp"
/>
</a>
</li>
<li>
<div class="product-card product-in-progress">
<div class="in-progress-message">
<p class="s3">Work in progress</p>
</div>
<div class="card-content">
<h4 class="h3">PMS</h4>
<h5 class="s1">Property Managment System</h5>
<p class="p1">Manage your properties with ease</p>
</div>
<img
src="public/assets/projects/pms.webp"
/>
</div>
</li>
<li>
<div class="product-card product-in-progress">
<div class="in-progress-message">
<p class="s3">Work in progress</p>
</div>
<div class="card-content">
<h4 class="h3">FDS</h4>
<h5 class="s1">Food Delivery System</h5>
<p class="p1">Commission-free food delivery system</p>
</div>
<img
src="public/assets/projects/fds.webp"
/>
</div>
</li>
</ul>
</div>
</main>
</div>
</body>
</html>