-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (122 loc) · 7.36 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Portfólio de Juliana: final - aula 10</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<head>
<!-- para poder usar os icones das redes -->
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/d37c5443c6.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<header class="cabecalho">
<div class="perfil">
<img class="perfil-foto" src="https://github.com/julianab14.png" />
<div class="titulo">
<h1>Juliana Borba</h1>
<h3>Estudante de Administração, Front-End e Programação</h3>
<div class="icones">
<a href="https://linkedin.com/in/julianasborba/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/julianab14" target="_blank"><i class="fab fa-github-square"></i></a>
<a href="https://codepen.io/julianab14/" target="_blank"><i class="fab fa-codepen"></i></a>
</div>
<!--div dos icons-->
</div>
<!--div dos texto-->
</div>
<!--div da imagem, texto e icons-->
<!-- alterar tema claro/ escuro -->
<div class="tema">
<button onClick="mudaModo()">Alterar tema</button>
</div>
</header>
<main class="projetos">
<div class="div-projetos">
<h3>Projetos</h3>
<p>Projetos realizados durante a Imersão Dev da Alura</p>
<div id="caber-embed">
<ul>
<li style=list-style-type:"🔢">
<a target="_blank" href="https://codepen.io/julianab14/full/PojyVWY"> Calculadora de médias</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="PojyVWY" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/PojyVWY">
Calculadora de média - Juliana: desafios</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"💱">
<a target="_blank" href="https://codepen.io/julianab14/full/ZEyXONz"> Conversor de moedas</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="ZEyXONz" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/ZEyXONz">
Conversor de moedas - Juliana</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"🔮">
<a target="_blank" href="https://codepen.io/julianab14/full/ExXbMpz"> Mentalista</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="ExXbMpz" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/ExXbMpz">
Mentalista - ID3 - Juliana - desafios</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"🎬">
<a target="_blank" href="https://codepen.io/julianab14/full/XWgyjyN"> AluraFlix</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="XWgyjyN" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/XWgyjyN">
Aluraflix 2.0 - Juliana</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"🏆">
<a target="_blank" href=" https://codepen.io/julianab14/full/wvejzmd">Tabela de classificação</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="wvejzmd" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/wvejzmd">
Tabela de classificação - Juliana: base</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"🎴">
<a target="_blank" href=" https://codepen.io/julianab14/full/eYRjPKb">SuperTrunfo</a>
<div class="margem-embed">
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="eYRjPKb" data-user="julianab14" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/julianab14/pen/eYRjPKb">
Super Trunfo - Dia 8 - Juliana</a> by Juliana (<a href="https://codepen.io/julianab14">@julianab14</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</li>
<li style=list-style-type:"📋">
<a target="_blank" href="https://codepen.io/julianab14/full/WNOYRYy">CertifiCard</a>
</li>
</ul>
</div> <!-- div que engloba a lista -->
</div> <!-- div que engloba o main -->
</main>
</div>
</body>
<!-- partial -->
<script src="./script.js"></script>
</body>
</html>