-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (127 loc) · 8.74 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF8">
<title>The Vultures</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<header class="fixed-top d-flex justify-content-around row" style="background: black;">
<h1>
<img src="image/theVulturesVermelho.png" alt="Logo da Banda" class="w-50" alt="Logo da banda">
</h1>
<ul id="menuNavega" class="nav nav-pills mt-5 mb-5">
<li class="nav-item dropdown mr-2">
<a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Shows</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="view/parana.html">Paraná</a>
<a class="dropdown-item" href="view/santaCatarina.html">Santa Catarina</a>
<a class="dropdown-item" href="view/showIndisponivel.html">Outros estados</a>
</div>
</li>
<li class="nav-item">
<a class="btn btn-outline-danger" href="#carouselExampleControls" role="button">Fotos</a>
<a class="btn btn-outline-danger" href="#contatoAtivação" role="button">Contato</a>
<a class="btn btn-outline-danger" href="#" role="button">Inicio</a>
</li>
</ul>
</header>
<main>
<h3 class="h1 text-danger font-weight-bold text-center m-0 p-3 w-100" style="background: black;">Sobre a banda</h3>
<div class="container col-sm">
<div class="text-center m-3 d-inline-flex row d-flex justify-content-around">
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Banda independente de Rock n' Roll, voltado ao publico grunge</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Em 2008, a The Vultures começa a ganhar forma, as asas do nosso abutre crescia e ganhava forças.</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Seus integrantes em 2008 ainda eram adolescentes, todos da mesma região, com um único e compartilhado sonho, o qual já começava a ser realidade</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Alguns anos depois as difículdades surgiram, agora mais velhos tinhamos obrigações de pessoas mais velhas</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Começamos a nos afastar por motivos de responsabilidades maoires, nosso abutre então no ano de 2013 entra em uma hibernação</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Em 2016, nosso abutre dava sinais de quem queria acordar, então seus integrantes se reuniram para ajudar ele levantar</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Ele estava sedento por rock, o simples fato de tocar já não conseguia satisfazer sua existência, ele queria mais</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Então após um tempo de recuperação nosso abutre voltou a voar e a consquistar os céus, passando por diversos bares e palcos</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Ele agora estava com a galera e todos os amantes do bom e velho Rock n' Roll, aonde era seu lugar, aonde ele fazia a todos eletrizar e agitar com seu som</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">A the vultures inicia sua jornada de shows logo após seu retorno em 2016</p>
</div>
</div>
<h3 class="h1 text-danger font-weight-bold text-center m-0 p-3" style="background: black;">Sobre os shows</h3>
<div class="container col-sm">
<div class="text-center p-5 d-inline-flex row d-flex justify-content-around">
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Fazemos shows em todo território do sul do Brasil</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Podendo ser compartilhado com outras Bandas ou somente nosso</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Tendo duração e quantidade de músicas váriados de acordo com pacote de shows escolhido pelo contratante</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Não fornecemos estrutura de som para shows de grande porte</p>
<p id="cardParagrafo" class="col-lg-2 card m-3 p-3 border">Somente instrumentos, caixas e amplificadores particular de cada músico. Podendo ser ultilizado em bares, e shows menores</p>
</div>
</div>
</main>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner d-flex justify-content-center">
<div class="carousel-item active">
<img class="d-block w-100" src="image/slideBanda7.jpg" alt="Primeiro Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image/slideBanda6.jpg" alt="Segundo Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image/slideBanda5.jpg" alt="Terceiro Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image/slideBanda1.jpg" alt="Quarto Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100 " src="image/slideBanda2.jpg" alt="Quinto Slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Próximo</span>
</a>
</div>
<footer class="d-flex justify-content-center">
<form action="https://formsubmit.co/alvesheder92@gmail.com" method="POST" id="formContato" class="text-center mt-5">
<h4>Entre em contato conosco</h4>
<label id="labelContato" for="exampleFormControlInput1">Nome Completo</label>
<input id="inputContato" class="form-control text-center" type="text" placeholder="The Vultures">
<label id="labelContato" for="exampleFormControlInput1">Telefone</label>
<input id="inputContato" class="form-control text-center" type="tel" placeholder="(xx)x.xxxx-xxxx">
<div class="form-group">
<label id="labelContato" for="exampleInputEmail1">Endereço de email</label>
<input id="inputContato" type="email" class="form-control text-center" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Seu melhor email">
<small id="emailHelp" class="form-text text-muted">Nunca vamos compartilhar seu email, com ninguém.</small>
</div>
<div>
<label id="labelContato" for="exampleFormControlInput1">Mensagem</label>
<textarea id="inputContato" class="form-control text-center" cols="80" rowns="10" id=mensagem required placeholder="Olá, gostaria de saber..."></textarea>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input text-center" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Deseja receber novidades por email?</label>
</div>
<div class="blocoPreferenciaDeContato">
<p>Como prefere nosso contato?</p>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="opcao1">
<label class="form-check-label" for="inlineRadio1">Email</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="opcao2">
<label class="form-check-label" for="inlineRadio2">Telefone</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="opcao3">
<label id="contatoAtivação" class="form-check-label" for="inlineRadio3">Whatsapp</label>
</div>
</div>
<button type="submit" class="btn btn-success w-75 m-2">Enviar</button>
</form>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>