Cafe_Oslo_HMTL_First_Project/index.html at main · luccapedev/Cafe_Oslo_HMTL_First_Project · 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
<!DOCTYPE html>
<html lang="br">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Café Oslo</title>
        <link rel="stylesheet" href="main.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    </head>
    <body>
        <div class="menu">
            <div class="hear">
                <div class="logo">
                    <img src="fotos/Logo.png">
                </div>
                <div class="opc">
                    <div class="opc1">O ESPAÇO</div>
                    <div class="opc1">PRODUTOS</div>
                    <div class="opc1">OFERTAS</div>
                    <div class="opc1">RESERVAS</div>
                    <div class="opc1">CONTATO</div>
                </div>
            </div>
            <div class="text-center cabe">
                <div class="text1">FEITO NA HORA,<br>TODOS OS DIAS</div>
                <div class="linha"></div>
                <div class="text2">Chocolate cake chocolate cake pie candy canes chocolate cake<br>bonbon. I love marzipan liquoric I love cake chupa chups. Pie danish<br>macaroon ice cream. Bonbon sweet bonbon jelly beans<br>jelly-o I love lollipop.</div>
            </div>
        </div>
        <div class="square1">
            <div class="s1t1">VENHA ALMOÇAR<br>AOS DOMINGOS</div>
            <div class="s1t2">Sesame snaps icing chocolate bar. I love donut powder<br>sesame snaps. Jelly-o topping caramels. Sugar plum I<br>love gummi bears</div>
        </div>
        <div class="square2">
            <div class="s2t1">CELEBRE SUAS FESTAS<br>COM A GENTE</div>
            <div class="s2t2">Bonbon sweet bonbon jelly beans jelly-o I love lollipop.<br>Cookie sesame snaps bear claw. Cake drageé danish.<br>Powder I love liquorice macaroon.</div>
        </div>
        <div class="text-center menu2">
            <div class="text3">VENHA TOMAR CAFÉ DA MANHÃ</div>
            <div class="linha linha2"></div>
            <div class="text4">Bonbon topping I love sweet roll I love candy icing chocolate jelly. Pie<br>soufflé sweet. Apple pie bonbon caramels powder.</div>
            <div class="caixa">DESCUBRA NOSSOS PRODUTOS</div>
        </div>
        <div class="menu3">
            <!–- CAIXA 1 -–>
            <div class="caixa2 caixaa">
                <div class="bola">
                    <img src="fotos/Icono1.png" height="225" width="225">
                </div>
                <div class="conteudo">
                    <div class="s3t1">PÃO RECÉM-FEITO</div>
                    <div class="s3t2">
                        Cupcake danish I love halvah bonbon icing donut. Sweet caramels gingerbread bear claw jujubes chocolate cake pudding sesame snaps bonbon. Chocolate cake wafer pudding muffin wafer sweet roll I love chupa chups. Apple pie jujubs ice cream sugar plum topping.
                    </div>
                </div>
            </div>
            <!–- CAIXA 2 -–>
            <div class="caixa2 caixab">
                <div class="bola bola2">
                    <img src="fotos/Icono2.png" height="225" width="225">
                </div>
                <div class="conteudo">
                    <div class="s3t1">TORTAS PARA CADA DIA</div>
                    <div class="s3t2">
                        Cupcake danish I love halvah bonbon icing donut. Sweet caramels gingerbread bear claw jujubes chocolate cake pudding sesame snaps bonbon. Chocolate cake wafer pudding muffin wafer sweet roll I love chupa chups. Apple pie jujubs ice cream sugar plum topping.
                    </div>
                </div>
            </div>
            <!–- CAIXA 3 -–>
            <div class="caixa2 caixac">
                <div class="bola">
                    <img src="fotos/Icono3.png" height="225" width="225">
                </div>
                <div class="conteudo">
                    <div class="s3t1">PROVE NOSSOS DOCES</div>
                    <div class="s3t2">
                        Cupcake danish I love halvah bonbon icing donut. Sweet caramels gingerbread bear claw jujubes chocolate cake pudding sesame snaps bonbon. Chocolate cake wafer pudding muffin wafer sweet roll I love chupa chups. Apple pie jujubs ice cream sugar plum topping.
                    </div>
                </div>
            </div>
            <!–- CAIXA 4 -–>
            <div class="caixa2 caixad">
                <div class="bola bola2">
                    <img src="fotos/Icono4.png" height="225" width="225">
                </div>
                <div class="conteudo">
                    <div class="s3t1">INGREDIENTES ECOLÓGICOS</div>
                    <div class="s3t2">
                        Cupcake danish I love halvah bonbon icing donut. Sweet caramels gingerbread bear claw jujubes chocolate cake pudding sesame snaps bonbon. Chocolate cake wafer pudding muffin wafer sweet roll I love chupa chups. Apple pie jujubs ice cream sugar plum topping.
                    </div>
                </div>
            </div>
        </div>
        <div id="class">
        <div class="square2">
            <div class="s2t1">CONTATE-NOS</div>
            <div class="s2t2">Se quer fazer uma reserva, tem alguma sugestão ou<br>simplesmente quer nos dizer um olá, mande para nós:</div>
            <div class="s2t2 email">cafeoslo@hotmail.com</div>
        </div>
        <div class="square1">
            <div class="s1t1">SABE ONDE<br>ESTAMOS?</div>
            <div class="s1t2">C/Mayor, 15<br>00000 Barcelona</div>
            <div class="s1t2 maps">(Google Maps)</div>
        </div>
        <div class="final">
            <div class="tfinal">Novembro 2022</div>
            <div class="pontinho">•</div>
            <div class="tfinal2">Todos os direitos reservados</div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
    </body>
</html>