Aulas Inacréditáveis e gratuitas com Maykon Silveira

#68 COMO CRIAR SISTEMA PARA DELIVERY DE PIZZARIA PASSO A PASSO EM PHP, HTML E JAVASCRIPT

71644

Seja Membro do Canal R$ 29,90 ;)

MSFlix

Tenha acesso a cursos completos ;)
Se Inscreva ;)

Canal Maykon Silveira

Se inscreva em meu canal ;)
Me Siga ;)

Instagram Maykon Silveira

Me siga ;)
Entrar ;)

Grupo VIP Whatsapp

Entrar no grupo exclusivo vip do whatsapp Maykon Silveira ;)
Descrição:

SE INSCREVA PARA O NOVO CURSO DE LOJA VIRTUAL EM PHP E MYSQL
https://maykonsilveira.com.br/maykon-paginas/pre-inscricoes-online-para-o-novo-curso-criando-loja-virtual-em-php-mvc-mysql-orientado-a-objeto-com-apenas-100-vagas-maykon-silveira

Livro Digital Inteligência Emocional no Ambiente Empresarial: Desvendando o Poder das Emoções no Mundo dos Negócios (PDF): https://pay.kiwify.com.br/HV7s61T

TODOS OS EPISÓDIOS DA SÉRIE COMO CRIAR UM DELIVERY DE PIZZARIA PASSO A PASSO EM PHP:
https://www.youtube.com/watch?v=tOepMdjZKvA&list=PLGFwuV_B-U2XkQS_sKKGt9uAlGu5EkLE9

 

CODIGO JAVASCRIPT: 

 var swiper = new Swiper(".menu-slider", {
   grapCursor:true,
   loop:true,
   autoHeight:true,
   centeredSlides:true,
   spaceBetwwen:20,
   pagination: {
     el: '.swiper-pagination',
     clickable:true,
   },
 
 });
 
<code>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--INICIO CSS ICONES MAYKONSILVEIRA.COM.BR-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!--INICIO CSS SLIDE MAYKONSILVEIRA.COM.BR-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" href="assets/img/msFavicon.png" type="image/x-icon">
<title>MSPizza - MaykonSilveira.com.br</title>
</head>
<body>

<!--INICIO CABEÇALHO DO SITE MAYKONSILVEIRA.COM.BR-->
<header class="topo-site">

    <!--INICIO LOGO DO SITE MAYKONSILVEIRA.COM.BR-->
    <a href="index.html" class="logo">
        <i class="fas fa-pizza-slice"></i>
        MsPizza
    </a>
    <!--FIM LOGO DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO MENU DO SITE MAYKONSILVEIRA.COM.BR-->
    <nav class="menu-site">
        <a href="index.html">Inicio</a>
        <a href="empresa.html">Empresa</a>
        <a href="menu.html">Cardápio</a>
        <a href="loja.html">Montar Pedido</a>
        <a href="blog.html">Blog</a>
        <a href="contatos.html">Fale Conosco</a>
    </nav>
    <!--FIM MENU DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO ÍCONES DO SITE MAYKONSILVEIRA.COM.BR-->
     <div class="icons">
         <div id="cart" class="fas fa-shopping-cart"></div>
         <div id="login" class="fas fa-user"></div>
         <div id="menu" class="fas fa-bars"></div>
     </div>
    <!--FIM ÍCONES DO SITE MAYKONSILVEIRA.COM.BR-->

   <!--INICIO CARRINHO DE COMPRAS TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
   <div class="carrinho">
      
    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-1.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-2.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->


    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-3.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

    <h3 class="total">Total: R$ 777,77</h3>
    <a href="" class="btn"> Ir para o carrinho </a>
</div>
<!--FIM CARRINHO DE COMPRAS TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO LOGIN TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
<form action="" method="post" class="login-form">
 <h3>Acesse sua conta</h3>
 <input type="email" name="email" class="box" placeholder="Seu E-mail">    
 <input type="password" name="senha" class="box" placeholder="Sua Senha">  
   <div class="lembrar-senha">
    <input type="checkbox" name="lembrar" id="relembrar">
    <label for="relembrar">Me lembrar da senha</label>
   </div>
 <button type="submit" name="sendLogin" class="btn"> Acessar</button>
</form>
<!--FIM LOGIN TOPO DO SITE MAYKONSILVEIRA.COM.BR-->    

