IN-Turismo/index.html at main · jotapedev1/IN-Turismo · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IN Turismo</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="background"></div>

    <div class="container">
        <h1>Bem-vindo ao <span>IN Turismo</span></h1>
        <img src="imagens/logoClean.png" alt="Logo IN Turismo" class="logo">
        <p class="slogan">De capital em capital, viva o Nordeste!</p>
    </div>

    <hr>
    <div id="sobre" class="sobre">
        <h2 class="tituloSobre">Nossa história</h2>
        <p class="texto">Em 2022, sete amigos visionários, com diferentes experiências no setor de turismo, decidiram unir forças para criar uma empresa inovadora de turismo. Cada um trazia uma habilidade única: de gestão e marketing a conhecimento profundo sobre destinos turísticos e sustentabilidade. No entanto, o processo de estruturar o negócio e superar as dificuldades logísticas levou mais tempo. Entre ajustes no modelo de negócios e a adaptação às novas demandas do mercado, foi apenas em 2024 que a empresa finalmente entrou em operação. Hoje, com um portfólio diversificado de pacotes turísticos e uma abordagem focada na experiência personalizada, a empresa está prosperando, conquistando clientes e consolidando sua posição no mercado com a empresa Internordeste.</p>
    </div>
    <div class="imagens">
        <div class="box">Explore o Brasil com conforto e economia em nossos pacotes de viagem de ônibus.
            <img src="imagens/onibus1.png" class="fade-in-on-scroll">
        </div>
        <div class="box">Descubra destinos incríveis com segurança e praticidade em cada rota.
            <img src="imagens/onibus2.jpg" class="fade-in-on-scroll">
        </div>
        <div class="box">Viagens inesquecíveis de ônibus, planejadas para você aproveitar ao máximo!
            <img src="imagens/onibus3.webp" class="fade-in-on-scroll">
        </div>
    </div>

    <br>
    <hr>

    <div class="inicio">
        <h2>Comece sua jornada!</h2>
        <a href="home.html"><button>Iniciar</button></a>
    </div>

    <script src="js/scroll-animation.js"></script>
</body>

</html>