-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (226 loc) · 35.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mateus Silva | Desenvolvedor Web</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon">
<link rel="icon" href="imagens/favicon.ico" type="image/x-icon">
<script src="https://kit.fontawesome.com/211df2135d.js" crossorigin="anonymous"></script>
</head>
<body>
<header id="topo">
<div class="logo">
<a href="#apresentacao"><img class="logo" src="imagens/logoPreta.webp" alt="Mateus Silva | Desenvolvedor Web" title="Mateus Silva | Desenvolvedor Web"></a>
</div>
<nav class="menu">
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#habilidades">Habilidades</a></li>
<li><a href="#projetos">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
<i class="hamburguer fa-2x fas fa-bars"></i>
<nav class="menuMobile">
<i class="close fa-2x fas fa-times"></i>
<ul>
<li><a href="#apresentacao"><img class="logo" src="imagens/logoPreta.webp"></a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#habilidades">Habilidades</a></li>
<li><a href="#projetos">Projetos</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
<nav class="icons iconsColoridos">
<a href="https://www.facebook.com/mateus.silva.560" target="_blank"><i class="fa fa-2x fa-facebook-square"></i></a>
<a href="https://api.whatsapp.com/send?phone=5511975671185&text=&source=&data=&app_absent=" target="_blank"><i class="fa fa-2x fa-whatsapp"></i></a>
<a href="https://github.com/mateuslsilva28" target="_blank"><i class="fa fa-2x fa-github-square"></i></a>
<a href="https://www.linkedin.com/in/mateus-silva-a386b5199/" target="_blank"><i class="fa fa-2x fa-linkedin-square"></i></a>
</nav>
</nav>
</header>
<main>
<section id="apresentacao" class="apresentacao">
<div id="imgApresentacao">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 309.25 180.56">
<defs><style>.cls-1{fill:none;}.cls-2,.cls-22{fill:#fff;}.cls-3{isolation:isolate;}.cls-4{fill:#fad69d;}.cls-5,.cls-9{fill:#ffce44;}.cls-35{fill:#6594f8}.cls-6,.cls-9{opacity:0.3;}.cls-7{opacity:0.8;mix-blend-mode:darken;}.cls-8{fill:#da775e;}.cls-10{opacity:0.2;}.cls-11{fill:#999ea3;}.cls-12{fill:#cbced8;}.cls-13{fill:#4b2583;}.cls-14,.cls-15{fill:#f29277;}.cls-15,.cls-22{fill-rule:evenodd;}.cls-16{fill:#1d1b37;}.cls-30{fill:#26a0d9}.cls-31{fill:#0e18a0}.cls-33{fill:#2817be}.cls-36{fill: #000000;}.cls-17{fill:#8baddc;}.cls-18{fill:url(#Új_mintázatos_színtár_1);}.cls-19{fill:#e9ecf8;}.cls-21{fill:#4e5b5f;}.cls-22{opacity:0.6;}.cls-24{fill:#26a0d9;}</style><pattern id="Új_mintázatos_színtár_1" data-name="Új mintázatos színtár 1" width="38.25" height="55" patternUnits="userSpaceOnUse" viewBox="0 0 38.24 55"><rect class="cls-1" width="38.25" height="55"/><rect class="cls-2" width="38.25" height="55"/></pattern></defs><title>eezy_15</title><g class="cls-3"><g id="Layer"><g id="_Csoport_" data-name="<Csoport>"><polygon class="cls-36" points="308.4 163.38 308.4 171.62 290.69 171.62 17.78 171.62 0.06 171.62 0.06 163.38 308.4 163.38"/><polygon class="cls-36" points="290.69 171.62 290.69 180.56 102.67 180.56 97.85 180.56 35.65 180.56 17.78 180.56 17.78 171.62 290.69 171.62"/></g><g class="cls-6"><g class="cls-7"><rect class="cls-36" x="17.78" y="171.65" width="272.9" height="4.33"/></g></g><path class="cls-9" d="M129.06,105.12v12.51l-20,.19v15.5l43.7.13V118.88h20v-15l-63.82,0v1.13Zm22.53,27.1H110.36v-13.3h41.23Zm-21.23-27.1h41.23v12.51H130.36Z" transform="translate(-13.76 -22.34)"/><path class="cls-9" d="M130.84,72.76h22.83V56.92H130.45V43H90.87L89,44.09h40.17V56.92H86.88V45.36l-1.32.83V56.92H70.66l-1.6,1.32h39.58V71.86H66.4V60.51l-1.32,1.18V71.86L54.66,72l-1.13,1.23h32V86H43.32v-.26c-.34.46-.68.92-1,1.39l88.53.19ZM110,58.24h42.25V71.86H110ZM129.13,86H86.88V73.18h42.25Z" transform="translate(-13.76 -22.34)"/><g id="_Csoport_2" data-name="<Csoport>" class="cls-10"><g id="_Csoport_3" data-name="<Csoport>"><path id="_Görbe_" data-name="<Görbe>" class="cls-5" d="M168,22.34a154.2,154.2,0,0,0-154.2,154.2h308.4A154.2,154.2,0,0,0,168,22.34Z" transform="translate(-13.76 -22.34)"/></g></g><path class="cls-11" d="M138.33,113.12h0a77.61,77.61,0,0,1,23.52-8.67c0,.28-1,9.5,9.64,9.8h1.09c10.68-.3,9.67-9.52,9.65-9.8a77.7,77.7,0,0,1,23.52,8.67h0c.19.11.37.24.56.36-2-5.12-3.68-8.84-4.85-10.13-5.68-6.25-10.79-6.54-29.52-6.54s-23.85.29-29.53,6.54c-1.18,1.3-2.92,5.09-4.91,10.3C137.77,113.47,138,113.29,138.33,113.12Z" transform="translate(-13.76 -22.34)"/><g id="_Csoport_4" data-name="<Csoport>"><g id="_Csoport_5" data-name="<Csoport>"><path id="_Görbe_2" data-name="<Görbe>" class="cls-12" d="M322.19,177.18H14.93a.82.82,0,0,1-.81-.82.81.81,0,0,1,.81-.81H322.19a.81.81,0,0,1,.81.81A.82.82,0,0,1,322.19,177.18Z" transform="translate(-13.76 -22.34)"/></g></g><path class="cls-31" d="M206.31,162.48l19.3-9.33s-12.68-32.5-14-34.64a18.11,18.11,0,0,0-5.86-5.39h0a77.7,77.7,0,0,0-23.52-8.67c0,.28,1,9.5-9.65,9.8h-1.09c-10.67-.3-9.66-9.52-9.64-9.8a77.61,77.61,0,0,0-23.52,8.67h0a18.05,18.05,0,0,0-5.87,5.39c-1.32,2.14-14,34.64-14,34.64l19.3,9.33,4.06-11v-.15a.76.76,0,0,0,0,.15,185.84,185.84,0,0,1-.92,28.5h62.25a184.58,184.58,0,0,1-.91-28.5v0Z" transform="translate(-13.76 -22.34)"/><path class="cls-14" d="M224.5,156.16l-.78-2.09-6.13,3v20.64a2.26,2.26,0,0,1-.64,1.59,68.41,68.41,0,0,0,8.22-1.88C232.09,174.84,224.5,156.16,224.5,156.16Z" transform="translate(-13.76 -22.34)"/><path class="cls-14" d="M126.77,157.17l-6.45-3.12-.79,2.11s-7.59,18.68-.67,21.22a73.83,73.83,0,0,0,8.62,2,2.33,2.33,0,0,1-.71-1.67Z" transform="translate(-13.76 -22.34)"/><path class="cls-8" d="M155,79.62c.21,3-1.73,5.6-4.35,5.79s-4.91-2.1-5.13-5.12,1.73-5.6,4.35-5.79S154.76,76.6,155,79.62Z" transform="translate(-13.76 -22.34)"/><path class="cls-8" d="M187.9,79.62c-.21,3,1.73,5.6,4.35,5.79s4.91-2.1,5.13-5.12-1.73-5.6-4.35-5.79S188.12,76.6,187.9,79.62Z" transform="translate(-13.76 -22.34)"/><path class="cls-15" d="M192.83,71.43V61.09s-4.31-8-22.28-8c-15.67,0-19.64,10.3-20.4,9L150,54.63V72.17l-.05,0v10.4c0,12.81,9.68,23.28,21.51,23.28S193,95.34,193,82.54V71.32Z" transform="translate(-13.76 -22.34)"/><path class="cls-8" d="M171.46,105.82a20,20,0,0,1-9.61-2.49V109a8.64,8.64,0,0,0,8.64,8.64h3a8.63,8.63,0,0,0,8.64-8.64v-6.27A20,20,0,0,1,171.46,105.82Z" transform="translate(-13.76 -22.34)"/><path class="cls-16" d="M189.8,74.62a1,1,0,0,0,.55-.54,1,1,0,0,0,0-.77h0a5,5,0,0,0-.38-.68l-.13-.18,0,0a6.42,6.42,0,0,0-5.1-2.57H184a6.4,6.4,0,0,0-5.09,2.55l-.09.11-.09.14a4.59,4.59,0,0,0-.39.68,1,1,0,1,0,1.85.78,2.44,2.44,0,0,1,.2-.35,5.1,5.1,0,0,1,3.85-1.9h.2a5.14,5.14,0,0,1,3.82,1.86,2.21,2.21,0,0,1,.22.4A1,1,0,0,0,189.8,74.62Z" transform="translate(-13.76 -22.34)"/><polygon class="cls-17" points="168.84 50.81 168.84 50.81 168.84 50.81 168.84 50.81"/><path class="cls-16" d="M153.28,72.37l-.1.12-.09.13a5,5,0,0,0-.38.68,1,1,0,0,0,.54,1.32,1,1,0,0,0,1.31-.54,3,3,0,0,1,.19-.35,5.15,5.15,0,0,1,3.85-1.9h.2a5.09,5.09,0,0,1,3.82,1.86,2,2,0,0,1,.23.4,1,1,0,0,0,1.31.53,1,1,0,0,0,.54-1.31,5.41,5.41,0,0,0-.39-.69l-.12-.18,0,0a6.42,6.42,0,0,0-5.1-2.57h-.69A6.39,6.39,0,0,0,153.28,72.37Z" transform="translate(-13.76 -22.34)"/><polygon class="cls-17" points="146.59 50.81 146.59 50.81 146.59 50.81 146.59 50.81"/><path class="cls-8" d="M171.21,89.45c-3,0-3.31-.63-3.31-.63,2.77-3,3.17-12.26,3.17-12.26Z" transform="translate(-13.76 -22.34)"/><path class="cls-18" d="M179.47,92.28a9.85,9.85,0,0,1-1.86,1.07,12.5,12.5,0,0,1-2,.7,16.83,16.83,0,0,1-4.24.55h.3a17.43,17.43,0,0,1-4.24-.55,14.62,14.62,0,0,1-2-.7,10.25,10.25,0,0,1-1.87-1.07l.05-.1a20.75,20.75,0,0,0,4,1,27.93,27.93,0,0,0,4.09.29h-.3a28.17,28.17,0,0,0,4.1-.29,20.93,20.93,0,0,0,4-1Z" transform="translate(-13.76 -22.34)"/><rect class="cls-12" x="113.02" y="95.26" width="90.82" height="62.4" rx="2.33" ry="2.33"/><path class="cls-16" d="M222.38,185.72H122a2.1,2.1,0,0,1-2.1-2.1v-4.06h104.6v4.06A2.1,2.1,0,0,1,222.38,185.72Z" transform="translate(-13.76 -22.34)"/><circle class="cls-2" cx="157.7" cy="126.46" r="7.35"/><path class="cls-16" d="M62.89,112.08v73.43H42.32V112.08Z" transform="translate(-13.76 -22.34)"/><polygon class="cls-16" points="84.58 118.08 84.58 121.65 81.88 121.65 55.78 121.65 53.06 121.65 53.06 118.08 57.08 118.08 80.56 118.08 84.58 118.08"/><polygon class="cls-19" points="81.88 121.65 80.75 136.27 56.91 136.27 55.78 121.65 81.88 121.65"/><polygon class="cls-11" points="78.12 113.81 81.88 118.08 55.56 118.08 59.31 113.81 62.52 113.81 65.78 113.81 78.12 113.81"/><rect class="cls-5" x="62.01" y="95.26" width="2.23" height="18.55"/><path class="cls-30" d="M95.23,158.61l-.89,15.46A2.39,2.39,0,0,1,92,176.32H73.19a2.39,2.39,0,0,1-2.37-2.25l-.89-15.46h25.3Z" transform="translate(-13.76 -22.34)"/><path class="cls-19" d="M92,176.32H73.19a2.31,2.31,0,0,1-1.1-.29l.65,9.69H92.42l.64-9.69A2.27,2.27,0,0,1,92,176.32Z" transform="translate(-13.76 -22.34)"/><path class="cls-16" d="M187.37,49.05a22.54,22.54,0,0,0-16-6.66,24,24,0,0,0-11.83,2.74c-7.77,4.3-9.54,10.23-10,14.8a29.16,29.16,0,0,0-.11,3.74l.31,10.82h0l1.16-8v0a2.27,2.27,0,0,1,3-2.15,16,16,0,0,0,4.67.68h10.27C177,65,183,63.87,187.7,60.42a2.34,2.34,0,0,1,3.71,1.39c.31,1.5,1.57,12.68,1.57,12.68h0l.63-4.87a1.24,1.24,0,0,0,0-.18c.05-1.59,0-6.07-.08-7.06A19.37,19.37,0,0,0,187.37,49.05Z" transform="translate(-13.76 -22.34)"/><path class="cls-21" d="M180.79,81.58h0a1.41,1.41,0,0,1-1.4,1.41h0a1.41,1.41,0,1,0,1.41-1.41Z" transform="translate(-13.76 -22.34)"/><path class="cls-31" d="M161.43,81.58h0A1.41,1.41,0,0,1,160,83h0a1.41,1.41,0,1,0,1.41-1.41Z" transform="translate(-13.76 -22.34)"/><path class="cls-22" d="M159.52,85.65c-4.42-.15-7.87-1.65-8-5.43-.23-7.09,3.08-5.7,8-5.84,6.09-.17,8.38,2.85,8.36,6C167.92,83.28,167,85.91,159.52,85.65Z" transform="translate(-13.76 -22.34)"/><path class="cls-22" d="M191.25,80.61c-.2,3.78-3.69,5.21-8.1,5.27-7.49.12-8.36-2.53-8.32-5.43,0-3.16,2.4-6.13,8.48-5.84C188.28,74.85,191.62,73.53,191.25,80.61Z" transform="translate(-13.76 -22.34)"/><path class="cls-30" d="M193.29,74.48a16.39,16.39,0,0,1-3.78-.45c-2.83-.55-7.23-.23-9-.23a10.22,10.22,0,0,0-6.58,2.49l-2.52,0-2.51,0a10.25,10.25,0,0,0-6.53-2.62c-1.76,0-6.15-.44-9,0a16.73,16.73,0,0,1-3.78.39.49.49,0,0,0-.5.49v1a.49.49,0,0,0,.49.5,1.13,1.13,0,0,1,.83,1l.22,4.34c.27,3.08,3.72,4.21,3.72,4.21a20.11,20.11,0,0,0,11,.31c3.54-.76,3.74-5,3.77-5.34.15-1.94,1.31-1.8,1.31-1.8h1.88s1.16-.1,1.28,1.84c0,.3.14,4.57,3.67,5.41a20.18,20.18,0,0,0,11-.1s3.47-1.06,3.8-4.14l.3-4.33a1.12,1.12,0,0,1,.85-1,.5.5,0,0,0,.5-.49V75A.51.51,0,0,0,193.29,74.48ZM159.52,85.65c-4.42-.15-7.87-1.65-8-5.43-.23-7.09,3.08-5.7,8-5.84,6.09-.17,8.38,2.85,8.36,6C167.92,83.28,167,85.91,159.52,85.65Zm31.73-5c-.2,3.78-3.69,5.21-8.1,5.27-7.49.12-8.36-2.53-8.32-5.43,0-3.16,2.4-6.13,8.48-5.84C188.28,74.85,191.62,73.53,191.25,80.61Z" transform="translate(-13.76 -22.34)"/><polygon class="cls-2" points="62.01 113.75 64.24 112.01 64.24 110.06 62.01 111.91 62.01 113.75"/><polygon class="cls-2" points="62.01 110.06 64.24 108.32 64.24 106.37 62.01 108.21 62.01 110.06"/><polygon class="cls-2" points="62.01 106.37 64.24 104.63 64.24 102.68 62.01 104.52 62.01 106.37"/><polygon class="cls-2" points="62.01 102.68 64.24 100.93 64.24 98.98 62.01 100.83 62.01 102.68"/><polygon class="cls-2" points="62.01 98.98 64.24 97.24 64.24 95.29 62.01 97.14 62.01 98.98"/><circle class="cls-2" cx="68.72" cy="144.36" r="4.83"/><rect class="cls-2" x="32.11" y="100.09" width="13.04" height="8.65"/><polygon class="cls-30" points="289.44 114.39 286.28 114.39 284.76 114.39 282.38 114.39 280.89 114.39 277.88 114.39 276.38 114.39 274.67 114.39 273.18 114.39 272.73 114.39 263.19 141.77 263.16 141.86 263.16 141.86 261.77 145.84 261.77 145.84 261.15 147.61 261.15 147.61 260.13 150.53 259.93 150.53 247.44 114.39 245.84 114.39 240.26 114.39 238.35 114.39 235.73 114.39 234.6 114.39 234.03 114.39 232.4 114.39 230.81 114.39 229.38 114.39 229.38 118.48 229.38 120.32 234.6 120.33 234.6 138.34 234.6 143.22 234.6 157.53 229.38 157.54 229.38 160.57 229.38 163.43 229.9 163.43 231.41 163.43 234.22 163.43 235.73 163.43 240.78 163.43 242.29 163.43 248.75 163.43 249.69 163.43 249.69 161.19 249.69 157.54 243.94 157.53 243.49 127.29 243.5 127.29 243.5 127.29 243.7 127.26 246.46 134.9 246.46 134.9 250.04 144.83 250.05 144.83 256.76 163.43 257.05 163.43 258.58 163.43 263.37 163.43 265.66 157.08 265.66 157.08 266.45 154.9 266.45 154.9 268.53 149.15 268.85 148.28 268.85 148.28 273.74 134.76 273.74 134.76 276.5 127.12 276.7 127.16 276.26 157.53 270.54 157.54 270.54 163.43 273.24 163.43 274.77 163.43 278.71 163.43 280.2 163.43 286.02 163.43 287.6 163.43 290.85 163.43 290.85 157.54 285.6 157.53 285.6 146.2 285.6 140.28 285.6 137.84 285.6 120.33 290.85 120.32 290.85 114.88 290.85 114.39 289.44 114.39"/><g id="_Csoport_6" data-name="<Csoport>"><path class="cls-30" d="M211,175.94V184a2.12,2.12,0,0,1-2.12,2.12H184.39a2.12,2.12,0,0,1-2.12-2.12v-8.1a9,9,0,0,1,5.1-7.81v10.92a1.51,1.51,0,0,0,1.5,1.51h2.54V183H201.8v-2.4h2.56a1.51,1.51,0,0,0,1.5-1.51V168.13A9,9,0,0,1,211,175.94Z" transform="translate(-13.76 -22.34)"/><rect class="cls-12" x="177.66" y="158.22" width="10.39" height="2.41"/><path class="cls-2" d="M204.36,148.18H188.87a1.5,1.5,0,0,0-1.5,1.5v29.37a1.51,1.51,0,0,0,1.5,1.51h15.49a1.51,1.51,0,0,0,1.5-1.51V149.68A1.5,1.5,0,0,0,204.36,148.18Z" transform="translate(-13.76 -22.34)"/></g><rect class="cls-35" x="174.99" y="127.3" width="15.72" height="28.63" rx="0.59" ry="0.59"/><rect class="cls-31" x="190.83" y="152.19" width="11.76" height="9.37" transform="translate(379.66 291.41) rotate(180)"/><polygon class="cls-12" points="186.44 132.32 186.44 137.31 183.84 134.7 186.44 132.32"/><polygon class="cls-30" points="186.44 137.31 179.28 137.31 181.88 134.7 182.86 135.6 183.84 134.7 186.44 137.31"/><polygon class="cls-12" points="181.88 134.7 179.28 137.31 179.28 132.32 181.88 134.7"/><polygon class="cls-11" points="186.44 132.32 183.84 134.7 182.86 135.6 181.88 134.7 179.28 132.32 186.44 132.32"/><circle class="cls-8" cx="186.44" cy="132.32" r="1.01"/><rect class="cls-31" x="177.07" y="139.99" width="11.76" height="9.67"/><rect class="cls-2" x="182.15" y="143.89" width="1.46" height="4.52"/><path class="cls-2" d="M197.58,164.39a1,1,0,1,1-1-.95A.94.94,0,0,1,197.58,164.39Z" transform="translate(-13.76 -22.34)"/><rect class="cls-19" x="177.07" y="152.33" width="2.42" height="2.42"/><rect class="cls-19" x="180.18" y="152.33" width="2.42" height="2.42"/><rect class="cls-19" x="183.3" y="152.33" width="2.42" height="2.42"/><rect class="cls-19" x="186.41" y="152.33" width="2.42" height="2.42"/><path class="cls-9" d="M224.86,118.52V44.64h23l-1.69-1H223.86v75.88h87.41c-.13-.33-.27-.66-.41-1Z" transform="translate(-13.76 -22.34)"/><path class="cls-9" d="M228.92,114.46V94.76h3.53v6.42h1V94.76H298.7l-.62-1H228.92V91.24h67.51l-.66-1H228.92V87.72H294l-.71-1H228.92V84.2h62.55l-.77-1H228.92V80.68h59.82l-.8-1h-59V77.16h56.94l-.85-1H228.92V73.64H282.8l-.9-1h-53V70.12h50.63c-.32-.33-.65-.66-1-1H228.92V66.6h47.15l-1-1H228.92V63.08h43.46l-1.09-1H228.92V59.56h39.5l-1.18-1H228.92V56h35.25l-1.25-1h-34V52.52H259.6l-1.37-1H228.92V48.7h25.29l-1.52-1H227.92v67.76h81.66c-.14-.33-.29-.67-.44-1Z" transform="translate(-13.76 -22.34)"/><rect class="cls-22" x="32.11" y="110.7" width="13.04" height="1.52"/><rect class="cls-22" x="32.11" y="113.27" width="13.04" height="1.52"/><rect class="cls-22" x="32.11" y="115.84" width="13.04" height="1.52"/><polygon class="cls-35" points="55.78 121.65 81.88 121.65 81.58 125.52 56.18 125.52 55.78 121.65"/><rect class="cls-30" x="21.99" y="100.09" width="6.56" height="63.08"/><path class="cls-11" d="M121.43,175.2c-8.33,0-15.08,4.71-15.08,10.52h30.17C136.52,179.91,129.77,175.2,121.43,175.2Z" transform="translate(-13.76 -22.34)"/><path class="cls-19" d="M121.43,178.6a1,1,0,0,0,1-1v-2.36c-.33,0-.67,0-1,0s-.67,0-1,0v2.36A1,1,0,0,0,121.43,178.6Z" transform="translate(-13.76 -22.34)"/></g></g>
</svg>
</div>
<div class="textoApresentacao">
<p>Olá, eu sou Mateus</p>
<p>Sou Desenvolvedor Web</p>
<div class="caixaBotao">
<a class="btnAzul" href="#contato">Entre em contato</a>
</div>
</div>
<div id="minhaApresentacao">
<img src="imagens/eu.webp">
<nav class="icons iconsColoridos">
<a href="https://www.facebook.com/mateus.silva.560" target="_blank"><i class="fa fa-2x fa-facebook-square"></i></a>
<a href="https://api.whatsapp.com/send?phone=5511975671185&text=&source=&data=&app_absent=" target="_blank"><i class="fa fa-2x fa-whatsapp"></i></a>
<a href="https://github.com/mateuslsilva28" target="_blank"><i class="fa fa-2x fa-github-square"></i></a>
<a href="https://www.linkedin.com/in/mateus-silva-a386b5199/" target="_blank"><i class="fa fa-2x fa-linkedin-square"></i></a>
</nav>
</div>
</section>
<aside>
<a href="#apresentacao"><i class="fas fa-sm fa-home"></i></a>
<i class="fas fa-sm fa-moon"></i>
<i class="fas fa-sm fa-font"></i>
<div class="aumentaDiminui">
<i class="fas fa-sm fa-minus"></i><br>
<i class="fas fa-sm fa-plus"></i>
</div>
</aside>
<section id="sobre" class="sobre">
<h2>Sobre Mim</h2>
<p>Eu sou Mateus, tenho 18 anos, sou de São Paulo, sou Desenvolvedor Web e transformo designs em páginas para a internet.</p>
<p>Tenho um bom conhecimento em Design Web Responsivo, e estudo diariamente para adquirir novos conhecimentos. Procuro sempre aprender algo novo a cada dia, assim me capacitando mais para poder desenvolver sites modernos e interativos.</p>
</section>
<section id="habilidades" class="habilidades">
<div class="title">
<h2>Habilidades</h2>
</div>
<section class="containerCards">
<div class="card">
<h2>Responsividade</h2>
<p>Criação de websites totalmente responsivos, usando as funcionalidades mais atuais do HTML, CSS e JavaScript</p>
<div class="cardImagens">
<img id="html" alt="HTML-5" width="500" height="500" src="imagens/linguagens/html5.svg">
<svg id="css" alt="CSS 3" width="500" height="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 538.584 538.583"><path d="M0 0h538.584v538.583H0V0z" fill="none"/><path d="M405.5 467.454L269.29 504.13l-136.212-36.676-31.432-340.525h335.29L405.5 467.454z" fill="#2062af"/><path d="M269.289 154.511v320.367l.308.084 110.229-29.682 25.443-290.769h-135.98z" fill="#3c9cd7"/><path id="texto" fill="#000" d="M191.985 76.899V56.631h29.571V34.453h-51.749v62.684h51.749V76.899h-29.571zm82.766-20.268h20.674V34.453h-51.754v22.178c6.924 6.924 10.535 10.238 20.549 20.252-5.854 0-20.549.021-20.549.02v20.234h51.754V76.899l-20.674-20.268zm73.352 0h20.673V34.453H317.02v22.178c6.924 6.924 10.537 10.238 20.551 20.252-5.852 0-20.551.021-20.551.02v20.234h51.757V76.899l-20.674-20.268z"/><path d="M269.168 239.656l-97.49 40.602 3.233 40.199 94.257-40.301 100.265-42.868 4.157-41.122-104.422 43.49z" fill="#fff"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="-825.508" y1="1338.301" x2="-825.508" y2="1419.102" gradientTransform="matrix(1 0 0 -1 1045.93 1658.759)"><stop offset=".387" stop-color="#d1d3d4" stop-opacity="0"/><stop offset="1" stop-color="#d1d3d4"/></linearGradient><path d="M171.677 280.258l3.233 40.199 94.257-40.301v-40.5l-97.49 40.602z" fill="url(#a)"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="-724.552" y1="1378.602" x2="-724.552" y2="1462.591" gradientTransform="matrix(1 0 0 -1 1045.93 1658.759)"><stop offset=".387" stop-color="#d1d3d4" stop-opacity="0"/><stop offset="1" stop-color="#d1d3d4"/></linearGradient><path d="M373.59 196.167l-104.422 43.489v40.5l100.265-42.868 4.157-41.121z" fill="url(#b)"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="-874.103" y1="1302.263" x2="-680.039" y2="1302.263" gradientTransform="matrix(1 0 0 -1 1045.93 1658.759)"><stop offset="0" stop-color="#e8e7e5"/><stop offset="1" stop-color="#fff"/></linearGradient><path d="M171.827 280.258l3.234 40.199 144.625.461-3.235 53.598-47.59 13.398-45.748-11.551-2.772-33.268h-42.508l5.545 64.225 85.945 25.412 85.479-24.951 11.09-127.523H171.827z" fill="url(#c)"/><path d="M269.168 280.258h-97.49l3.233 40.199 94.257.301v-40.5zm0 107.528l-.462.129-45.742-11.551-2.772-33.268h-42.507l5.544 64.225 85.939 25.412v-44.947z" opacity=".05"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-883.032" y1="1442.031" x2="-672.341" y2="1442.031" gradientTransform="matrix(1 0 0 -1 1045.93 1658.759)"><stop offset="0" stop-color="#e8e7e5"/><stop offset="1" stop-color="#fff"/></linearGradient><path d="M162.898 196.167H373.59l-4.157 41.122H167.98l-5.082-41.122z" fill="url(#d)"/><path d="M269.168 196.167h-106.27l5.082 41.122h101.188v-41.122z" opacity=".05"/></svg>
<svg id="js" alt="JavaScript" width="500" height="500" enable-background="new 0 0 1776 2500" viewBox="0 0 1776 2500" xmlns="http://www.w3.org/2000/svg"><path d="m1776 489.9h-1776l166.5 1805.5 721.4 204.6 721.4-204.6z" fill="#e6a329"/><path d="m887.9 637v1710l584.5-165.6 142.2-1544.4z" fill="#f1bf22"/><path d="m1352.9 858.5h-898.7l-62.6 676 1.3-4.2h763.5l-24.9 286-243.6 70.1-247.2-71.2-14.8-173.1h-224.4l32 345.9 454.4 129 454.6-129 62.6-678.9h-810.3l10.4-226.2h562.2l8.4 129.6h226.4z" fill="#fff"/><path d="m888.1 858.5h-433.9l-62.6 676 1.3-4.2h495.2v-220.5h-261.7l10.4-226.2h251.3zm-261.7 783.6h-224.9l32 345.7 454.4 128.8v-230l-247.2-71.4z" fill="#ebebeb"/><path id="texto" fill="#000" d="m715.2 223.6h-158.1v113.5h271.2v-337.1h-113.1zm503.6-221.8h-275.6v118c36.8 36.8 56 54.5 110.2 107.8h-110.2v107.6h275.6v-107.4l-110.2-107.8h110.2z" fill="#231f20"/></svg>
</div>
</div>
<div class="card">
<h2>Frameworks</h2>
<p>Utilização das mais atulizadas versões dos frameworks e bibliotecas de CSS e JavaScript:<br> Bootstrap, Materialize e jQuery</p>
<div class="cardImagens">
<img alt="Bootstrap" width="500" height="500" src="imagens/linguagens/bootstrap.webp">
<img alt="Materialize" width="500" height="500" src="imagens/linguagens/materialize.webp">
<img alt="jQuery" width="500" height="500" src="imagens/linguagens/jquery.webp">
</div>
</div>
<div class="card">
<h2>Integração com Banco</h2>
<p>Com o auxilio do C# .NET a integração do site com bancos de dados SQL Server e MySql é totalmente segura</p>
<div class="cardImagens">
<svg alt="CSharp" id="csharp" width="500" height="500" viewBox="204.925 153.577 757.617 860.543" xmlns="http://www.w3.org/2000/svg"><path d="m962.541 407.983c0-14.237-3.034-27.074-9.336-37.811-6.068-10.736-15.171-19.605-27.307-26.607-100.829-58.117-201.891-116.233-302.72-174.35-27.308-15.638-53.449-15.171-80.523.7-40.145 23.574-241.336 138.873-301.086 173.65-24.741 14.237-36.644 36.177-36.644 64.652v351.033c0 14.004 3.034 26.374 8.869 37.111 6.069 10.97 15.405 20.306 27.775 27.541 59.984 34.777 260.941 149.843 301.086 173.65 27.074 15.868 53.448 16.568 80.523.7 100.829-58.35 201.891-116.233 302.72-174.35 12.603-7.235 21.706-16.338 27.774-27.541 5.835-10.737 8.869-23.107 8.869-37.111z" fill="#007aff"/><path d="m584.667 582.333-371.34 213.794c6.069 10.97 15.405 20.306 27.775 27.542 59.984 34.776 260.941 149.842 301.086 173.649 27.074 15.872 53.449 16.572 80.523.7 100.829-58.35 201.891-116.233 302.72-174.349 12.603-7.236 21.706-16.338 27.774-27.542z" fill="#007aff"/><path d="m474.735 645.584c21.707 37.811 62.318 63.252 108.765 63.252 46.913 0 87.758-25.674 109.231-63.952l-108.064-62.551z" fill="#007aff"/><path d="m962.542 407.983c0-14.237-3.035-27.074-9.336-37.811l-368.539 212.161 369.005 213.795c5.835-10.737 8.87-23.107 8.87-37.111z" fill="#007aff"/><g fill="#fff"><path d="m692.731 644.884c-21.472 38.044-62.317 63.952-109.231 63.952-46.68 0-87.291-25.441-108.764-63.252-10.503-18.438-16.572-39.444-16.572-62.084 0-69.32 56.016-125.336 125.336-125.336 46.213 0 86.592 25.207 108.298 62.551l109.464-63.018c-43.645-75.154-124.869-125.802-217.995-125.802-139.107 0-251.605 112.732-251.605 251.605 0 45.513 12.136 88.459 33.376 125.336 43.412 75.388 125.102 126.269 218.462 126.269 93.594 0 175.284-51.114 218.696-126.969zm138.406-120.901h-24.974v120.668h24.974zm55.316 0h-24.974v120.668h24.974z"/><path d="m906.759 544.289h-120.668v24.974h120.668zm0 55.082h-120.668v24.974h120.668z"/></g></svg>
<img alt="SQL Server" id="sqlserver" width="500" height="500" src="imagens/linguagens/sqlserverpreto.webp">
<svg alt="MySql" id="mysql" xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="-18.458 6.58 191.151 132.49"><path d="M-18.458 6.58h191.151v132.49H-18.458V6.58z" fill="none"/><path d="M40.054 113.583h-5.175c-.183-8.735-.687-16.947-1.511-24.642h-.046l-7.879 24.642h-3.94l-7.832-24.642h-.045c-.581 7.388-.947 15.602-1.099 24.642H7.81c.304-10.993 1.068-21.299 2.289-30.919h6.414l7.465 22.719h.046l7.511-22.719h6.137c1.344 11.268 2.138 21.575 2.382 30.919M62.497 90.771c-2.107 11.434-4.887 19.742-8.337 24.928-2.688 3.992-5.633 5.99-8.84 5.99-.855 0-1.91-.258-3.16-.77v-2.757c.611.088 1.328.138 2.152.138 1.498 0 2.702-.412 3.62-1.238 1.098-1.006 1.647-2.137 1.647-3.388 0-.858-.428-2.612-1.282-5.268L42.618 90.77h5.084l4.076 13.19c.916 2.995 1.298 5.086 1.145 6.277 2.229-5.953 3.786-12.444 4.673-19.468h4.901v.002z" fill="#5d87a1"/><path d="M131.382 113.583h-14.7V82.664h4.945v27.113h9.755v3.806zM112.834 114.33l-5.684-2.805c.504-.414.986-.862 1.42-1.381 2.416-2.838 3.621-7.035 3.621-12.594 0-10.229-4.014-15.346-12.045-15.346-3.938 0-7.01 1.298-9.207 3.895-2.414 2.84-3.619 7.022-3.619 12.551 0 5.435 1.068 9.422 3.205 11.951 1.955 2.291 4.902 3.438 8.843 3.438 1.47 0 2.819-.18 4.048-.543l7.4 4.308 2.018-3.474zm-18.413-6.934c-1.252-2.014-1.878-5.248-1.878-9.707 0-7.785 2.365-11.682 7.1-11.682 2.475 0 4.289.932 5.449 2.792 1.25 2.017 1.879 5.222 1.879 9.619 0 7.849-2.367 11.774-7.099 11.774-2.476.001-4.29-.928-5.451-2.796M85.165 105.013c0 2.622-.962 4.773-2.884 6.458-1.924 1.678-4.504 2.519-7.737 2.519-3.024 0-5.956-.966-8.794-2.888l1.329-2.655c2.442 1.223 4.653 1.831 6.638 1.831 1.863 0 3.319-.413 4.375-1.232 1.055-.822 1.684-1.975 1.684-3.433 0-1.837-1.281-3.407-3.631-4.722-2.167-1.19-6.501-3.678-6.501-3.678-2.349-1.712-3.525-3.55-3.525-6.578 0-2.506.877-4.529 2.632-6.068 1.757-1.545 4.024-2.315 6.803-2.315 2.87 0 5.479.769 7.829 2.291l-1.192 2.656c-2.01-.854-3.994-1.281-5.951-1.281-1.585 0-2.809.381-3.66 1.146-.858.762-1.387 1.737-1.387 2.933 0 1.828 1.308 3.418 3.722 4.759 2.196 1.192 6.638 3.723 6.638 3.723 2.409 1.709 3.612 3.53 3.612 6.534" fill="#f8981d"/><path id="texto" d="M137.59 72.308c-2.99-.076-5.305.225-7.248 1.047-.561.224-1.453.224-1.531.933.303.3.338.784.601 1.198.448.747 1.229 1.752 1.942 2.276.783.6 1.569 1.194 2.393 1.717 1.453.899 3.1 1.422 4.516 2.318.825.521 1.645 1.195 2.471 1.756.406.299.666.784 1.193.971v-.114c-.264-.336-.339-.822-.598-1.196l-1.122-1.082c-1.084-1.456-2.431-2.727-3.884-3.771-1.196-.824-3.812-1.944-4.297-3.322l-.076-.076c.822-.077 1.797-.375 2.578-.604 1.271-.335 2.43-.259 3.734-.594.6-.15 1.195-.338 1.797-.523v-.337c-.676-.673-1.158-1.567-1.869-2.203-1.902-1.643-3.998-3.25-6.164-4.595-1.16-.749-2.652-1.231-3.887-1.868-.445-.225-1.195-.336-1.457-.71-.67-.822-1.047-1.904-1.533-2.877-1.08-2.053-2.129-4.331-3.061-6.502-.674-1.456-1.084-2.91-1.906-4.257-3.85-6.35-8.031-10.196-14.457-13.971-1.381-.786-3.024-1.121-4.779-1.533l-2.803-.148c-.598-.262-1.197-.973-1.719-1.309-2.132-1.344-7.621-4.257-9.189-.411-1.01 2.431 1.494 4.821 2.354 6.054.635.856 1.458 1.83 1.902 2.802.263.635.337 1.309.6 1.98.598 1.644 1.157 3.473 1.943 5.007.41.782.857 1.604 1.381 2.312.3.414.822.597.936 1.272-.521.744-.562 1.867-.861 2.801-1.344 4.221-.819 9.45 1.086 12.552.596.934 2.018 2.99 3.92 2.202 1.684-.672 1.311-2.801 1.795-4.668.111-.451.038-.747.262-1.043v.073c.521 1.045 1.047 2.052 1.53 3.1 1.159 1.829 3.177 3.735 4.858 5.002.895.676 1.604 1.832 2.725 2.245V74.1h-.074c-.227-.335-.559-.485-.857-.745-.674-.673-1.42-1.495-1.943-2.241-1.566-2.093-2.952-4.41-4.182-6.801-.602-1.16-1.121-2.428-1.606-3.586-.226-.447-.226-1.121-.601-1.346-.562.821-1.381 1.532-1.791 2.538-.711 1.609-.785 3.588-1.049 5.646l-.147.072c-1.19-.299-1.604-1.53-2.056-2.575-1.119-2.654-1.307-6.914-.336-9.976.26-.783 1.385-3.249.936-3.995-.225-.715-.973-1.122-1.383-1.685-.482-.708-1.01-1.604-1.346-2.39-.896-2.091-1.347-4.408-2.312-6.498-.451-.974-1.234-1.982-1.868-2.879-.712-1.008-1.495-1.718-2.058-2.913-.186-.411-.447-1.083-.148-1.53.073-.3.225-.412.523-.487.484-.409 1.867.111 2.352.336 1.385.56 2.543 1.083 3.699 1.867.523.375 1.084 1.085 1.755 1.272h.786c1.193.26 2.538.072 3.661.41 1.979.636 3.772 1.569 5.38 2.576 4.893 3.103 8.928 7.512 11.652 12.778.447.858.637 1.644 1.045 2.539.787 1.832 1.76 3.7 2.541 5.493.785 1.755 1.533 3.547 2.654 5.005.559.784 2.805 1.195 3.812 1.606.745.335 1.905.633 2.577 1.044 1.271.783 2.537 1.682 3.732 2.543.595.448 2.465 1.382 2.576 2.13M99.484 39.844a5.82 5.82 0 0 0-1.529.188v.075h.072c.301.597.824 1.011 1.197 1.532.301.599.562 1.193.857 1.791l.072-.074c.527-.373.789-.971.789-1.868-.227-.264-.262-.522-.451-.784-.22-.374-.705-.56-1.007-.86" fill="#5d87a1"/><path d="M141.148 113.578h.774v-3.788h-1.161l-.947 2.585-1.029-2.585h-1.118v3.788h.731v-2.882h.041l1.078 2.882h.557l1.074-2.882v2.882zm-6.235 0h.819v-3.146h1.072v-.643h-3.008v.643h1.115l.002 3.146z" fill="#f8981d"/></svg>
</div>
</div>
</section>
</section>
<section id="projetos" class="projetos">
<div class="title">
<h2>Projetos</h2>
</div>
<section class="gridProjetos">
<div class="cardProjeto">
<div class="areaImg">
</div>
<div class="areaText">
<h2>AD Brás Jardim Tanquinho</h2>
<p>Página inicial baseada em PSD para AD Brás Tanquinho.</p>
<p>Tecnologias usadas: HTML, CSS3 e Materialize</p>
<div class="icons">
<a href="https://github.com/mateuslsilva28/igrejaMaterialize.git">
<i class="fas fa fa-2x fa-github-square"></i>
</a>
<a target="_blank" href="https://mateuslsilva28.github.io/igrejaMaterialize/">
<i class="fas fa fa-2x fa-link"></i>
</a>
</div>
</div>
</div>
<div class="cardProjeto">
<div class="areaImg">
</div>
<div class="areaText">
<h2>Site - Império Chocolate Teens</h2>
<p>Site baseado em PSD's para o Colégio.</p>
<p>Tecnologias usadas: HTML, CSS3 e JavaScript</p>
<div class="icons">
<a target="_blank" href="https://github.com/mateuslsilva28/ProjetoIntegradorSenac.git">
<i class="fas fa fa-2x fa-github-square"></i>
</a>
<a target="_blank" href="https://mateuslsilva28.github.io/ProjetoIntegradorSenac/">
<i class="fas fa fa-2x fa-link"></i>
</a>
</div>
</div>
</div>
<div class="cardProjeto">
<div class="areaImg">
</div>
<div class="areaText">
<h2>Calculadora</h2>
<p>Tecnologias usadas: HTML5, CSS3 e JavaScript.</p>
<div class="icons">
<a target="_blank" href="https://github.com/mateuslsilva28/calculadoraSimplesJs">
<i class="fas fa fa-2x fa-github-square"></i>
</a>
<a target="_blank" href="https://mateuslsilva28.github.io/calculadoraSimplesJs/">
<i class="fas fa fa-2x fa-link"></i>
</a>
</div>
</div>
</div>
<div class="cardProjeto">
<div class="areaImg">
</div>
<div class="areaText">
<h2>Fabiola Silva - InfluDigital</h2>
<p>Landing page baseado em PSD para venda de info-produto.</p>
<p>Tecnologias usadas: HTML, CSS, Materialize</p>
<div class="icons">
<a target="_blank" href="#">
<i class="fas fa fa-2x fa-github-square"></i>
</a>
<a target="_blank" href="#">
<i class="fas fa fa-2x fa-link"></i>
</a>
</div>
</div>
</div>
</section>
</section>
<footer id="contato">
<section class="rodapeEsquerda">
<div class="logo">
<a href="#apresentacao"><img class="logo" src="imagens/logoPreta.webp" alt="Mateus Silva | Desenvolvedor Web" title="Mateus Silva | Desenvolvedor Web"></a>
</div>
<div id="encerramento">
<p>Meu nome é Mateus Silva, e esse é meu portfólio.</p>
<p>Caso tenha interesse, me mande uma mensagem por este formulário, ou nas redes sociais abaixo</p>
</div>
<div class="icons iconsColoridos">
<a href="https://www.facebook.com/mateus.silva.560" target="_blank"><i class="fa fa-2x fa-facebook-square"></i></a>
<a href="https://api.whatsapp.com/send?phone=5511975671185&text=&source=&data=&app_absent=" target="_blank"><i class="fa fa-2x fa-whatsapp"></i></a>
<a href="https://github.com/mateuslsilva28" target="_blank"><i class="fa fa-2x fa-github-square"></i></a>
<a href="https://www.linkedin.com/in/mateus-silva-a386b5199/" target="_blank"><i class="fa fa-2x fa-linkedin-square"></i></a>
</div>
</section>
<section class="rodapeDireita">
<form>
<p>
<i class="fas fa-envelope"></i>
Contato:
</p>
<input type="text" placeholder="Nome: ">
<input type="text" placeholder="E-mail: ">
<input type="text" placeholder="Telefone: ">
<textarea placeholder="Mensagem: "></textarea>
<div class="caixaBotao">
<a class="btnAzul" href="#">Entre em contato</a>
</div>
</form>
</section>
</footer>
<p id="copyright">Copyright 2020 - Mateus Silva | Desenvolvedor Web</p>
</main>
<script src="js/jquery-3.5.1.js"></script>
<script src="js/index.js"></script>
</body>
</html>