html-css/index.html at master · ThainaMatias/html-css · GitHub

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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
       <meta charset="UTF-8">
       <title>Code - desenvolvimento de sites</title>
       <link rel="stylesheet" type="text/css" href="CSS/folhaestilo.css">
</head>

<body>
    <div class="container-principal">
	    <header>
		    <div class="logo">
		       <a href="index.html">
			     <img src="imagem/logo.png" alt="logo site">
		       </a>
		    </div>

		    <nav>
		    	<ul>
		    		<li><a href="index.html">home</a></li>
		    		<li><a href="clientes.html">clientes</a></li>
		    		<li><a href="sobre.html">sobre</a></li>
		    		<li><a href="contato.html">contato</a></li>
		    	</ul>
		    </nav>
	    </header>

	    <section id='banner'>
	    	<img src="imagem/banner.jpg" alt="banner-topo">

	    </section>

	    <div id="openModal" class="modalDialog">
	    	<div>
	    		<a href="#close" class="close">X</a>
	    		<h1> Tudo sobre Html</h1>
	    		<p><strong>HTML</strong><i>(abreviação para a expressão inglesa HyperText Markup Language que signitifca Linguagem de Marcação de Hipertexto)</i>i>é uma linguagem de marcação utilizada na construção de páginas na Web. Documentos HTML podem ser interpretados por navegadores. - <i> wikipedia.org- acesso 09/2016</i>i></p>
	    	</div>
	    </div>

	    <div id="openModal1" class="modalDialog">
	    	<div>
	    		<a href="#close" title="Close" class="close">X</a>
	    		<h1>Tecnologia - Realidade Aumentada</h1>
	    		<p>De uma forma simples, <b>Realidade Aumentada</b> é uma tecnologia que permite que o mundo virtual seja misturado ao real, possivilitando maior interação e abrindo uma nova dimensão na maneira como nós executamos tarefas, ou mesmo as que nós incubimos às máquinas. Assim se você pensava que objetos pulando para fora da tela eram elementos de filmes de ficção científica, está na hora de mudar seus conceitos. Aliás, o que acontece com a <b>Realidade Aumentada</b> é o contrário: você pulará para dentro do mundo virtual para interagir com objetos que só estão limitados à sua imaginação. -<i>tecmundo.com.br/realidade-aumentada-acesso 09/2016</i></p>
	    	</div>
	    </div>

	    <div id="openModal2" class="modalDialog">
	    	<div>
	    		<a href="#close" title="Close" class="close">X</a>
	    		<h1>Acessibilidade</h1>
	    		<p><b>Acessibilidade</b> na web siginifica que as pessoas com deficiencia podem usar a web. Mais especificamente, a acessibilidade na web siginifica que as pessoas com deficiencia podem perceber, entender, navegar, interagir e contribuir para a web. Ela também beneficia outras pessoas, incluindo pessoas idosas com capacidades em mudança devido ao envelhecimento -<i>w3c.br/ - acesso 09/2016</i></p>
	    	</div>

	    </div>

	    <!-- rodapé da página -->
	    <footer>


	    <div class='footer-text'>
	    	<h3>Tudo Sobre Html</h3>
	    	<p>Saiba o que é HTML, e como sua empresa pode usufruir de sites dinâmicos e funcionais - <a href="#openModal">Clique aqui</a>.</p>
	    	<img src="imagem/html5.png" alt="logo html">
	    </div>

	    <div class='footer-text'>
	    	<h3>Tecnologia</h3>
	    	<p>Você sabe o que é realidade aumentada? Entenda como essa nova tecnologia. - <a href="openModal1">Clique aqui</a>.</p>

	    </div>

	    <div class='footer-text'>
	    	<h3>Acessibilidade</h3>
	    	<p>Torne seu site acessivel utilizando 5 dicas indispensaveis para qualquer dite. - <a href="openModal2">Clique aqui</a>.</p>
	    </div>

	    </footer>

    </div>
</body>
</head>