forked from re-andrade1987/Roteiro-e-Cinema
-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
130 lines (129 loc) · 6.42 KB
/
home.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Roteiro e Cinema</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Nunito" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="nav-logo" href="home.html">
<img src="img/Logomarca.jpg" alt="Roteiro e cinema">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarRoteiro" aria-controls="navbarRoteiro"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarRoteiro">
<div class="navbar-nav ml-auto"><a class="nav-item nav-link" href="sobreroteiro.html">Sobre Roteiro</a> <a class="nav-item nav-link" href="acerteoalvo.html">Acerte o Alvo Roteirista</a> <a class="nav-item nav-link" href="salaroterista.html">Sala de roteiristas</a> <a class="nav-item nav-link" href="producoes.html">PRÉ-PRODUÇÃO</a></div>
</div>
</div>
</nav>
</header>
<section id="roteiro">
<div class="parallax img-fluid">
</div>
<div class="parallax-content">
<h3>Quem Somos</h3>
<p>O Roteiro & Cinema é uma escola de construção de roteiro online e produtora de filmes. Estamos produzindo longas,
séries e curtas em parceria com outras Produtoras. Exalamos arte por todos os poros. Nossos projetos são
uma extensão de nossa alma que não sabe viver sem criar. Estamos em fase de gestação, preparando nossos filhos
para virem ao mundo através dos editais; e outros já estão sendo produzidos na raça mesmo, com muito esforço
e empenho. Nós sabemos sobre o que fazemos. Além de realizarmos nossos projetos com sucesso, pois todos foram
aprovados por produtoras, também oferecemos serviços de qualidade de Script Doctor, Montagem, Edição e Curso Online de Roteiro - Acerte o Alvo Roteirista.
</p>
<div class="btn">
<a href="home.html" class="button">Saiba Mais</a>
</div>
</div>
</section>
<section id="acerteoalvo">
<div class="parallax-atuacao"></div>
<div class="parallax-content-atuacao">
<h3>Sobre Roteiro</h3>
<p>Nem todo escritor é roteirista, mas todo roteirista é um escritor! Roteiro não é literatura, não é um conto,
não é uma peça de teatro, não é uma matéria jornalística, não é um texto em prosa. Ele bebe um pouco dessas
fontes, porém, o roteiro possui uma linguagem única, recheada de particularidades. Existem muitas definições
do que seja um roteiro...
</p>
<div class="btn">
<a href="sobreroteiro.html" class="button">Saiba Mais</a>
</div>
</div>
</section>
<section id="salaroteirista">
<div class="parallax-sarau"></div>
<div class="parallax-content-sarau">
<h3>Sala roteirista</h3>
<p> O Roteiro & Cinema possui uma sala de roteiristas dedicados à criação de séries. No momento, está sendo criada
a Bíblia "INTIMOS", aprovada pelas Produtoras: Stairs Filmes e Arica Filmes...
</p>
<div class="btn">
<a href="salaroterista.html" class="button">Saiba Mais</a>
</div>
</div>
</section>
<section id="producoes">
<div class="parallax-pro"></div>
<div class="parallax-content-producao">
<h3>Pré-produção</h3>
<p>O roteiro "Sinal Vermelho" já está percorrendo o seu caminho para chegar às telas do cinema nacional e internacional.
Em fase de Pré-produção, o projeto foi aprovado pela "Ato3 Produções" e pré-aprovado no edital da
Ancine...</p>
<div class="btn">
<a href="producoes.html" class="button">Saiba Mais</a>
</div>
</div>
</section>
<footer>
<div class="rodape1 col-xl-3">
<ul>
<li>
<a href="home.html">Home</a>
</li>
<li>
<a href="sobreroteiro.html">ACERTE O ALVO ROTEIRISTA</a>
</li>
<li>
<a href="salaroterista.html">SOBRE ROTEIRO</a>
</li>
<li>
<a href="producoes.html">SALA DE ROTEIRISTAS</a>
</li>
</ul>
</div>
<div class="logo-footer col-xl-6">
<img src="img/Logomarca.jpg" alt="Logotipo Roteiro e cinema">
</div>
<div class="lista col-xl-3">
<ul>
<li>
<div class="fbInsta">
<a href="https://www.facebook.com/roteiroecinema/" target="_blank">
<img src="img/facebook-logo.png" alt="Logo-facebook">
</a>
<a href="" target="_blank">
<img src="img/instagram-logo.png" alt="Logo-instagram">
</a>
</div>
</li>
<li>[email protected]</li>
</ul>
</div>
<div class="arrow-up">
<img src="img/chevron-arrow-up.png" alt="">
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="js/home.js" type="text/javascript"></script>
</body>
</html>