-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (151 loc) · 8.57 KB
/
index.html
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Empresa de terceirização de serviços - RD Facilities">
<title>RD Facilities</title>
<link rel="shortcut icon" type="imagex/png" href="imgs/Logo.png">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Font Awesome -->
</head>
<body>
<!-- Header -->
<header>
<nav>
<div class="logo">
<a href="#home"><img src="imgs/Logo.png" alt="Logo RD Facilities"></a>
<a class="Logos" href="#home"><span>Facilities</span></a>
</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#services">Serviços</a></li>
<li><a href="#about">Sobre</a></li>
<li><a href="#work-button" id="work-button">Trabalhe conosco</a></li>
<li><a href="#contact-button" id="contact-button">Contato</a></li>
</ul>
<div class="menu-icon">
<i class="fas fa-bars"></i>
</div>
</nav>
</header>
<!-- Home Section -->
<section class="home-section" id="home">
<div class="home-container">
<div class="home-text">
<h1>Bem-vindo à RD Facilities</h1>
<p>Soluções completas em terceirização de serviços para sua empresa.</p>
</div>
</div>
</section>
<!-- Seção Serviços -->
<section id="services" class="services-section">
<h2>Nossos Serviços</h2>
<div class="services-list">
<div class="service-item">
<img src="imgs/Imagem3Quad.jpeg" alt="Serviço de Jardinagem">
<h3>Jardinagem</h3>
<p>A RD Facilities oferece serviços completos de Jardinagem, com profissionais experientes e equipamentos de alta qualidade. Garantimos eficiência, segurança e controle em todas as etapas. Solicite seu orçamento e fale com nossos especialistas!</p>
</div>
<div class="service-item">
<img src="imgs/Imagem5.jpeg" alt="Serviço de Portaria">
<h3>Portaria</h3>
<p>A RD Facilities oferece serviços de portaria com profissionais treinados para garantir a segurança e o controle de acesso do seu estabelecimento. Nossa equipe atua com seriedade, eficiência e atenção aos detalhes, proporcionando tranquilidade e suporte diário. Entre em contato para um orçamento e conheça nossos diferenciais!</p>
</div>
<div class="service-item">
<img src="imgs/Imagem1.jpeg" alt="Serviço de Limpeza">
<h3>Limpeza</h3>
<p>A RD Facilities oferece serviços de limpeza eficientes e profissionais, garantindo ambientes limpos e bem cuidados. Nossa equipe é capacitada para atender diferentes tipos de espaços, sempre com atenção aos detalhes e compromisso com a qualidade. Solicite um orçamento e mantenha seu ambiente impecável com a RD Facilities!</p>
</div>
<div class="service-item">
<img src="imgs/Imagem6.jpeg" alt="Serviço de Recepção">
<h3>Recepção</h3>
<p>A RD Facilities oferece serviços de recepção com profissionais treinados para garantir atendimento cordial e eficiente. Nossa equipe está preparada para representar sua empresa com profissionalismo e simpatia, proporcionando uma excelente experiência para seus visitantes. Peça um orçamento e descubra como podemos aprimorar a recepção do seu negócio!</p>
</div>
</div>
</section>
<!-- Seção Sobre -->
<section id="about" class="about-section">
<h2>Sobre Nós</h2>
<div class="about-content">
<div class="vision">
<h3>Visão</h3>
<p>Ser a referência em soluções integradas de facilities, reconhecida pela inovação, eficiência e compromisso com a excelência no atendimento ao cliente.</p>
</div>
<div class="mission">
<h3>Missão</h3>
<p>Fornecer soluções integradas e eficientes de facilities que otimizam o ambiente de trabalho e promovem a excelência operacional, garantindo a satisfação e o sucesso dos nossos clientes.</p>
</div>
<div class="values">
<h3>Valores</h3>
<p>Compromisso com a Qualidade: Buscamos a excelência em todos os aspectos dos nossos serviços, garantindo que cada detalhe atenda aos mais altos padrões de qualidade. Inovação Contínua: Estamos sempre à procura de novas tecnologias e métodos para melhorar nossos serviços e oferecer soluções mais eficazes e sustentáveis.</p>
</div>
</div>
</section>
<!-- Rodapé -->
<footer>
<p>© 2024 RD Facilities - Todos os direitos reservados</p>
<div class="social-media">
<a href="https://www.linkedin.com/company/rdfacilities" target="_blank" aria-label="LinkedIn" id="lk"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/rdfacilities" target="_blank" aria-label="Instagram" id="ig"><i class="fab fa-instagram"></i></a>
</div>
</footer>
<!-- Pop-up de Contato -->
<div id="contact-popup" class="popup">
<div class="popup-content">
<span class="close-button">×</span>
<h2>Entre em Contato</h2>
<form id="contact-form" action="https://formsubmit.co/[email protected]" method="POST">
<label for="name">Digite seu nome:</label>
<input type="text" id="name" name="Nome" required>
<label for="email">Digite seu E-mail:</label>
<input type="email" id="email" name="Email" required>
<label for="name">Digite seu telefone:</label>
<input type="text" id="name" name="Telefone" required>
<label for="service">Selecione o serviço desejado:</label>
<select type="text" name="Serviço" id="service">
<option value="nulo"></option>
<option value="Serviço de Jardinagem">Serviço de Jardinagem</option>
<option value="Serviço de Portaria">Serviço de Portaria</option>
<option value="Serviço de Limpeza">Serviço de Limpeza</option>
<option value="Serviço de Recepção">Serviço de Recepção</option>
</select>
<label for="Mensagem">Digite sua mensagem:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Enviar</button>
</form>
</div>
</div>
<!-- Pop-up de Trabalhe conosco -->
<div id="work-popup" class="popup">
<div class="popup-content">
<span class="close-button-work">×</span>
<h2>Faça parte da nossa equipe</h2>
<form id="contact-form" action="https://formsubmit.co/[email protected]" method="POST">
<label for="name">Digite seu nome completo:</label>
<input type="text" id="name" name="Nome" required>
<label for="email">Digite seu E-mail:</label>
<input type="email" id="email" name="Email" required>
<label for="name">Digite seu telefone:</label>
<input type="text" id="name" name="Telefone" required>
<label for="service">Selecione a vaga desejada:</label>
<select type="text" name="Vaga" id="service">
<option value="nulo"></option>
<option value="Jardineiro">Jardineiro</option>
<option value="Porteiro">Porteiro</option>
<option value="Auxiliar de limpeza">Auxiliar de limpeza</option>
<option value="Recepcionista">Recepcionista</option>
</select>
<label for="Mensagem">Link para o currículo:</label>
<textarea id="message" name="Currículo" required></textarea>
<button type="submit">Enviar</button>
</form>
</div>
</div>
<!-- Ícone do WhatsApp -->
<a href="https://wa.me/5511999999999" class="whatsapp-icon" target="_blank" aria-label="WhatsApp">
<i class="fab fa-whatsapp"></i>
</a>
<script src="script.js"></script>
</body>
</html>