-
Notifications
You must be signed in to change notification settings - Fork 0
/
contato.html
165 lines (143 loc) · 22.7 KB
/
contato.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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<meta name="description" content="Gostou de algum projeto que fiz? Ou precisa tirar uma ideia do papel? Entre em contato e vamos tonar sua ideia em um projeto real.">
<!-- Open Graph -->
<meta property="og:title" content="Diego Souza | desenvolvedor front-end"/>
<meta property="og:description" content="Olá, me chamo Diego Souza. Um desenvolvedor front-end carioca e apaixonado por tecnologia."/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://dsouza.com.br/"/>
<meta property="og:image" content="https://dsouza.com.br/n2/dir/img/og-diego-souza.jpg"/>
<meta property="og:image:secure_url" content="https://dsouza.com.br/n2/dir/img/og-diego-souza.jpg"/>
<meta property="og:image:type" content="image/jpeg">
<meta property="og:site_name" content="Diego Souza"/>
<title>Contato | Diego Souza desenvolvedor front-end</title>
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
<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=Fira+Sans:wght@700&family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="dir/css/style.css" />
<script>document.documentElement.className = "js";</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MHN8H35');</script>
<!-- End Google Tag Manager -->
</head>
<body data-darkmode="false">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHN8H35"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header header--home">
<div class="container container__menu" data-anime="top">
<a class="header__logo logo" href="/" title="logo Diego Souza" aria-label="Voltar para home">
<svg width="50" height="35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M49.821 15a17.305 17.305 0 0 0-1.506-5 17.541 17.541 0 0 0-3.569-5c-3.155-3.092-7.48-5-12.246-5h-30a2.5 2.5 0 0 0 0 5h15A2.499 2.499 0 0 1 20 7.5a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5h-15a2.5 2.5 0 0 0 0 5h15a2.5 2.5 0 0 1 0 5h-5a2.5 2.5 0 0 0 0 5h20c4.766 0 9.09-1.908 12.246-5a17.475 17.475 0 0 0 3.569-5 17.305 17.305 0 0 0 1.506-5c.119-.815.179-1.651.179-2.5s-.06-1.683-.179-2.5zm-22.626.733a2.503 2.503 0 0 1 0-3.535l3.538-3.537a2.5 2.5 0 0 1 3.534 3.537l-3.534 3.535a2.501 2.501 0 0 1-3.538 0zm10.607 7.07-3.535 3.537a2.501 2.501 0 0 1-3.535-3.537l3.535-3.536a2.498 2.498 0 0 1 3.535 0c.977.977.977 2.56 0 3.535z" fill="#111"/><path d="M2.5 15a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" fill="#111"/></svg>
</a>
<nav id="menuMobile" class="header__menu">
<ul class="nav__menu">
<li><a href="./sobre.html">Sobre</a></li>
<li><a href="./projetos.html">Projetos</a></li>
<li><a href="./estudos.html">Estudos</a></li>
<li><a class="link_destaque" href="./contato.html">Contato</a></li>
</ul>
</nav>
<div class="header__buttons">
<button id="toggleMenu" class="mobile__btn btn__menu" aria-label="Abre o menu mobile">Menu</button>
<button class="mobile__btn btn__darkmode" id="btnDarkMode" aria-label="Muda para darkmode">
<svg width="25" height="25" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="star" d="M21.338 16.162 25 12.5l-3.662-3.662V3.662h-5.177L12.5 0 8.838 3.662H3.662v5.176L0 12.5l3.662 3.662v5.177h5.176L12.5 25l3.662-3.662h5.177v-5.177zM12.5 19.334a6.836 6.836 0 1 1 0-13.67 6.836 6.836 0 0 1 0 13.67z" fill="#253751"/><path id="dot" d="M12.5 18.51a6.01 6.01 0 1 0 0-12.02 6.01 6.01 0 0 0 0 12.02z" fill="#253751"/></svg>
</button>
</div>
</div>
<div class="container">
<div class="bradcrumbs" data-anime="bottom">
<a href="/" title="Página inicial">Home</a>
<h1>Contato</h1>
</div>
</div>
</header>
<ul class="social social--vertical" data-anime="right">
<li><a href="https://www.linkedin.com/in/diego-souza-419b9561/" target="_bank" title="Linkedin" rel="noopen"><svg viewBox="0 0 15 15" width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M3.358 15H.248V4.985h3.11V15zM1.8 3.62C.807 3.62 0 2.794 0 1.8a1.801 1.801 0 0 1 3.602 0c0 .994-.807 1.818-1.801 1.818zM14.997 15h-3.104v-4.875c0-1.162-.023-2.652-1.616-2.652-1.617 0-1.865 1.262-1.865 2.568V15H5.306V4.985h2.982v1.366h.044c.415-.787 1.429-1.617 2.942-1.617C14.421 4.734 15 6.807 15 9.499v5.5h-.003z" fill="#111"/></svg></a></li>
<li><a href="https://github.com/diegosouz4" target="_bank" title="Github" rel="noopen"><svg viewBox="0 0 16 15" width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 12.078c0 .062-.072.112-.162.112-.102.009-.173-.04-.173-.112 0-.062.071-.112.161-.112.093-.009.174.04.174.112zm-.965-.14c-.022.062.04.134.133.152.081.031.174 0 .193-.062.018-.062-.04-.133-.134-.16-.08-.023-.17.008-.192.07zm1.371-.052c-.09.021-.152.08-.143.152.01.062.09.102.183.08.09-.021.152-.08.143-.142-.01-.06-.093-.1-.183-.09zM7.592 0C3.292 0 0 3.266 0 7.568c0 3.44 2.165 6.383 5.257 7.42.397.07.537-.174.537-.376 0-.192-.01-1.253-.01-1.904 0 0-2.17.465-2.626-.925 0 0-.354-.902-.863-1.135 0 0-.71-.487.05-.478 0 0 .772.063 1.197.8.68 1.198 1.818.854 2.261.649.072-.496.273-.84.497-1.045-1.734-.193-3.484-.444-3.484-3.428 0-.853.236-1.28.732-1.827-.08-.201-.344-1.032.081-2.106.648-.201 2.14.838 2.14.838a7.287 7.287 0 0 1 1.948-.264c.66 0 1.328.09 1.948.264 0 0 1.492-1.042 2.14-.838.425 1.077.161 1.905.08 2.106.497.55.8.977.8 1.827 0 2.993-1.826 3.232-3.56 3.428.286.245.527.71.527 1.439 0 1.045-.009 2.338-.009 2.593 0 .201.143.447.537.375 3.101-1.03 5.204-3.973 5.204-7.413C15.384 3.266 11.895 0 7.593 0zM3.016 10.698c-.04.03-.031.102.022.161.05.05.12.071.16.031.041-.031.032-.102-.02-.161-.05-.05-.122-.072-.162-.031zm-.335-.252c-.022.04.01.09.071.122.05.03.112.021.134-.022.021-.04-.01-.09-.072-.121-.062-.019-.111-.01-.133.021zm1.005 1.105c-.05.04-.031.133.04.192.071.071.161.08.202.031.04-.04.021-.133-.04-.192-.069-.072-.162-.08-.202-.031zm-.354-.456c-.05.03-.05.111 0 .183.05.071.134.102.174.071.05-.04.05-.12 0-.192-.044-.072-.124-.103-.174-.062z" fill="#111"/></svg></a></li>
<li><a href="https://www.behance.net/diegosouzaoliveira" target="_bank" title="Behance" rel="noopen"><svg viewBox="0 0 15 10" width="15" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.042 4.214c.828-.396 1.26-.995 1.26-1.928C7.302.448 5.932 0 4.352 0H0v9.23h4.474c1.677 0 3.253-.806 3.253-2.68 0-1.16-.55-2.016-1.685-2.336zM2.029 1.576h1.903c.732 0 1.39.205 1.39 1.054 0 .784-.512 1.1-1.236 1.1H2.029V1.575zM4.198 7.66h-2.17V5.12H4.24c.893 0 1.458.372 1.458 1.317 0 .933-.675 1.224-1.5 1.224zm9.336-6.268H9.792V.484h3.742v.91zM15 5.984c0-1.976-1.156-3.625-3.253-3.625-2.036 0-3.419 1.532-3.419 3.537 0 2.08 1.31 3.508 3.42 3.508 1.596 0 2.63-.72 3.127-2.248h-1.62c-.174.57-.893.873-1.45.873-1.076 0-1.64-.63-1.64-1.7h4.82c.007-.11.015-.227.015-.345zm-4.833-.812c.06-.878.643-1.427 1.523-1.427.922 0 1.386.541 1.464 1.427h-2.987z" fill="#111"/></svg></a></li>
<li><a href="https://www.instagram.com/diegosouza_dsouza/" target="_bank" title="Instagram" rel="noopen"><svg viewBox="0 0 16 15" width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.503 3.654A3.84 3.84 0 0 0 3.658 7.5a3.84 3.84 0 0 0 3.845 3.846A3.84 3.84 0 0 0 11.35 7.5a3.84 3.84 0 0 0-3.846-3.846zm0 6.346a2.505 2.505 0 0 1-2.5-2.5c0-1.379 1.121-2.5 2.5-2.5 1.38 0 2.5 1.121 2.5 2.5S8.88 10 7.504 10zm4.9-6.503a.895.895 0 0 1-.896.897.897.897 0 1 1 .897-.897zm2.548.91c-.057-1.201-.332-2.266-1.212-3.143C12.862.387 11.798.113 10.596.053c-1.238-.07-4.95-.07-6.189 0C3.21.11 2.145.384 1.264 1.26.384 2.138.113 3.202.053 4.404c-.07 1.238-.07 4.95 0 6.189.057 1.201.331 2.266 1.211 3.143.88.877 1.942 1.151 3.143 1.211 1.239.07 4.95.07 6.19 0 1.2-.057 2.265-.331 3.142-1.211.877-.877 1.151-1.942 1.212-3.143.07-1.239.07-4.947 0-6.186zm-1.6 7.514a2.532 2.532 0 0 1-1.426 1.426c-.988.392-3.33.302-4.422.302-1.09 0-3.437.087-4.421-.302a2.531 2.531 0 0 1-1.426-1.425c-.392-.988-.301-3.33-.301-4.422 0-1.091-.087-3.437.301-4.422a2.531 2.531 0 0 1 1.426-1.425c.987-.392 3.33-.302 4.421-.302 1.091 0 3.438-.087 4.422.302a2.531 2.531 0 0 1 1.426 1.425c.391.988.301 3.33.301 4.422 0 1.091.09 3.438-.301 4.421z" fill="#111"/></svg></a></li>
<li><a href="https://www.facebook.com/diego.souza.5815255" target="_bank" title="Facebook" rel="noopen"><svg viewBox="0 0 9 15" width="9" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.507 8.438.417-2.715H5.319V3.96c0-.742.364-1.466 1.53-1.466h1.185V.183S6.959 0 5.932 0C3.787 0 2.384 1.3 2.384 3.654v2.069H0v2.715h2.384V15H5.32V8.437h2.188z" fill="#111"/></svg></a></li>
<li><a href="https://www.youtube.com/channel/UCyDRbxg5sWU_s526p5rEqPg" target="_bank" title="Youtube" rel="noopen"><svg viewBox="0 0 15 11" width="15" height="11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.687 1.65A1.885 1.885 0 0 0 13.36.315C12.19 0 7.5 0 7.5 0S2.81 0 1.64.315A1.885 1.885 0 0 0 .313 1.65C0 2.828 0 5.284 0 5.284s0 2.457.313 3.634c.173.65.681 1.14 1.327 1.313 1.17.316 5.86.316 5.86.316s4.69 0 5.86-.316a1.857 1.857 0 0 0 1.327-1.313C15 7.74 15 5.284 15 5.284s0-2.456-.313-3.634zM5.966 7.514v-4.46l3.92 2.23-3.92 2.23z" fill="#111"/></svg></a></li>
</ul>
<main class="main__contato">
<section class="contato" aria-label="Contato">
<div class="container float-card">
<h2 class="titulo" data-anime="bottom">Contato</h2>
<hr data-anime="bottom">
<div class="row">
<div data-anime="left">
<h3>Fale comigo</h3>
<p>Vamos bater um papo? Quero muito saber o que pensa sobre design, frontend, contratações.</p>
<p>Podemos trocar sugestões, conselhos, críticas, ideias ou podemos marcar um encontro para um bom café, o que acha?</p>
<ul>
<li><svg viewBox="0 0 16 12" width="16" height="12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 4.11a.189.189 0 0 0-.303-.148 66.474 66.474 0 0 1-.697.533c-.386.292-.895.669-1.646 1.22-.63.461-1.429 1.045-2.47 1.8-.096.071-.205.155-.323.246C9.905 8.27 8.946 9.011 8 9.003c-.838.005-1.677-.571-2.322-1.061l-.23-.176c-.105-.081-.203-.157-.293-.224A47.68 47.68 0 0 1 .303 3.965.187.187 0 0 0 0 4.113V10.5A1.5 1.5 0 0 0 1.5 12h13a1.5 1.5 0 0 0 1.5-1.5V4.11zm-1 1.634c-.728.54-1.796 1.322-3.527 2.58-.061.045-.145.11-.244.186-.278.215-.681.526-1.075.773-.55.345-1.31.725-2.155.72-.84.003-1.59-.37-2.139-.713-.392-.246-.792-.554-1.075-.772-.102-.08-.19-.146-.255-.194-1.732-1.258-2.8-2.04-3.53-2.58V10.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V5.744zm.159-2.626.398-.311.155-.123a.748.748 0 0 0 .288-.59V1.5A1.5 1.5 0 0 0 14.5 0h-13A1.5 1.5 0 0 0 0 1.5v.594c0 .231.106.447.287.59l.202.158c.488.382.881.69 1.927 1.462a486.09 486.09 0 0 0 3.359 2.453l.242.186c.102.078.212.163.328.25C6.87 7.585 7.508 8.008 8 8c.6.01 1.42-.623 1.983-1.057.116-.09.22-.171.31-.237 1.04-.754 1.839-1.336 2.467-1.796 1.28-.937 1.854-1.37 2.316-1.728l.01-.007.073-.057zM1 1.972V1.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v.472l-.064.05c-.831.653-1.328 1.044-5.23 3.875-.137.1-.261.196-.386.293-.199.155-.399.31-.652.478a3.272 3.272 0 0 1-.478.272c-.123.054-.177.06-.177.06h-.026s-.054-.006-.177-.06a3.272 3.272 0 0 1-.478-.272 10.366 10.366 0 0 1-.652-.478 14.634 14.634 0 0 0-.386-.293c-3.832-2.78-4.38-3.21-5.188-3.842L1 1.972zm14.1-.078-.003.002z" fill="#9F9F9F"/></svg> oi@dsouza.com.br</li>
<li><a href="tel:+5521970019663"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M13.604 2.325A7.87 7.87 0 0 0 7.996 0a7.937 7.937 0 0 0-6.871 11.893L0 16l4.204-1.104a7.904 7.904 0 0 0 3.789.965h.003c4.368 0 8.004-3.557 8.004-7.929 0-2.118-.9-4.107-2.396-5.607zm-5.608 12.2a6.578 6.578 0 0 1-3.357-.918l-.239-.143-2.493.654.664-2.432-.157-.25a6.568 6.568 0 0 1-1.007-3.507c0-3.633 2.957-6.59 6.593-6.59 1.76 0 3.414.686 4.657 1.932 1.243 1.247 2.007 2.9 2.004 4.661 0 3.636-3.032 6.593-6.665 6.593zm3.615-4.936c-.197-.1-1.172-.578-1.354-.643-.182-.067-.314-.1-.446.1s-.511.643-.629.779c-.114.132-.232.15-.428.05-1.165-.582-1.929-1.04-2.697-2.357-.203-.35.204-.325.582-1.082.065-.132.032-.247-.018-.347-.05-.1-.446-1.075-.61-1.471-.161-.386-.325-.332-.447-.34-.114-.007-.246-.007-.378-.007a.734.734 0 0 0-.529.247c-.182.2-.693.678-.693 1.653s.711 1.918.807 2.05c.1.133 1.397 2.133 3.386 2.993 1.257.543 1.75.59 2.379.497.382-.057 1.171-.479 1.335-.943.165-.464.165-.86.115-.943-.047-.09-.179-.14-.375-.236z" fill="#9F9F9F"/></svg> 21 97001-9663</a></li>
</ul>
</div>
<div>
<form class="form" action="./enviar.php" method="post">
<fieldset data-anime="bottom">
<label for="nome">Nome</label>
<input id="nome" name="nome" type="text" required>
</fieldset>
<fieldset data-anime="bottom">
<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="exemplo@exemplo.com" required>
</fieldset>
<fieldset data-anime="bottom">
<label for="tel">Telefone</label>
<input id="tel" name="tel" type="tel" placeholder="(xx) xxxxx-xxxx">
</fieldset>
<fieldset data-anime="bottom">
<label for="projeto">Qual o projeto?</label>
<select name="projeto" id="projeto">
<option value="web">Desenvolvimento web</option>
<option value="blog">Desenvolver Blog</option>
<option value="ecommerce">E-commerce</option>
<option value="branding">Branding</option>
</select>
</fieldset>
<fieldset class="wide" data-anime="bottom">
<label for="mensagem">Mensagem</label>
<textarea name="mensagem" id="mensagem" required></textarea>
</fieldset>
<button data-anime="right" class="btn btn--border">Enviar <svg width="32" height="32" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 32 32" xml:space="preserve"><path fill="#111" d="m29 11.2-12.4-8c-1.6-.8-3.6-.7-5.1.3-1.1.7-1.8 1.7-2.2 2.8l2 .1c.3-.6.7-1 1.3-1.4.6-.3 1.2-.5 1.8-.5.5 0 1 .1 1.5.3l12.4 8c1.2.6 1.9 1.7 1.9 3.1 0 1.3-.7 2.5-1.9 3.1l-12.4 8c-1.1.5-2.3.4-3.3-.2-.6-.4-1-.9-1.3-1.5h-2c.3 1.3 1.2 2.3 2.3 3.1.9.5 1.8.8 2.8.8.8 0 1.6-.2 2.3-.5l12.4-8c1.8-.9 3-2.7 3-4.8-.1-2-1.2-3.8-3.1-4.7z"/><path fill="#111" d="M19.5 21.4c.6-.6 1.2-1.4 1.6-2.2.3-.7.5-1.4.7-2.2.1-.4.1-.7.1-1.1 0-.4 0-.7-.1-1.1-.1-.8-.3-1.5-.7-2.2-.4-.8-.9-1.5-1.6-2.2-1.4-1.3-3.3-2.2-5.3-2.2h-13C.5 8.4 0 8.9 0 9.5c0 .6.5 1.1 1.1 1.1h6.5c.3 0 .6.2.8.4.2.2.3.4.3.7 0 .6-.5 1.1-1.1 1.1H5.4c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1h2.2c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1H1.1c-.6 0-1.1.5-1.1 1.1s.5 1.1 1.1 1.1h6.5c.6 0 1.1.5 1.1 1.1 0 .3-.1.5-.3.7-.2.2-.5.4-.8.4H5.4c-.6 0-1.1.5-1.1 1.1s.5 1.1 1.1 1.1h8.7c2.1-.2 4-1 5.4-2.4zm-7.7-6.2c-.4-.4-.4-1.1 0-1.5l1.5-1.5c.4-.4 1.1-.4 1.5 0 .4.4.4 1.1 0 1.5l-1.5 1.5c-.4.5-1 .5-1.5 0zm1.6 4.6c-.4-.4-.4-1.1 0-1.5l1.5-1.5c.4-.4 1.1-.4 1.5 0 .4.4.4 1.1 0 1.5l-1.5 1.5c-.4.5-1.1.5-1.5 0z"/><circle fill="#111" cx="1.1" cy="13.8" r="1.1"/></svg></button>
</form>
</div>
</div>
</div>
</section>
</main>
<footer class="footer contato__footer">
<div class="container">
<a class="footer__logo logo" href="/" title="logo Diego Souza" aria-label="Voltar para home">
<svg viewBox="0 0 50 35" width="50" height="35" xmlns="http://www.w3.org/2000/svg"><path d="M49.821 15a17.305 17.305 0 0 0-1.506-5 17.541 17.541 0 0 0-3.569-5c-3.155-3.092-7.48-5-12.246-5h-30a2.5 2.5 0 0 0 0 5h15A2.499 2.499 0 0 1 20 7.5a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5h-15a2.5 2.5 0 0 0 0 5h15a2.5 2.5 0 0 1 0 5h-5a2.5 2.5 0 0 0 0 5h20c4.766 0 9.09-1.908 12.246-5a17.475 17.475 0 0 0 3.569-5 17.305 17.305 0 0 0 1.506-5c.119-.815.179-1.651.179-2.5s-.06-1.683-.179-2.5zm-22.626.733a2.503 2.503 0 0 1 0-3.535l3.538-3.537a2.5 2.5 0 0 1 3.534 3.537l-3.534 3.535a2.501 2.501 0 0 1-3.538 0zm10.607 7.07-3.535 3.537a2.501 2.501 0 0 1-3.535-3.537l3.535-3.536a2.498 2.498 0 0 1 3.535 0c.977.977.977 2.56 0 3.535z" fill="#111"/><path d="M2.5 15a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" fill="#111"/></svg>
</a>
<nav class="footer__menu">
<ul class="nav__menu">
<li><a href="./sobre.html">Sobre</a></li>
<li><a href="./projetos.html">Projetos</a></li>
<li><a href="./estudos.html">Estudos</a></li>
<li><a href="./contato.html">Contato</a></li>
</ul>
</nav>
<ul class="footer__social social social--border">
<li><a href="https://www.linkedin.com/in/diego-souza-419b9561/" target="_bank" title="Linkedin" rel="noopen"><svg viewBox="0 0 15 15" width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M3.358 15H.248V4.985h3.11V15zM1.8 3.62C.807 3.62 0 2.794 0 1.8a1.801 1.801 0 0 1 3.602 0c0 .994-.807 1.818-1.801 1.818zM14.997 15h-3.104v-4.875c0-1.162-.023-2.652-1.616-2.652-1.617 0-1.865 1.262-1.865 2.568V15H5.306V4.985h2.982v1.366h.044c.415-.787 1.429-1.617 2.942-1.617C14.421 4.734 15 6.807 15 9.499v5.5h-.003z" fill="#111"/></svg></a></li>
<li><a href="https://github.com/diegosouz4" target="_bank" title="Github" rel="noopen"><svg viewBox="0 0 16 15" width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 12.078c0 .062-.072.112-.162.112-.102.009-.173-.04-.173-.112 0-.062.071-.112.161-.112.093-.009.174.04.174.112zm-.965-.14c-.022.062.04.134.133.152.081.031.174 0 .193-.062.018-.062-.04-.133-.134-.16-.08-.023-.17.008-.192.07zm1.371-.052c-.09.021-.152.08-.143.152.01.062.09.102.183.08.09-.021.152-.08.143-.142-.01-.06-.093-.1-.183-.09zM7.592 0C3.292 0 0 3.266 0 7.568c0 3.44 2.165 6.383 5.257 7.42.397.07.537-.174.537-.376 0-.192-.01-1.253-.01-1.904 0 0-2.17.465-2.626-.925 0 0-.354-.902-.863-1.135 0 0-.71-.487.05-.478 0 0 .772.063 1.197.8.68 1.198 1.818.854 2.261.649.072-.496.273-.84.497-1.045-1.734-.193-3.484-.444-3.484-3.428 0-.853.236-1.28.732-1.827-.08-.201-.344-1.032.081-2.106.648-.201 2.14.838 2.14.838a7.287 7.287 0 0 1 1.948-.264c.66 0 1.328.09 1.948.264 0 0 1.492-1.042 2.14-.838.425 1.077.161 1.905.08 2.106.497.55.8.977.8 1.827 0 2.993-1.826 3.232-3.56 3.428.286.245.527.71.527 1.439 0 1.045-.009 2.338-.009 2.593 0 .201.143.447.537.375 3.101-1.03 5.204-3.973 5.204-7.413C15.384 3.266 11.895 0 7.593 0zM3.016 10.698c-.04.03-.031.102.022.161.05.05.12.071.16.031.041-.031.032-.102-.02-.161-.05-.05-.122-.072-.162-.031zm-.335-.252c-.022.04.01.09.071.122.05.03.112.021.134-.022.021-.04-.01-.09-.072-.121-.062-.019-.111-.01-.133.021zm1.005 1.105c-.05.04-.031.133.04.192.071.071.161.08.202.031.04-.04.021-.133-.04-.192-.069-.072-.162-.08-.202-.031zm-.354-.456c-.05.03-.05.111 0 .183.05.071.134.102.174.071.05-.04.05-.12 0-.192-.044-.072-.124-.103-.174-.062z" fill="#111"/></svg></a></li>
<li><a href="https://www.behance.net/diegosouzaoliveira" target="_bank" title="Behance" rel="noopen"><svg viewBox="0 0 15 10" width="15" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.042 4.214c.828-.396 1.26-.995 1.26-1.928C7.302.448 5.932 0 4.352 0H0v9.23h4.474c1.677 0 3.253-.806 3.253-2.68 0-1.16-.55-2.016-1.685-2.336zM2.029 1.576h1.903c.732 0 1.39.205 1.39 1.054 0 .784-.512 1.1-1.236 1.1H2.029V1.575zM4.198 7.66h-2.17V5.12H4.24c.893 0 1.458.372 1.458 1.317 0 .933-.675 1.224-1.5 1.224zm9.336-6.268H9.792V.484h3.742v.91zM15 5.984c0-1.976-1.156-3.625-3.253-3.625-2.036 0-3.419 1.532-3.419 3.537 0 2.08 1.31 3.508 3.42 3.508 1.596 0 2.63-.72 3.127-2.248h-1.62c-.174.57-.893.873-1.45.873-1.076 0-1.64-.63-1.64-1.7h4.82c.007-.11.015-.227.015-.345zm-4.833-.812c.06-.878.643-1.427 1.523-1.427.922 0 1.386.541 1.464 1.427h-2.987z" fill="#111"/></svg></a></li>
<li><a href="https://www.instagram.com/diegosouza_dsouza/" target="_bank" title="Instagram" rel="noopen"><svg viewBox="0 0 16 15" width="16" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.503 3.654A3.84 3.84 0 0 0 3.658 7.5a3.84 3.84 0 0 0 3.845 3.846A3.84 3.84 0 0 0 11.35 7.5a3.84 3.84 0 0 0-3.846-3.846zm0 6.346a2.505 2.505 0 0 1-2.5-2.5c0-1.379 1.121-2.5 2.5-2.5 1.38 0 2.5 1.121 2.5 2.5S8.88 10 7.504 10zm4.9-6.503a.895.895 0 0 1-.896.897.897.897 0 1 1 .897-.897zm2.548.91c-.057-1.201-.332-2.266-1.212-3.143C12.862.387 11.798.113 10.596.053c-1.238-.07-4.95-.07-6.189 0C3.21.11 2.145.384 1.264 1.26.384 2.138.113 3.202.053 4.404c-.07 1.238-.07 4.95 0 6.189.057 1.201.331 2.266 1.211 3.143.88.877 1.942 1.151 3.143 1.211 1.239.07 4.95.07 6.19 0 1.2-.057 2.265-.331 3.142-1.211.877-.877 1.151-1.942 1.212-3.143.07-1.239.07-4.947 0-6.186zm-1.6 7.514a2.532 2.532 0 0 1-1.426 1.426c-.988.392-3.33.302-4.422.302-1.09 0-3.437.087-4.421-.302a2.531 2.531 0 0 1-1.426-1.425c-.392-.988-.301-3.33-.301-4.422 0-1.091-.087-3.437.301-4.422a2.531 2.531 0 0 1 1.426-1.425c.987-.392 3.33-.302 4.421-.302 1.091 0 3.438-.087 4.422.302a2.531 2.531 0 0 1 1.426 1.425c.391.988.301 3.33.301 4.422 0 1.091.09 3.438-.301 4.421z" fill="#111"/></svg></a></li>
<li><a href="https://www.facebook.com/diego.souza.5815255" target="_bank" title="Facebook" rel="noopen"><svg viewBox="0 0 9 15" width="9" height="15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.507 8.438.417-2.715H5.319V3.96c0-.742.364-1.466 1.53-1.466h1.185V.183S6.959 0 5.932 0C3.787 0 2.384 1.3 2.384 3.654v2.069H0v2.715h2.384V15H5.32V8.437h2.188z" fill="#111"/></svg></a></li>
<li><a href="https://www.youtube.com/channel/UCyDRbxg5sWU_s526p5rEqPg" target="_bank" title="Youtube" rel="noopen"><svg viewBox="0 0 15 11" width="15" height="11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.687 1.65A1.885 1.885 0 0 0 13.36.315C12.19 0 7.5 0 7.5 0S2.81 0 1.64.315A1.885 1.885 0 0 0 .313 1.65C0 2.828 0 5.284 0 5.284s0 2.457.313 3.634c.173.65.681 1.14 1.327 1.313 1.17.316 5.86.316 5.86.316s4.69 0 5.86-.316a1.857 1.857 0 0 0 1.327-1.313C15 7.74 15 5.284 15 5.284s0-2.456-.313-3.634zM5.966 7.514v-4.46l3.92 2.23-3.92 2.23z" fill="#111"/></svg></a></li>
</ul>
<p class="footer__copy">Feito por mim © <span id="ano">2022</span>.</p>
</div>
</footer>
<script type="module" src="./dir/js/scripts-default.js"></script>
<script type="module" src="./dir/js/scripts-pages.js"></script>
</body>
</html>