</header>
<!--FIM CABEÇALHO DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO TOPO DA PAGINA MAYKONSILVEIRA.COM.BR-->
<div class="topo-pagina">
    <h1>Menu da Pizzaria</h1>
    <p><a href="index.html" title="Sobre Nós">Inicio>></a> Delivery</p>
</div>
<!--FIM TOPO DA PAGINA MAYKONSILVEIRA.COM.BR-->

<!--INICIO MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
<section class="menu">

    <div class="swiper menu-slider">

        <!--INICIO SLIDE PRINCIPAL SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
        <div class="swiper-wrapper">

            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Pizza</h3>

                
                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->



            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Lanches</h3>

                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Bebidas</h3>

                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

        </div>
        <!--FIM SLIDE PRINCIPAL SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

        <!--INICIO PAGINACAO SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
        <div class="swiper-pagination"></div>
        <!--FIM PAGINACAO SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
       
    </div>

</section>
<!-- FIM MENU DE COMPRAS  MAYKONSILVEIRA.COM.BR-->


<!--INICIO RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
<section class="rodape">
    <div class="box-container">

        <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
        <div class="box">
            <h3>msPizza</h3>
            <p>Estou dentro da comunidade MaykonSilveira.com.br</p>
            <div class="rede-sociais">
                <a href="" class="fab fa-facebook-f"></a>
                <a href="" class="fab fa-instagram"></a>
                <a href="" class="fab fa-twitter"></a>
                <a href="" class="fab fa-linkedin"></a>
            </div>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->


        <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
        <div class="box">
            <h3>faça Seu Pedido</h3>
            <p>(41)7777-7777</p>
            <p>(41)77777-7777</p>
            <a href="mailto:[email protected]" title="[email protected]" class="link">[email protected]</a>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->


         <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
         <div class="box">
            <h3>localização</h3>
            <p>
                Rua 777, nº 77 <br>
                Reinado de Jesus<br>
                Nova Jerusalém
            </p>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->

    </div>

    <div class="direitos">
        Criado por <span>MaykonSilveira.com.br</span> | Todos os Direitos Reservados!
    </div>
</section>
<!--FIM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO JS SLIDER DO SITE MAYKONSILVEIRA.COM.BR-->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!--INICIO JS DO SITE MAYKONSILVEIRA.COM.BR-->
<script src="assets/js/ms.js"></script>

</body>
</html>
</code>

 

CODIGO CSS:

<code>
/*MENU DE COMPRAS DA PIZZARIA */
.menu .slider .titulo{
  padding: 1rem;
  font-size: 3rem;
  color: #fff;
  background-color: red;
  margin-bottom: 3rem;
  text-align: center;
}

.menu .slider .box-container{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-bottom: 4rem;
}

.menu .slider .box-container .box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 38rem;
  gap: 1rem;
  background-color: #eee;
  padding: 2rem; 
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.1);
}

.menu .slider .box-container .box:hover{
  transform: scale(.9);
  cursor: pointer;
}

.menu .slider .box-container .box h3{
  font-size: 2.2rem;
  color: #130f40; 
  padding-bottom: .5rem;
}

.menu .slider .box-container .box p{
  font-size: 1.4rem;
  color: #777; 
  line-height: 2; 
}

.menu .slider .box-container .box .valor{
  font-size: 2.2rem;
  color: red; 
}
</code>

Download dos Arquivos da Aula:
https://maykonsilveira.com.br/maykon-paginas/criando-um-delivery-de-pizzaria-passo-a-passo-em-php-html-e-javascript-site-para-pizzaria-em-php

Se inscreve em meus dois canais para ser notificado quando um canal estiver com falhas:
Canal 1: https://www.youtube.com/channel/UC4p79Xbb2k1oDVy68nGQIMA
Canal 2: https://www.youtube.com/channel/UC_g2SnCJ699gOGnXRUsn_-A

WHATSAPP DE VALOR:

Grupo com chat fechado onde você tem acesso a conteúdos exclusivos e oficiais:
https://chat.whatsapp.com/Iz3a88L3s5B8FUnBm4T7UI


EAD MAYKON SILVEIRA:
https://maykonsilveira.com.br/

 

Curta nossa página:
https://www.facebook.com/MaykonSilveiraMJ

