-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
148 lines (134 loc) · 6.96 KB
/
Copy pathabout.html
File metadata and controls
148 lines (134 loc) · 6.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | 20squares</title>
<meta name="description"
content="20squares is a team of highly educated experts in economics, mathematics, and computer science, dedicated to the rigorous engineering of distributed systems.">
<!-- Fonts -->
<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=IBM+Plex+Mono:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap"
rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Styles -->
<link rel="stylesheet" href="style.css">
<!-- Favicon -->
<link rel="icon" href="img/logowhite.svg">
</head>
<body>
<header>
<div class="container">
<nav>
<a href="index.html" class="logo">
<img src="img/logowhite.svg" alt="20squares Logo" style="height: 32px; width: auto; opacity: 0.9;">
</a>
<div class="mobile-menu-btn">
<i class="fas fa-bars"></i>
</div>
<div class="nav-links">
<a href="crypto.html">Crypto</a>
<a href="systems.html">Systems</a>
<a href="ventures.html">Ventures</a>
<a href="about.html" class="active">About</a>
</div>
</nav>
</div>
</header>
<main>
<section class="hero" style="min-height: 60vh;">
<div class="container fade-in">
<span class="hero-label">The Firm</span>
<h1>Engineering <span style="color: var(--text-muted);">Excellence</span></h1>
<p>We are a team of engineers, mathematicians, and economists dedicated to optimizing complex systems.
We combine deep knowledge with rigorous industry experience across Crypto, Fintech, Energy,
and Gaming.</p>
</div>
</section>
<section>
<div class="container">
<div class="grid-2">
<div class="fade-in">
<h2>Our Philosophy</h2>
<p class="text-justify">We believe that high-stakes systems—whether a BESS plant, an airline
pricing engine, or a DeFi protocol—require more than just code; they require a fundamental
understanding of incentives and dynamics. We approach every project with an engineering
mindset, prioritizing robustness, correctness, and efficiency.</p>
</div>
<div class="fade-in">
<h2>Our History</h2>
<p class="text-justify">20squares started as a specialized research group initially focused on the Ethereum blockchain. Since then we have evolved
into a full-stack engineering firm. Theoretical designs are only valuable
if they can be securely implemented in production. Today, we can handle the entire lifecycle of
a project.</p>
</div>
</div>
</div>
</section>
<section style="background: rgba(20, 20, 20, 0.3);">
<div class="container">
<div class="fade-in mb-small" style="text-align: center;">
<span class="hero-label">Core Values</span>
<h2 style="border-bottom: none; margin-top: 10px;">Operational Principles</h2>
</div>
<div class="grid-3">
<div class="card fade-in" style="text-align: center;">
<i class="fas fa-code-branch card-icon"></i>
<h3>Production First</h3>
<p class="mono">We write code that ships. Our primary focus is on delivering secure, optimized,
and maintainable software for real-world use.</p>
</div>
<div class="card fade-in" style="text-align: center;">
<i class="fas fa-shield-alt card-icon"></i>
<h3>Security Mindset</h3>
<p class="mono">We assume adversarial conditions by default. Every line of code and every
economic parameter is stress-tested against potential attacks.</p>
</div>
<div class="card fade-in" style="text-align: center;">
<i class="fas fa-layer-group card-icon"></i>
<h3>Full Stack</h3>
<p class="mono">We own the stack. From smart contracts and backend infrastructure to frontend
interfaces and data analytics.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-grid">
<div>
<img src="img/logowhite.svg" alt="20squares"
style="height: 24px; margin-bottom: 20px; opacity: 0.5;">
<p style="font-size: 0.8rem; max-width: 300px;">Mannheim, Germany<br>DE362667647</p>
</div>
<div class="footer-links">
<h4 style="font-size: 1rem; margin-bottom: 1rem; color: var(--text-main);">Contact</h4>
<ul>
<li><a href="mailto:info@20squares.xyz">info@20squares.xyz</a></li>
<li><a href="mailto:info@20squares.com">info@20squares.com</a></li>
<li><span style="color: var(--text-muted);">name@20squares.xyz</span> <span
style="color: var(--text-muted); font-size: 0.8em;">(Team)</span></li>
</ul>
</div>
<div class="footer-links">
<h4 style="font-size: 1rem; margin-bottom: 1rem; color: var(--text-main);">Connect</h4>
<ul>
<li><a href="https://www.linkedin.com/company/20squares" target="_blank">LinkedIn</a></li>
<li><a href="https://blog.20squares.xyz" target="_blank">Blog</a></li>
</ul>
</div>
</div>
<div
style="margin-top: 60px; padding-top: 20px; border-top: 1px solid var(--card-border); display: flex; justify-content: space-between; font-size: 0.75rem;">
<span>© 2025 20squares UG.</span>
<a href="impressum.html">Impressum</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>