-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
229 lines (209 loc) · 9.67 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ariane Corrêa</title>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/css/jasny-bootstrap.min.css">
<!-- Main Style -->
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/css/main.css">
<!-- Responsive Style -->
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/css/responsive.css">
<!--Fonts-->
<link rel="stylesheet" media="screen" href="https://arianesc.github.io/fonts/font-awesome/font-awesome.min.css">
<!-- Extras -->
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/extras/animate.css">
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/extras/lightbox.css">
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/extras/owl/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/extras/owl/owl.theme.css">
<link rel="stylesheet" type="text/css" href="https://arianesc.github.io/extras/owl/owl.transitions.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Header Section Start -->
<div id="header">
<div class="container">
<div class="col-md-12 top-header">
<div class="logo-menu">
<div class="logo pull-left wow fadeInDown animated" data-wow-delay=".2s">
<!-- <a href="index.html"><img src="img/logo.png" alt="logo"></a> -->
<img src="img/me.jpg" class="img-responsive img-circle" width="150" height="100 alt="10x10">
</div>
<div class="pull-right wow fadeInDown animated" data-wow-delay=".2">
<div id="menu" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
<span>Menu</span>
</div>
</div>
</div>
<div class="sidebar-nav">
<!-- navigation start -->
<div class="navmenu navmenu-default navmenu-fixed-right offcanvas" style="" id="navigation">
<!-- <a href="index.html"><img class="logo" src="img/logo.png" alt="logo"></a>-->
<ul class="nav navmenu-nav">
<li class="active"><a href="#header">Inicio</a></li>
<li><a href="#feedback">Fale comigo</a></li>
</ul>
</div>
<!-- navigation End -->
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="banner text-center">
<h1 class="wow fadeInDown animated" data-wow-delay=".8s">Ariane Silveira Corrêa</h1>
<!--<img src="img/me.jpg" class="img-responsive img-circle" alt="">-->
<h4 class="wow fadeInDown animated" data-wow-delay=".6s">Tenho 21 anos, nasci no Acre e atualmente moro em Natal/RN, sou estudante do curso de Bacharelado em CeT e técnica em Eletrotécnica pelo Senai. </p>
</h4>
<a href="#feedback" class="btn btn-border lg wow fadeInLeft animated" data-wow-delay="1.0s">Fale Comigo</a>
<!-- <a href="#" class="btn btn-common lg wow fadeInRight animatGEGed" data-wow-delay="1.0s">Leia Mais</a>-->
<div class="scroll">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Header Section End -->
<!-- Skills Section Start -->
<section id="skills">
<div class="container">
<div class="row">
<h1 class="section-title wow fadeInLeft animated" data-wow-delay=".6s">Sobre<br>mim:<br> <span></span></h1>
<div class="col-sm-6 col-md-3 wow fadeInUp animated" data-wow-delay="1.2s">
<div class="fact-block">
<div class="circle one">
<div class="count-info">
<h3><span class="counter">70%</span></h3>
<h4>Dormir</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInUp animated" data-wow-delay="1.2s">
<div class="fact-block">
<div class="circle two">
<div class="count-info">
<h3><span class="counter">80%</span></h3>
<h4>Café</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInUp animated" data-wow-delay="1.2s">
<div class="fact-block">
<div class="circle three">
<div class="count-info">
<h3><span class="counter">50%</span></h3>
<h4>Musica</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInUp animated" data-wow-delay="1.2s">
<div class="fact-block">
<div class="circle four">
<div class="count-info">
<h3><span class="counter">90%</span></h3>
<h4>Animais</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section End -->
<!-- Feedback Section Start -->
<section id="feedback">
<div class="container">
<div class="row">
<h1 class="section-title wow fadeInLeft animated" data-wow-delay=".6s"><span>Entre</span><br>em contato: <br> </h1>
<div class="col-sm-6 col-md-6 wow fadeInLeft animated" data-wow-delay="1.4s">
<form action="" name="contact">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" name="name" class="form-control" placeholder="Seu nome">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
<input type="email" name="email" class="form-control" placeholder="Email">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-fire"></i></span>
<input type="text" name="subject" class="form-control" placeholder="Assunto">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-comments"></i></span>
<textarea name="message" class="form-control large" placeholder="Mensagem"></textarea>
</div>
<button type="submit" class="btn btn-green"><i class="fa fa-envelope-o"></i>Enviar</button>
</form>
</div>
<div class="col-sm-4 col-md-4 col-md-offset-2 wow fadeInRight animated" data-wow-delay="1.4s">
<div class="address">
<h2>Informações para contato:</h2>
<ul class="contact-info">
<li><i class="fa fa-mobile"></i> (84)99691-9285</li>
<li><i class="fa fa-skype"></i> arianesilveira97</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
<h2>Me siga:</h2>
<ul class="social-icon">
<li><a href="https://www.facebook.com/arianesilveira97"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/arianesilveira_/"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Feedback Section End -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<div class="copyright wow fadeInUp animated" data-wow-delay=".8s">
<p>Copyright © 2014 GrayGrids | All rights reserved.</p>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<div class="scroll-top text-center wow fadeInUp animated" data-wow-delay=".6s">
<a href="#header"><i class="fa fa-chevron-circle-up fa-2x"></i></a>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<p class="text-center wow fadeInUp animated" data-wow-delay=".8s">Developed By <a href="http://graygrids.com">GrayGrids</a></p>
</div>
</div>
</div>
</footer>
<!-- jQuery Load -->
<script src="https://arianesc.github.io/js/jquery-min.js"></script>
<!-- Bootstrap JS -->
<script src="https://arianesc.github.io/js/bootstrap.min.js"></script>
<!-- WOW JS plugin for animation -->
<script src="https://arianesc.github.io/js/wow.js"></script>
<!-- All JS plugin Triggers -->
<script src="https://arianesc.github.io/js/main.js"></script>
<!-- Smooth scroll -->
<script src="https://arianesc.github.io/js/smooth-scroll.js"></script>
<!-- -->
<script src="https://arianesc.github.io/js/jasny-bootstrap.min.js"></script>
<!-- Counterup -->
<script src="https://arianesc.github.io/js/jquery.counterup.min.js"></script>
<!-- waypoints -->
<script src="https://arianesc.github.io/js/waypoints.min.js"></script>
<!-- circle progress -->
<script src="https://arianesc.github.io/js/circle-progress.js"></script>
<!-- owl carousel -->
<script src="https://arianesc.github.io/js/owl.carousel.js"></script>
<!-- lightbox -->
<script src="https://arianesc.github.io/js/lightbox.min.js"></script>
</body>
</html>