-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·140 lines (130 loc) · 7.7 KB
/
about.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6253NT7T5K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-6253NT7T5K');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>About Julia</title>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="shortcut icon" href="https://juliadebelli.com/favicon.ico" type="image/x-icon">
<meta name="description" content="Unicorn designer for hire">
<meta name="keywords" content="Minibio and things I've done">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<!-- favicon -->
</head>
<body>
<div id="content">
<!-- -->
<section id="top-nav">
<nav class="w-75 navbar navbar-expand-lg navbar-light container pt-4">
<a class="navbar-brand" href="https://www.behance.net/gallery/73953177/Personal-logo" target="_blank">
<img src="assets/monogram.svg" alt="personal branding" width="48" class="d-inline-block align-text-top">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse mt-2" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Work</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">About <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
-->
<!--
<li class="nav-item">
<a class="nav-link" title="Trocar pra português" href="../pt/pt-about.html">🇧🇷</a>
</li>
-->
</ul>
</div>
</nav>
</section>
<!-- -->
<section class="">
<div class="container m-auto main-info w-75 pt-5">
<div class="d-flex">
<div class="flex-column col-sm-12 col-md-8">
<p>Born and raised in sunny Recife, Brazil
<br><br>
I studied Design at UFPE and work as a product designer since 2018
<br><br>
<a href='CV-julia_de_belli.pdf' target="_blank">Here's my CV</a>
<br><br>
</p>
</div>
</div>
</div>
<br>
<div class="m-auto other-info container w-75">
<div class="py-4">
<div class="pb-4">
<h6>Featured</h6>
<h5>🇺🇸 <a href="https://capsicummediaworks.com/examples-of-personal-logos-and-branding/">20 Ingenious Examples of Personal Logos and Branding</a></h5>
<h5>🇺🇸 <a href="https://www.manypixels.co/blog/post/personal-logo">21 Best Personal Logo Designs to Inspire Your Own</a></h5>
<h5>🇧🇷 <a href="https://revistacontinente.com.br/secoes/arquivo/genero--o-traco-de-um-novo-cenario">Gênero: o traço de um novo cenário</a></h5>
<h5>🇧🇷 <a href="https://g1.globo.com/tecnologia/hackathon/2017/noticia/video-programadores-da-hackathon-globo-contam-no-confessionario-do-bbb-seus-pecados-nerd.ghtml">Programadores da Hackathon Globo contam no confessionário do BBB seus pecados nerd</a></h5>
<h5>🇧🇷 <a href="https://portal.cin.ufpe.br/2016/11/16/plataforma-criada-por-estudantes-do-cin-ufpe-busca-apoio-para-auxiliar-alunos-na-vida-academica/">Plataforma criada por estudantes do CIn-UFPE busca apoio para auxiliar alunos na vida acadêmica</a></h5>
</div>
<!-- -->
<div class="pb-4">
<h6>Talks</h6>
<h5>Electronic Waste @<a href="https://www.youtube.com/watch?v=r70S5_R5LOQ" target="_blank">🇧🇷 Fundaj - PE 2015</a></h5>
<h5>Design for non-designers @<a href="https://facebook.com/devfestxp/photos/343063872833812" target="_blank">🇧🇷 DevFest XP 2017</a> e <a href="assets/about/dojo.gif" target="_blank">🇧🇷 Dojo Banco BV 2021</a></h5>
</div>
<!-- -->
<div class="pb-4">
<h6>Publications</h6>
<h5><a href="https://www.researchgate.net/publication/321716492_Aplicacao_e_Analise_de_um_Framework_de_Concepcao_ao_Desenvolvimento_de_um_Jogo_Educativo" target="_blank">🇧🇷 Aplicação e Análise de um Framework de Concepção ao Desenvolvimento de um Jogo Educativo</a></h5>
</div>
<div class="pb-4">
<h6>Awards</h6>
<h5><a href="https://dropsdejogos.uai.com.br/noticias/indie/saiba-quais-foram-os-vencedores-do-sbgames-2015-chroma-squad-e-jogo-do-ano/" target="_blank">🥇 Best game at SBGames 2015</a> Revira Volta</h5>
<h5><a href="https://www.tce.pe.gov.br/internet/index.php/mais-noticias-invisivel/75-2015/dezembro/1793-tres-equipes-premiadas-na-i-hackathon-dos-tribunais-de-contas" target="_blank">🥇 1º Hackathon dos Tribunais de Conta 2015</a> Na Lama</h5>
</div>
</div>
</div>
</section>
<!-- aqui começa o footer -->
<footer>
<div class="container pt-4">
<div>
<img src="assets/separator.svg" class="separator">
</div>
</div>
<div>
<p id="rights">© 2023 Linus. All rights reserved.</p>
<p id="love">This website was actually made by my cat 🐈</p>
</div>
</footer>
</div>
</body>
</html>