Me siga no instagram:
https://www.instagram.com/maykonsilveiramj/

Canal Telegram(Novo)
https://t.me/maykonsilveira

Não se esqueça de compartilhar nossos vídeos e se inscrever no canal.
Pedimos também que indique nosso canal para os orfanatos da sua região, assim você ajudará as crianças dando um direcionamento na vida delas em sua cidade e estado.

Deseja ajudar o canal Maykon Silveira para ter sempre conteúdos de qualidade e mudança de vida como estes?

Doação de 100 Reais para Ajudar o Canal Maykon Silveira
https://pagamento.gerencianet.com.br/botao-de-pagamento/a215ccb3-f4f3-4ec8-bda3-04a33b4d5e0e

SITE PARA PIZZARIA COM PHP E MYSQL,
como criar um sistema de destaque de pizzas em php,
criando site em php de pizzaria,
criando uma pizzaria em php,
criando um delivery de pizza em php,
criando um delivery de pizzaria em php e html,
criar site de pizzaria em php,
fazer site de pizzaria em php,
como criar um delivery de pizzaria em php e html,
Cursos completos gratuitos,
Cursos online grátis,
Cursos de elementor e wordpress gratuitos,
Curso gratis programação,
Curso grátis de php 8,
Curso grátis de nodeJS,
Curso Grátis de javascript,
Curso grátis de android e ios,
Curso de criação de aplicativos gratuitos,
Curso de criação de sites gratuito,
Curso de criação de sistemas gratuito,
Curso de html5, css3 e javascript,
Curso de excel grátis,
EAD Maykon Silveira

 

 

SE INSCREVA PARA O NOVO CURSO DE LOJA VIRTUAL EM PHP E MYSQL
https://maykonsilveira.com.br/maykon-paginas/pre-inscricoes-online-para-o-novo-curso-criando-loja-virtual-em-php-mvc-mysql-orientado-a-objeto-com-apenas-100-vagas-maykon-silveira

Livro Digital Inteligência Emocional no Ambiente Empresarial: Desvendando o Poder das Emoções no Mundo dos Negócios (PDF): https://pay.kiwify.com.br/HV7s61T

TODOS OS EPISÓDIOS DA SÉRIE COMO CRIAR UM DELIVERY DE PIZZARIA PASSO A PASSO EM PHP:
https://www.youtube.com/watch?v=tOepMdjZKvA&list=PLGFwuV_B-U2XkQS_sKKGt9uAlGu5EkLE9

 

CODIGO JAVASCRIPT: 

 var swiper = new Swiper(".menu-slider", {
   grapCursor:true,
   loop:true,
   autoHeight:true,
   centeredSlides:true,
   spaceBetwwen:20,
   pagination: {
     el: '.swiper-pagination',
     clickable:true,
   },
 
 });
 
<code>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--INICIO CSS ICONES MAYKONSILVEIRA.COM.BR-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!--INICIO CSS SLIDE MAYKONSILVEIRA.COM.BR-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/style.css">
<link rel="shortcut icon" href="assets/img/msFavicon.png" type="image/x-icon">
<title>MSPizza - MaykonSilveira.com.br</title>
</head>
<body>

<!--INICIO CABEÇALHO DO SITE MAYKONSILVEIRA.COM.BR-->
<header class="topo-site">

    <!--INICIO LOGO DO SITE MAYKONSILVEIRA.COM.BR-->
    <a href="index.html" class="logo">
        <i class="fas fa-pizza-slice"></i>
        MsPizza
    </a>
    <!--FIM LOGO DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO MENU DO SITE MAYKONSILVEIRA.COM.BR-->
    <nav class="menu-site">
        <a href="index.html">Inicio</a>
        <a href="empresa.html">Empresa</a>
        <a href="menu.html">Cardápio</a>
        <a href="loja.html">Montar Pedido</a>
        <a href="blog.html">Blog</a>
        <a href="contatos.html">Fale Conosco</a>
    </nav>
    <!--FIM MENU DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO ÍCONES DO SITE MAYKONSILVEIRA.COM.BR-->
     <div class="icons">
         <div id="cart" class="fas fa-shopping-cart"></div>
         <div id="login" class="fas fa-user"></div>
         <div id="menu" class="fas fa-bars"></div>
     </div>
    <!--FIM ÍCONES DO SITE MAYKONSILVEIRA.COM.BR-->

   <!--INICIO CARRINHO DE COMPRAS TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
   <div class="carrinho">
      
    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-1.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-2.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->


    <!--INICIO ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
    <div class="box">
        <i class="fas fa-times"></i>
        <img src="assets/img/carrinho/carrinho-3.png" alt="">
        <div class="content">
            <h3>Pizza Frango</h3>
            <span class="quantidade"> 1</span>
            <span class="multiplica"> x</span>
            <span class="valor"> R$ 77,77</span>
        </div>
    </div>
    <!--FIM ITEM CARRINHO DE COMPRAR TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

    <h3 class="total">Total: R$ 777,77</h3>
    <a href="" class="btn"> Ir para o carrinho </a>
