-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (92 loc) · 3.58 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
<!--
trabalho1.html
Copyright 2014 Luara <Luara@LUARA-PC>
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>MovieOn</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link href='https://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="shortcut icon" href="image/favicon1.ico">
</head>
<body>
<!-- Propaganda -->
<aside id="ladoDireito">
<a href="contact.html" ><img src="image/anun.jpeg.png" class="anuncio"/>
</aside>
<!-- Propaganda -->
<aside id="ladoEsquerdo">
<a href="contact.html" ><img src="image/anun.jpeg.png" class="anuncio"/>
</aside>
<!-- Cabeçalho -->
<div class="header">
<img src="image/onlinelogomaker-111014-1601.png" class="icone"/>
<h1></h1>
</div>
<!-- Barra de Menu -->
<nav class="menu">
<ul>
<a href="index.html" ><li>Home</li></a>
<a href="info.html" ><li>Informações</li></a>
<a href="contact.html" ><li>Contato</li></a>
</ul>
</nav>
<!-- Formulário -->
<section id="section" class="formulario">
<h2>Busque aqui a indicação de um filme por Atores, Ano, Categoria ou Outras Informações.</h2>
<form onsubmit="return onSubmit();">
<table id="table">
<tr>
<th><input type="text" id="nameActor" placeholder="Atores"/></th>
<th><input type="number" id="year" min="1900" max="2014" placeholder="Ano"/></th>
</tr>
<tr>
<th><select id="category">
<optgroup label="Categoria">
<option value=""></option>
<option value="ação">Ação</option>
<option value="ficção">Ficção</option>
<option value="drama">Drama</option>
<option value="comédia">Comédia</option>
<option value="terror">Terror</option>
<option value="musical">Musical</option>
<option value="documentário">Documentário</option>
<option value="épico">Épico</option>
<option value="aventura">Aventura</option>
<option value="suspense">Suspense</option>
<option value="faroeste">Faroeste</option>
<option value="romance">Romance</option>
<option value="policial">Policial</option>
<option value="guerra">Guerra</option>
<option value="clássico">Clássico</option>
<option value="animação">Animação</option>
<option value="infantil">Infantil</option>
</optgroup>
</select></th>
<th><input type="text" id="otherInfo" placeholder="Outras Informações"/></th>
</tr>
<tr><th>* Separe Atores e Outras Informações por vírgula.</th></tr>
<tr><th><input type="submit" id="indicar" value="Indicar"/></th></tr>
</table>
</form>
<br/>
</section>
<div id="loading" style="display:none;">
<img id="loading-image" src="image/39-1.gif" style="left: 650px; top:300px; display:none;"/>
<img id="anotherPage" src="image/java.gif" style="display:none;"/>
</div>
<div id="storage" style="display:none;"></div>
<br/>
<footer class="footer">
<p>Desenvolvido por Luara Mineiro e Michelle Araujo</p>
<p>Copyright 2014</p>
</footer>
</body>
</html>