-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (138 loc) · 6.07 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<title>PhotoPic</title>
<meta charset="utf-8" />
<meta name="description" content="PhotoPic - fotografia">
<meta name="keywords" content="Photo Pic, PhotoPic, fotografia, site de fotografia">
<link rel="canonical" href="">
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
<link rel="author" href="http://flaviacs.github.io/" title="Flávia Carolina de Souza">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- face -->
<meta property='og:locale' content='pt_br'>
<meta property='og:title' content='PhotoPic - fotografia'>
<meta property='og:description' content='PhotoPic - fotografia'>
<meta property='og:url' content=''>
<meta property='og:site_name' content='PhotoPic'>
<meta property='og:type' content='website'>
<meta property='og:image' content='assets/img/logo.png'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="container-fluid">
<!-- menu -->
<div class="row topo" id="home">
<header>
<div class="container">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<img src="assets/img/logo.png" alt="Logo Photo Pic" id="logo">
<span class="invisible">Photo Pic</span>
</div>
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9">
<nav class="text-ceneter">
<ul class="list-inline">
<li><a href="#home">Home</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#galeria">Galeria</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</div>
</header>
<div class="text-center">
<h2 class="yl">Para os fotógrafos as melhores fotografias!</h2>
<h4 class="wt">Mostre seu trabalho, descubra trabalhos fantásticos e inspire-se!</h4>
</div>
</div><!-- menu -->
<!-- Sobre -->
<main id="sobre" class="row">
<div class="container">
<h1>Sobre</h1>
<div class="sobre">
<img src="assets/img/Icon1.png" alt="ícone fotografias">
<h5>AS MELHORES FOTOS REUNIDAS</h5>
<p><strong>PHOTOPIC</strong> é uma comunidade de fotografia para descobrir, compartilhar e se inspirar alimentado por pessoas criativas de todo o mundo.</p>
</div>
<div class="sobre">
<img src="assets/img/Icon2.png" alt="ícone compartilhamento">
<h5>COMPARTILHE SUAS FOTOS COM O MUNDO</h5>
<p>De fotógrafos ocasionais para profissionais, <strong>PHOTOPIC</strong> tem os produtos e recursos para levar sua fotografia para o próximo nível.</p>
</div>
<div class="sobre">
<img src="assets/img/Icon3.png" alt="ícone câmera fotográfica">
<h5>PRINCIPAL REGRA</h5>
<p><strong>PHOTOPIC</strong> está empenhando em contruir uma comunidade para que todos possam compartilhar seu amor pela fotografia.</p>
</div>
</div>
</main><!-- sobre -->
<!-- galeria -->
<section id="galeria" class="row">
<div class="container">
<h1>Galeria</h1>
<h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h4>
<p> Non aut unde praesentium culpa, minus totam earum dignissimos quia consequuntur laborum.</p>
<div class="galeria ">
<div>
<img src="assets/img/gal1.png" alt="Imagen galeria">
<img src="assets/img/gal2.png" alt="Imagen galeria">
<img src="assets/img/gal3.png" alt="Imagen galeria">
<img src="assets/img/gal4.png" alt="Imagen galeria">
<img src="assets/img/gal5.png" alt="Imagen galeria">
<img src="assets/img/gal5.png" alt="Imagen galeria">
<img src="assets/img/gal1.png" alt="Imagen galeria">
<img src="assets/img/gal2.png" alt="Imagen galeria">
<img src="assets/img/gal3.png" alt="Imagen galeria">
<img src="assets/img/gal4.png" alt="Imagen galeria">
<img src="assets/img/gal4.png" alt="Imagen galeria">
<img src="assets/img/gal5.png" alt="Imagen galeria">
<img src="assets/img/gal1.png" alt="Imagen galeria">
<img src="assets/img/gal2.png" alt="Imagen galeria">
<img src="assets/img/gal3.png" alt="Imagen galeria">
<img src="assets/img/gal3.png" alt="Imagen galeria">
<img src="assets/img/gal4.png" alt="Imagen galeria">
<img src="assets/img/gal5.png" alt="Imagen galeria">
<img src="assets/img/gal1.png" alt="Imagen galeria">
<img src="assets/img/gal2.png" alt="Imagen galeria">
</div>
</div>
</div>
</section>
<!-- contato -->
<section id="contato" class="row">
<div class="container">
<h1>Contato</h1>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<address>
<p><span>Telefone:</span> (55) 5555-5555</p>
<p><span>Email:</span> [email protected]</p>
</address>
<form>
<label for="msg">Nome</label><br>
<input type="text" id="name"><br>
<label for="msg">Email</label><br>
<input type="email" id="email"><br>
<label for="msg">Endereço de e-mail</label><br>
<textarea id="msg" rows="8"></textarea><br>
<button type="submit" class="btn btn-default "><span>Enviar</span></button>
</form>
</div>
<hr class="visible-xs">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<p><span>Como chegar:</span></p>
<address>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3645.8064260752403!2d-46.33484548544078!3d-23.967284282591663!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce03053e85d30b%3A0x124c16acb58d0127!2sPra%C3%A7a+da+Independ%C3%AAncia!5e0!3m2!1spt-BR!2sbr!4v1456580687555" width="421" height="470" frameborder="0" style="border:0" allowfullscreen></iframe>
</address>
</div>
</div>
</section>
</div>
<!-- script -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/myscript.js"></script>
</body>
</html>