-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
133 lines (125 loc) · 8.09 KB
/
index.php
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
<?php get_header(); ?>
<header id="cabecalho" class="container-fluid ">
<!--DESKTOP-->
<div class="row d-none d-sm-none d-md-block d-lg-block">
<div class="col-md-12">
<img src="img/logo.jpg" class="bloco-cabecalho mx-auto d-block">
</div>
</div>
<!--MOBILE-->
<div class="row d-block d-sm-block d-md-none d-lg-none">
<div class="col-md-12">
<img src="img/logo.jpg" class="bloco-cabecalho-mobile mx-auto d-block img-fluid">
</div>
</div>
</header>
<section id="sobre">
<h1 class="text-light text-center">Sobre Nós</h1>
<div class="row">
<div class="col-10 col-sm-10 col-md-5 col-lg-6 d block mx-auto pt-5 container">
<p class="text-center">Curabitur odio eros, tempus sit amet congue eu, ornare non mauris. Sed convallis venenatis sapien, a ultrices enim tincidunt nec. Etiam vulputate, turpis eu auctor pulvinar, turpis quam lacinia enim, eu fringilla eros lorem.Vestibulum mollis tempus turpis ac bibendum. Nullam id magna vitae dui auctor congue. Curabitur aliquet lorem in vestibulum egestas. Integer aliquam mauris eu nisi fermentum rhoncus. Curabitur volutpat mi vel posuere vestibulum. Nullam ut bibendum risus, a hendrerit tortor. Pellentesque dui ante, maximus sed sagittis quis, consequat viverra ipsum. Fusce ultrices lacus ac ultricies condimentum. Aliquam ut orci gravida, ullamcorper nibh at, malesuada arcu. </p>
</div>
</div>
<h4 class="text-light text-center">Curabitur odio eros</h4>
<div class="row pt-5 pb-5">
<div class= "d-block mx-auto col-10 col-sm-10 col-md-4 col-lg-4 ">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit erat, imperdiet quis mauris eu, semper consequat ipsum. Maecenas mattis elit quis libero luctus, nec tempor nibh scelerisque. Phasellus id metus nec urna malesuada ultricies nec nec tortor. Pellentesque vitae ligula ipsum. Fusce mauris nisl, aliquam in scelerisque et, volutpat vitae ex. Aliquam sed dui ultricies, mollis orci vel, vulputate lorem. Vivamus a magna nisi. Curabitur rutrum luctus sapien, porttitor viverra arcu aliquam non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam dignissim rutrum odio, eget luctus enim ornare eu. Maecenas fringilla, eros vitae volutpat fringilla, nisl magna bibendum ex, sit amet faucibus nisl velit ut arcu. Aliquam eros augue, ultricies non lobortis sed, molestie sed arcu. Mauris mattis erat sed arcu ultricies, at scelerisque diam vulputate.
</p>
</div>
<div class="d-block mx-auto col-10 col-sm-10 col-md-6 col-lg-4">
<img src="img/background.jpg" class="img-fluid ">
</div>
</div>
<div class="row pt-5 pb-5">
<div class="d-block mx-auto col-10 col-sm-10 col-md-6 col-lg-4">
<img src="img/bebidas2.jpg" class="img-fluid">
</div>
<div class= "d-block mx-auto col-8 col-sm-8 col-md-4 col-lg-4">
<p>
Lorem ipsum dolor sit gamet, consectetur adipiscing elit. Mauris elit erat, imperdiet quis mauris eu, semper consequat ipsum. Maecenas mattis elit quis libero luctus, nec tempor nibh scelerisque. Phasellus id metus nec urna malesuada ultricies nec nec tortor. Pellentesque vitae ligula ipsum. Fusce mauris nisl, aliquam in scelerisque et, volutpat vitae ex. Aliquam sed dui ultricies, mollis orci vel, vulputate lorem. Vivamus a magna nisi. Curabitur rutrum luctus sapien, porttitor viverra arcu aliquam non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam dignissim rutrum odio, eget luctus enim ornare eu. Maecenas fringilla, eros vitae volutpat fringilla, nisl magna bibendum ex, sit amet faucibus nisl velit ut arcu. Aliquam eros augue, ultricies non lobortis sed, molestie sed arcu. Mauris mattis erat sed arcu ultricies, at scelerisque diam vulputate.
</p>
</div>
</div>
<div class="row pt-5 pb-5">
<div class= "d-block mx-auto col-10 col-sm-10 col-md-4 col-lg-4">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit erat, imperdiet quis mauris eu, semper consequat ipsum. Maecenas mattis elit quis libero luctus, nec tempor nibh scelerisque. Phasellus id metus nec urna malesuada ultricies nec nec tortor. Pellentesque vitae ligula ipsum. Fusce mauris nisl, aliquam in scelerisque et, volutpat vitae ex. Aliquam sed dui ultricies, mollis orci vel, vulputate lorem. Vivamus a magna nisi. Curabitur rutrum luctus sapien, porttitor viverra arcu aliquam non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam dignissim rutrum odio, eget luctus enim ornare eu. Maecenas fringilla, eros vitae volutpat fringilla, nisl magna bibendum ex, sit amet faucibus nisl velit ut arcu. Aliquam eros augue, ultricies non lobortis sed, molestie sed arcu. Mauris mattis erat sed arcu ultricies, at scelerisque diam vulputate.
</p>
</div>
<div class="d-block mx-auto col-10 col-sm-10 col-md-6 col-lg-4">
<img src="img/show.jpg" class="img-fluid">
</div>
</div>
</section>
<section id="galeria" class="container-fluid pt-5 pb-5">
<h1 class="text-center">Galeria de Fotos</h1>
<div id="mural" class=" col-md-8 col-lg-6 container">
<div id="carouselExampleSlidesOnly " class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active p-5 ">
<img class="d-block img-fluid" src="img/bebidas.jpg"alt="First slide">
</div>
<div class="carousel-item p-5">
<img class="d-block img-fluid" src="img/batata.jpg"alt="Second slide">
</div>
<div class="carousel-item p-5">
<img class="d-block img-fluid" src="img/bar.jpg" alt="Third slide">
</div>
<div class="carousel-item p-5">
<img class="d-block img-fluid" src="img/batata2.jpg" alt="Third slide">
</div>
<div class="carousel-item p-5">
<img class="d-block img-fluid" src="img/linguica.jpg" alt="Third slide">
</div>
<div class="carousel-item p-5">
<img class="d-block img-fluid" src="img/caldo.jpg" alt="Third slide">
</div>
</div>
</div>
</div>
</section>
<footer id="rodape">
<h1 class="text-center pt-5 pb-5 text-light">Onde Estamos</h1>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14616.475454007834!2d-46.455512!3d-23.6717069!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa7992734fa9f580b!2snobreza+Beer!5e0!3m2!1spt-BR!2sbr!4v1530046550578" width="2000" height="300" frameborder="0" style="border:0" allowfullscreen>
</iframe>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 text-light text-center">
<p>
<span class="oi oi-map-marker" title="icon map-marker" aria-hidden="true"></span>
Rua Alonso Vasconcelos Pacheco, 331- Vila Bocaina, Mauá - SP
</p>
<p>
<span class="oi oi-envelope-closed" title="icon envelope-closed" aria-hidden="true"></span>
</p>
<p>
<span class="oi oi-phone" title="icon phone" aria-hidden="true"></span>
(11)9 5151-1015
</p>
</div>
</div>
<div class="text-center pt-3" id="fim-rodape">
<a href="https://www.instagram.com/nobreza_beer/"><img src="img/instagram.png" class="img-fluid pr-2"></a>
<a href="https://www.facebook.com/Nobreza-Beer-1831045487189355/"><img src="img/facebook.png" class="img-fluid"></a><br>
<div class="row">
<div class="col-12 col-md-12 col-lg-12">
<p class="pt-2 text-center">Desenvolvido por Jessica Lyra</p>
</div>
</div>
</div>
</footer>
<!-- JavaScript(Opcional) -->
<!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scr.js"></script>
<script>
$(document).ready (function(){
$(".scroll").click(function(event) {
event.preventDefault()
$('html,body').animate ({scrollTop:$(this.hash).offset().top},1000); }) ; });
</script>
</body>
</html>