-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (129 loc) · 6.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Flávia ♡ Front-end</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Olá, sou Flávia, front-end e adoraria trabalhar com você. Entre em contato!">
<meta name="keywords" content="Front-end,desenvolvedor fron-end,desenvolvedor baixada santista,desenvolvedor santos,desenvolvedor guarujá,desenvolvedor web,desenvolvedor de site,html,css,php,javascript,js,Flávia Souza">
<link rel="canonical" href="http://">
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
<link rel="author" href="http://www.flaviacs.github.io" title="Flávia Carolina de Souza">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- face -->
<meta property="og:locale" content="pt_br">
<meta property="og:title" content="Flávia Souza ♡ front-end">
<meta property="og:description" content="Olá! Sou Flávia, front-end e adoraria trabalhar com você! Entre em contato.">
<meta property="og:url" content='http://www.flaviacs.github.io/index.html'>
<meta property="og:site_name" content='Site da Flávia'>
<meta property="og:type" content='website'>
<meta property="og:image" content='assets/img/favicon.png'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" type="text/css" href="assets/icons/flaticon.css">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans|Cookie' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- <section> -->
<main>
<div class="container">
<div class="col-md-offset-1 col-xs-12 col-sm-12 col-md-3">
<span class="hi">Olá!</span>
</div>
<div class="col-xs-12 col-sm-12 col-md-7">
<h1 class="about">
Meu nome é Flávia Carolina de Souza, estou cursando Sistemas para Internet na Fatec Baixada Santista onde também faço parte da equipe web, ocupando a cadeira de front-end. Aqui você poderá conhecer meus trabalhos recentes e entrar em contato.
</h1>
</div>
</div>
<div class="row btn-about" id="btn-about">
<!-- <a href="#sobre" role="button" id="btn-sobre">Sobre</a> -->
<a href="#portfolio" role="button" id="btn-port">Portfólio</a>
<a href="#contato" role="button" id="btn-cont">Contato</a>
</div>
</main>
<!-- </section> -->
<section id="sobre" class="container-fluid">
<h2 class="h1">Sobre</h2>
<div class="container">
<div class="col-md-offset-1 col-xs-12 col-sm-12 col-md-3">
<img src="assets/img/me.jpg" alt="Foto Flávia Souza" class="img-responsive">
</div>
<div class="col-xs-12 col-sm-12 col-md-7">
<p class="about">
Olá! Esta aqui na foto sou eu e abaixo você pode conhecer um pouco mais de meus conhecimentos.
</p>
<ul class="text-left">
<li>HTML5</li>
<li>CSS3</li>
<li>PHP</li>
<li>Javascript/JQuery</li>
<li>Markdown</li>
<li>Bootstrap</li>
</ul>
</div>
</div>
</section>
<section id="portfolio" class="container-fluid">
<h2 class="h1">Portfólio</h2>
<div class="container">
<p>Projetos desenvolvidos com HTML5, CSS3, PHP e Javascript. <br>Super fofos, não? :)</p><br><br>
</div>
<!-- carrosel -->
<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-portfolio" data-slide-to="0" class="active"></li>
<li data-target="#carousel-portfolio" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<a href="http://flaviacs.github.io/fishing-e-fish/" alt="link para site de pesca" target="_blank"><img src="assets/img/site-pesca.jpg" class="img-responsive center-block img-thumbnail" alt="Site pesca portfólio"></a>
<div class="carousel-caption">
<p class="text-center">Site de pesca (fictício)</p>
</div>
</div>
<div class="item">
<img src="assets/img/portfolio.png" class="img-responsive center-block img-thumbnail" alt="portfólio em construção, mais projetos em breve!">
<div class="carousel-caption">
<p class="text-center">Mais projetos em breve!</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-portfolio" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="right carousel-control" href="#carousel-portfolio" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Próximo</span>
</a>
</div>
</section>
<section id="contato" class="container-fluid">
<h2 class="h1">Contato<h2>
<div class="container">
<p>E aí, gostou dos projetos? Adoraria trabalhar com você, quer trabalhar comigo também?
Então me envie uma mensagem através de <b>[email protected]</b> ou por algum dos meus perfis sociais.</p>
</div>
<div class="social">
<a href="https://github.com/flaviacs" class="flaticon-github17 icon" title="GitHub Flávia Souza" target="_blank"></a>
<a href="https://br.linkedin.com/in/flaviacs" class="flaticon-linkedin1 icon" title="Linkedin Flávia Souza" target="_blank"></a>
<a href="https://www.instagram.com/sflavica/" class="flaticon-instagram19 icon" title="Instagram Flávia Souza" target="_blank"></a>
<a href="http://www.fb.com/flaviacasouza" class="flaticon-facebook2 icon" title="Facebook Flávia Souza" target="_blank"></a>
</div>
</section>
</body>
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js" type="text/JavaScript"></script>
<script src="assets/js/myscript.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-74750611-1', 'auto');ga('send', 'pageview');
</script>
</html>