Skip to content

Commit 201e646

Browse files
eckeljeckelj
authored
Eckelj/redesigned
* initial design transition commit * rounded edges for the "Get in Touch" button * removed obsolete backup files * removed obsolete file * rearangement & rm rddl network reference * products module * rearranged some lines * Got ridge of the WEB3 message * security by design * deleted obsolete files * new headline, claim * nav bar always visible * Added social media links to the footer * added essentials to the claim * created tech section * improvements * emojis -> svg : awesome! * changed some tags * replaced some emojies * removed emojies * regulatory compliance * no emojies any longer * some improvents * colorized and fixed some contact form width issues
1 parent ef05c7b commit 201e646

75 files changed

Lines changed: 5686 additions & 11964 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎company/about-us.html‎

Lines changed: 158 additions & 132 deletions
Large diffs are not rendered by default.

‎company/career.html‎

Lines changed: 176 additions & 233 deletions
Large diffs are not rendered by default.

css/webflow.css renamed to company/css/webflow.css

File renamed without changes.

‎company/get-in-touch.html‎

Lines changed: 144 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,145 @@
11
<!DOCTYPE html>
2-
<!-- Last Published: Tue Sep 30 2025 11:15:01 GMT+0000 (Coordinated Universal Time) -->
3-
<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c52" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
4-
<head>
5-
<meta charset="utf-8"/>
6-
<title>Riddle&amp;Code Get in Touch</title>
7-
<link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="x-default" rel="alternate"/>
8-
<link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="en" rel="alternate"/>
9-
<link href="https://www.riddleandcode.com/de/company/get-in-touch" hreflang="de" rel="alternate"/>
10-
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." name="description"/>
11-
<meta content="Riddle&amp;Code Get in Touch" property="og:title"/>
12-
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="og:description"/>
13-
<meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="og:image"/>
14-
<meta content="Riddle&amp;Code Get in Touch" property="twitter:title"/>
15-
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="twitter:description"/>
16-
<meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="twitter:image"/>
17-
<meta content="website" property="og:type"/>
18-
<meta content="summary_large_image" name="twitter:card"/>
19-
<meta content="width=device-width, initial-scale=1" name="viewport"/>
20-
<link href="../css/webflow.css" rel="stylesheet" type="text/css"/>
21-
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22-
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23-
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24-
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25-
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26-
<!-- No referral policy -->
27-
<meta content="no-referrer" name="referrer"/>
28-
<!--Cookie Consent -->
29-
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
30-
<!-- Google Tag Manager -->
31-
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
32-
<!-- End Google Tag Manager -->
33-
</head>
34-
<body>
35-
<div class="wrapper">
36-
<!-- Header loaded dynamically -->
37-
<div id="header-placeholder"></div>
38-
<script src="../scripts/load-header.js"></script>
39-
<script src="../scripts/simple-dropdown.js"></script>
40-
<div class="header-small">
41-
<div class="grid-layout absolut">
42-
<div class="padding header-small">
43-
<div class="header-small-text">
44-
<h1 class="headline">Contact</h1>
45-
<img alt="" class="icon margin-right" loading="lazy" src="../images/6401a2dc28960aefc6df8474_peace-hand_bright.svg"/>
46-
<img alt="" class="icon margin-right" loading="lazy" src="../images/6401a2dc28960aefc6df8474_peace-hand_bright.svg"/>
47-
<img alt="" class="icon margin-right" loading="lazy" src="../images/6401a2dc28960aefc6df8474_peace-hand_bright.svg"/>
48-
</div>
49-
</div>
50-
</div>
51-
<div class="image-contianer absolut">
52-
<img alt="" class="image" loading="lazy" sizes="(max-width: 1920px) 100vw, 1920px" src="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" srcset="../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-500.jpg 500w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-800.jpg 800w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-1080.jpg 1080w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding-p-1600.jpg 1600w, ../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg 1920w"/>
53-
</div>
54-
</div>
55-
<div class="section" data-w-id="05560fa5-952e-f335-cffc-266d08dfb4e7" style="opacity:0">
56-
<div class="grid-layout _40-60">
57-
<div class="padding">
58-
<h2>Get in Touch</h2>
59-
<p>Contact us (office at riddleandcode.com) to find out more about our products, schedule a demo or discuss potential collaboration.</p>
60-
</div>
61-
</div>
62-
<div class="section bright" data-w-id="acb6b036-8584-6309-3242-20f614b4eda8" style="opacity:0">
63-
<div class="grid-layout _40-60">
64-
<div class="grid-spacer" id="w-node-acb6b036-8584-6309-3242-20f614b4edaa-e1c54c52">
65-
<div class="solid green"></div>
66-
</div>
67-
<div class="padding">
68-
<h2>Headquarters</h2>
69-
<p>
70-
<strong>Riddle &amp; Code GmbH</strong>
71-
<br/>
72-
c/o Spaces Icon Central Station
73-
<br/>
74-
Gertrude-Fröhlich-Sandner-Straße 2-4/Tower 9
75-
<br/>
76-
1100 Vienna
77-
<br/>
78-
Austria, Europe</p>
79-
</div>
80-
</div>
81-
</div>
82-
<div class="section bright" data-w-id="c17e5d86-0c15-c26d-74b9-6e1c6e5a539e" style="opacity:0">
83-
<div class="devider">
84-
<img alt="" class="image" loading="lazy" sizes="(max-width: 1280px) 100vw, 1280px" src="../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1.jpg" srcset="../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-500.jpg 500w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-800.jpg 800w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1-p-1080.jpg 1080w, ../images/6411e01bdb0c41dfb77ae25d_r&c_devider_1.jpg 1280w"/>
85-
</div>
86-
</div>
87-
<!-- Footer loaded dynamically -->
88-
<div id="footer-placeholder"></div>
89-
<script src="../scripts/load-footer.js"></script>
90-
</body>
91-
</html>
2+
<html data-wf-domain="www.riddleandcode.com" data-wf-page="651eafbae761a2b4e1c54c52" data-wf-site="63eb258eae57fdd13c41eaff" lang="en">
3+
<head>
4+
<meta charset="utf-8"/>
5+
<title>Riddle&Code Get in Touch</title>
6+
<link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="x-default" rel="alternate"/>
7+
<link href="https://www.riddleandcode.com/company/get-in-touch" hreflang="en" rel="alternate"/>
8+
<link href="https://www.riddleandcode.com/de/company/get-in-touch" hreflang="de" rel="alternate"/>
9+
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." name="description"/>
10+
<meta content="Riddle&Code Get in Touch" property="og:title"/>
11+
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="og:description"/>
12+
<meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="og:image"/>
13+
<meta content="Riddle&Code Get in Touch" property="twitter:title"/>
14+
<meta content="Find out more about our products, schedule a demo or discuss potential collaboration." property="twitter:description"/>
15+
<meta content="../images/64016ca765813c2f96ead2ca_r&c_onboarding.jpg" property="twitter:image"/>
16+
<meta content="website" property="og:type"/>
17+
<meta content="summary_large_image" name="twitter:card"/>
18+
<meta content="width=device-width, initial-scale=1" name="viewport"/>
19+
<link href="../css/webflow.css" rel="stylesheet" type="text/css"/>
20+
<link href="../styles/main.css" rel="stylesheet" type="text/css"/>
21+
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
22+
<link href="../images/641436b897f1d137d2d2845d_fav_icon.png" rel="shortcut icon" type="image/x-icon"/>
23+
<link href="../images/641437162f7f81829faa8c24_webclip.png" rel="apple-touch-icon"/>
24+
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K86LPV2ZGE"></script>
25+
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-K86LPV2ZGE');</script>
26+
<meta content="no-referrer" name="referrer"/>
27+
<script async="" fs-cc-mode="opt-in" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js"></script>
28+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2VR79F');</script>
29+
</head>
30+
<body>
31+
<div class="wrapper">
32+
<div id="nav-placeholder"></div>
33+
<script src="../scripts/load-nav.js"></script>
34+
35+
<section class="hero">
36+
<h1 class="fade-in">
37+
<span class="highlight">Get in Touch</span><br>
38+
Let's Build the Future Together
39+
</h1>
40+
<p class="hero-subtitle fade-in">
41+
Contact us to find out more about our products, schedule a demo, or discuss potential collaboration opportunities. Whether you're looking to integrate infrastructure-for-decentralized-assets technologies or explore hardware security solutions, we're here to help.
42+
</p>
43+
</section>
44+
45+
<section class="section">
46+
<div class="section-header">
47+
<span class="section-tag">CONTACT</span>
48+
<h2 class="section-title">Ways to Reach Us</h2>
49+
</div>
50+
51+
<div class="value-grid">
52+
<div class="value-card">
53+
<h3>General Inquiries</h3>
54+
<p>For general questions about our products and services:</p>
55+
<p><strong>office@riddleandcode.com</strong></p>
56+
</div>
57+
58+
<div class="value-card">
59+
<h3>Product Demos</h3>
60+
<p>Interested in seeing our solutions in action? Schedule a personalized demo with our team.</p>
61+
<p><strong>Contact us to arrange a demo</strong></p>
62+
</div>
63+
64+
<div class="value-card">
65+
<h3>Partnership Opportunities</h3>
66+
<p>Explore collaboration opportunities and strategic partnerships in the energy and blockchain space.</p>
67+
<p><strong>Let's discuss how we can work together</strong></p>
68+
</div>
69+
</div>
70+
</section>
71+
72+
<section class="section">
73+
<div class="section-header">
74+
<span class="section-tag">LOCATION</span>
75+
<h2 class="section-title">Headquarters</h2>
76+
</div>
77+
78+
<div class="tech-stack">
79+
<div style="max-width: 600px; margin: 0 auto; text-align: center;">
80+
<p style="font-size: 1.125rem; line-height: 1.8; color: var(--text-secondary);">
81+
<strong style="color: var(--text-primary);">Riddle & Code GmbH</strong><br/>
82+
c/o Spaces Icon Central Station<br/>
83+
Gertrude-Fröhlich-Sandner-Straße 2-4/Tower 9<br/>
84+
1100 Vienna<br/>
85+
Austria, Europe
86+
</p>
87+
</div>
88+
</div>
89+
</section>
90+
91+
<section class="section">
92+
<div class="section-header">
93+
<span class="section-tag">WHY CONNECT</span>
94+
<h2 class="section-title">What We Can Help With</h2>
95+
</div>
96+
97+
<div class="target-grid">
98+
<div class="target-card">
99+
<h3>Product Information</h3>
100+
<p>Learn more about our hardware security modules, key management systems, and decentralized infrastructure solutions.</p>
101+
</div>
102+
103+
<div class="target-card">
104+
<h3>Technical Support</h3>
105+
<p>Get assistance with implementation, integration, and technical questions about our solutions.</p>
106+
</div>
107+
108+
<div class="target-card">
109+
<h3>Custom Solutions</h3>
110+
<p>Discuss custom development and tailored solutions for your specific industry needs and use cases.</p>
111+
</div>
112+
113+
<div class="target-card">
114+
<h3>Industry Partnerships</h3>
115+
<p>Explore opportunities for collaboration, co-development, and strategic partnerships.</p>
116+
</div>
117+
118+
<div class="target-card">
119+
<h3>Career Opportunities</h3>
120+
<p>Interested in joining our team? Learn about open positions and career opportunities at Riddle&Code.</p>
121+
</div>
122+
123+
<div class="target-card">
124+
<h3>Media & Press</h3>
125+
<p>For media inquiries, press releases, and partnership announcements, connect with our communications team.</p>
126+
</div>
127+
</div>
128+
</section>
129+
130+
<section class="section">
131+
<div class="cta-section">
132+
<h2>Ready to Connect?</h2>
133+
<p>Reach out to us at office@riddleandcode.com or explore our products and company information.</p>
134+
<div class="cta-buttons">
135+
<a href="mailto:office@riddleandcode.com" class="btn btn-primary">Send us an Email</a>
136+
<a href="about-us.html" class="btn btn-secondary">Learn More About Us</a>
137+
</div>
138+
</div>
139+
</section>
140+
141+
<div id="footer-modern-placeholder"></div>
142+
<script src="../scripts/load-footer-modern.js"></script>
143+
</div>
144+
</body>
145+
</html>

0 commit comments

Comments
 (0)