-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (146 loc) · 5.9 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Portfólio - Romênia Ishiyama</title>
<link rel="stylesheet" href="./styles/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./styles/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-roxo">
<div class="container">
<a class="navbar-brand text white" href="#">{re<span class="font-weight-light">programa</span></a>
<button class="navbar-toggler" type="button" data-toggle="Collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Alterna navegação">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-white" href="#">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Habilidades</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Portfólio</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- header -->
<header>
<!-- carousel -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data interval="3000">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 imagem-carrosel" src="./assets/images/sample-photo-01.jpg"
alt="Primeiro Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 imagem-carrosel" src="./assets/images/sample-photo-02.jpg"
alt="Segundo Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 imagem-carrosel" src="./assets/images/sample-photo-03.jpg"
alt="Terceiro Slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Próximo</span>
</a>
</div>
<section class="py-3">
<div class="container text-center">
<h1>Romênia Ishiyama</h1>
<h3 class="font-italic font-weight-light">Desenvolvedora front-end</h3>
<a href="" target="_blank">
<i class="fab fa-github-alt"></i>
<span>github.com/Roms2019</span>
</a>
<a href="" target="_blank">
<i class="fab fa-linkedin"></i>
<span>linkedin.com/romeniaishiyama</span>
</a>
<a href="" target="_blank">
<i class="fas fa-envelope"></i>
<span>[email protected]</span>
</a>
</div>
</section>
</header>
<section>
<h3>Habilidades</h3>
<div>
<i class="fab fa-html5"></i>
<p>HTML</p>
</div>
<div>
<i class="fab fa-css3-alt"></i>
<p>CSS</p>
</div>
<div>
<i class="fab fa-js"></i>
<p>JavaScript</p>
</div>
<div>
<i class="fab fa-sass"></i>
<p>Sass</p>
</div>
<div>
<i class="fas fa-book"></i>
<p>jQuery</p>
</div>
<div>
<i class="fab fa-react"></i>
<p>React</p>
</div>
<div>
<i class="fab fa-bootstrap"></i>
<p>Bootstrap</p>
</div>
<div>
<i class="fab fa-git-alt"></i>
<p>Git</p>
</div>
<div>
<i class="fas fa-tasks"></i>
<p>Scrum</p>
</div>
<section>
<h3>Sobre</h3>
<p>Aluna do <span>bootcamp de front-end</span> da {reprograma}.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores reprehenderit facere ea aperiam modi
magni asperiores? <span>Impedit qui saepe necessitatibus exercitationem </span> Impedit qui saepe
necessitatibus exercitationem debitis perspiciatis ex. Porro ut iste.</p>
<p>Outras áreas de interesse: <span>metodologias ágeis, UX, Python, Clojure</span>.</p>
</section>
</section>
<!-- cards - meus projetos -->
<section>
<h3>Portfólio</h3>
<!-- cards -->
<!-- modais -->
<img src="./assets/images/modal-01.jpg" alt="">
<img src="./assets/images/modal-02.jpg" alt="">
<img src="./assets/images/modal-03.jpg" alt="">
</section>
<!-- footer -->
<footer>
<small>Desenvolvido com Bootstrap por Nome enquanto aluna da<span><a href="http://reprograma.com.br/index.html"
target="_blank">{reprograma}</a></span> 2019</small>
</footer>
<!-- adicionar jQuery aqui! -->
<!-- adicionar js do bootstrap aqui! -->
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/331d3b967c.js" crossorigin="anonymous"></script>
</body>
</html>