</div>
<!--FIM CARRINHO DE COMPRAS TOPO DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO LOGIN TOPO DO SITE MAYKONSILVEIRA.COM.BR-->
<form action="" method="post" class="login-form">
 <h3>Acesse sua conta</h3>
 <input type="email" name="email" class="box" placeholder="Seu E-mail">    
 <input type="password" name="senha" class="box" placeholder="Sua Senha">  
   <div class="lembrar-senha">
    <input type="checkbox" name="lembrar" id="relembrar">
    <label for="relembrar">Me lembrar da senha</label>
   </div>
 <button type="submit" name="sendLogin" class="btn"> Acessar</button>
</form>
<!--FIM LOGIN TOPO DO SITE MAYKONSILVEIRA.COM.BR-->    

</header>
<!--FIM CABEÇALHO DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO TOPO DA PAGINA MAYKONSILVEIRA.COM.BR-->
<div class="topo-pagina">
    <h1>Menu da Pizzaria</h1>
    <p><a href="index.html" title="Sobre Nós">Inicio>></a> Delivery</p>
</div>
<!--FIM TOPO DA PAGINA MAYKONSILVEIRA.COM.BR-->

<!--INICIO MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
<section class="menu">

    <div class="swiper menu-slider">

        <!--INICIO SLIDE PRINCIPAL SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
        <div class="swiper-wrapper">

            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Pizza</h3>

                
                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->



            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Lanches</h3>

                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


            <!--INICIO ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
            <div class="swiper-slide slider">
                <h3 class="titulo">Bebidas</h3>

                <div class="box-container">

                    <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                      <div class="info">
                          <h3>Pizza de Frango</h3>
                          <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                       </div>

                       <div class="valor"> R$ 77 </div>

                    </div>
                    <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                     <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                     <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->


                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                       <!--INICIO SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
                    <div class="box" data-name="pizza">

                        <div class="info">
                            <h3>Pizza de Frango</h3>
                            <p>Pizza Da EAD MaykonSilveira.Com.Br É A Melhor Pizza Do Mercado</p>
                         </div>
  
                         <div class="valor"> R$ 77 </div>
  
                      </div>
                      <!--FIM SUB ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

                </div>
                
            </div>
            <!--FIM ITEM SLIDE MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

        </div>
        <!--FIM SLIDE PRINCIPAL SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->

        <!--INICIO PAGINACAO SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
        <div class="swiper-pagination"></div>
        <!--FIM PAGINACAO SLIDER MENU DE COMPRAS MAYKONSILVEIRA.COM.BR-->
       
    </div>

</section>
<!-- FIM MENU DE COMPRAS  MAYKONSILVEIRA.COM.BR-->


<!--INICIO RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
<section class="rodape">
    <div class="box-container">

        <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
        <div class="box">
            <h3>msPizza</h3>
            <p>Estou dentro da comunidade MaykonSilveira.com.br</p>
            <div class="rede-sociais">
                <a href="" class="fab fa-facebook-f"></a>
                <a href="" class="fab fa-instagram"></a>
                <a href="" class="fab fa-twitter"></a>
                <a href="" class="fab fa-linkedin"></a>
            </div>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->


        <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
        <div class="box">
            <h3>faça Seu Pedido</h3>
            <p>(41)7777-7777</p>
            <p>(41)77777-7777</p>
            <a href="mailto:[email protected]" title="[email protected]" class="link">[email protected]</a>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->


         <!--INICIO ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->
         <div class="box">
            <h3>localização</h3>
            <p>
                Rua 777, nº 77 <br>
                Reinado de Jesus<br>
                Nova Jerusalém
            </p>
        </div>
        <!--FIM ITEM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->

    </div>

    <div class="direitos">
        Criado por <span>MaykonSilveira.com.br</span> | Todos os Direitos Reservados!
    </div>
