<style>
body {
margin: 0;
font-family: 'Segoe UI', Arial, sans-serif;
background: #f7f7f7;
color: #222;
}
header {
background: linear-gradient(90deg, #1e3799 60%, #4a69bd 100%);
color: #fff;
padding: 60px 0 40px 0;
text-align: center;
}
header h1 {
font-size: 2.8rem;
margin-bottom: 10px;
letter-spacing: 1px;
}
header p {
font-size: 1.3rem;
margin-bottom: 30px;
}
.cta-btn {
background: #f6b93b;
color: #222;
padding: 16px 40px;
border: none;
border-radius: 30px;
font-size: 1.1rem;
font-weight: bold;
cursor: pointer;
transition: background 0.2s;
text-decoration: none;
display: inline-block;
}
.cta-btn:hover {
background: #fa983a;
}
section {
max-width: 900px;
margin: 40px auto;
background: #fff;
border-radius: 18px;
box-shadow: 0 4px 24px rgba(0,0,0,0.07);
padding: 40px 30px;
}
section h2 {
color: #1e3799;
font-size: 2rem;
margin-bottom: 18px;
}
.services {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.service {
flex: 1 1 250px;
background: #f1f2f6;
border-radius: 12px;
padding: 24px 18px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.service h3 {
color: #4a69bd;
margin-bottom: 10px;
}
.testimonials {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
}
.testimonial {
flex: 1 1 300px;
background: #f6b93b;
color: #222;
border-radius: 12px;
padding: 22px 18px;
font-style: italic;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.testimonial strong {
display: block;
margin-top: 12px;
font-style: normal;
color: #1e3799;
}
footer {
text-align: center;
padding: 30px 0 18px 0;
color: #888;
font-size: 1rem;
}
@media (max-width: 700px) {
section, header {
padding-left: 10px;
padding-right: 10px;
}
.services, .testimonials {
flex-direction: column;
gap: 18px;
}
}
</style>
</head>
<body>
<header>
<h1>Eraldo Menezes Serviços</h1>
<p>Soluções profissionais em prestação de serviços para você e sua empresa!</p>
<a href="#contato" class="cta-btn">Solicite um Orçamento</a>
</header>
<section>
<h2>Nossos Serviços</h2>
<div class="services">
<div class="service">
<h3>Consultoria Especializada</h3>
<p>Orientação e suporte para otimizar processos e resultados do seu negócio.</p>
</div>
<div class="service">
<h3>Serviços Administrativos</h3>
<p>Gestão de documentos, organização e apoio administrativo para empresas de todos os portes.</p>
</div>
<div class="service">
<h3>Atendimento Personalizado</h3>
<p>Foco total nas necessidades do cliente, com soluções sob medida.</p>
</div>
</div>
</section>
<section>
<h2>Depoimentos de Clientes</h2>
<div class="testimonials">
<div class="testimonial">
"A equipe da Eraldo Menezes Serviços foi fundamental para o crescimento da minha empresa. Recomendo!"
<strong>— Fernanda Silva</strong>
</div>
<div class="testimonial">
"Profissionalismo, agilidade e atenção em cada detalhe. Excelente experiência!"
<strong>— João Pereira</strong>
</div>
<div class="testimonial">
"Serviço de alta qualidade e atendimento diferenciado. Voltarei a contratar!"
<strong>— Maria Oliveira</strong>
</div>
</div>
</section>
<section id="contato">
<h2>Solicite seu orçamento</h2>
<form style="max-width:400px;margin:auto;display:flex;flex-direction:column;gap:14px;">
<input type="text" placeholder="Seu nome" required style="padding:12px;border-radius:8px;border:1px solid #ccc;">
<input type="email" placeholder="Seu e-mail" required style="padding:12px;border-radius:8px;border:1px solid #ccc;">
<textarea placeholder="Como podemos ajudar você?" required style="padding:12px;border-radius:8px;border:1px solid #ccc;min-height:80px;"></textarea>
<button type="submit" class="cta-btn" style="width:100%;">Enviar</button>
</form>
</section>
<footer>
© 2024 Eraldo Menezes Serviços. Todos os direitos reservados.
</footer>
</body>
</html> </div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script src="https://sandrorusten.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.1.1" id="hello-theme-frontend-js"></script>
<script src="https://sandrorusten.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.25.10" id="elementor-webpack-runtime-js"></script>
<script src="https://sandrorusten.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.25.10" id="elementor-frontend-modules-js"></script>
<script src="https://sandrorusten.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselWrapperAriaLabel":"Carrossel | Rolagem horizontal: Setas para esquerda e direita","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.25.10","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_optimized_control_loading":true,"e_onboarding":true,"e_css_smooth_scroll":true,"hello-theme-header-footer":true,"home_screen":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"link-in-bio":true,"floating-buttons":true,"launchpad-checklist":true},"urls":{"assets":"https:\/\/sandrorusten.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/sandrorusten.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/sandrorusten.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"0d66a2a109"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":25,"title":"","excerpt":"","featuredImage":false}};
</script>
<script src="https://sandrorusten.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.25.10" id="elementor-frontend-js"></script>
</body>
</html>