-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbakery.html
More file actions
130 lines (114 loc) · 4.54 KB
/
bakery.html
File metadata and controls
130 lines (114 loc) · 4.54 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pastry with Love</title>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/fonts/fonts.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/fonts/fonts.min.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/bakery.css">
</head>
<body>
<div class="container">
<div class="content">
<header class="menutop">
<a class="logo">Gustoso</a>
<nav>
<ul>
<li><a class="navlink" href="#">WELCOME</a></li>
<p class="separador">~</p>
<li><a class="navlink" href="#">MENU</a> </li>
<p class="separador">~</p>
<li><a class="navlink" href="#"> RESERVATIONS</a></li>
<p class="separador">~</p>
<li><a class="navlink" href="#"> NEWS </a> </li>
<p class="separador">~</p>
<li><a class="navlink" href="#"> CONTACT</a></li>
</ul>
</nav>
<div class="redes">
<ul class="sociais">
<li><a href="#" alt=""><img class="face" src="css/imagens/facebook.png"></a> </li>
<li><a href="#" alt=""><img class="insta" src="css/imagens/instagram.png"></a></li>
<li><a href="#" alt=""><img class="twitter" src="css/imagens/twitter.png"></a></li>
</ul>
</div>
</header>
<section class="openpage">
<div class="maintext">
<h1 class="title">Pastry with Love</h1>
<div class="linhatraco">
<div class="dashedline"></div>
<div class="dashedb"></div>
<div class="lastcurvy"></div>
</div>
<h2>We're bringing you fresh ingredients every<br> day in ways you cant resist</h2>
<a class="buttonmenu" href="%" alt="clique no botão para ver o menu do restaurante">Our Menu</a>
</div>
</section>
<div class="botonpao">
<div id="pao" class="imgcircular"></div>
</div>
<section class="artcake">
<div class="about">
<h2 class="art">Art of cakes</h2>
<h3 class="subtitle">WE CREATE DELICIOUS MEMORIES</h3>
<p class="info">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat"</p>
<h2 class="art menor">Chef Cook</h2>
<div class="aboutchef">
<div class="esquerda"><h2 class="nome">Benito</h2></div>
<div class="imgcircular chef"></div>
<div class="direita"><h2 class="nome">Gaspare</h2></div>
</div>
<blockquote class="quotation"> <p class="assinatura">Unique Creations for unique<br> ocasions</p></blockquote>
</div>
<div class="tastes">
<div class="board">
<div>
<div id="figura1" class="gallery"></div>
<div id="figura2" class="gallery"></div>
</div>
<div>
<div id="figura3" class="gallery"></div>
<div id="figura4" class="gallery"></div>
</div>
<div class="tasteimg"></div>
<div class="tastetext"><h2 class="txtimage">TASTES SO <br>GOOD!</h2></div>
</div>
</div>
</section>
<section class="pancakes">
<div class="food-slider">
<div class="firstimage">
<div class="conteudo">
<div class="title">
<h2 class="art">Tasty Pancakes</h2>
<h3 class="subtitle">SEASON FAVORITE</h3>
</div>
<div class="info">Erant quaestio an vel, veri debitis ne vel. Nec ex quem ubique mandamus, lucilius intellegat conclusionemque et mel, alii mnesarchum complectitur at mei. Ex iusto elitr vel.</div>
</div>
<div id="carrossel" class="carrossel">
<div><img src="imagens/img01.png"></div>
<div><img src="imagens/img06.png"></div>
<div><img src="css/imagens/berries.png"></div>
<div><img src="imagens/img05.png"></div>
<div><img src="imagens/img04.png"></div>
</div>
</div>
<div class="bkimage resize">
</div>
</div>
</section>
<section>
</section>
<section>
</section>
</div>
<script src="css/bakery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.js"></script>
<script type="text/javascript" src="carrossel.js"></script>
</body>
</html>