</section>
<!--FIM RODAPE DO SITE MAYKONSILVEIRA.COM.BR-->

<!--INICIO JS SLIDER DO SITE MAYKONSILVEIRA.COM.BR-->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!--INICIO JS DO SITE MAYKONSILVEIRA.COM.BR-->
<script src="assets/js/ms.js"></script>

</body>
</html>
</code>

 

CODIGO CSS:

<code>
/*MENU DE COMPRAS DA PIZZARIA */
.menu .slider .titulo{
  padding: 1rem;
  font-size: 3rem;
  color: #fff;
  background-color: red;
  margin-bottom: 3rem;
  text-align: center;
}

.menu .slider .box-container{
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-bottom: 4rem;
}

.menu .slider .box-container .box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 38rem;
  gap: 1rem;
  background-color: #eee;
  padding: 2rem; 
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.1);
}

.menu .slider .box-container .box:hover{
  transform: scale(.9);
  cursor: pointer;
}

.menu .slider .box-container .box h3{
  font-size: 2.2rem;
  color: #130f40; 
  padding-bottom: .5rem;
}

.menu .slider .box-container .box p{
  font-size: 1.4rem;
  color: #777; 
  line-height: 2; 
}

.menu .slider .box-container .box .valor{
  font-size: 2.2rem;
  color: red; 
}
</code>

Download dos Arquivos da Aula:
https://maykonsilveira.com.br/maykon-paginas/criando-um-delivery-de-pizzaria-passo-a-passo-em-php-html-e-javascript-site-para-pizzaria-em-php

Se inscreve em meus dois canais para ser notificado quando um canal estiver com falhas:
Canal 1: https://www.youtube.com/channel/UC4p79Xbb2k1oDVy68nGQIMA
Canal 2: https://www.youtube.com/channel/UC_g2SnCJ699gOGnXRUsn_-A

WHATSAPP DE VALOR:

Grupo com chat fechado onde você tem acesso a conteúdos exclusivos e oficiais:
https://chat.whatsapp.com/Iz3a88L3s5B8FUnBm4T7UI


EAD MAYKON SILVEIRA:
https://maykonsilveira.com.br/

 

Curta nossa página:
https://www.facebook.com/MaykonSilveiraMJ

Me siga no instagram:
https://www.instagram.com/maykonsilveiramj/

Canal Telegram(Novo)
https://t.me/maykonsilveira

Não se esqueça de compartilhar nossos vídeos e se inscrever no canal.
Pedimos também que indique nosso canal para os orfanatos da sua região, assim você ajudará as crianças dando um direcionamento na vida delas em sua cidade e estado.

Deseja ajudar o canal Maykon Silveira para ter sempre conteúdos de qualidade e mudança de vida como estes?

Doação de 100 Reais para Ajudar o Canal Maykon Silveira
https://pagamento.gerencianet.com.br/botao-de-pagamento/a215ccb3-f4f3-4ec8-bda3-04a33b4d5e0e

SITE PARA PIZZARIA COM PHP E MYSQL,
como criar um sistema de destaque de pizzas em php,
criando site em php de pizzaria,
criando uma pizzaria em php,
criando um delivery de pizza em php,
criando um delivery de pizzaria em php e html,
criar site de pizzaria em php,
fazer site de pizzaria em php,
como criar um delivery de pizzaria em php e html,
Cursos completos gratuitos,
Cursos online grátis,
Cursos de elementor e wordpress gratuitos,
Curso gratis programação,
Curso grátis de php 8,
Curso grátis de nodeJS,
Curso Grátis de javascript,
Curso grátis de android e ios,
Curso de criação de aplicativos gratuitos,
Curso de criação de sites gratuito,
Curso de criação de sistemas gratuito,
Curso de html5, css3 e javascript,
Curso de excel grátis,
EAD Maykon Silveira

 

 

