Le-scone/index.html at master · Mayconpm/Le-scone · GitHub

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
<!DOCTYPE html>
<html>

<head>
	<title>Le Scone</title>
	<meta name="description" content="Le Scone - Restaurante">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Aref+Ruqaa&family=PT+Mono&display=swap" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
	<main class="container intro">
		<div class="grid_5">
			<img src="img/lescone.png" alt="Le Scone" class="logo">
			<div class="intro_info">
				<p>De Seg. à Sab. <span class="aberto"></span><br>
					das 07:00h às 18:00h</p>
				<p>Praia de Botafogo, 300 <br> Rio de Janeiro - RJ</p>
			</div>
			<div>
				<p class="intro_telefone"> +55 021 2412-3333</p>
			</div>
		</div>
		<div class="grid_7"><img class="intro_foto" src="img/foto.png" alt="Foto de Le Scone"></div>
	</main>

	<section class="container menu">
		<h1 class="grid_4 titulo">Menu</h1>
		<div class="grid_7 offset_1">
			<div class="menu_item">
				<img src="img/prato-1.png" alt="Foto prato 1">
				<h2>Entradas</h2>
				<ul>
					<li><span>R$1,70</span>Ovos Mexidos</li>
					<li><span>R$2,70</span>Scones de Frutas</li>
					<li><span>R$3,70</span>Joelho de Queijo</li>
					<li><span>R$4,70</span>Presunto Cozido</li>
					<li><span>R$3,70</span>Coxinha de frango</li>
				</ul>
			</div>
			<div class="menu_item">
				<img src="img/prato-2.png" alt="Foto prato 2">
				<h2>Pratos principais</h2>
				<ul>
					<li><span>R$10,70</span>Penne com Queijo</li>
					<li><span>R$22,70</span>Feijoada</li>
					<li><span>R$33,70</span>Costela ao Molho</li>
					<li><span>R$14,70</span>Medalhão de Frango</li>
					<li><span>R$13,70</span>Coxinha de frango</li>
				</ul>
			</div>
		</div>
	</section>
	<section class="container contato">
		<h1 class="grid_4 titulo">Contato</h1>
		<div class="grid_7 offset_1">
			<form>
				<label>Nome</label>
				<input type="text">
				<div class="row">
					<div class="grid_7">
						<label>E-mail</label>
						<input type="text">
					</div>
					<div class="grid_5">
						<label>Telefone</label>
						<input type="text">
					</div>
				</div>
				<label>Mensagem</label>
				<textarea></textarea>
				<input class="button" type="button" value="Enviar">
			</form>
			<div class="contato_info">
				<p>contato@lescone.com ////</p>
				<p>+55 021 2412-3333 ////</p>
			</div>
			<a href="#" class="contato_mapa"><img src="img/map.png" alt="Como chegar"></a>
		</div>
	</section>
	<footer>
		<div class="containers">
			<p>Le Scone @ 1989 - 2016. Alguns direitos reservados.
				<a href="#" target="blank">
					<img src="img/lescone-icone.png" alt="Le Scone icone">
				</a>
			</p>
		</div>
	</footer>

</body>

</html>