-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (70 loc) · 4.87 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Luana Souza</title>
<meta property="og:title" content="Portfolio - Luana Souza">
<meta property="og:description" content="Browse my portfolio and feel free to contact me.">
<meta property="og:image" content="https://raw.githubusercontent.com/luuull/portfolio/main/thumbnail.png">
<meta name="author" content="Luana Souza - lull development & ux design">
<meta property="og:type" content="website">
<meta property="og:locale" content="en-US">
<meta property="og:url" content="https://luuull.github.io/portfolio/index.html">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<section>
<div class="sidebar bar-block">
<img class="profile img-fluid rounded-circle" src="https://avatars.githubusercontent.com/u/101467080?v=4" alt="profile avatar">
<a href="./about.html">About Me</a>
<a href="https://github.com/luuull">GitHub</a>
<a href="https://linkedin.com/in/luana-souza">LinkedIn</a>
<a href="mailto:luanasouza@gmail.com">Email</a>
</div>
</section>
<section class="grid-container" id="content">
<header id="welcome">
<h3>Welcome</h3>
<blockquote>My name's Luana and I'm currently studying front-end development and ux design.
I constantly strive to improve my techniques, discover new tools and find opportunities to develop myself.
</p>
</blockquote>
</header>
<div class="left">
<img id="a-img" class="img-fluid rounded" src="form.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/form/"><p id="p-content">Form idea</p></a>
<img id="a-img" class="img-fluid rounded" src="accordion.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/accordion/"><p id="p-content">Accordion list idea</p></a>
<img id="a-img" class="img-fluid rounded gif" src="https://media.giphy.com/media/xvLpwd7HuV1g16Ue5V/giphy.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/ada-other-version/"><p id="p-content">Ada Lovelace</p></a>
</div>
<div class="middle">
<img id="a-img" class="img-fluid rounded" src="https://media.giphy.com/media/W5bbvrU8l7yNl26u9l/giphy.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/nikel-codai/"><p id="p-content">Nikel codaí</p></a>
<img id="a-img" class="img-fluid rounded" src="https://media.giphy.com/media/AC6Rid4EydPjXNPXPL/giphy.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/pokedex-mapadev-week/"><p id="p-content">Pokédex - MapaDev Week</p></a>
<img id="a-img" class="img-fluid rounded gif" src="https://media.giphy.com/media/UNxemhU8d2DtGnBE6N/giphy.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/spotify-clone/"><p id="p-content">Spotify old version clone</p></a>
<img id="a-img" class="img-fluid rounded gif" src="https://media.giphy.com/media/OXnDAqW18AcIXa4JCo/giphy.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/gta-mapadev"><p id="p-content">GTA SA Carousel - MapaDev Week </p></a>
</div>
<div class="right">
<img id="a-img" class="img-fluid rounded" src="to-do.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/to-do-list/"><p id="p-content">To-do list idea</p></a>
<img id="a-img" class="img-fluid rounded" src="jmviagens.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/jm.viagens-estudos-udemy/"><p id="p-content">JM Viagens</p></a>
<img id="a-img" class="img-fluid rounded" src="tecblog.gif" alt="gif content">
<a id="a-content" href="https://luuull.github.io/tecblog-estudos-udemy/"><p id="p-content">TecBlog</p></a>
</div>
</section>
<footer class="text-center text">
<div class="text-sm-center">
lull development & ux design © Luana Souza 2022
</div>
</footer>
</body>
</html>