175 lines
12 KiB
HTML
175 lines
12 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="theme-color" content="#0a0d12">
|
||
<meta name="description" content="EssDeeBee Tech LLC builds reliable software systems, backend platforms, cloud infrastructure, and technology solutions.">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="EssDeeBee Tech LLC — Software Engineering & Technology Solutions">
|
||
<meta property="og:description" content="Reliable software systems, scalable architectures, and cloud infrastructure, engineered with care.">
|
||
<meta property="og:site_name" content="EssDeeBee Tech LLC">
|
||
<meta name="color-scheme" content="dark">
|
||
<title>EssDeeBee Tech LLC — Software Engineering & Technology Solutions</title>
|
||
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%230d141a'/%3E%3Cpath d='M18 18h28v7H26v7h17v7H26v7h20v7H18z' fill='%2383e6c3'/%3E%3C/svg%3E">
|
||
<link rel="stylesheet" href="style.css">
|
||
<script src="script.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">Skip to content</a>
|
||
|
||
<header class="site-header" id="top">
|
||
<div class="header-inner shell">
|
||
<a class="brand" href="#top" aria-label="EssDeeBee Tech LLC home">
|
||
<span class="brand-mark" aria-hidden="true">S<span>.</span></span>
|
||
<span class="brand-name">EssDeeBee <span>Tech LLC</span></span>
|
||
</a>
|
||
|
||
<button class="menu-toggle" type="button" aria-expanded="false" aria-controls="primary-navigation" aria-label="Open navigation">
|
||
<span></span><span></span>
|
||
</button>
|
||
|
||
<nav class="primary-nav" id="primary-navigation" aria-label="Main navigation">
|
||
<a href="#about">About</a>
|
||
<a href="#services">Services</a>
|
||
<a href="#technologies">Technologies</a>
|
||
<a class="nav-contact" href="#contact">Contact <span aria-hidden="true">↗</span></a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main">
|
||
<section class="hero shell" aria-labelledby="hero-title">
|
||
<div class="hero-copy">
|
||
<p class="eyebrow"><span class="status-dot" aria-hidden="true"></span> Software engineering company</p>
|
||
<h1 id="hero-title">Software engineering<br>& technology <span>solutions.</span></h1>
|
||
<p class="hero-summary">EssDeeBee Tech LLC builds reliable, scalable software systems and technology solutions for the challenges behind modern business.</p>
|
||
<div class="hero-actions">
|
||
<a class="button button-primary" href="#contact">Start a conversation <span aria-hidden="true">↗</span></a>
|
||
<a class="text-link" href="#services">Explore services <span aria-hidden="true">↓</span></a>
|
||
</div>
|
||
<div class="hero-meta"><span>ENGINEERED FOR WHAT'S NEXT</span><span class="meta-line" aria-hidden="true"></span><span>SOFTWARE / SYSTEMS</span></div>
|
||
</div>
|
||
|
||
<div class="hero-visual" aria-label="Abstract visualization of connected software systems" role="img">
|
||
<div class="visual-grid" aria-hidden="true"></div>
|
||
<div class="orbit orbit-outer" aria-hidden="true"></div>
|
||
<div class="orbit orbit-inner" aria-hidden="true"></div>
|
||
<svg class="system-lines" viewBox="0 0 540 540" fill="none" aria-hidden="true">
|
||
<path d="M270 270L270 88M270 270L431 177M270 270L431 363M270 270L270 452M270 270L109 363M270 270L109 177" />
|
||
<path class="line-soft" d="M270 88L431 177L431 363L270 452L109 363L109 177L270 88" />
|
||
<circle cx="270" cy="88" r="5"/><circle cx="431" cy="177" r="5"/><circle cx="431" cy="363" r="5"/>
|
||
<circle cx="270" cy="452" r="5"/><circle cx="109" cy="363" r="5"/><circle cx="109" cy="177" r="5"/>
|
||
</svg>
|
||
<div class="core-node"><span class="core-glyph" aria-hidden="true">S</span><span class="core-label">SYSTEM<br>CORE</span></div>
|
||
<div class="node node-top"><span class="node-icon">01</span><span>API LAYER</span><i aria-hidden="true"></i></div>
|
||
<div class="node node-right"><span class="node-icon">02</span><span>DATA SYSTEMS</span><i aria-hidden="true"></i></div>
|
||
<div class="node node-bottom"><span class="node-icon">03</span><span>CLOUD INFRA</span><i aria-hidden="true"></i></div>
|
||
<div class="node node-left"><span class="node-icon">04</span><span>INTEGRATIONS</span><i aria-hidden="true"></i></div>
|
||
<div class="visual-caption"><span class="caption-pulse"></span> SYSTEMS, BUILT TO WORK TOGETHER</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div class="section-rule shell" aria-hidden="true"><span>01</span><span></span><span>ENGINEERING WITH INTENT</span></div>
|
||
|
||
<section class="section about-section shell" id="about" aria-labelledby="about-title">
|
||
<div class="section-heading reveal">
|
||
<p class="eyebrow">About EssDeeBee</p>
|
||
<h2 id="about-title">Thoughtful engineering.<br><span>Solid foundations.</span></h2>
|
||
</div>
|
||
<div class="about-content reveal">
|
||
<p class="about-lead">Good technology should make complex work feel simple.</p>
|
||
<p>EssDeeBee Tech LLC builds the systems that help businesses move forward: carefully engineered software, dependable backend services, scalable architectures, and cloud infrastructure designed around real needs.</p>
|
||
<p>From a focused integration to a broader platform, the work is grounded in modern technology, clear thinking, and an emphasis on long-term reliability.</p>
|
||
<a class="inline-link" href="#contact">Let’s build with purpose <span aria-hidden="true">↗</span></a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section services-section" id="services" aria-labelledby="services-title">
|
||
<div class="shell">
|
||
<div class="section-topline reveal"><p class="eyebrow">What we do</p><span class="section-index">02 — SERVICES</span></div>
|
||
<div class="services-intro reveal">
|
||
<h2 id="services-title">The right systems<br><span>for the work ahead.</span></h2>
|
||
<p>Practical technical expertise, applied where it matters most.</p>
|
||
</div>
|
||
<div class="service-grid">
|
||
<article class="service-card reveal">
|
||
<div class="card-top"><span class="card-number">01</span><span class="service-icon icon-backend" aria-hidden="true"><i></i><i></i><i></i></span></div>
|
||
<h3>Backend Development</h3>
|
||
<p>Robust server-side applications, services, and data layers built for maintainability and consistent performance.</p>
|
||
<span class="card-arrow" aria-hidden="true">↗</span>
|
||
</article>
|
||
<article class="service-card reveal">
|
||
<div class="card-top"><span class="card-number">02</span><span class="service-icon icon-cloud" aria-hidden="true"><i></i><i></i></span></div>
|
||
<h3>Cloud & Infrastructure</h3>
|
||
<p>Thoughtful cloud environments and deployment foundations that support secure, dependable growth.</p>
|
||
<span class="card-arrow" aria-hidden="true">↗</span>
|
||
</article>
|
||
<article class="service-card reveal">
|
||
<div class="card-top"><span class="card-number">03</span><span class="service-icon icon-api" aria-hidden="true"><i></i><i></i><i></i></span></div>
|
||
<h3>API & System Integration</h3>
|
||
<p>Clear, resilient connections between services, platforms, and the data that keeps work moving.</p>
|
||
<span class="card-arrow" aria-hidden="true">↗</span>
|
||
</article>
|
||
<article class="service-card reveal">
|
||
<div class="card-top"><span class="card-number">04</span><span class="service-icon icon-consulting" aria-hidden="true"><i></i><i></i></span></div>
|
||
<h3>Software Consulting</h3>
|
||
<p>Practical guidance on architecture, technology choices, and the next steps for complex software work.</p>
|
||
<span class="card-arrow" aria-hidden="true">↗</span>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section technology-section shell" id="technologies" aria-labelledby="technologies-title">
|
||
<div class="tech-intro reveal">
|
||
<p class="eyebrow">Built with modern tools</p>
|
||
<h2 id="technologies-title">Technology<br><span>with a purpose.</span></h2>
|
||
<p>Choosing the right tools for the right system. A considered technology set supports dependable software from application layer to infrastructure.</p>
|
||
</div>
|
||
<div class="tech-board reveal" aria-label="Technologies: Java, Kotlin, Go, PostgreSQL, Docker, Kubernetes, and AWS">
|
||
<div class="tech-board-head"><span>TECHNOLOGY STACK</span><span class="board-status"><i></i> FLEXIBLE BY DESIGN</span></div>
|
||
<div class="tech-list">
|
||
<div class="tech-item"><span class="tech-symbol symbol-java">J</span><span>Java</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-kotlin">K</span><span>Kotlin</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-go">go</span><span>Go</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-postgres">P</span><span>PostgreSQL</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-docker">D</span><span>Docker</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-kube">K</span><span>Kubernetes</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
<div class="tech-item"><span class="tech-symbol symbol-aws">aws</span><span>AWS</span><span class="tech-arrow" aria-hidden="true">↗</span></div>
|
||
</div>
|
||
<p class="tech-note"><span aria-hidden="true">↳</span> Technology choices are guided by the system’s needs.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact-section" id="contact" aria-labelledby="contact-title">
|
||
<div class="contact-glow" aria-hidden="true"></div>
|
||
<div class="shell contact-content reveal">
|
||
<div>
|
||
<p class="eyebrow">Have a system in mind?</p>
|
||
<h2 id="contact-title">Let’s make it<br><span>work beautifully.</span></h2>
|
||
<p class="contact-description">Tell us what you’re working on. We’re ready to talk through the engineering behind it.</p>
|
||
</div>
|
||
<div class="contact-card" id="contact-details">
|
||
<span class="contact-card-label">START A CONVERSATION</span>
|
||
<a class="contact-placeholder" href="mailto:sergei.dzeboev@essdeebee.com">sergei.dzeboev@essdeebee.com</a>
|
||
<span class="contact-card-note">Reach out to discuss your project or technical needs.</span>
|
||
<span class="contact-card-mark" aria-hidden="true">↗</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="shell footer-inner">
|
||
<a class="brand footer-brand" href="#top" aria-label="EssDeeBee Tech LLC, back to top">
|
||
<span class="brand-mark" aria-hidden="true">S<span>.</span></span>
|
||
<span class="brand-name">EssDeeBee <span>Tech LLC</span></span>
|
||
</a>
|
||
<p>© 2026 EssDeeBee Tech LLC. All rights reserved.</p>
|
||
<a class="back-top" href="#top">Back to top <span aria-hidden="true">↑</span></a>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|