-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (118 loc) · 4.56 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Portfólio - Site responsivo e designer moderno</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap SASS-CSS -->
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/geral.css">
<link rel="stylesheet" href="bower_components/wow/css/libs/animate.css">
<link rel="stylesheet" href="css/plugins.css">
<!-- <link rel="stylesheet" href="bower_components/font-awesome/css/fontawesome.css"> -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
<link rel="icone" href="images/portfolio.png">
</head>
<body>
<nav class="menu-responsivo">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="portfolio.html">Portfólio</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<div class="layout">
<header>
<div class="container">
<div class="logo wow slideInLeft" data-wow-duration="1s" data-wow-delay="1s">
<a href="index.html">
<img src="images/logo-portfolio.png" alt="Logotipo Portfólio">
</a>
</div>
<div class="links">
<nav class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="portfolio.html">Portfólio</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
<!-- Menu togle -->
<a class="toggle" href="javascript:;">
<span></span>
<span></span>
<span></span>
</a>
<ul class="social">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-github-alt"></i></a>
</li>
</ul>
</div>
<h2><strong>José</strong> A. <strong>Thomé</strong></h2>
<p class="lead">Portfólio Web Designer</p>
</div>
</header>
<main>
<section class="sobre">
<div class="container">
<div class="itens">
<div class="foto wow flipInX" data-wow-duration="1s" data-wow-delay="5s">
<img src="images/foto-portfolio.png" alt="Foto desenvolvedor">
</div>
<div class="icone-lapis wow flipInX" data-wow-duration="1s" data-wow-delay="1s">
<i class="fa fa-pencil-alt"></i>
</div>
<div class="icone-codigo wow flipInX" data-wow-duration="1s" data-wow-delay="2s">
<i class="fa fa-code"></i>
</div>
<div class="icone-motivacao wow flipInX" data-wow-duration="1s" data-wow-delay="3s">
<i class="fa fa-heart"></i>
</div>
<div class="icone-compartilhar wow flipInX" data-wow-duration="1s" data-wow-delay="4s">
<i class="fa fa-share-alt"></i>
</div>
</div>
<div class="textos">
<p><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipisicing elit. Distinctio facere unde natus cumque, rem sed recusandae voluptates error. Quibusdam quaerat distinctio eligendi, vero quos doloribus. Doloribus adipisci, praesentium perspiciatis eius et consectetur, minus fugit quod mollitia dolorem laborum omnis totam placeat quibusdam distinctio sed. Quae adipisci corporis culpa maiores, deserunt, amet molestias quidem placeat commodi quos magnam rem doloribus odio impedit praesentium voluptatem id fuga nisi veritatis porro aliquid aliquam eaque pariatur ad! Ab iure sapiente explicabo, nam quo dicta inventore rem excepturi debitis corrupti maxime provident architecto illo. Reprehenderit.
</p>
<a href="#" class="botao medio">
<i class="fa fa-book"> Leia mais ...</i>
</a>
</div>
</div>
</section>
</main>
<footer>
<div class="logo-rodape">
<a href="index.html">
<img src="images/logo-portfolio.png" alt="Logotipo Portfólio">
</a>
<p>Horário de atendimento: segunda a sexta-feira
<strong> das </strong> 9:00h <strong> às </strong> 18:00h
</p>
<p>Copyright © 2019-2019 Portfólio - Criado por José A. Thomé - Todos os direitos reservados.</p>
</div>
</footer>
</div>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/wow/dist/wow.min.js"></script>
<script>
$(function() {
$('.toggle').click(function() {
$('.layout').toggleClass('ativo');
$('.menu-responsivo').toggleClass('ativo');
$(this).toggleClass('ativo');
});
new WOW().init();
});
</script>
</body>
</html>