SITE PARA PIZZARIA COM PHP E MYSQL, como criar um sistema de destaque de pizzas em php, criando site em php de pizzaria, criando uma pizzaria em php, criando um delivery de pizza em php, criando um delivery de pizzaria em php e html, criar site de pizzaria em php, fazer site de pizzaria em php, como criar um delivery de pizzaria em php e html, Cursos completos gratuitos, Cursos online grátis, Cursos de elementor e wordpress gratuitos, Curso gratis programação, Curso grátis de php 8, Curso grátis de nodeJS, Curso Grátis de javascript, Curso grátis de android e ios, Curso de criação de aplicativos gratuitos, Curso de criação de sites gratuito, Curso de criação de sistemas gratuito, Curso de html5, css3 e javascript, Curso de excel grátis, EAD Maykon Silveira

curso de loja virtual em php 8.2
Vídeos Relacionados
#12 Como traduzir o Laravel 12 passo a passo, do zero e fácil
MSFLIX
#12 Como traduzir o Laravel 12 passo...
PHP
#11 Como criar uma janela modal usando laravel 12
MSFLIX
#11 Como criar uma janela modal usando...
PHP
92 - Como atualizar o laravel 11 para o 12 em menos de 2 minutos, vamos atualiza o marketplace para o 12
MSFLIX
92 - Como atualizar o laravel 11...
PHP
#8 - DELETE E DESTROY no laravel 12
MSFLIX
#8 - DELETE E DESTROY no laravel...
PHP
#7 - Update no laravel 12 passo a passo mesmo que você não saiba programar, do zero
MSFLIX
#7 - Update no laravel 12 passo...
PHP
111 - Considerações Finais do Curso: Construindo um Painel CMS em Laravel - Maykon Silveira
MSFLIX
111 - Considerações Finais do Curso: Construindo...
PHP
#6 - Como ler informações do banco de dados no edit no laravel 12 - Maykon Silveira
MSFLIX
#6 - Como ler informações do banco...
PHP
Curso de programação php 8 criando uma inteligência artificial de cobranças
#5 - Leitura de informações do banco de dados no laravel 12 - Maykon Silveira
MSFLIX
#5 - Leitura de informações do banco...
PHP
79 - Mudando status com apenas um clique - parte 2 - Painel CMS Laravel - Maykon Silveira
MSFLIX
79 - Mudando status com apenas um...
PHP
#4-Salvando informações do formulário no banco de dados store no laravel 12 - Maykon Silveira
MSFLIX
#4-Salvando informações do formulário no banco de...
PHP
#3 - Criando o controller, rota e view das redes sociais no laravel 12 - Maykon Silveira
MSFLIX
#3 - Criando o controller, rota e...
PHP
2 - Como criar de forma rápida e simples um model e migrate no laravel 12 - Maykon Silveira
MSFLIX
2 - Como criar de forma rápida...
PHP
01 - Baixar e instalar o laravel e php - Criando um painel CMS em Laravel - Maykon Silveira
MSFLIX
01 - Baixar e instalar o laravel...
PHP
Curso de Laravel 12 Episódio 1 Criando Meu Primeiro Projeto - CRUD LARAVEL 12 - Maykon Silveira
MSFLIX
Curso de Laravel 12 Episódio 1 Criando...
PHP
Como criar um jogo da memória passo a passo em Javascript do zero - Curso de JavaScript 2025
MSFLIX
Como criar um jogo da memória passo...
PHP
A Kangu encerrou as atividades. E agora? - O que vai acontecer com as nossas lojas virtuais?
MSFLIX
A Kangu encerrou as atividades. E agora?...
PHP
91 - Como remover todos os itens ligados ao produto ao apagar com um só clique - da série criando um marketplace laravel - Maykon Silveira
MSFLIX
91 - Como remover todos os itens...
PHP
Transformei o marketplace de veículos em 3 projetos diferentes de alto valor no mercado.
MSFLIX
Transformei o marketplace de veículos em 3...
PHP
90 - Adicionado peso, comprimento, largura e altura - da série criando um marketplace laravel - Maykon Silveira
MSFLIX
90 - Adicionado peso, comprimento, largura e...
PHP
89 - Excluindo adicional item dos produtos - da série criando um marketplace laravel - Maykon Silveira
MSFLIX
89 - Excluindo adicional item dos produtos...
PHP
88 - Como atualizar o adicional item do produto - da série criando um marketplace laravel - Maykon Silveira
MSFLIX
88 - Como atualizar o adicional item...
PHP
  Logout