-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
215 lines (205 loc) · 34.1 KB
/
portfolio.html
File metadata and controls
215 lines (205 loc) · 34.1 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
<!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">
<link rel="stylesheet" href="assets/css/style.css"/>
<title>Portfolio</title>
</head>
<body>
<header class="header">
<div class="container-lg py-1">
<nav class="navbar">
<input type="checkbox" id="menu-mobile" />
<div class="logo-container">
<a href="/index.html" class="header__logo text-decoration-none outline-none">
<h1 class="header__title head-md semibold">Martha Huaman</h1>
<div class="menu-icons">
<!-- option 1 -->
<label for="menu-mobile" id="toggle-close">
<i class="ri-close-line ri-xl"></i>
</label>
<!-- option 2 -->
<label for="menu-mobile" id="toggle-open">
<i class="ri-menu-line ri-xl"></i>
</label>
</div>
</a>
</div>
<ul class="expandable navbar__links list-style-none">
<li><a href="/article.html" class="link text semibold">Articles</a></li>
<li>
<a href="/portfolio.html" class="link text semibold">Portafolio</a>
</li>
<li><a href="/about-me.html" class="link text semibold">About</a></li>
<li>
<a
href="/contact-me.html"
class="button button--primary button--sm text-decoration-none w-full"
>
Contact Me
</a>
</li>
</ul>
</nav>
</div>
</header>
<section class="portfolio__container section-md">
<div class="container-lg">
<div class="portfolio__header text-align">
<h2 class="head-lg semibold mb-0.25">Portfolio</h2>
<p class="text-lg regular pb-1">Practice builds mastery</p>
</div>
<div class="max-width-bsl">
<div class="portfolio__cards">
<div class="project-card">
<div class="card-header-icons">
<div class="pl-icons">
<!-- <svg class="pl-icon"><use xlink:href="#vector"></svg> -->
<svg class="pl-icon v-icon primary-light br-6 bg-gray-100" width="24" height="17" viewBox="0 0 24 17"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.67429 8.82423L2.38642 16.1121C2.03493 16.4636 1.46508 16.4636 1.11363 16.1121L0.263577 15.2621C-0.0873113 14.9112 -0.0879863 14.3425 0.262077 13.9908L6.03791 8.18782L0.262114 2.38488C-0.0879488 2.03317 -0.0872738 1.46448 0.263614 1.1136L1.11363 0.263585C1.46512 -0.0879024 2.03497 -0.0879024 2.38642 0.263585L9.67429 7.55144C10.0258 7.90289 10.0258 8.47274 9.67429 8.82423ZM24 15.6878V14.4878C24 13.9908 23.5971 13.5878 23.1 13.5878H11.7C11.2029 13.5878 10.8 13.9908 10.8 14.4878V15.6878C10.8 16.1849 11.2029 16.5878 11.7 16.5878H23.1C23.5971 16.5878 24 16.1849 24 15.6878Z" fill="black"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#ruby"></svg> -->
<svg class="pl-icon r-icon primary-light br-6 bg-gray-100" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.771054 10.2181C0.895979 9.82722 1.04456 9.03035 1.39095 8.33001C3.07649 4.92863 5.68384 2.45473 9.16565 0.951846C9.8376 0.662246 10.6373 0.569498 11.3793 0.565713C12.3068 0.560981 12.9286 1.20643 13.0099 2.14242C13.0525 2.62982 13.0469 3.17116 12.8793 3.61976C11.2298 8.03189 8.11704 10.9866 3.74087 12.6466C3.57052 12.7109 3.38029 12.7279 3.19669 12.7526C1.70705 12.957 0.74834 12.1128 0.771054 10.2181V10.2181ZM12.2235 6.94826C14.6425 6.77885 17.0208 6.61229 19.5127 6.4372C19.331 6.26401 19.2288 6.15044 19.1105 6.0558C16.9413 4.31631 14.7665 2.58439 12.6058 0.834491C12.3919 0.6613 12.2594 0.388735 11.9736 0.010174C12.9021 0.010174 13.6526 0.00165624 14.4031 0.0120667C15.3088 0.0253163 16.2362 -0.0626993 17.1164 0.100082C19.0196 0.452144 20.0351 1.67963 19.9991 3.61408C19.966 5.42739 19.7786 7.23786 19.6442 9.04833C19.4389 11.8203 19.2231 14.5924 19.0092 17.3634C18.9723 17.8414 18.9278 18.3193 18.8795 18.8871C17.8735 17.9909 16.911 17.1344 15.9504 16.277C15.8264 16.1662 15.7233 16.0233 15.5861 15.9353C14.4116 15.1876 13.9213 14.0728 13.6544 12.7402C13.3062 10.9989 12.7961 9.28966 12.3569 7.56626C12.3077 7.37319 12.2718 7.17634 12.2225 6.94637L12.2235 6.94826ZM3.15315 17.5499C3.67083 17.4779 4.15539 17.4477 4.61724 17.3284C4.79895 17.282 5.00999 17.0606 5.06867 16.8751C5.50402 15.4981 5.9034 14.1087 6.31509 12.7251C6.35105 12.604 6.40121 12.4866 6.46746 12.3059C8.98678 13.1122 11.4862 13.9128 14.0595 14.7362C12.7203 16.0877 11.296 17.2205 9.70416 18.2389C12.5405 18.4556 15.3769 18.6723 18.2133 18.889C18.2133 18.925 18.2133 18.9619 18.2142 18.9979C17.6028 19.0414 16.9915 19.0868 16.3801 19.1275C12.7724 19.3651 9.16565 19.6017 5.55796 19.8373C4.98444 19.8752 4.40998 19.9376 3.8374 19.9272C1.40893 19.8828 0.0328585 18.5521 0.00162714 16.1161C-0.0163545 14.7476 0.12466 13.3772 0.211729 12.0087C0.218354 11.9055 0.365993 11.8109 0.44833 11.7125C0.570416 11.8213 0.74834 11.9065 0.807963 12.0428C1.53291 13.7236 2.24082 15.4119 2.95346 17.0975C3.01119 17.2328 3.07271 17.3663 3.15315 17.5499V17.5499Z" fill="#EB5757"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#github"></svg> -->
<svg class="pl-icon g-icon primary-light br-6 bg-gray-100" width="24" height="23" viewBox="0 0 24 23"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.77656 18.2531C7.77656 18.3469 7.66875 18.4219 7.53281 18.4219C7.37812 18.4359 7.27031 18.3609 7.27031 18.2531C7.27031 18.1594 7.37813 18.0844 7.51406 18.0844C7.65469 18.0703 7.77656 18.1453 7.77656 18.2531ZM6.31875 18.0422C6.28594 18.1359 6.37969 18.2437 6.52031 18.2719C6.64219 18.3187 6.78281 18.2719 6.81094 18.1781C6.83906 18.0844 6.75 17.9766 6.60938 17.9344C6.4875 17.9016 6.35156 17.9484 6.31875 18.0422ZM8.39062 17.9625C8.25469 17.9953 8.16094 18.0844 8.175 18.1922C8.18906 18.2859 8.31094 18.3469 8.45156 18.3141C8.5875 18.2812 8.68125 18.1922 8.66719 18.0984C8.65312 18.0094 8.52656 17.9484 8.39062 17.9625ZM11.475 0C4.97344 0 0 4.93594 0 11.4375C0 16.6359 3.27188 21.0844 7.94531 22.65C8.54531 22.7578 8.75625 22.3875 8.75625 22.0828C8.75625 21.7922 8.74219 20.1891 8.74219 19.2047C8.74219 19.2047 5.46094 19.9078 4.77188 17.8078C4.77188 17.8078 4.2375 16.4437 3.46875 16.0922C3.46875 16.0922 2.39531 15.3562 3.54375 15.3703C3.54375 15.3703 4.71094 15.4641 5.35312 16.5797C6.37969 18.3891 8.1 17.8687 8.77031 17.5594C8.87813 16.8094 9.18281 16.2891 9.52031 15.9797C6.9 15.6891 4.25625 15.3094 4.25625 10.8C4.25625 9.51094 4.6125 8.86406 5.3625 8.03906C5.24062 7.73438 4.84219 6.47812 5.48438 4.85625C6.46406 4.55156 8.71875 6.12188 8.71875 6.12188C9.65625 5.85938 10.6641 5.72344 11.6625 5.72344C12.6609 5.72344 13.6688 5.85938 14.6063 6.12188C14.6063 6.12188 16.8609 4.54688 17.8406 4.85625C18.4828 6.48281 18.0844 7.73438 17.9625 8.03906C18.7125 8.86875 19.1719 9.51562 19.1719 10.8C19.1719 15.3234 16.4109 15.6844 13.7906 15.9797C14.2219 16.35 14.5875 17.0531 14.5875 18.1547C14.5875 19.7344 14.5734 21.6891 14.5734 22.0734C14.5734 22.3781 14.7891 22.7484 15.3844 22.6406C20.0719 21.0844 23.25 16.6359 23.25 11.4375C23.25 4.93594 17.9766 0 11.475 0ZM4.55625 16.1672C4.49531 16.2141 4.50938 16.3219 4.58906 16.4109C4.66406 16.4859 4.77187 16.5188 4.83281 16.4578C4.89375 16.4109 4.87969 16.3031 4.8 16.2141C4.725 16.1391 4.61719 16.1062 4.55625 16.1672ZM4.05 15.7875C4.01719 15.8484 4.06406 15.9234 4.15781 15.9703C4.23281 16.0172 4.32656 16.0031 4.35938 15.9375C4.39219 15.8766 4.34531 15.8016 4.25156 15.7547C4.15781 15.7266 4.08281 15.7406 4.05 15.7875ZM5.56875 17.4562C5.49375 17.5172 5.52187 17.6578 5.62969 17.7469C5.7375 17.8547 5.87344 17.8687 5.93437 17.7938C5.99531 17.7328 5.96719 17.5922 5.87344 17.5031C5.77031 17.3953 5.62969 17.3813 5.56875 17.4562ZM5.03438 16.7672C4.95937 16.8141 4.95937 16.9359 5.03438 17.0438C5.10938 17.1516 5.23594 17.1984 5.29688 17.1516C5.37187 17.0906 5.37187 16.9688 5.29688 16.8609C5.23125 16.7531 5.10938 16.7063 5.03438 16.7672Z" fill="black"/>
</svg>
</div>
<a href="/calencli.html">
<!-- <svg class="a-icon"><use xlink:href="#check"></svg> -->
<svg class="a-icon" width="19" height="19" viewBox="0 0 19 19"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1H19C19 0.734784 18.8946 0.48043 18.7071 0.292893C18.5196 0.105357 18.2652 0 18 0V1ZM17 13C17 13.2652 17.1054 13.5196 17.2929 13.7071C17.4804 13.8946 17.7348 14 18 14C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13H17ZM6 0C5.73478 0 5.48043 0.105357 5.29289 0.292893C5.10535 0.48043 5 0.734784 5 1C5 1.26522 5.10535 1.51957 5.29289 1.70711C5.48043 1.89464 5.73478 2 6 2V0ZM1.293 16.293C1.19749 16.3852 1.1213 16.4956 1.0689 16.6176C1.01649 16.7396 0.988901 16.8708 0.987747 17.0036C0.986593 17.1364 1.01189 17.2681 1.06218 17.391C1.11246 17.5138 1.18671 17.6255 1.2806 17.7194C1.37449 17.8133 1.48615 17.8875 1.60904 17.9378C1.73194 17.9881 1.86362 18.0134 1.9964 18.0123C2.12918 18.0111 2.2604 17.9835 2.3824 17.9311C2.50441 17.8787 2.61475 17.8025 2.707 17.707L1.293 16.293ZM17 1V13H19V1H17ZM18 0H6V2H18V0ZM17.293 0.293L1.293 16.293L2.707 17.707L18.707 1.707L17.293 0.293Z" fill="#3A824D"/>
</svg>
</a>
</div>
<h3 class="project-card__title">Calencli</h3>
<p class="project-card__subtitle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus assumenda quidem blanditiis mollitia beatae temporibus nisi!</p>
<div class="project-card__badges" >
<p class="text-xs regular">File manipulation</p>
<p class="text-xs regular">Classes</p>
<p class="text-xs regular">Json</p>
</div>
</div>
<div class="project-card">
<div class="card-header-icons">
<div class="pl-icons">
<!-- <svg class="pl-icon"><use xlink:href="#vector"></svg> -->
<svg class="pl-icon v-icon br-6 bg-gray-100" width="24" height="17" viewBox="0 0 24 17"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.67429 8.82423L2.38642 16.1121C2.03493 16.4636 1.46508 16.4636 1.11363 16.1121L0.263577 15.2621C-0.0873113 14.9112 -0.0879863 14.3425 0.262077 13.9908L6.03791 8.18782L0.262114 2.38488C-0.0879488 2.03317 -0.0872738 1.46448 0.263614 1.1136L1.11363 0.263585C1.46512 -0.0879024 2.03497 -0.0879024 2.38642 0.263585L9.67429 7.55144C10.0258 7.90289 10.0258 8.47274 9.67429 8.82423ZM24 15.6878V14.4878C24 13.9908 23.5971 13.5878 23.1 13.5878H11.7C11.2029 13.5878 10.8 13.9908 10.8 14.4878V15.6878C10.8 16.1849 11.2029 16.5878 11.7 16.5878H23.1C23.5971 16.5878 24 16.1849 24 15.6878Z" fill="black"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#ruby"></svg> -->
<svg class="pl-icon r-icon br-6 bg-gray-100" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.771054 10.2181C0.895979 9.82722 1.04456 9.03035 1.39095 8.33001C3.07649 4.92863 5.68384 2.45473 9.16565 0.951846C9.8376 0.662246 10.6373 0.569498 11.3793 0.565713C12.3068 0.560981 12.9286 1.20643 13.0099 2.14242C13.0525 2.62982 13.0469 3.17116 12.8793 3.61976C11.2298 8.03189 8.11704 10.9866 3.74087 12.6466C3.57052 12.7109 3.38029 12.7279 3.19669 12.7526C1.70705 12.957 0.74834 12.1128 0.771054 10.2181V10.2181ZM12.2235 6.94826C14.6425 6.77885 17.0208 6.61229 19.5127 6.4372C19.331 6.26401 19.2288 6.15044 19.1105 6.0558C16.9413 4.31631 14.7665 2.58439 12.6058 0.834491C12.3919 0.6613 12.2594 0.388735 11.9736 0.010174C12.9021 0.010174 13.6526 0.00165624 14.4031 0.0120667C15.3088 0.0253163 16.2362 -0.0626993 17.1164 0.100082C19.0196 0.452144 20.0351 1.67963 19.9991 3.61408C19.966 5.42739 19.7786 7.23786 19.6442 9.04833C19.4389 11.8203 19.2231 14.5924 19.0092 17.3634C18.9723 17.8414 18.9278 18.3193 18.8795 18.8871C17.8735 17.9909 16.911 17.1344 15.9504 16.277C15.8264 16.1662 15.7233 16.0233 15.5861 15.9353C14.4116 15.1876 13.9213 14.0728 13.6544 12.7402C13.3062 10.9989 12.7961 9.28966 12.3569 7.56626C12.3077 7.37319 12.2718 7.17634 12.2225 6.94637L12.2235 6.94826ZM3.15315 17.5499C3.67083 17.4779 4.15539 17.4477 4.61724 17.3284C4.79895 17.282 5.00999 17.0606 5.06867 16.8751C5.50402 15.4981 5.9034 14.1087 6.31509 12.7251C6.35105 12.604 6.40121 12.4866 6.46746 12.3059C8.98678 13.1122 11.4862 13.9128 14.0595 14.7362C12.7203 16.0877 11.296 17.2205 9.70416 18.2389C12.5405 18.4556 15.3769 18.6723 18.2133 18.889C18.2133 18.925 18.2133 18.9619 18.2142 18.9979C17.6028 19.0414 16.9915 19.0868 16.3801 19.1275C12.7724 19.3651 9.16565 19.6017 5.55796 19.8373C4.98444 19.8752 4.40998 19.9376 3.8374 19.9272C1.40893 19.8828 0.0328585 18.5521 0.00162714 16.1161C-0.0163545 14.7476 0.12466 13.3772 0.211729 12.0087C0.218354 11.9055 0.365993 11.8109 0.44833 11.7125C0.570416 11.8213 0.74834 11.9065 0.807963 12.0428C1.53291 13.7236 2.24082 15.4119 2.95346 17.0975C3.01119 17.2328 3.07271 17.3663 3.15315 17.5499V17.5499Z" fill="#EB5757"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#github"></svg> -->
<svg class="pl-icon g-icon br-6 bg-gray-100" width="24" height="23" viewBox="0 0 24 23"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.77656 18.2531C7.77656 18.3469 7.66875 18.4219 7.53281 18.4219C7.37812 18.4359 7.27031 18.3609 7.27031 18.2531C7.27031 18.1594 7.37813 18.0844 7.51406 18.0844C7.65469 18.0703 7.77656 18.1453 7.77656 18.2531ZM6.31875 18.0422C6.28594 18.1359 6.37969 18.2437 6.52031 18.2719C6.64219 18.3187 6.78281 18.2719 6.81094 18.1781C6.83906 18.0844 6.75 17.9766 6.60938 17.9344C6.4875 17.9016 6.35156 17.9484 6.31875 18.0422ZM8.39062 17.9625C8.25469 17.9953 8.16094 18.0844 8.175 18.1922C8.18906 18.2859 8.31094 18.3469 8.45156 18.3141C8.5875 18.2812 8.68125 18.1922 8.66719 18.0984C8.65312 18.0094 8.52656 17.9484 8.39062 17.9625ZM11.475 0C4.97344 0 0 4.93594 0 11.4375C0 16.6359 3.27188 21.0844 7.94531 22.65C8.54531 22.7578 8.75625 22.3875 8.75625 22.0828C8.75625 21.7922 8.74219 20.1891 8.74219 19.2047C8.74219 19.2047 5.46094 19.9078 4.77188 17.8078C4.77188 17.8078 4.2375 16.4437 3.46875 16.0922C3.46875 16.0922 2.39531 15.3562 3.54375 15.3703C3.54375 15.3703 4.71094 15.4641 5.35312 16.5797C6.37969 18.3891 8.1 17.8687 8.77031 17.5594C8.87813 16.8094 9.18281 16.2891 9.52031 15.9797C6.9 15.6891 4.25625 15.3094 4.25625 10.8C4.25625 9.51094 4.6125 8.86406 5.3625 8.03906C5.24062 7.73438 4.84219 6.47812 5.48438 4.85625C6.46406 4.55156 8.71875 6.12188 8.71875 6.12188C9.65625 5.85938 10.6641 5.72344 11.6625 5.72344C12.6609 5.72344 13.6688 5.85938 14.6063 6.12188C14.6063 6.12188 16.8609 4.54688 17.8406 4.85625C18.4828 6.48281 18.0844 7.73438 17.9625 8.03906C18.7125 8.86875 19.1719 9.51562 19.1719 10.8C19.1719 15.3234 16.4109 15.6844 13.7906 15.9797C14.2219 16.35 14.5875 17.0531 14.5875 18.1547C14.5875 19.7344 14.5734 21.6891 14.5734 22.0734C14.5734 22.3781 14.7891 22.7484 15.3844 22.6406C20.0719 21.0844 23.25 16.6359 23.25 11.4375C23.25 4.93594 17.9766 0 11.475 0ZM4.55625 16.1672C4.49531 16.2141 4.50938 16.3219 4.58906 16.4109C4.66406 16.4859 4.77187 16.5188 4.83281 16.4578C4.89375 16.4109 4.87969 16.3031 4.8 16.2141C4.725 16.1391 4.61719 16.1062 4.55625 16.1672ZM4.05 15.7875C4.01719 15.8484 4.06406 15.9234 4.15781 15.9703C4.23281 16.0172 4.32656 16.0031 4.35938 15.9375C4.39219 15.8766 4.34531 15.8016 4.25156 15.7547C4.15781 15.7266 4.08281 15.7406 4.05 15.7875ZM5.56875 17.4562C5.49375 17.5172 5.52187 17.6578 5.62969 17.7469C5.7375 17.8547 5.87344 17.8687 5.93437 17.7938C5.99531 17.7328 5.96719 17.5922 5.87344 17.5031C5.77031 17.3953 5.62969 17.3813 5.56875 17.4562ZM5.03438 16.7672C4.95937 16.8141 4.95937 16.9359 5.03438 17.0438C5.10938 17.1516 5.23594 17.1984 5.29688 17.1516C5.37187 17.0906 5.37187 16.9688 5.29688 16.8609C5.23125 16.7531 5.10938 16.7063 5.03438 16.7672Z" fill="black"/>
</svg>
</div>
<!-- <svg class="a-icon"><use xlink:href="#check"></svg> -->
<a href="/clivia-generator.html">
<svg class="a-icon" width="19" height="19" viewBox="0 0 19 19"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1H19C19 0.734784 18.8946 0.48043 18.7071 0.292893C18.5196 0.105357 18.2652 0 18 0V1ZM17 13C17 13.2652 17.1054 13.5196 17.2929 13.7071C17.4804 13.8946 17.7348 14 18 14C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13H17ZM6 0C5.73478 0 5.48043 0.105357 5.29289 0.292893C5.10535 0.48043 5 0.734784 5 1C5 1.26522 5.10535 1.51957 5.29289 1.70711C5.48043 1.89464 5.73478 2 6 2V0ZM1.293 16.293C1.19749 16.3852 1.1213 16.4956 1.0689 16.6176C1.01649 16.7396 0.988901 16.8708 0.987747 17.0036C0.986593 17.1364 1.01189 17.2681 1.06218 17.391C1.11246 17.5138 1.18671 17.6255 1.2806 17.7194C1.37449 17.8133 1.48615 17.8875 1.60904 17.9378C1.73194 17.9881 1.86362 18.0134 1.9964 18.0123C2.12918 18.0111 2.2604 17.9835 2.3824 17.9311C2.50441 17.8787 2.61475 17.8025 2.707 17.707L1.293 16.293ZM17 1V13H19V1H17ZM18 0H6V2H18V0ZM17.293 0.293L1.293 16.293L2.707 17.707L18.707 1.707L17.293 0.293Z" fill="#3A824D"/>
</svg>
</a>
</div>
<h3 class="project-card__title">CLIvia generator</h3>
<p class="project-card__subtitle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus assumenda quidem blanditiis mollitia beatae temporibus nisi!</p>
<div class="project-card__badges" >
<p class="text-xs regular">File manipulation</p>
<p class="text-xs regular">Classes</p>
<p class="text-xs regular">Json</p>
</div>
</div>
<div class="project-card">
<div class="card-header-icons">
<div class="pl-icons">
<!-- <svg class="pl-icon"><use xlink:href="#vector"></svg> -->
<svg class="pl-icon v-icon br-6 bg-gray-100" width="24" height="17" viewBox="0 0 24 17"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.67429 8.82423L2.38642 16.1121C2.03493 16.4636 1.46508 16.4636 1.11363 16.1121L0.263577 15.2621C-0.0873113 14.9112 -0.0879863 14.3425 0.262077 13.9908L6.03791 8.18782L0.262114 2.38488C-0.0879488 2.03317 -0.0872738 1.46448 0.263614 1.1136L1.11363 0.263585C1.46512 -0.0879024 2.03497 -0.0879024 2.38642 0.263585L9.67429 7.55144C10.0258 7.90289 10.0258 8.47274 9.67429 8.82423ZM24 15.6878V14.4878C24 13.9908 23.5971 13.5878 23.1 13.5878H11.7C11.2029 13.5878 10.8 13.9908 10.8 14.4878V15.6878C10.8 16.1849 11.2029 16.5878 11.7 16.5878H23.1C23.5971 16.5878 24 16.1849 24 15.6878Z" fill="black"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#ruby"></svg> -->
<svg class="pl-icon r-icon br-6 bg-gray-100" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.771054 10.2181C0.895979 9.82722 1.04456 9.03035 1.39095 8.33001C3.07649 4.92863 5.68384 2.45473 9.16565 0.951846C9.8376 0.662246 10.6373 0.569498 11.3793 0.565713C12.3068 0.560981 12.9286 1.20643 13.0099 2.14242C13.0525 2.62982 13.0469 3.17116 12.8793 3.61976C11.2298 8.03189 8.11704 10.9866 3.74087 12.6466C3.57052 12.7109 3.38029 12.7279 3.19669 12.7526C1.70705 12.957 0.74834 12.1128 0.771054 10.2181V10.2181ZM12.2235 6.94826C14.6425 6.77885 17.0208 6.61229 19.5127 6.4372C19.331 6.26401 19.2288 6.15044 19.1105 6.0558C16.9413 4.31631 14.7665 2.58439 12.6058 0.834491C12.3919 0.6613 12.2594 0.388735 11.9736 0.010174C12.9021 0.010174 13.6526 0.00165624 14.4031 0.0120667C15.3088 0.0253163 16.2362 -0.0626993 17.1164 0.100082C19.0196 0.452144 20.0351 1.67963 19.9991 3.61408C19.966 5.42739 19.7786 7.23786 19.6442 9.04833C19.4389 11.8203 19.2231 14.5924 19.0092 17.3634C18.9723 17.8414 18.9278 18.3193 18.8795 18.8871C17.8735 17.9909 16.911 17.1344 15.9504 16.277C15.8264 16.1662 15.7233 16.0233 15.5861 15.9353C14.4116 15.1876 13.9213 14.0728 13.6544 12.7402C13.3062 10.9989 12.7961 9.28966 12.3569 7.56626C12.3077 7.37319 12.2718 7.17634 12.2225 6.94637L12.2235 6.94826ZM3.15315 17.5499C3.67083 17.4779 4.15539 17.4477 4.61724 17.3284C4.79895 17.282 5.00999 17.0606 5.06867 16.8751C5.50402 15.4981 5.9034 14.1087 6.31509 12.7251C6.35105 12.604 6.40121 12.4866 6.46746 12.3059C8.98678 13.1122 11.4862 13.9128 14.0595 14.7362C12.7203 16.0877 11.296 17.2205 9.70416 18.2389C12.5405 18.4556 15.3769 18.6723 18.2133 18.889C18.2133 18.925 18.2133 18.9619 18.2142 18.9979C17.6028 19.0414 16.9915 19.0868 16.3801 19.1275C12.7724 19.3651 9.16565 19.6017 5.55796 19.8373C4.98444 19.8752 4.40998 19.9376 3.8374 19.9272C1.40893 19.8828 0.0328585 18.5521 0.00162714 16.1161C-0.0163545 14.7476 0.12466 13.3772 0.211729 12.0087C0.218354 11.9055 0.365993 11.8109 0.44833 11.7125C0.570416 11.8213 0.74834 11.9065 0.807963 12.0428C1.53291 13.7236 2.24082 15.4119 2.95346 17.0975C3.01119 17.2328 3.07271 17.3663 3.15315 17.5499V17.5499Z" fill="#EB5757"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#github"></svg> -->
<svg class="pl-icon g-icon br-6 bg-gray-100" width="24" height="23" viewBox="0 0 24 23"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.77656 18.2531C7.77656 18.3469 7.66875 18.4219 7.53281 18.4219C7.37812 18.4359 7.27031 18.3609 7.27031 18.2531C7.27031 18.1594 7.37813 18.0844 7.51406 18.0844C7.65469 18.0703 7.77656 18.1453 7.77656 18.2531ZM6.31875 18.0422C6.28594 18.1359 6.37969 18.2437 6.52031 18.2719C6.64219 18.3187 6.78281 18.2719 6.81094 18.1781C6.83906 18.0844 6.75 17.9766 6.60938 17.9344C6.4875 17.9016 6.35156 17.9484 6.31875 18.0422ZM8.39062 17.9625C8.25469 17.9953 8.16094 18.0844 8.175 18.1922C8.18906 18.2859 8.31094 18.3469 8.45156 18.3141C8.5875 18.2812 8.68125 18.1922 8.66719 18.0984C8.65312 18.0094 8.52656 17.9484 8.39062 17.9625ZM11.475 0C4.97344 0 0 4.93594 0 11.4375C0 16.6359 3.27188 21.0844 7.94531 22.65C8.54531 22.7578 8.75625 22.3875 8.75625 22.0828C8.75625 21.7922 8.74219 20.1891 8.74219 19.2047C8.74219 19.2047 5.46094 19.9078 4.77188 17.8078C4.77188 17.8078 4.2375 16.4437 3.46875 16.0922C3.46875 16.0922 2.39531 15.3562 3.54375 15.3703C3.54375 15.3703 4.71094 15.4641 5.35312 16.5797C6.37969 18.3891 8.1 17.8687 8.77031 17.5594C8.87813 16.8094 9.18281 16.2891 9.52031 15.9797C6.9 15.6891 4.25625 15.3094 4.25625 10.8C4.25625 9.51094 4.6125 8.86406 5.3625 8.03906C5.24062 7.73438 4.84219 6.47812 5.48438 4.85625C6.46406 4.55156 8.71875 6.12188 8.71875 6.12188C9.65625 5.85938 10.6641 5.72344 11.6625 5.72344C12.6609 5.72344 13.6688 5.85938 14.6063 6.12188C14.6063 6.12188 16.8609 4.54688 17.8406 4.85625C18.4828 6.48281 18.0844 7.73438 17.9625 8.03906C18.7125 8.86875 19.1719 9.51562 19.1719 10.8C19.1719 15.3234 16.4109 15.6844 13.7906 15.9797C14.2219 16.35 14.5875 17.0531 14.5875 18.1547C14.5875 19.7344 14.5734 21.6891 14.5734 22.0734C14.5734 22.3781 14.7891 22.7484 15.3844 22.6406C20.0719 21.0844 23.25 16.6359 23.25 11.4375C23.25 4.93594 17.9766 0 11.475 0ZM4.55625 16.1672C4.49531 16.2141 4.50938 16.3219 4.58906 16.4109C4.66406 16.4859 4.77187 16.5188 4.83281 16.4578C4.89375 16.4109 4.87969 16.3031 4.8 16.2141C4.725 16.1391 4.61719 16.1062 4.55625 16.1672ZM4.05 15.7875C4.01719 15.8484 4.06406 15.9234 4.15781 15.9703C4.23281 16.0172 4.32656 16.0031 4.35938 15.9375C4.39219 15.8766 4.34531 15.8016 4.25156 15.7547C4.15781 15.7266 4.08281 15.7406 4.05 15.7875ZM5.56875 17.4562C5.49375 17.5172 5.52187 17.6578 5.62969 17.7469C5.7375 17.8547 5.87344 17.8687 5.93437 17.7938C5.99531 17.7328 5.96719 17.5922 5.87344 17.5031C5.77031 17.3953 5.62969 17.3813 5.56875 17.4562ZM5.03438 16.7672C4.95937 16.8141 4.95937 16.9359 5.03438 17.0438C5.10938 17.1516 5.23594 17.1984 5.29688 17.1516C5.37187 17.0906 5.37187 16.9688 5.29688 16.8609C5.23125 16.7531 5.10938 16.7063 5.03438 16.7672Z" fill="black"/>
</svg>
</div>
<!-- <svg class="a-icon"><use xlink:href="#check"></svg> -->
<a href="/clin-boards.html">
<svg class="a-icon" width="19" height="19" viewBox="0 0 19 19"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1H19C19 0.734784 18.8946 0.48043 18.7071 0.292893C18.5196 0.105357 18.2652 0 18 0V1ZM17 13C17 13.2652 17.1054 13.5196 17.2929 13.7071C17.4804 13.8946 17.7348 14 18 14C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13H17ZM6 0C5.73478 0 5.48043 0.105357 5.29289 0.292893C5.10535 0.48043 5 0.734784 5 1C5 1.26522 5.10535 1.51957 5.29289 1.70711C5.48043 1.89464 5.73478 2 6 2V0ZM1.293 16.293C1.19749 16.3852 1.1213 16.4956 1.0689 16.6176C1.01649 16.7396 0.988901 16.8708 0.987747 17.0036C0.986593 17.1364 1.01189 17.2681 1.06218 17.391C1.11246 17.5138 1.18671 17.6255 1.2806 17.7194C1.37449 17.8133 1.48615 17.8875 1.60904 17.9378C1.73194 17.9881 1.86362 18.0134 1.9964 18.0123C2.12918 18.0111 2.2604 17.9835 2.3824 17.9311C2.50441 17.8787 2.61475 17.8025 2.707 17.707L1.293 16.293ZM17 1V13H19V1H17ZM18 0H6V2H18V0ZM17.293 0.293L1.293 16.293L2.707 17.707L18.707 1.707L17.293 0.293Z" fill="#3A824D"/>
</svg>
</a>
</div>
<h3 class="project-card__title">CLIn Boards</h3>
<p class="project-card__subtitle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus assumenda quidem blanditiis mollitia beatae temporibus nisi!</p>
<div class="project-card__badges" >
<p class="text-xs regular">File manipulation</p>
<p class="text-xs regular">Classes</p>
<p class="text-xs regular">Json</p>
</div>
</div>
<div class="project-card">
<div class="card-header-icons">
<div class="pl-icons">
<!-- <svg class="pl-icon"><use xlink:href="#vector"></svg> -->
<svg class="pl-icon v-icon br-6 bg-gray-100" width="24" height="17" viewBox="0 0 24 17"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.67429 8.82423L2.38642 16.1121C2.03493 16.4636 1.46508 16.4636 1.11363 16.1121L0.263577 15.2621C-0.0873113 14.9112 -0.0879863 14.3425 0.262077 13.9908L6.03791 8.18782L0.262114 2.38488C-0.0879488 2.03317 -0.0872738 1.46448 0.263614 1.1136L1.11363 0.263585C1.46512 -0.0879024 2.03497 -0.0879024 2.38642 0.263585L9.67429 7.55144C10.0258 7.90289 10.0258 8.47274 9.67429 8.82423ZM24 15.6878V14.4878C24 13.9908 23.5971 13.5878 23.1 13.5878H11.7C11.2029 13.5878 10.8 13.9908 10.8 14.4878V15.6878C10.8 16.1849 11.2029 16.5878 11.7 16.5878H23.1C23.5971 16.5878 24 16.1849 24 15.6878Z" fill="black"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#ruby"></svg> -->
<svg class="pl-icon r-icon br-6 bg-gray-100" width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.771054 10.2181C0.895979 9.82722 1.04456 9.03035 1.39095 8.33001C3.07649 4.92863 5.68384 2.45473 9.16565 0.951846C9.8376 0.662246 10.6373 0.569498 11.3793 0.565713C12.3068 0.560981 12.9286 1.20643 13.0099 2.14242C13.0525 2.62982 13.0469 3.17116 12.8793 3.61976C11.2298 8.03189 8.11704 10.9866 3.74087 12.6466C3.57052 12.7109 3.38029 12.7279 3.19669 12.7526C1.70705 12.957 0.74834 12.1128 0.771054 10.2181V10.2181ZM12.2235 6.94826C14.6425 6.77885 17.0208 6.61229 19.5127 6.4372C19.331 6.26401 19.2288 6.15044 19.1105 6.0558C16.9413 4.31631 14.7665 2.58439 12.6058 0.834491C12.3919 0.6613 12.2594 0.388735 11.9736 0.010174C12.9021 0.010174 13.6526 0.00165624 14.4031 0.0120667C15.3088 0.0253163 16.2362 -0.0626993 17.1164 0.100082C19.0196 0.452144 20.0351 1.67963 19.9991 3.61408C19.966 5.42739 19.7786 7.23786 19.6442 9.04833C19.4389 11.8203 19.2231 14.5924 19.0092 17.3634C18.9723 17.8414 18.9278 18.3193 18.8795 18.8871C17.8735 17.9909 16.911 17.1344 15.9504 16.277C15.8264 16.1662 15.7233 16.0233 15.5861 15.9353C14.4116 15.1876 13.9213 14.0728 13.6544 12.7402C13.3062 10.9989 12.7961 9.28966 12.3569 7.56626C12.3077 7.37319 12.2718 7.17634 12.2225 6.94637L12.2235 6.94826ZM3.15315 17.5499C3.67083 17.4779 4.15539 17.4477 4.61724 17.3284C4.79895 17.282 5.00999 17.0606 5.06867 16.8751C5.50402 15.4981 5.9034 14.1087 6.31509 12.7251C6.35105 12.604 6.40121 12.4866 6.46746 12.3059C8.98678 13.1122 11.4862 13.9128 14.0595 14.7362C12.7203 16.0877 11.296 17.2205 9.70416 18.2389C12.5405 18.4556 15.3769 18.6723 18.2133 18.889C18.2133 18.925 18.2133 18.9619 18.2142 18.9979C17.6028 19.0414 16.9915 19.0868 16.3801 19.1275C12.7724 19.3651 9.16565 19.6017 5.55796 19.8373C4.98444 19.8752 4.40998 19.9376 3.8374 19.9272C1.40893 19.8828 0.0328585 18.5521 0.00162714 16.1161C-0.0163545 14.7476 0.12466 13.3772 0.211729 12.0087C0.218354 11.9055 0.365993 11.8109 0.44833 11.7125C0.570416 11.8213 0.74834 11.9065 0.807963 12.0428C1.53291 13.7236 2.24082 15.4119 2.95346 17.0975C3.01119 17.2328 3.07271 17.3663 3.15315 17.5499V17.5499Z" fill="#EB5757"/>
</svg>
<!-- <svg class="pl-icon"><use xlink:href="#github"></svg> -->
<svg class="pl-icon g-icon br-6 bg-gray-100" width="24" height="23" viewBox="0 0 24 23"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.77656 18.2531C7.77656 18.3469 7.66875 18.4219 7.53281 18.4219C7.37812 18.4359 7.27031 18.3609 7.27031 18.2531C7.27031 18.1594 7.37813 18.0844 7.51406 18.0844C7.65469 18.0703 7.77656 18.1453 7.77656 18.2531ZM6.31875 18.0422C6.28594 18.1359 6.37969 18.2437 6.52031 18.2719C6.64219 18.3187 6.78281 18.2719 6.81094 18.1781C6.83906 18.0844 6.75 17.9766 6.60938 17.9344C6.4875 17.9016 6.35156 17.9484 6.31875 18.0422ZM8.39062 17.9625C8.25469 17.9953 8.16094 18.0844 8.175 18.1922C8.18906 18.2859 8.31094 18.3469 8.45156 18.3141C8.5875 18.2812 8.68125 18.1922 8.66719 18.0984C8.65312 18.0094 8.52656 17.9484 8.39062 17.9625ZM11.475 0C4.97344 0 0 4.93594 0 11.4375C0 16.6359 3.27188 21.0844 7.94531 22.65C8.54531 22.7578 8.75625 22.3875 8.75625 22.0828C8.75625 21.7922 8.74219 20.1891 8.74219 19.2047C8.74219 19.2047 5.46094 19.9078 4.77188 17.8078C4.77188 17.8078 4.2375 16.4437 3.46875 16.0922C3.46875 16.0922 2.39531 15.3562 3.54375 15.3703C3.54375 15.3703 4.71094 15.4641 5.35312 16.5797C6.37969 18.3891 8.1 17.8687 8.77031 17.5594C8.87813 16.8094 9.18281 16.2891 9.52031 15.9797C6.9 15.6891 4.25625 15.3094 4.25625 10.8C4.25625 9.51094 4.6125 8.86406 5.3625 8.03906C5.24062 7.73438 4.84219 6.47812 5.48438 4.85625C6.46406 4.55156 8.71875 6.12188 8.71875 6.12188C9.65625 5.85938 10.6641 5.72344 11.6625 5.72344C12.6609 5.72344 13.6688 5.85938 14.6063 6.12188C14.6063 6.12188 16.8609 4.54688 17.8406 4.85625C18.4828 6.48281 18.0844 7.73438 17.9625 8.03906C18.7125 8.86875 19.1719 9.51562 19.1719 10.8C19.1719 15.3234 16.4109 15.6844 13.7906 15.9797C14.2219 16.35 14.5875 17.0531 14.5875 18.1547C14.5875 19.7344 14.5734 21.6891 14.5734 22.0734C14.5734 22.3781 14.7891 22.7484 15.3844 22.6406C20.0719 21.0844 23.25 16.6359 23.25 11.4375C23.25 4.93594 17.9766 0 11.475 0ZM4.55625 16.1672C4.49531 16.2141 4.50938 16.3219 4.58906 16.4109C4.66406 16.4859 4.77187 16.5188 4.83281 16.4578C4.89375 16.4109 4.87969 16.3031 4.8 16.2141C4.725 16.1391 4.61719 16.1062 4.55625 16.1672ZM4.05 15.7875C4.01719 15.8484 4.06406 15.9234 4.15781 15.9703C4.23281 16.0172 4.32656 16.0031 4.35938 15.9375C4.39219 15.8766 4.34531 15.8016 4.25156 15.7547C4.15781 15.7266 4.08281 15.7406 4.05 15.7875ZM5.56875 17.4562C5.49375 17.5172 5.52187 17.6578 5.62969 17.7469C5.7375 17.8547 5.87344 17.8687 5.93437 17.7938C5.99531 17.7328 5.96719 17.5922 5.87344 17.5031C5.77031 17.3953 5.62969 17.3813 5.56875 17.4562ZM5.03438 16.7672C4.95937 16.8141 4.95937 16.9359 5.03438 17.0438C5.10938 17.1516 5.23594 17.1984 5.29688 17.1516C5.37187 17.0906 5.37187 16.9688 5.29688 16.8609C5.23125 16.7531 5.10938 16.7063 5.03438 16.7672Z" fill="black"/>
</svg>
</div>
<!-- <svg class="a-icon"><use xlink:href="#check"></svg> -->
<a href="/expensable-cli.html">
<svg class="a-icon" width="19" height="19" viewBox="0 0 19 19"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1H19C19 0.734784 18.8946 0.48043 18.7071 0.292893C18.5196 0.105357 18.2652 0 18 0V1ZM17 13C17 13.2652 17.1054 13.5196 17.2929 13.7071C17.4804 13.8946 17.7348 14 18 14C18.2652 14 18.5196 13.8946 18.7071 13.7071C18.8946 13.5196 19 13.2652 19 13H17ZM6 0C5.73478 0 5.48043 0.105357 5.29289 0.292893C5.10535 0.48043 5 0.734784 5 1C5 1.26522 5.10535 1.51957 5.29289 1.70711C5.48043 1.89464 5.73478 2 6 2V0ZM1.293 16.293C1.19749 16.3852 1.1213 16.4956 1.0689 16.6176C1.01649 16.7396 0.988901 16.8708 0.987747 17.0036C0.986593 17.1364 1.01189 17.2681 1.06218 17.391C1.11246 17.5138 1.18671 17.6255 1.2806 17.7194C1.37449 17.8133 1.48615 17.8875 1.60904 17.9378C1.73194 17.9881 1.86362 18.0134 1.9964 18.0123C2.12918 18.0111 2.2604 17.9835 2.3824 17.9311C2.50441 17.8787 2.61475 17.8025 2.707 17.707L1.293 16.293ZM17 1V13H19V1H17ZM18 0H6V2H18V0ZM17.293 0.293L1.293 16.293L2.707 17.707L18.707 1.707L17.293 0.293Z" fill="#3A824D"/>
</svg>
</a>
</div>
<h3 class="project-card__title">Expensable CLI</h3>
<p class="project-card__subtitle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatibus assumenda quidem blanditiis mollitia beatae temporibus nisi!</p>
<div class="project-card__badges" >
<p class="text-xs regular">File manipulation</p>
<p class="text-xs regular">Classes</p>
<p class="text-xs regular">Json</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container-md footer__content">
<h2 class="head-xl semibold">Can I help you?</h2>
<button class="button button--lg button--primary">get in touch!</button>
</div>
</footer>
</body>