-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (291 loc) · 30.6 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
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
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!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>sunnyside</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<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=Barlow:wght@600&display=swap"
rel="stylesheet"
/>
<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=Fraunces:wght@700;900&display=swap"
rel="stylesheet"
/>
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule=""
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<script
defer
src="https://unpkg.com/[email protected]/dist/smoothscroll.min.js"
></script>
<link rel="stylesheet" href="CSS/general.css" />
<link rel="stylesheet" href="CSS/style.css" />
<link rel="stylesheet" href="CSS/queries.css" />
<script defer src="/style.js"></script>
</head>
<body>
<div class="hero">
<div class="nav-container">
<header class="header">
<div class="logo">
<a href="#">
<svg
width="141"
height="31"
viewBox="0 0 141 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.224 24.224C5.79467 24.224 4.54667 24.0213 3.48 23.616C2.41333 23.2107 1.58133 22.6453 0.984 21.92C0.408 21.1947 0.12 20.3733 0.12 19.456V19.136C0.12 19.0293 0.152 18.944 0.216 18.88C0.301333 18.7947 0.397333 18.752 0.504 18.752H4.056C4.16267 18.752 4.248 18.7947 4.312 18.88C4.39733 18.944 4.44 19.0293 4.44 19.136V19.168C4.44 19.6373 4.696 20.0427 5.208 20.384C5.74133 20.704 6.40267 20.864 7.192 20.864C7.91733 20.864 8.504 20.7253 8.952 20.448C9.4 20.1493 9.624 19.7867 9.624 19.36C9.624 18.976 9.432 18.688 9.048 18.496C8.664 18.304 8.03467 18.1013 7.16 17.888C6.15733 17.632 5.368 17.3867 4.792 17.152C3.42667 16.6827 2.33867 16.1067 1.528 15.424C0.717333 14.7413 0.312 13.76 0.312 12.48C0.312 10.9013 0.92 9.65333 2.136 8.736C3.37333 7.79733 5.00533 7.328 7.032 7.328C8.39733 7.328 9.592 7.552 10.616 8C11.64 8.42667 12.4293 9.03467 12.984 9.824C13.56 10.6133 13.848 11.5093 13.848 12.512C13.848 12.6187 13.8053 12.7147 13.72 12.8C13.656 12.864 13.5707 12.896 13.464 12.896H10.04C9.93333 12.896 9.83733 12.864 9.752 12.8C9.688 12.7147 9.656 12.6187 9.656 12.512C9.656 12.0427 9.41067 11.648 8.92 11.328C8.45067 11.008 7.82133 10.848 7.032 10.848C6.328 10.848 5.752 10.976 5.304 11.232C4.856 11.488 4.632 11.84 4.632 12.288C4.632 12.7147 4.84533 13.0347 5.272 13.248C5.72 13.4613 6.456 13.6853 7.48 13.92C7.71467 13.984 7.98133 14.0587 8.28 14.144C8.57867 14.208 8.89867 14.2933 9.24 14.4C10.7547 14.848 11.9493 15.424 12.824 16.128C13.6987 16.832 14.136 17.856 14.136 19.2C14.136 20.7787 13.5067 22.016 12.248 22.912C11.0107 23.7867 9.336 24.224 7.224 24.224ZM26.3265 7.936C26.3265 7.82933 26.3585 7.744 26.4225 7.68C26.5078 7.59467 26.6038 7.552 26.7105 7.552H30.4545C30.5612 7.552 30.6465 7.59467 30.7105 7.68C30.7958 7.744 30.8385 7.82933 30.8385 7.936V23.616C30.8385 23.7227 30.7958 23.8187 30.7105 23.904C30.6465 23.968 30.5612 24 30.4545 24H26.7105C26.6038 24 26.5078 23.968 26.4225 23.904C26.3585 23.8187 26.3265 23.7227 26.3265 23.616V22.528C26.3265 22.464 26.3052 22.432 26.2625 22.432C26.2198 22.4107 26.1772 22.432 26.1345 22.496C25.2812 23.648 23.9585 24.224 22.1665 24.224C20.5452 24.224 19.2118 23.7333 18.1665 22.752C17.1212 21.7707 16.5985 20.3947 16.5985 18.624V7.936C16.5985 7.82933 16.6305 7.744 16.6945 7.68C16.7798 7.59467 16.8758 7.552 16.9825 7.552H20.6945C20.8012 7.552 20.8865 7.59467 20.9505 7.68C21.0358 7.744 21.0785 7.82933 21.0785 7.936V17.504C21.0785 18.3573 21.3025 19.0507 21.7505 19.584C22.2198 20.1173 22.8598 20.384 23.6705 20.384C24.3958 20.384 24.9932 20.1707 25.4625 19.744C25.9318 19.296 26.2198 18.72 26.3265 18.016V7.936ZM42.74 7.296C44.4467 7.296 45.8227 7.81867 46.868 8.864C47.9133 9.90933 48.436 11.328 48.436 13.12V23.616C48.436 23.7227 48.3933 23.8187 48.308 23.904C48.244 23.968 48.1587 24 48.052 24H44.308C44.2013 24 44.1053 23.968 44.02 23.904C43.956 23.8187 43.924 23.7227 43.924 23.616V14.048C43.924 13.1947 43.6787 12.5013 43.188 11.968C42.7187 11.4347 42.0893 11.168 41.3 11.168C40.5107 11.168 39.8707 11.4347 39.38 11.968C38.9107 12.5013 38.676 13.1947 38.676 14.048V23.616C38.676 23.7227 38.6333 23.8187 38.548 23.904C38.484 23.968 38.3987 24 38.292 24H34.548C34.4413 24 34.3453 23.968 34.26 23.904C34.196 23.8187 34.164 23.7227 34.164 23.616V7.936C34.164 7.82933 34.196 7.744 34.26 7.68C34.3453 7.59467 34.4413 7.552 34.548 7.552H38.292C38.3987 7.552 38.484 7.59467 38.548 7.68C38.6333 7.744 38.676 7.82933 38.676 7.936V9.056C38.676 9.12 38.6973 9.16267 38.74 9.184C38.7827 9.20533 38.8147 9.19467 38.836 9.152C39.7107 7.91467 41.012 7.296 42.74 7.296ZM60.24 7.296C61.9467 7.296 63.3227 7.81867 64.368 8.864C65.4133 9.90933 65.936 11.328 65.936 13.12V23.616C65.936 23.7227 65.8933 23.8187 65.808 23.904C65.744 23.968 65.6587 24 65.552 24H61.808C61.7013 24 61.6053 23.968 61.52 23.904C61.456 23.8187 61.424 23.7227 61.424 23.616V14.048C61.424 13.1947 61.1787 12.5013 60.688 11.968C60.2187 11.4347 59.5893 11.168 58.8 11.168C58.0107 11.168 57.3707 11.4347 56.88 11.968C56.4107 12.5013 56.176 13.1947 56.176 14.048V23.616C56.176 23.7227 56.1333 23.8187 56.048 23.904C55.984 23.968 55.8987 24 55.792 24H52.048C51.9413 24 51.8453 23.968 51.76 23.904C51.696 23.8187 51.664 23.7227 51.664 23.616V7.936C51.664 7.82933 51.696 7.744 51.76 7.68C51.8453 7.59467 51.9413 7.552 52.048 7.552H55.792C55.8987 7.552 55.984 7.59467 56.048 7.68C56.1333 7.744 56.176 7.82933 56.176 7.936V9.056C56.176 9.12 56.1973 9.16267 56.24 9.184C56.2827 9.20533 56.3147 9.19467 56.336 9.152C57.2107 7.91467 58.512 7.296 60.24 7.296ZM68.3493 30.368C68.2853 30.368 68.2319 30.3253 68.1893 30.24C68.1466 30.176 68.1253 30.0907 68.1253 29.984V27.04C68.1253 26.9333 68.1573 26.8373 68.2213 26.752C68.3066 26.688 68.4026 26.656 68.5093 26.656C69.4053 26.6347 70.1093 26.56 70.6213 26.432C71.1546 26.304 71.5706 26.0587 71.8693 25.696C72.1893 25.3333 72.4346 24.8 72.6053 24.096C72.6266 24.0533 72.6266 23.9893 72.6053 23.904L67.3573 7.968C67.3359 7.92533 67.3253 7.872 67.3253 7.808C67.3253 7.616 67.4426 7.52 67.6773 7.52H71.6773C71.9119 7.52 72.0613 7.62667 72.1253 7.84L74.8133 18.208C74.8346 18.272 74.8666 18.304 74.9093 18.304C74.9519 18.304 74.9839 18.272 75.0052 18.208L77.6933 7.84C77.7573 7.62667 77.9066 7.52 78.1413 7.52H82.0453C82.1733 7.52 82.2586 7.56267 82.3013 7.648C82.3653 7.712 82.3759 7.81867 82.3333 7.968L76.7973 24.608C76.2639 26.1653 75.7199 27.328 75.1653 28.096C74.6106 28.8853 73.8319 29.4613 72.8293 29.824C71.8266 30.1867 70.4079 30.368 68.5733 30.368H68.3493ZM89.974 24.224C88.5447 24.224 87.2967 24.0213 86.23 23.616C85.1633 23.2107 84.3313 22.6453 83.734 21.92C83.158 21.1947 82.87 20.3733 82.87 19.456V19.136C82.87 19.0293 82.902 18.944 82.966 18.88C83.0513 18.7947 83.1473 18.752 83.254 18.752H86.806C86.9127 18.752 86.998 18.7947 87.062 18.88C87.1473 18.944 87.19 19.0293 87.19 19.136V19.168C87.19 19.6373 87.446 20.0427 87.958 20.384C88.4913 20.704 89.1527 20.864 89.942 20.864C90.6673 20.864 91.254 20.7253 91.702 20.448C92.15 20.1493 92.374 19.7867 92.374 19.36C92.374 18.976 92.182 18.688 91.798 18.496C91.414 18.304 90.7847 18.1013 89.91 17.888C88.9073 17.632 88.118 17.3867 87.542 17.152C86.1767 16.6827 85.0887 16.1067 84.278 15.424C83.4673 14.7413 83.062 13.76 83.062 12.48C83.062 10.9013 83.67 9.65333 84.886 8.736C86.1233 7.79733 87.7553 7.328 89.782 7.328C91.1473 7.328 92.342 7.552 93.366 8C94.39 8.42667 95.1793 9.03467 95.734 9.824C96.31 10.6133 96.598 11.5093 96.598 12.512C96.598 12.6187 96.5553 12.7147 96.47 12.8C96.406 12.864 96.3207 12.896 96.214 12.896H92.79C92.6833 12.896 92.5873 12.864 92.502 12.8C92.438 12.7147 92.406 12.6187 92.406 12.512C92.406 12.0427 92.1607 11.648 91.67 11.328C91.2007 11.008 90.5713 10.848 89.782 10.848C89.078 10.848 88.502 10.976 88.054 11.232C87.606 11.488 87.382 11.84 87.382 12.288C87.382 12.7147 87.5953 13.0347 88.022 13.248C88.47 13.4613 89.206 13.6853 90.23 13.92C90.4647 13.984 90.7313 14.0587 91.03 14.144C91.3287 14.208 91.6487 14.2933 91.99 14.4C93.5047 14.848 94.6993 15.424 95.574 16.128C96.4487 16.832 96.886 17.856 96.886 19.2C96.886 20.7787 96.2567 22.016 94.998 22.912C93.7607 23.7867 92.086 24.224 89.974 24.224ZM101.909 5.696C101.183 5.696 100.575 5.46133 100.085 4.992C99.6152 4.50133 99.3805 3.89333 99.3805 3.168C99.3805 2.42133 99.6152 1.81333 100.085 1.344C100.554 0.874666 101.162 0.639999 101.909 0.639999C102.655 0.639999 103.263 0.874666 103.733 1.344C104.202 1.81333 104.437 2.42133 104.437 3.168C104.437 3.89333 104.191 4.50133 103.701 4.992C103.231 5.46133 102.634 5.696 101.909 5.696ZM99.9885 24C99.8818 24 99.7858 23.968 99.7005 23.904C99.6365 23.8187 99.6045 23.7227 99.6045 23.616V7.904C99.6045 7.79733 99.6365 7.712 99.7005 7.648C99.7858 7.56267 99.8818 7.52 99.9885 7.52H103.733C103.839 7.52 103.925 7.56267 103.989 7.648C104.074 7.712 104.117 7.79733 104.117 7.904V23.616C104.117 23.7227 104.074 23.8187 103.989 23.904C103.925 23.968 103.839 24 103.733 24H99.9885ZM117.841 1.984C117.841 1.87733 117.873 1.792 117.937 1.728C118.022 1.64267 118.118 1.6 118.225 1.6H121.969C122.075 1.6 122.161 1.64267 122.225 1.728C122.31 1.792 122.353 1.87733 122.353 1.984V23.616C122.353 23.7227 122.31 23.8187 122.225 23.904C122.161 23.968 122.075 24 121.969 24H118.225C118.118 24 118.022 23.968 117.937 23.904C117.873 23.8187 117.841 23.7227 117.841 23.616V22.56C117.841 22.496 117.819 22.464 117.777 22.464C117.734 22.4427 117.691 22.4533 117.649 22.496C116.753 23.6693 115.526 24.256 113.969 24.256C112.475 24.256 111.185 23.84 110.097 23.008C109.03 22.176 108.262 21.0347 107.793 19.584C107.43 18.4747 107.249 17.184 107.249 15.712C107.249 14.1973 107.441 12.8747 107.825 11.744C108.315 10.3787 109.083 9.30133 110.129 8.512C111.195 7.70133 112.507 7.296 114.065 7.296C115.601 7.296 116.795 7.82933 117.649 8.896C117.691 8.96 117.734 8.98133 117.777 8.96C117.819 8.93867 117.841 8.896 117.841 8.832V1.984ZM117.169 19.008C117.595 18.2187 117.809 17.1413 117.809 15.776C117.809 14.3467 117.574 13.2267 117.105 12.416C116.614 11.584 115.899 11.168 114.961 11.168C113.958 11.168 113.201 11.584 112.689 12.416C112.155 13.248 111.889 14.3787 111.889 15.808C111.889 17.088 112.113 18.1547 112.561 19.008C113.094 19.9253 113.883 20.384 114.929 20.384C115.889 20.384 116.635 19.9253 117.169 19.008ZM140.318 14.08C140.446 14.8907 140.488 15.7973 140.446 16.8C140.424 17.056 140.286 17.184 140.03 17.184H130.142C130.014 17.184 129.971 17.2373 130.014 17.344C130.078 17.7707 130.195 18.1973 130.366 18.624C130.92 19.8187 132.051 20.416 133.758 20.416C135.123 20.3947 136.2 19.84 136.99 18.752C137.075 18.624 137.171 18.56 137.278 18.56C137.342 18.56 137.416 18.6027 137.502 18.688L139.806 20.96C139.912 21.0667 139.966 21.1627 139.966 21.248C139.966 21.2907 139.923 21.376 139.838 21.504C139.134 22.3787 138.227 23.0613 137.118 23.552C136.008 24.0213 134.792 24.256 133.47 24.256C131.635 24.256 130.078 23.84 128.798 23.008C127.539 22.176 126.632 21.0133 126.078 19.52C125.63 18.4533 125.406 17.056 125.406 15.328C125.406 14.1547 125.566 13.12 125.886 12.224C126.376 10.7093 127.23 9.504 128.446 8.608C129.683 7.712 131.144 7.264 132.83 7.264C134.963 7.264 136.67 7.88267 137.95 9.12C139.251 10.3573 140.04 12.0107 140.318 14.08ZM132.862 11.168C131.518 11.168 130.632 11.7973 130.206 13.056C130.12 13.3333 130.046 13.6747 129.982 14.08C129.982 14.1867 130.035 14.24 130.142 14.24H135.678C135.806 14.24 135.848 14.1867 135.806 14.08C135.699 13.4613 135.646 13.1627 135.646 13.184C135.454 12.544 135.112 12.0533 134.622 11.712C134.152 11.3493 133.566 11.168 132.862 11.168Z"
fill="white"
/>
</svg>
</a>
</div>
<nav class="main-nav">
<ul class="main-nav-list">
<li><a class="main-nav-link" href="#about"> About </a></li>
<li><a class="main-nav-link" href="#service"> Service </a></li>
<li><a class="main-nav-link" href="#projects"> Projects </a></li>
<li>
<a class="main-nav-link nav-cta" href="#contact"> Contact </a>
</li>
</ul>
</nav>
<button class="btn-mobile-nav">
<ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon>
<ion-icon class="icon-mobile-nav" name="close-outline"></ion-icon>
</button>
</header>
<h1 class="heading-primary margin-top--4-8">we are creatives</h1>
<svg
class="margin-top--4-8"
width="36"
height="114"
xmlns="http://www.w3.org/2000/svg"
>
<g
stroke="#FFF"
stroke-width="6"
fill="none"
fill-rule="evenodd"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 3v100M3 95.484l15 15 15-15" />
</g>
</svg>
</div>
</div>
<main>
<section id="about" class="sectionB section-brand grid grid--2-cols">
<div class="brand-text-box">
<div class="brand-texts">
<h2 class="heading-secondary margin-bottom--3-6">
Transform your brand
</h2>
<p class="brand-text text-primary margin-bottom--3-6">
We are a full-service creative agency specializing in helping
brands grow fast. Engage your clients through compelling visuals
that do most of the marketing for you.
</p>
<a class="primary-link" href="#">learn more</a>
</div>
</div>
<div class="brand-img-box brand-img-egg">
<img
class="brand-img"
src="/images/desktop/image-transform.jpg"
alt="Yellow Egg"
/>
</div>
</section>
<section class="section-brand grid grid--2-cols">
<div class="brand-img-box">
<img
class="brand-img"
src="/images/desktop/image-stand-out.jpg"
alt="Pink Cup"
/>
</div>
<div class="brand-text-box">
<div class="brand-texts">
<h2 class="heading-secondary margin-bottom--3-6">
Stand out to the right audience
</h2>
<p class="brand-text text-primary margin-bottom--3-6">
Using a collaborative formula of designers, researchers,
photographers, videographers and copywriters, we'll build and
extend your brand in digital places.
</p>
<a class="secondary-link" href="#">learn more</a>
</div>
</div>
</section>
<section id="service" class="section-digital grid grid--2-cols">
<div class="graphic-design container">
<div class="digital-text">
<h3 class="heading-tertiary margin-top--128">Graphic Design</h3>
<p class="graphic-text text-secondary margin-top--2-4">
Great design makes you memorable. We deliver that underscores your
brand message and capture potential client's attention.
</p>
</div>
</div>
<div class="photography container">
<div class="digital-text">
<h3 class="heading-tertiary margin-top--128">Photography</h3>
<p class="photography-text text-secondary margin-top--2-4">
Increase your credibiliy to getting the most stunning,
high-quality photos that improve your business image.
</p>
</div>
</div>
</section>
<section class="section-testimonials margin-bottom--6-4">
<h3 class="heading-tertiary testimonial-header margin-bottom--6-4">
Client Testimonials
</h3>
<div class="testimonials">
<figure class="Emily-Test">
<img
class="testimonial-img"
src="/images/image-emily.jpg"
alt="Photo of a customer Dave Bryson"
/>
<blockquote class="testimonial-text">
We put our trust in Sunnyside and they delivered, making sure our
needs were met and deadlines were always hit.
</blockquote>
<p class="testimonial-name margin-top--3-6">Emily R.</p>
<p class="testimonial-name-desc">Marketing Director</p>
</figure>
<figure class="Thomas-Test">
<img
class="testimonial-img"
src="/images/image-thomas.jpg"
alt="Photo of a customer Dave Bryson"
/>
<blockquote class="testimonial-text">
Sunnyside's enthusiasm coupled with their keen interest in our
brand's success made it a satisfying and enjoyable experience.
</blockquote>
<p class="testimonial-name margin-top--3-6">Thomas S.</p>
<p class="testimonial-name-desc">Chief Operating Officer</p>
</figure>
<figure class="Jennie-Test">
<img
class="testimonial-img"
src="/images/image-jennie.jpg"
alt="Photo of a customer Dave Bryson"
/>
<blockquote class="testimonial-text">
Incredible end result! Our sales increased over 400% when we
worked with Sunnyside. Highly recommended!
</blockquote>
<p class="testimonial-name margin-top--3-6">Jennie F.</p>
<p class="testimonial-name-desc">Business Owner</p>
</figure>
</div>
</section>
<section id="projects" class="section-gallery grid--4-cols">
<figure class="gallery-item">
<img
src="/images/desktop/image-gallery-milkbottles.jpg"
alt="Milkbottle"
/>
</figure>
<figure class="gallery-item">
<img
src="/images/desktop/image-gallery-orange.jpg"
alt="Cut Orange"
/>
</figure>
<figure class="gallery-item">
<img
src="/images/desktop/image-gallery-cone.jpg"
alt="Icecream Cone"
/>
</figure>
<figure class="gallery-item">
<img
src="/images/desktop/image-gallery-sugarcubes.jpg"
alt="Sugar Cubes"
/>
</figure>
</section>
</main>
<footer id="contact" class="footer-section justify-ct">
<div class="footer-elements">
<div class="footer-logo">
<a href="#">
<svg
width="141"
height="31"
viewBox="0 0 141 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.224 24.224C5.79467 24.224 4.54667 24.0213 3.48 23.616C2.41333 23.2107 1.58133 22.6453 0.984 21.92C0.408 21.1947 0.12 20.3733 0.12 19.456V19.136C0.12 19.0293 0.152 18.944 0.216 18.88C0.301333 18.7947 0.397333 18.752 0.504 18.752H4.056C4.16267 18.752 4.248 18.7947 4.312 18.88C4.39733 18.944 4.44 19.0293 4.44 19.136V19.168C4.44 19.6373 4.696 20.0427 5.208 20.384C5.74133 20.704 6.40267 20.864 7.192 20.864C7.91733 20.864 8.504 20.7253 8.952 20.448C9.4 20.1493 9.624 19.7867 9.624 19.36C9.624 18.976 9.432 18.688 9.048 18.496C8.664 18.304 8.03467 18.1013 7.16 17.888C6.15733 17.632 5.368 17.3867 4.792 17.152C3.42667 16.6827 2.33867 16.1067 1.528 15.424C0.717333 14.7413 0.312 13.76 0.312 12.48C0.312 10.9013 0.92 9.65333 2.136 8.736C3.37333 7.79733 5.00533 7.328 7.032 7.328C8.39733 7.328 9.592 7.552 10.616 8C11.64 8.42667 12.4293 9.03467 12.984 9.824C13.56 10.6133 13.848 11.5093 13.848 12.512C13.848 12.6187 13.8053 12.7147 13.72 12.8C13.656 12.864 13.5707 12.896 13.464 12.896H10.04C9.93333 12.896 9.83733 12.864 9.752 12.8C9.688 12.7147 9.656 12.6187 9.656 12.512C9.656 12.0427 9.41067 11.648 8.92 11.328C8.45067 11.008 7.82133 10.848 7.032 10.848C6.328 10.848 5.752 10.976 5.304 11.232C4.856 11.488 4.632 11.84 4.632 12.288C4.632 12.7147 4.84533 13.0347 5.272 13.248C5.72 13.4613 6.456 13.6853 7.48 13.92C7.71467 13.984 7.98133 14.0587 8.28 14.144C8.57867 14.208 8.89867 14.2933 9.24 14.4C10.7547 14.848 11.9493 15.424 12.824 16.128C13.6987 16.832 14.136 17.856 14.136 19.2C14.136 20.7787 13.5067 22.016 12.248 22.912C11.0107 23.7867 9.336 24.224 7.224 24.224ZM26.3265 7.936C26.3265 7.82933 26.3585 7.744 26.4225 7.68C26.5078 7.59467 26.6038 7.552 26.7105 7.552H30.4545C30.5612 7.552 30.6465 7.59467 30.7105 7.68C30.7958 7.744 30.8385 7.82933 30.8385 7.936V23.616C30.8385 23.7227 30.7958 23.8187 30.7105 23.904C30.6465 23.968 30.5612 24 30.4545 24H26.7105C26.6038 24 26.5078 23.968 26.4225 23.904C26.3585 23.8187 26.3265 23.7227 26.3265 23.616V22.528C26.3265 22.464 26.3052 22.432 26.2625 22.432C26.2198 22.4107 26.1772 22.432 26.1345 22.496C25.2812 23.648 23.9585 24.224 22.1665 24.224C20.5452 24.224 19.2118 23.7333 18.1665 22.752C17.1212 21.7707 16.5985 20.3947 16.5985 18.624V7.936C16.5985 7.82933 16.6305 7.744 16.6945 7.68C16.7798 7.59467 16.8758 7.552 16.9825 7.552H20.6945C20.8012 7.552 20.8865 7.59467 20.9505 7.68C21.0358 7.744 21.0785 7.82933 21.0785 7.936V17.504C21.0785 18.3573 21.3025 19.0507 21.7505 19.584C22.2198 20.1173 22.8598 20.384 23.6705 20.384C24.3958 20.384 24.9932 20.1707 25.4625 19.744C25.9318 19.296 26.2198 18.72 26.3265 18.016V7.936ZM42.74 7.296C44.4467 7.296 45.8227 7.81867 46.868 8.864C47.9133 9.90933 48.436 11.328 48.436 13.12V23.616C48.436 23.7227 48.3933 23.8187 48.308 23.904C48.244 23.968 48.1587 24 48.052 24H44.308C44.2013 24 44.1053 23.968 44.02 23.904C43.956 23.8187 43.924 23.7227 43.924 23.616V14.048C43.924 13.1947 43.6787 12.5013 43.188 11.968C42.7187 11.4347 42.0893 11.168 41.3 11.168C40.5107 11.168 39.8707 11.4347 39.38 11.968C38.9107 12.5013 38.676 13.1947 38.676 14.048V23.616C38.676 23.7227 38.6333 23.8187 38.548 23.904C38.484 23.968 38.3987 24 38.292 24H34.548C34.4413 24 34.3453 23.968 34.26 23.904C34.196 23.8187 34.164 23.7227 34.164 23.616V7.936C34.164 7.82933 34.196 7.744 34.26 7.68C34.3453 7.59467 34.4413 7.552 34.548 7.552H38.292C38.3987 7.552 38.484 7.59467 38.548 7.68C38.6333 7.744 38.676 7.82933 38.676 7.936V9.056C38.676 9.12 38.6973 9.16267 38.74 9.184C38.7827 9.20533 38.8147 9.19467 38.836 9.152C39.7107 7.91467 41.012 7.296 42.74 7.296ZM60.24 7.296C61.9467 7.296 63.3227 7.81867 64.368 8.864C65.4133 9.90933 65.936 11.328 65.936 13.12V23.616C65.936 23.7227 65.8933 23.8187 65.808 23.904C65.744 23.968 65.6587 24 65.552 24H61.808C61.7013 24 61.6053 23.968 61.52 23.904C61.456 23.8187 61.424 23.7227 61.424 23.616V14.048C61.424 13.1947 61.1787 12.5013 60.688 11.968C60.2187 11.4347 59.5893 11.168 58.8 11.168C58.0107 11.168 57.3707 11.4347 56.88 11.968C56.4107 12.5013 56.176 13.1947 56.176 14.048V23.616C56.176 23.7227 56.1333 23.8187 56.048 23.904C55.984 23.968 55.8987 24 55.792 24H52.048C51.9413 24 51.8453 23.968 51.76 23.904C51.696 23.8187 51.664 23.7227 51.664 23.616V7.936C51.664 7.82933 51.696 7.744 51.76 7.68C51.8453 7.59467 51.9413 7.552 52.048 7.552H55.792C55.8987 7.552 55.984 7.59467 56.048 7.68C56.1333 7.744 56.176 7.82933 56.176 7.936V9.056C56.176 9.12 56.1973 9.16267 56.24 9.184C56.2827 9.20533 56.3147 9.19467 56.336 9.152C57.2107 7.91467 58.512 7.296 60.24 7.296ZM68.3493 30.368C68.2853 30.368 68.2319 30.3253 68.1893 30.24C68.1466 30.176 68.1253 30.0907 68.1253 29.984V27.04C68.1253 26.9333 68.1573 26.8373 68.2213 26.752C68.3066 26.688 68.4026 26.656 68.5093 26.656C69.4053 26.6347 70.1093 26.56 70.6213 26.432C71.1546 26.304 71.5706 26.0587 71.8693 25.696C72.1893 25.3333 72.4346 24.8 72.6053 24.096C72.6266 24.0533 72.6266 23.9893 72.6053 23.904L67.3573 7.968C67.3359 7.92533 67.3253 7.872 67.3253 7.808C67.3253 7.616 67.4426 7.52 67.6773 7.52H71.6773C71.9119 7.52 72.0613 7.62667 72.1253 7.84L74.8133 18.208C74.8346 18.272 74.8666 18.304 74.9093 18.304C74.9519 18.304 74.9839 18.272 75.0052 18.208L77.6933 7.84C77.7573 7.62667 77.9066 7.52 78.1413 7.52H82.0453C82.1733 7.52 82.2586 7.56267 82.3013 7.648C82.3653 7.712 82.3759 7.81867 82.3333 7.968L76.7973 24.608C76.2639 26.1653 75.7199 27.328 75.1653 28.096C74.6106 28.8853 73.8319 29.4613 72.8293 29.824C71.8266 30.1867 70.4079 30.368 68.5733 30.368H68.3493ZM89.974 24.224C88.5447 24.224 87.2967 24.0213 86.23 23.616C85.1633 23.2107 84.3313 22.6453 83.734 21.92C83.158 21.1947 82.87 20.3733 82.87 19.456V19.136C82.87 19.0293 82.902 18.944 82.966 18.88C83.0513 18.7947 83.1473 18.752 83.254 18.752H86.806C86.9127 18.752 86.998 18.7947 87.062 18.88C87.1473 18.944 87.19 19.0293 87.19 19.136V19.168C87.19 19.6373 87.446 20.0427 87.958 20.384C88.4913 20.704 89.1527 20.864 89.942 20.864C90.6673 20.864 91.254 20.7253 91.702 20.448C92.15 20.1493 92.374 19.7867 92.374 19.36C92.374 18.976 92.182 18.688 91.798 18.496C91.414 18.304 90.7847 18.1013 89.91 17.888C88.9073 17.632 88.118 17.3867 87.542 17.152C86.1767 16.6827 85.0887 16.1067 84.278 15.424C83.4673 14.7413 83.062 13.76 83.062 12.48C83.062 10.9013 83.67 9.65333 84.886 8.736C86.1233 7.79733 87.7553 7.328 89.782 7.328C91.1473 7.328 92.342 7.552 93.366 8C94.39 8.42667 95.1793 9.03467 95.734 9.824C96.31 10.6133 96.598 11.5093 96.598 12.512C96.598 12.6187 96.5553 12.7147 96.47 12.8C96.406 12.864 96.3207 12.896 96.214 12.896H92.79C92.6833 12.896 92.5873 12.864 92.502 12.8C92.438 12.7147 92.406 12.6187 92.406 12.512C92.406 12.0427 92.1607 11.648 91.67 11.328C91.2007 11.008 90.5713 10.848 89.782 10.848C89.078 10.848 88.502 10.976 88.054 11.232C87.606 11.488 87.382 11.84 87.382 12.288C87.382 12.7147 87.5953 13.0347 88.022 13.248C88.47 13.4613 89.206 13.6853 90.23 13.92C90.4647 13.984 90.7313 14.0587 91.03 14.144C91.3287 14.208 91.6487 14.2933 91.99 14.4C93.5047 14.848 94.6993 15.424 95.574 16.128C96.4487 16.832 96.886 17.856 96.886 19.2C96.886 20.7787 96.2567 22.016 94.998 22.912C93.7607 23.7867 92.086 24.224 89.974 24.224ZM101.909 5.696C101.183 5.696 100.575 5.46133 100.085 4.992C99.6152 4.50133 99.3805 3.89333 99.3805 3.168C99.3805 2.42133 99.6152 1.81333 100.085 1.344C100.554 0.874666 101.162 0.639999 101.909 0.639999C102.655 0.639999 103.263 0.874666 103.733 1.344C104.202 1.81333 104.437 2.42133 104.437 3.168C104.437 3.89333 104.191 4.50133 103.701 4.992C103.231 5.46133 102.634 5.696 101.909 5.696ZM99.9885 24C99.8818 24 99.7858 23.968 99.7005 23.904C99.6365 23.8187 99.6045 23.7227 99.6045 23.616V7.904C99.6045 7.79733 99.6365 7.712 99.7005 7.648C99.7858 7.56267 99.8818 7.52 99.9885 7.52H103.733C103.839 7.52 103.925 7.56267 103.989 7.648C104.074 7.712 104.117 7.79733 104.117 7.904V23.616C104.117 23.7227 104.074 23.8187 103.989 23.904C103.925 23.968 103.839 24 103.733 24H99.9885ZM117.841 1.984C117.841 1.87733 117.873 1.792 117.937 1.728C118.022 1.64267 118.118 1.6 118.225 1.6H121.969C122.075 1.6 122.161 1.64267 122.225 1.728C122.31 1.792 122.353 1.87733 122.353 1.984V23.616C122.353 23.7227 122.31 23.8187 122.225 23.904C122.161 23.968 122.075 24 121.969 24H118.225C118.118 24 118.022 23.968 117.937 23.904C117.873 23.8187 117.841 23.7227 117.841 23.616V22.56C117.841 22.496 117.819 22.464 117.777 22.464C117.734 22.4427 117.691 22.4533 117.649 22.496C116.753 23.6693 115.526 24.256 113.969 24.256C112.475 24.256 111.185 23.84 110.097 23.008C109.03 22.176 108.262 21.0347 107.793 19.584C107.43 18.4747 107.249 17.184 107.249 15.712C107.249 14.1973 107.441 12.8747 107.825 11.744C108.315 10.3787 109.083 9.30133 110.129 8.512C111.195 7.70133 112.507 7.296 114.065 7.296C115.601 7.296 116.795 7.82933 117.649 8.896C117.691 8.96 117.734 8.98133 117.777 8.96C117.819 8.93867 117.841 8.896 117.841 8.832V1.984ZM117.169 19.008C117.595 18.2187 117.809 17.1413 117.809 15.776C117.809 14.3467 117.574 13.2267 117.105 12.416C116.614 11.584 115.899 11.168 114.961 11.168C113.958 11.168 113.201 11.584 112.689 12.416C112.155 13.248 111.889 14.3787 111.889 15.808C111.889 17.088 112.113 18.1547 112.561 19.008C113.094 19.9253 113.883 20.384 114.929 20.384C115.889 20.384 116.635 19.9253 117.169 19.008ZM140.318 14.08C140.446 14.8907 140.488 15.7973 140.446 16.8C140.424 17.056 140.286 17.184 140.03 17.184H130.142C130.014 17.184 129.971 17.2373 130.014 17.344C130.078 17.7707 130.195 18.1973 130.366 18.624C130.92 19.8187 132.051 20.416 133.758 20.416C135.123 20.3947 136.2 19.84 136.99 18.752C137.075 18.624 137.171 18.56 137.278 18.56C137.342 18.56 137.416 18.6027 137.502 18.688L139.806 20.96C139.912 21.0667 139.966 21.1627 139.966 21.248C139.966 21.2907 139.923 21.376 139.838 21.504C139.134 22.3787 138.227 23.0613 137.118 23.552C136.008 24.0213 134.792 24.256 133.47 24.256C131.635 24.256 130.078 23.84 128.798 23.008C127.539 22.176 126.632 21.0133 126.078 19.52C125.63 18.4533 125.406 17.056 125.406 15.328C125.406 14.1547 125.566 13.12 125.886 12.224C126.376 10.7093 127.23 9.504 128.446 8.608C129.683 7.712 131.144 7.264 132.83 7.264C134.963 7.264 136.67 7.88267 137.95 9.12C139.251 10.3573 140.04 12.0107 140.318 14.08ZM132.862 11.168C131.518 11.168 130.632 11.7973 130.206 13.056C130.12 13.3333 130.046 13.6747 129.982 14.08C129.982 14.1867 130.035 14.24 130.142 14.24H135.678C135.806 14.24 135.848 14.1867 135.806 14.08C135.699 13.4613 135.646 13.1627 135.646 13.184C135.454 12.544 135.112 12.0533 134.622 11.712C134.152 11.3493 133.566 11.168 132.862 11.168Z"
fill="hsl(168, 34%, 41%)"
/>
</svg>
</a>
</div>
<div class="footer-navigation">
<ul class="footer-nav-list">
<li>
<a class="footer-nav-item" href="#">About</a>
</li>
<li>
<a class="footer-nav-item" href="#"> Services</a>
</li>
<li>
<a class="footer-nav-item" href="#">Projects </a>
</li>
</ul>
</div>
<div class="footer-icons justify-ct margin-top--3-6">
<div class="logo-col">
<ul class="social-link">
<li>
<a class="footer-link" href="#">
<ion-icon class="social-icon" name="logo-facebook"></ion-icon
></a>
</li>
<li>
<a class="footer-link" href="#">
<ion-icon class="social-icon" name="logo-instagram"></ion-icon
></a>
</li>
<li>
<a class="footer-link" href="#">
<ion-icon class="social-icon" name="logo-twitter"></ion-icon
></a>
</li>
<li>
<a class="footer-link" href="#">
<ion-icon class="social-icon" name="logo-pinterest"></ion-icon
></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>