Escolar Documentos
Profissional Documentos
Cultura Documentos
html
<!DOCTYPE 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.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Kdam+Thmor+Pro&display=swap" rel="stylesheet">
<title>Sushi Destroy</title>
</head>
<body>
<!-- Cabeçalho do site -->
<header>
<div class="center">
<div class="cabecalho">
<h2>SUSHI DESTROY</h2>
</div>
<!-- navegaçãoodo site -->
<div class="index.html">
<a href="index.html">
HOME
</a>
<br>
<a href="informações.html">
INFORMAÇÕES GERAIS
</a>
<br>
<a href="principaispratos.html">
PRINCIPAIS PRATOS
</a>
</div>
</div>
</header>
<!-- cor de fundo do site -->
<body style="background-color:rgb(89, 247, 149) ;">
<br>
<!-- Conteudo do principal do site -->
<main>
<section>
<div class="sobre">
<h3>BEM VINDO, AO SUSHI DESTROY</h3>
<p>Respeitar a tradição é a certeza de utilizar um
conhecimento milenar na preparação de seus pratos.<br />
Seleção nos ingredientes, cuidado no preparo e atenção no
atendimento. Essa é a nossa receita.<br />
Contando hoje com 2 unidades, o restaurante SUSHI DESTROY
tem por filosofia servir produtos de <br />
primeira qualidade. Sempre com decoração típica e
aconchegante, as casas possuem um Sushi Bar que <br />
permite aos clientes observar como está sendo preparada a
refeição. No SUSHI DESTROY, a estrela da<br />
casa são os pratos!Totalmente profissionalizado, o
restaurante incorporou novos métodos de preparo<br />
e reestruturou seu ambiente, para melhor acomodar o maior
volume de clientes.</p>
<br>
<h4>Entregas em toda Americana</h4>
</section>
<br>
<!-- imagens do site -->
<br>
<section class="imagens">
<p><img src="imagens/fotodorestaurante.jpg"width="500"
height="300"></p>
<br>
<br>
<p><img src="imagens/preparandosushi.jpg"width="500"
height="300"></p>
<br>
<br>
<p><img src="imagens/fazendosushi.jpg"width="500"
height="300"></p>
<br>
<br>
<p><img src="imagens/sashimi.jpg"width="500" height="300"></p>
</section>
</main>
<br>
<!-- rodape do site -->
<footer>
<section class="rodapé">
<img src="imagens/sushilogo.jpg" width="100">
<br>
<h4>CONTATO</h4>
Telelefone:3469-5114 </br>
Celular:19 99456-8521 </br>
Email:sushidestroy@gmail.com </br>
Av.Cillos,95,
Centro-
Americana/SP
</section>
</footer>
</body>
</html>
Informações
<!DOCTYPE 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.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Kdam+Thmor+Pro&display=swap" rel="stylesheet">
<title>Sushi Destroy</title>
</head>
<body>
<!-- cabecalho do site -->
<header>
<div class="center">
<div class="cabecalho">
<h2>SUSHI DESTROY</h2>
</div>
<!--navegaçao do site -->
<div class="index.html">
<a href="index.html">
HOME
</a>
<br>
<a href="informações.html">
INFORMAÇÕES GERAIS
</a>
<br>
<a href="principaispratos.html">
PRINCIPAIS PRATOS
</a>
</div>
</div>
</header>
<!-- cor de fundo do site-->
<body style="background-color:rgb(89, 247, 149) ;">
<main>
<br>
<!-- Conteudo do generico da parte de informaçoes -->
<section class="informaçoes">
<article>
<h5>INFORMAÇÕES GERAIS</h5>
<br>
<p>
<h1>ALMOÇO</h1>
<p>Segunda a Domingo das 10:30 ás 14:30</p></br>
<h1>JANTAR</h1>
<p>Segunda a Sexta das 18:00 ás 22:00</p>
<p>Sabado e Domingo das 18:00 ás 23:00</p></br>
<h1>DELIVERY E RETIRADA</h1>
<p>Segunda a Domingo das 10:30 ás 14:30</p>
<p>Segunda a Sexta das 18:00 ás 22:00</p>
<p>Sabado e Domingo das 18:00 ás 23:00</p>
</p>
</article>
</section>
</main>
<br>
<!-- rodape do site -->
<footer>
<section class="rodapé">
<img src="imagens/sushilogo.jpg" width="100">
<br>
<h4>CONTATO</h4>
Telelefone:3469-5114 </br>
Celular:19 99456-8521 </br>
Email:sushidestroy@gmail.com </br>
Av.Cillos,95,
Centro-
Americana/SP
</section>
</body>
</html>
Pratos
<!DOCTYPE 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.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Kdam+Thmor+Pro&display=swap" rel="stylesheet">
<title>Sushi Destroy</title>
</head>
<body>
<!-- Cabeçalho do site -->
<header>
<div class="center">
<div class="cabecalho">
<h2>SUSHI DESTROY</h2>
</div>
<!-- navegaçãoodo site -->
<div class="index.html">
<a href="index.html">
HOME
</a>
<br>
<a href="informações.html">
INFORMAÇÕES GERAIS
</a>
<br>
<a href="principaispratos.html">
PRINCIPAIS PRATOS
</a>
</div>
</div>
</header>
<main>
<section class="pratos">
<h6>PRINCIPAIS PRATOS</h6>
<br>
<h1>Sashimi</h1>
<p><img src="imagens/sashimi1.jpg"width="500" height="300"></p>
<br>
<h1>Futomaki</h1>
<p><img src="imagens/futomaki.jpg"width="500" height="300"></p>
<br>
<h1>Hasomaki</h1>
<p><img src="imagens/hasomaki.jpg"width="500" height="300"></p>
<br>
<h1>Oshi</h1>
<p><img src="imagens/oshi.jpg"width="500" height="300"></p>
<br>
<h1>Nigiri</h1>
<p><img src="imagens/nigiri.jpg"width="500" height="300"></p>
<br>
<h1>Maki</h1>
<p><img src="imagens/maki.jpg"width="500" height="300"></p>
<br>
<h1>Temaki</h1>
<p><img src="imagens/temaki.jpg"width="500" height="300"></p>
<br>
<h1>Uramaki</h1>
<p><img src="imagens/uramaki.jpg"width="500" height="300"></p>
</main>
<br>
<!-- rodape do site -->
<footer>
<section class="rodapé">
<img src="imagens/sushilogo.jpg" width="100">
<br>
<h4>CONTATO</h4>
Telelefone:3469-5114 </br>
Celular:19 99456-8521 </br>
Email:sushidestroy@gmail.com </br>
Av.Cillos,95,
Centro-
Americana/SP
</section>
</body>
</html>
Style
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family:'Kdam Thmor Pro', sans-serif;
font-size: 15px;
}
.center{
max-width: 1100px;
margin: 0% auto;
padding: 0 2%;
display: flex;
header{
background-color: rgb(119, 255, 171);
padding: 20px 0;
border-color: 2px solid #d465e2;
}
.cabecalho{
color: #d465e2;
}
.cabecalho h2{
font-weight: normal;
font-size: 55px;
text-align: center;
}
.cabecalho{
width: 80%;
text-align: right;
}
.cabecalho a:hover{
color: #d465e2;
text-decoration: none;
font-size: 14px;
}
.sobre h3{
font-weight: normal;
font-size: 25px;
color: rgb(225, 75, 255);
text-align: center;
}
.rodapé{
font-size: 14px;
font-family:'Kdam Thmor Pro', sans-serif ;
text-align: center;
background-color:rgb(119, 255, 171) ;
}
.sobre h4{
font-weight: normal;
font-size: 30px;
color: #591ee4;
text-align: center;
margin: 0%;
padding: 10px;
border: 0px solid red;
background-color: red;
}
.informaçoes h5{
font-weight: normal;
font-size: 40px;
color: #591ee4;
text-align: center;
margin: 0%;
padding: 30px;
border: 0px solid red;
background-color: red;
}
.informaçoes h1{
font-size: 30px;
font-weight: normal;
text-align: center;
color: rgb(17, 0, 255);
margin: 0%;
padding: 30px;
border: 0px solid rgb(89, 247, 149);
background-color:rgb(89, 247, 149);
.informaçoes{
text-align: center;
}
.pratos h6{
font-weight: normal;
text-align: center;
padding: 30px;
border: red;
background-color: red;
font-size: 40px;
color: #591ee4;
.pratos h1{
text-align: center;
font-size: 30px;
color: rgb(17, 0, 255);
}
.sobre p{
text-align: center;
}
.pratos p{
text-align: center;
}
.imagens p{
text-align: center;
}