e-script-website/sobre.html at main · Peridan1/e-script-website · 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
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>E&lt;/&gt;script - Sobre a Empresa</title>
  <!-- Bootstrap e estilo externo -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <!-- Navegação -->
  <header class="fixed-top">
    <nav class="navbar navbar-expand-lg navbar-light container">
      <a class="navbar-brand" href="index.html">
        <img class="logo" src="img/logo.png" alt="Logo E&lt;/&gt;script">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">Início</a></li>
          <li class="nav-item"><a class="nav-link" href="sobre.html">Sobre</a></li>
          <li class="nav-item"><a class="nav-link" href="equipe.html">Equipe</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#contato">Contato</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <!-- Seção de Sobre a Empresa -->
  <div class="container my-5 pt-5">
    <h2 class="text-center mb-4">Sobre a E&lt;/&gt;script</h2>
    <p class="text-center mb-5">Somos uma empresa inovadora que visa trazer soluções digitais seguras para o mercado,
      com foco na proteção de dados e processos empresariais.</p>

    <h3 class="section-title">Missão</h3>
    <p>Prover soluções tecnológicas para otimizar a segurança de dados e processos empresariais, garantindo integridade,
      confidencialidade e disponibilidade.</p>

    <h3 class="section-title">Visão</h3>
    <p>Ser a líder em segurança digital para pequenas e médias empresas, transformando a forma como as empresas
      gerenciam a proteção de seus dados.</p>

    <h3 class="section-title">Valores</h3>
    <ul>
      <li><strong>Segurança:</strong> Compromisso com a proteção dos dados e a confidencialidade das informações.</li>
      <li><strong>Inovação:</strong> Buscar constantemente novas soluções tecnológicas para um mercado em constante
        evolução.</li>
      <li><strong>Confiança:</strong> Construir uma relação sólida com nossos clientes, oferecendo transparência e
        qualidade em nossos serviços.</li>
    </ul>

    <div class="text-center mt-5">
      <a href="index.html#contato" class="btn cta-button">Entre em Contato</a>
    </div>
  </div>

  <!-- Rodapé -->
  <footer class="text-center margin text-white" style="background-color: #515253">
    <div class="container">
      <section class="mt-0">
        <div class="row text-center d-flex justify-content-center pt-5">
          <div class="col-md-3">
            <h6 class="text-uppercase font-weight-bold">
              <a href="sobre.html" class="text-white">Sobre</a>
            </h6>
          </div>
          <div class="col-md-3">
            <h6 class="text-uppercase font-weight-bold">
              <a href="index.html#servicos" class="text-white">Serviços</a>
            </h6>
          </div>
          <div class="col-md-3">
            <h6 class="text-uppercase font-weight-bold">
              <a href="equipe.html" class="text-white">Equipe</a>
            </h6>
          </div>
          <div class="col-md-3">
            <h6 class="text-uppercase font-weight-bold">
              <a href="index.html#contato" class="text-white">Contato</a>
            </h6>
          </div>
        </div>
      </section>
      <hr class="my-5" />
      <div class="container my-5">
        <h2 class="text-center mb-4">Contato</h2>
        <div class="row">
          <div class="col-md-6 mb-4">
            <h5>Informações de Contato</h5>
            <ul class="list-unstyled">
              <li><i class="fas fa-envelope"></i> <strong>Email:</strong> escript@gmail.com</li>
              <li><i class="fas fa-phone"></i> <strong>Telefone:</strong> (99) 9999-9999</li>
              <li><i class="fas fa-map-marker-alt"></i> <strong>Localização:</strong> Rua Numero, Bairro, CEP numero,
                Cidade - Estado</li>
            </ul>
          </div>
          <div class="col-md-6 mb-4">
            <h5>Redes Sociais</h5>
            <a href="https://api.whatsapp.com/send?phone=5599999999999" class="btn btn-success me-2" target="_blank">
              <i class="fab fa-whatsapp"></i> Inscreva-se pelo WhatsApp
            </a>
          </div>
        </div>
      </div>
    </div>
    <p>&copy; 2024 E&lt;/&gt;script - Todos os direitos reservados.</p>
  </footer>

  <!-- Botão Voltar ao Topo -->
  <a href="#" class="btn btn-primary position-fixed bottom-0 end-0 m-4 rounded-circle shadow" id="btn-voltar-topo"
    title="Voltar ao topo" style="display: none; z-index: 1000;">
    ↑
  </a>

  <script>
    const btnTopo = document.getElementById('btn-voltar-topo');
    window.onscroll = () => {
      btnTopo.style.display = document.documentElement.scrollTop > 300 ? 'block' : 'none';
    };
  </script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>