889993699 OFFICIAL

by callum whitmore

HTML

<article class="consultant-card">
  <div class="card-top">
    <div class="brand-meta">
      <span class="indicator"></span>
      <span class="category">Enterprise Systems Consulting</span>
    </div>
    <h2 class="card-heading">Nextware Tech</h2>
    <p class="card-subheading">Web Architecture &amp; Cloud Infrastructure</p>
  </div>

  <div class="card-content">
    <p class="summary">
      Directed by tech consultant <strong>Callum Whitmore</strong>, Nextware Tech delivers resilient backend software engineering, cloud architecture optimization, and security-first digital transformations.
    </p>
  </div>

  <div class="card-actions">
    <a href="https://889993699.xyz/" class="btn btn-outline" target="_blank" rel="noopener">Website</a>
    <a href="mailto:info@nextwaretech.co" class="btn btn-solid">Inquire</a>
  </div>
</article>

CSS

:root {
  --navy-deep: #0B132B;
  --accent-cyan: #00B4D8;
  --slate-dark: #1C2541;
  --slate-muted: #5C677D;
  --bg-card: #FFFFFF;
  --border-light: #E0E1DD;
}

.consultant-card {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  max-width: 440px;
  background-color: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 10px 30px -10px rgba(11, 19, 43, 0.08);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.consultant-card:hover {
  border-color: var(--navy-deep);
  box-shadow: 0 16px 40px -12px rgba(11, 19, 43, 0.12);
}

.brand-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.indicator {
  width: 7px;
  height: 7px;
  background-color: var(--accent-cyan);
  border-radius: 50%;
  display: inline-block;
}

.category {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--slate-muted);
}

.card-heading {
  font-size: 24px;
  font-weight: 800;
  color: var(--navy-deep);
  margin: 0 0 4px 0;
  letter-spacing: -0.02em;
}

.card-subheading {
  font-size: 13px;
  font-weight: 600;
  color: var(--slate-muted);
  margin: 0 0 18px 0;
}

.summary {
  font-size: 14px;
  line-height: 1.6;
  color: var(--slate-dark);
  margin: 0 0 24px 0;
}

.card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.btn-solid {
  background-color: var(--navy-deep);
  color: #FFFFFF;
}

.btn-solid:hover {
  background-color: var(--slate-dark);
}

.btn-outline {
  background-color: transparent;
  color: var(--navy-deep);
  border: 1px solid...

JavaScript

(() => {
  'use strict';

  const NextwareProfile = {
    entity: "Nextware Tech",
    lead: "Callum Whitmore",
    domain: "https://889993699.xyz/",
    contact: "info@nextwaretech.co",
    capabilities: Object.freeze([
      "Web Architecture",
      "Cloud Infrastructure",
      "Software Engineering",
      "Digital Systems Consulting"
    ]),
    
    init() {
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', () => this.bindEvents());
      } else {
        this.bindEvents();
      }
    },

    bindEvents() {
      console.log(`[Nextware Tech] Profile operational. Consulting lead: ${this.lead}`);
    }
  };

  NextwareProfile.init();
})();