906landing
Version:
906 LAnding PAge
117 lines (107 loc) • 5.63 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>906 Landing Page</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/stiles.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="crossfade">
<figure></figure>
<figure></figure>
<figure></figure>
</div>
<header id="header">
<img src="img/logo906.png" alt="906.pt" width="220" height="80">
<h1 class="laranja">MÚSICA, ARTE & GIFT SHOP</h1>
<p id="descricao">Loja de instrumentos musicais, formação musical, arte, artesanato e <br> muitos presentes perfeitos no novo departamento "Gift Shop"!!!</p>
<br>
<p align="center">Não deixe de nos contactar:</p>
</header>
<div class="container">
<div class="row">
<div class="row col-lg-6 col-md-12">
<div class="col-lg-7 col-md-7 col-xs-12" id="morada">
<p id="novoSite">ESTAMOS A TRABALHAR NUM NOVO SITE!</p>
<p id="contactslabel">Contactos</p>
<br>
<p>Rua 31 de Janeiro. nº 121 <br>4600-043 Amarante</p>
<p>seg. a sáb. das 09h30 às 18h30</p>
<p>(+351) 255 441 355</p>
<a class="laranja">comercial@906.pt</a>
<br>
<br>
<br>
<p id="socialText">Acompanhe-nos nas redes sociais</p>
<ul>
<li>
<a class="icon" href="https://www.facebook.com/906pt" target="_blank_"><i class="fa fa-facebook fa-lg"></i>
</a>
</li>
<li>
<a class="icon" href="https://plus.google.com/u/0/112151574389485718658" target="_blank_">
<i class="fa fa-google-plus fa-lg" aria-hidden="true"></i>
</a>
</li>
</li><a class="icon" href="https://www.youtube.com/channel/UCmlcLxsUxbaOpO5THcpsZgw" target="_blank_"><i class="fa fa-youtube-square fa-lg" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="row col-lg-6 col-md-12">
<div class="col-lg-9 col-md-9 col-xs-12" id="formulario">
<form id="form">
<div class="form-group">
<input type="text" class="form-control input-lg" id="name" placeholder="Nome" required>
</div>
<div class="form-group col-md-7">
<input type="email" class="form-control input-lg" id="email" placeholder="Email" required>
</div>
<div class="form-group col-md-5">
<input type="tel" class="form-control input-lg" id="telefone" placeholder="Telefone" required>
</div>
<div class="form-group">
<select class="form-control input-lg" id="assunto" required>
<option value="">Assunto</option>
<option>Instrumentos Musicais</option>
<option>Acessórios Musicais</option>
<option>Aulas de musica e instrumentos</option>
<option>Artesanato</option>
<option>Gift Shop</option>
</select>
</div>
<div class="form-group">
<textarea class="form-control input-lg" id="textArea" rows="3" placeholder="Mensagem" required></textarea>
</div>
<button type="submit" id="btnEnviar" class="btn btn-default btn-submit" value="Send">ENVIAR</button>
<div class="success">
<p align="center">A sua mensagem foi enviada com sucesso!</p>
<p align="center">Entraremos em contacto brevemente!</p>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/jquery-3.1.min.js"></script>
<script src="js/jquery.form.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>