-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (92 loc) · 5.41 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
<html>
<head>
<meta charset="UTF-8"/>
<title>PERROTTA | Photograph</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" href="img/imglayout/favicon.ico">
<!-- INICIO CSS SLIDE -->
<link rel="stylesheet" href="slideIndex/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slideIndex/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slideIndex/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slideIndex/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slideIndex/nivo-slider.css" type="text/css" media="screen" /><!-- FIM CSS SLIDE -->
</head>
<body>
<!-- INICIO NAV -->
<div id="nav">
<!-- INICIO MENU -->
<div id="menu">
<ul>
<li><a href="index.html"><img src="img/imglayout/home.png">Inicio</a></li>
<li>|</li>
<li><a href="pages/sobre.html"><img src="img/imglayout/sobre.png">Sobre nós</a></li>
<li>|</li>
<li><a href="pages/galeria.html"><img src="img/imglayout/galeria.png">Galeria</a></li>
<li>|</li>
<li><a href="pages/equipe.html"><img src="img/imglayout/equipe.png">Equipe</a></li>
<li>|</li>
<li><a href="pages/cont.html"><img src="img/imglayout/contato.png">Contato</a></li>
</ul>
</div><!-- FIM MENU -->
</div><!-- FIM NAV -->
<!-- INICIO WRAPPER -->
<div id="wrapper">
<div id="header">
</div><!-- FIM HEADER -->
<!-- INICIO DIV SLIDE -->
<div id="slide">
<!-- HTML SLIDE -->
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="slideIndex/demo/images/imgC42.jpg" data-thumb="slideIndex/demo/images/imgC42.jpg" alt="Conceito" title=""/>
<a href="pages/video.html"><img src="slideIndex/demo/images/pelarua1.jpg" data-thumb="slideIndex/demo/images/pelarua1.jpg" alt="Pela Rua"/></a>
<a href="pages/questC.html"><img src="slideIndex/demo/images/imgQuest.png" data-thumb="slideIndex/demo/images/imgQuest.png" alt="Trabalhe Conosco"/></a>
<a href="pages/questF.html"><img src="slideIndex/demo/images/imgQuestF.png" data-thumb="slideIndex/demo/images/imgQuestF.png" alt=""/></a>
<a href="http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/04/conheca-diferencas-entre-os-principais-tipos-de-cameras.html " target="_blank"><img src="slideIndex/demo/images/tipoCamera.jpg" data-thumb="slideIndex/demo/images/tipoCamera.jpg" alt="" title="Conheça as diferenças entre os principais tipos de câmeras "/></a>
</div>
</div><!-- FIM HTML SLIDE -->
</div><!-- FIM DIV SLIDE -->
<!-- INICIO FUNDOCONTENT -->
<div id="fundoContent">
<!-- INICIO CONTENT -->
<div id="content">
<h1>Conceito</h1>
<!-- INICIO TEXTCONTENT -->
<div id="textContent">
<h2>Registrando a arte da rua.</h2>
<img src="img/imgcont/index/imgIndex.jpg" alt="Skate e Grafite-SP" class="imgCindex" >
<p>Buscando sempre usar a <a href ="http://www.guiadoestudante.abril.com.br/profissoes/artes-design/fotografia-686328.shtml" target="_blank">fotografia</a> a favor da cultura urbana contemporânea, a <i>Perrotta Photography</i> tem como objetivo essencial dar voz as mais diversas formas de expressão contidas na rua,
local este que acreditamos ser o mais receptivo para cada manifestação, sem regras ou pré-requisitos excludentes.
</p>
<p>Retratada em muros, movimentos e esportes, em cada canto enxergamos a possibilidade de revelar o marco ímpar de um indivíduo ou,
até mesmo, uma geração. Convenhamos, quantas vezes você já viu exatamente os mesmos desenhos ou frases sobre muros diferentes?
Isso mesmo! Cada ambiente é único, se não somente por sua mensagem, pela forma como interage com os elementos que o compõem.
Como interage com você.
</p>
<p>Se outrora a arte era propriedade de poucos, a partir do momento em que a rua foi retomada como espaço público,
ela se tornou democrática.
Isto é o que mais nos encanta, não somente como observadores, mas como parte atuante dessa reafirmação diária de domínio coletivo.
</p>
<p>Friedrich Nietzsche dizia que “<i>temos a arte para não morrer da verdade</i>”,já Sebastião Salgado, que “<i>você não fotografa com sua máquina.
Você fotografa com toda sua cultura</i>”. Para a Perrotta Photography, em concordância,
não há morte ou máquina que ultrapasse a beleza de poder retratar o momento único em que a autonomia da vida nas cidades explode e se finca para sempre na História.
Em nossos olhos, em nossos passos ou em nossos retratos.
</p>
</div><!-- FIM TEXTCONTENT -->
</div><!-- FIM CONTENT -->
</div><!-- FIM DIV FUNDOCONTENT -->
<!-- INICIO FOOTER -->
<div id="footer">
<p> Desenvolvido por Lucas Perrotta Barbosa |Todo conteúdo da página é fictício </p>
</div><!-- FIM FOOTER -->
</div><!-- FIM WRAPPER -->
<!-- SCRIPT SLIDE -->
<script type="text/javascript" src="slideIndex/demo/scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="slideIndex/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script><!-- FIM SCRIPT SLIDE -->
</body>
</html>