reconstrucao-site/index.html at main · phellowpy/reconstrucao-site · 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
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

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Burger King・Home</title>
    <link rel="stylesheet" href="all.css">
    <link rel="icon" type="imagem/png" class="imagem__sem-fundo" href="https://i.pinimg.com/originals/88/0d/4f/880d4f0de6c0af5b28d41ca6db2fc4ef.png"/>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
    <style>

        main {
            padding: 20px;
        }

        section {
            margin-bottom: 20px;
        }

        .menu-item {
            border-bottom: 1px solid #CCC;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        footer {
            background-color: #FFA500;
            padding: 10px;
            color: #FFF;
            text-align: center;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        #map {
            height: 400px;
            width: 100%;
        }
        h2, h3, p {
            font-size: 20px;
        }
    </style>
</head>
<body>
            <!-- tag de áudio para o som ao passar o mouse -->
        <audio id="somBurguer" src="chezburguer.mp3"></audio>

    <header>
        <div class="logo">
            <img src="https://i.pinimg.com/originals/88/0d/4f/880d4f0de6c0af5b28d41ca6db2fc4ef.png" alt="Burger King Logo">
        </div>
        <nav>
            <ul>
                <li><a onmouseover="playSound('somBurguer')" href="index.html"><ion-icon name="home-outline"></ion-icon>&nbsp;Home</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="sobre.html"><ion-icon name="alert-circle-outline"></ion-icon>&nbsp;Sobre</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="blog.html"><ion-icon name="bulb-outline"></ion-icon>&nbsp;Blog</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="noticias.html"><ion-icon name="megaphone-outline"></ion-icon>&nbsp;Noticias</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="carreira.html"><ion-icon name="briefcase-outline"></ion-icon>&nbsp;Carreira</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="midia.html"><ion-icon name="camera-outline"></ion-icon>&nbsp;Midias</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="galeria.html"><ion-icon name="images-outline"></ion-icon>&nbsp;Galeria</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="programa-fidelidade.html"><ion-icon name="cash-outline"></ion-icon>&nbsp;Programa Fidelidade</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="perguntas.html"><ion-icon name="extension-puzzle-outline"></ion-icon>&nbsp;Perguntas</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="contato.html"><ion-icon name="bar-chart-outline"></ion-icon>&nbsp;Feedback</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="contato.html"><ion-icon name="call-outline"></ion-icon>&nbsp;contato</a></li>
                <li><a onmouseover="playSound('somBurguer')" href="login.html"><ion-icon name="person-circle-outline"></ion-icon>&nbsp;Login</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <center><div>
            <h2 style="color:red; font-size: 50px;">Ofertas Especiais</h2>
            <div class="offer">
                <h3 style="color:red">Combo Whopper</h3>
                <img src="https://static.ifood-static.com.br/image/upload/t_high/pratos/6e73dce2-a17f-4aef-9035-1409cea198fe/202210041444_5868_i.jpg">
                <p style="color:orange">Aproveite o delicioso Whopper acompanhado de batatas fritas e refrigerante por apenas R$ 19,90.</p>
            </div>
            <div class="offer">
                <h3 style="color:red">Chicken Royale</h3>
                <img src="https://www.hungryjacks.com.au/Upload/HJ/Media/UNO/HJ16B0-1.PNG">
                <p style="color:orange">Experimente o saboroso Chicken Royale por apenas R$ 15,90. Não perca!</p>
            </div>
            <div class="offer">
                <h3 style="color:red">Double Cheeseburger</h3>
                <img src="https://uploads.metropoles.com/wp-content/uploads/2019/11/29165601/bobs.jpg">
                <p style="color:orange">Leve dois Double Cheeseburgers por apenas R$ 12,90. Imperdível!</p>
            </div>
        </section></div></center>

        <center><div><section>
            <h2 style="color:rgb(0, 110, 255)">Menu</h2>
            <div class="menu-item">
                <h3 style="color:red">Whopper</h3>
                <p style="color:orange">Hambúrguer de carne grelhada, queijo, alface, tomate, cebola e maionese.</p>
                <p style="color:rgb(0, 110, 255)">Preço: R$ 15,00</p>
            </div>
            <div class="menu-item">
                <h3 style="color:red">Big King</h3>
                <p style="color:orange">Dois hambúrgueres de carne, queijo, alface, cebola, picles e molho Big King.</p>
                <p style="color:rgb(0, 110, 255)">Preço: R$ 17,00</p>
            </div>
            <div class="menu-item">
                <h3 style="color:red">Chicken Sandwich</h3>
                <p style="color:orange">Filé de frango grelhado, alface, tomate e maionese.</p>
                <p style="color:rgb(0, 110, 255)">Preço: R$ 12,00</p>
                <h1 style="color:red">veja nosso novo hamburguer</h1>
                <a style="color:rgb(0, 110, 255)" href="https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D18YyP9-YmDc&psig=AOvVaw1Zqz85_LjnO_QbWAnfALjn&ust=1713060694462000&source=images&cd=vfe&opi=89978449&ved=0CBIQjRxqFwoTCIDLzsSPvoUDFQAAAAAdAAAAABAE" target="_blank">Assistir ao vídeo</a>
                <h1 style="color:red">localização</h1>
                <img src="https://pyxis.nymag.com/v1/imgs/7b4/023/f1cf27d870af3926fb48683b273711ad04-17-google-maps-fast-food.rsocial.w900.jpg">
            </div>
        </section></div></center>
    </main>
    <br><br>
    <footer>
    <p>&copy; 2024 Burger King. Todos os direitos reservados.</p>
    </footer>
</body>
</html>