-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (116 loc) · 5.83 KB
/
Copy pathindex.html
File metadata and controls
132 lines (116 loc) · 5.83 KB
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 id="header">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Eduardo Dantas</title>
<link rel="icon" type="image/ico" href="img/favicon.jpg">
<meta name="theme-color" content="#c62828">
<meta name="msapplication-navbutton-color" content="#c62828">
<meta name="copyright" content="© 2017 - Eduardo Dantas">
<meta name="author" content="For Desenvolvimento de Sistemas | www.fordesenv.com.br | www.facebook.com/fordesenv | @edantasn">
<meta name="keywords" content="For, Fordesenv, For Desenvolvimento, Eduardo, Eduardo Dantas, edantasn, @edantasn">
<meta name="description" content="Desenvolvimento de Sites e Sistemas WEB">
<!-- Estilo -->
<link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
<link href="css/edantasn.css?v=5" type="text/css" rel="stylesheet" media="screen,projection">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="red darken-3" role="navigation">
<div class="menu nav-wrapper container"><a id="logo-container" href="index.html" class="brand-logo">Eduardo Dantas</a>
<ul class="right hide-on-med-and-down">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="projetos.html">Projetos</a></li>
</ul>
<ul id="nav-mobile" class="menu side-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="projetos.html">Projetos</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<h1 class="header center green-text text-darken-3">Vamos trabalhar juntos?</h1>
<div class="row center">
<h5 class="header col s12 light">Desenvolvimento de sistemas com foco em acessibilidade!</h5>
</div>
<div class="row center">
<a href="projetos.html" class="btn-large waves-effect waves-light green">Projetos</a>
<a href="#contato" id="download-button" class="btn-large waves-effect waves-light green modal-trigger">Contato</a>
</div>
</div>
</div>
<div id="contato" class="modal">
<div class="modal-content">
<h4 class="header green-text text-darken-3">Contato</h4><br>
<h4 class="green-text text-darken-3 valign-wrapper"><i class="medium material-icons">email</i> <a href="mailto:edantasn@gmail.com">edantasn@gmail.com</a></h4>
<h4 class="green-text text-darken-3 valign-wrapper"><i class="medium material-icons">phone</i> <a href="tel:73991428924">(73) 9.9142-8924</a></h4>
</div>
<div class="modal-footer">
<a href="#" class=" modal-action modal-close waves-effect waves-green btn-flat">Fechar</a>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center red-text text-darken-3"><i class="material-icons">work</i></h2>
<h5 class="center">Profissionalismo</h5>
<p class="light">
Seguir os padrões universais do desenvolvimento de aplicações para WEB, definidos pelo W3C, e utilizar ferramentas
que promovem a democatização da informação. Estes são os parâmetros garantidores da experiência de uso com acessibilidade,
usabilidade e navegabilidade do seu cliente com seu sistema!</p>
</div>
</div>
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center red-text text-darken-3"><i class="material-icons">perm_device_information</i></h2>
<h5 class="center">Homogeneidade</h5>
<p class="light">
Os sistemas são feitos de modo semântico para garantir o acesso nos mais diversos dispositivos e respectivas telas,
e também aos possíveis utilizadores, sejam eles humanos ou não (como ferramentas utilizadas por deficientes para
navegarem na internet, ou motores de busca). É garantido, portanto, um projeto acessível, robusto inovador.</p>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer green">
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col s6">
Eduardo Dantas © 2007 - <span id="ano"></span>
</div>
<div class="col s6">
<a target="_blank" title="Bravulink - Hospedagem de Sites" href="http://www.bravuhost.com/central/aff.php?aff=8532"><img src="http://bravu.link/y4cj9" width="147" height="21" border="0"></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript">
$(document).ready(function(){
now = new Date;
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
$('#ano').text(now.getFullYear());
});
</script>
</body>
</html>