sergey_v/iqon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: switch iqon live design

Browse Source
This commit is contained in:
Sergei Vasilev
2026-05-20 18:43:18 +03:00
parent b5144a501b
commit 23bd3925df
5 changed files with 673 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+28 -22
View File
@@ -8,26 +8,27 @@
name="description"
content="IQON helps organizations align technology decisions with measurable business outcomes through strategy, architecture, and transformation consulting."
/>
<meta name="theme-color" content="#09090b" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@300;400;600;700;800&display=swap"
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./styles.css?v=20260520-qa7" />
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="topbar">
<a class="brand" href="/">
<header class="topbar" id="topbar">
<a class="brand" href="#">
<svg class="brand-mark" viewBox="0 0 44 44" aria-hidden="true">
<circle cx="22" cy="22" r="21" fill="#0A0A0A" stroke="#0A0A0A" stroke-width="1"></circle>
<circle cx="22" cy="22" r="21" fill="#09090b" stroke="#09090b" stroke-width="1"></circle>
<circle cx="22" cy="22" r="20" stroke="#FFD000" stroke-width="1.5" fill="none"></circle>
<ellipse cx="22" cy="22" rx="13" ry="12" fill="#FFD000"></ellipse>
<ellipse cx="22" cy="22" rx="13" ry="12" fill="url(#eyeGlow)"></ellipse>
<path
d="M22 10.5 C19.2 14 18.2 18 18.2 22 C18.2 26 19.2 30 22 33.5 C24.8 30 25.8 26 25.8 22 C25.8 18 24.8 14 22 10.5Z"
fill="#0A0A0A"
fill="#09090b"
></path>
<ellipse
cx="17"
@@ -49,13 +50,12 @@
<span class="brand-name">iqon</span>
</a>
<nav class="main-nav" aria-label="Primary">
<a href="/" aria-current="page">Home</a>
<a href="/services/">Services</a>
<a href="/industries/">Industries</a>
<a href="/case-studies/">Cases</a>
<a href="/contact/">Contact</a>
<a href="#approach">How's Business?</a>
<a href="#services">Services & Solutions</a>
<a href="#cases">Case Studies</a>
<a href="#contacts">Contacts</a>
</nav>
<a class="nav-cta" href="/contact/">Book Discovery Call</a>
<a class="nav-cta" href="#contacts">Book Discovery Call</a>
</header>
<main id="main">
@@ -68,8 +68,11 @@
predictable outcomes for leadership teams.
</p>
<div class="hero-actions">
<a class="btn btn-solid" href="/contact/">Start a conversation</a>
<a class="btn btn-outline" href="/services/">Explore services</a>
<a class="btn btn-solid" href="#contacts">
<span>Start a conversation</span>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
<a class="btn btn-outline" href="#services">Explore services</a>
</div>
</div>
<div class="hero-cloud reveal">
@@ -84,29 +87,29 @@
<section class="service-strip" id="services">
<article class="service-tile reveal">
<span class="service-num">01</span>
<h2>Enterprise Management & Decision Support</h2>
<p>Executive visibility, governance rhythm, and strategic decision intelligence.</p>
<a href="/services/data-analytics/">Explore data and decision support</a>
</article>
<article class="service-tile reveal">
<span class="service-num">02</span>
<h2>Industry Specific Services</h2>
<p>Domain-led delivery models for regulated and high-complexity sectors.</p>
<a href="/industries/">View industry experience</a>
</article>
<article class="service-tile reveal">
<span class="service-num">03</span>
<h2>IS Advisory Services</h2>
<p>Architecture guidance that links platform choices to growth goals.</p>
<a href="/services/strategy-governance/">Explore advisory services</a>
</article>
<article class="service-tile reveal">
<span class="service-num">04</span>
<h2>IT Infrastructure Services</h2>
<p>Resilient, right-sized infrastructure with cost and risk under control.</p>
<a href="/services/infrastructure-cloud/">Explore infrastructure services</a>
</article>
<article class="service-tile reveal">
<span class="service-num">05</span>
<h2>Mobility Consulting Services</h2>
<p>Modern digital experiences and field-ready operating models.</p>
<a href="/services/enterprise-architecture/">Explore transformation services</a>
</article>
</section>
@@ -176,7 +179,10 @@
<section class="cta-band">
<h3>Need clarity on your next IT move?</h3>
<p>We can turn ambiguity into a practical roadmap in a two-week advisory sprint.</p>
<a class="btn btn-dark" href="/contact/">Talk to IQON</a>
<a class="btn btn-solid" href="#contacts">
<span>Talk to IQON</span>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
</a>
</section>
</main>
@@ -207,11 +213,11 @@
</section>
</div>
<div class="footer-bottom">
<p><a href="/">Home</a> | <a href="/services/">Services</a> | <a href="/case-studies/">Cases</a> | <a href="/contact/">Contact</a></p>
<p>Home | Services & Solutions | Case Studies | Contacts</p>
<p>2011-2026 Copyright IQON. All Rights Reserved.</p>
</div>
</footer>
<script src="./script.js?v=20260520-qa7"></script>
<script src="./script.js"></script>
</body>
</html>