2html1Bjk2025/index.html at main · Procoelho10/2html1Bjk2025 · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet">
    <title>Em busca de um carro</title>
</head>

<body>
    <main>
        <div class="passo ativo" id="passo-0">
            <img src="pasta/carros1.PNG" alt="">
            <p>Dez carros básicos que você pode comprar sem medo de ser feliz:
                Versões de entrada também podem ter bom conteúdo e se tornarem uma compra interessante </p>
            <button class="btn-proximo" data-proximo="1">Chevrolet Onix </button>
            <button class="btn-proximo" data-proximo="2">Citroën C4 Cactus </button>
            <button class="btn-proximo" data-proximo="3">Ford EcoSport SE </button>
            <button class="btn-proximo" data-proximo="4">Honda Civic LX </button>
        </div>
        <div class="passo" id="passo-1" style="background-color: rgb(236, 13, 13);">
            <img src="pasta/onix1.PNG" alt="" style="width:700px;height:400px;">
            <p>Principais equipamentos de série: airbags laterais e de cortina; controles de estabilidade e tração;
                assistente de partida em rampa; rodas de aço aro 15” com calotas; chave canivete; computador
                de bordo; controlador de velocidade; rádio AM/FM/Bluetooth/MP3/WMA e entradas USB dianteira e para o
                banco traseiro. </p>
            <button class="btn-proximo" data-proximo="5">Conheça a S10</button>
            <button class="btn-proximo" data-proximo="8">Pode sair!</button>
        </div>
        <div class="passo" id="passo-2" style="background-color: rgb(91, 92, 92);">
            <img src="pasta/citroen1.PNG" alt="" style="width:700px;height:400px;">
            <p>Principais equipamentos de série: Isofix; cintos de segurança de três pontos e apoios de cabeça para
                todos os ocupantes; luzes de rodagem diurna em LED; volante multifuncional; painel digital; computador
                de bordo; sistema de som com tela tátil de 7 polegadas, AM/FM, CD player, Bluetooth e USB; banco do
                motorista com regulagem de altura; rodas de aço de 16 polegadas com calotas; barras de teto
                longitudinais.</p>
            <button class="btn-proximo" data-proximo="8">Pode sair!</button>
        </div>
        <div class="passo" id="passo-3" style="background-color: rgb(68, 59, 197);">
            <img src="pasta/ecosport1.PNG" alt="" style="width:700px;height:400px;">
            <p>Principais equipamentos de série: controles de estabilidade e tração; Isofix; chamada de assistência de
                emergência; cintos de segurança de três pontos e apoios de cabeça para todos os ocupantes; volante
                multifuncional; computador de bordo; sistema multimídia SYNC com tela tátil de 7 polegadas,
                conectividade com os sistemas Android Auto e Apple CarPlay, rádio AM/FM, Bluetooth e USB; banco do
                motorista com regulagem de altura; rodas de liga leve de 15 polegadas; barras de teto longitudinais.
            </p>
            <button class="btn-proximo" data-proximo="6">Conheça a Ranger</button>
            <button class="btn-proximo" data-proximo="8">Pode sair!</button>
        </div>
        <div class="passo" id="passo-4" style="background-color: rgb(131, 133, 133);">
            <img src="pasta/hondacivic1.PNG" alt="" style="width:700px;height:400px;">
            <p>Principais equipamentos de série: airbags laterais e de cortina; Isofix; controles de estabilidade e
                tração; assistente de partida em rampa; freio de estacionamento eletrônico; cintos de segurança de três
                pontos e apoios de cabeça para todos os ocupantes; câmera de ré; luzes de rodagem diurna; faróis de
                neblina; banco do motorista com ajuste de altura; volante multifuncional; computador de bordo; sistema
                de som com tela de 5 polegadas, rádio AM/FM, Bluetooth, MP3 e entrada USB; controle de cruzeiro; rodas
                de liga leve de 17 polegadas. </p>
            <button class="btn-proximo" data-proximo="8">Pode sair!</button>
        </div>
        <div class="passo" id="passo-5">
            <img src="pasta/s101.PNG" alt="" style="width:700px;height:400px;">
            <p>Produzida no Brasil, a picape Chevrolet S10 chega brutalmente forte e potente, com motor turbo diesel
                mais eficiente de 207 CV, e 52 kgfm de torque. Além disso, ela traz conforto para as suas viagens em
                família e para os diversos percursos no seu dia a dia como detalhes refinados dos acessórios
                personalizáveis exclusivos, passando por itens como a central multimídia MyLink de 11” e o alerta de
                tráfego cruzado traseiro.</p>
            <button class="btn-proximo" data-proximo="9">Veja seu interior</button>
        </div>
        <div class="passo" id="passo-6">
            <img src="pasta/ranger1.PNG" alt="" style="width:700px;height:400px;">
            <p>Motor 2.0 Potência 170cv Ford Pro™ Multimedia Sync 4 com tela de 10 Tração 4x4 com reduzida</p>
            <button class="btn-proximo" data-proximo="10">Veja seu interior</button>
        </div>
        <div class="passo" id="passo-8">
            <img src="pasta/fim1.PNG" alt="imagem voltando para casa e desitindo da aventura">
            <p> Aventura é grande demais isso é apenas o começo você tem varias outras opções.</p>
        </div>

        <div class="passo" id="passo-9">
            <img src="pasta/ints102.PNG" alt="" style="width:700px;height:400px;">
            <p>A S10 evolui em cada detalhe, mantendo sua essência. Conforto, tecnologia e desempenho para quem encara o
                trabalho com seriedade e exige confiança em qualquer terreno. Mais robusta, a S10 está pronta para
                qualquer desafio..</p>
            <button class="btn-proximo" data-proximo="11">Isso é apenas o começo</button>
        </div>

        <div class="passo" id="passo-10">
            <img src="pasta/intranger2.PNG" alt="" style="width:700px;height:400px;">
            <p>Interior totalmente renovado que inaugura uma nova era de sofisticação e tecnologia. O Kit Opcional da
                versão Limited possui o painel Full Digital de 12.4", o mesmo utilizado na F150, totalmente imersiva e
                intuitiva, ela se adapta a cada modo de condução trazendo as informações mais úteis em cada situação.
            </p>
            <button class="btn-proximo" data-proximo="11">Isso é apenas o começo</button>
        </div>

        <div class="passo" id="passo-11">
            <img src="pasta/final1.PNG" alt="" style="width:1000px;height:400px;">
            <p>Ele sabe que não importa o que tem debaixo do capô. O que importa é quem está atrás do volante.</p>

        </div>
    </main>
    <script src="script.js"></script>
</body>

</html>