Skip to content

Commit 4737340

Browse files
makkesmakkes
committed
Initial draft
1 parent a96ca01 commit 4737340

File tree

7 files changed

+275
-0
lines changed

7 files changed

+275
-0
lines changed

‎images/af_2.jpg‎

63.9 KB
Loading

‎images/coppersoft-logo-circle.png‎

19.6 MB
Loading

‎images/max_s_dark.jpeg‎

54.2 KB
Loading

‎images/tb_2.jpg‎

213 KB
Loading

‎index.html‎

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
1+
<!DOCTYPE html>
2+
<html lang="en" data-bs-theme="dark">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Coppersoft - solid software for critical infrastructure</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Oxanium:wght@200;400;500&display=swap" rel="stylesheet">
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
11+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
12+
<link rel="stylesheet" href="main.css">
13+
</head>
14+
15+
<body>
16+
17+
<nav class="navbar navbar-expand-lg">
18+
<div class="container-fluid">
19+
<a class="navbar-brand" href="index.html">
20+
<img src="images/coppersoft-logo-circle.png" alt="Bootstrap" width="30" height="30">
21+
</a>
22+
</div>
23+
</nav>
24+
25+
<div class="container hero">
26+
<div class="text-center">
27+
<div>
28+
<h1 class="display-2">Solid Software for Critical Infrastructure</h1>
29+
<h2>Coppersoft is the reliable software partner for the energy industry. We use modern technology,
30+
automate all processes, build the most secure software and operate it reliably.</h2>
31+
</div>
32+
<a href="#contact" type="button" class="btn btn-success px-5 py-2 my-5">Let's talk!</a>
33+
</div>
34+
</div>
35+
36+
<div class="py-5 text-center">
37+
<h1>How We Help You</h1>
38+
</div>
39+
40+
<div class="container">
41+
<div class="row info-boxes">
42+
<div class="col-sm-4 box p-3 mb-5">
43+
<h2>Software Engineering</h2>
44+
<p>Software eats the world and it is a crucial part of the highly-interconnected European power grid. We
45+
build software products on top of the ISO MADES and CGMES standards as well as custom-tailored
46+
solutions for our customers to seamlessly integrate their business processes into the heterogeneous
47+
landscape of the European energy market, be it transmission system operators (TSOs), distribution
48+
system operators (DSOs) or energy market participants.</p>
49+
</div>
50+
<div class="col-sm-4 box p-3 mb-5">
51+
<h2>24/7 Operations</h2>
52+
<p>Building software is only half the way to production and many companies struggle operating complex
53+
applications in an efficient and effective way. Our experties lies in building and operating
54+
applications for the European energy market, especially ECCo SP (ECP/EDX) and OPDM Client. We build
55+
software products on top of the MADES and CGMES standards and know how to run them in production for
56+
24/7 availability. Our preferred runtime stack is Linux and Kubernetes but we're also experienced in
57+
Windows and dedicated VMs.</p>
58+
</div>
59+
<div class="col-sm-4 box p-3 mb-5">
60+
<h2>TSO & DSO Processes</h2>
61+
<p>The Coppersoft team has decades of combined experience in European grid IT operations, having been
62+
part of designing today's business processes from the start and being deeply rooted in the European
63+
energy community. On the software side we employ modern technology for both, building applications
64+
and operating them efficiently. This unique combination of business and software expertise lets us
65+
build and operate applications that perfectly integrate into the European energy landscape.</p>
66+
</div>
67+
</div>
68+
</div>
69+
70+
<div class="container py-5 text-center">
71+
<h1>Why Choose Us</h1>
72+
<h2 class="small">The name Coppersoft represents our core skills: software engineering and operations for the
73+
energy sector. Copper symbolizes our tight relationship to the electricity industry and at the same
74+
time stands for our strengths: Among all employed materials copper provides the highest electrical
75+
conductivity and is the preferred choice for transmitting electricity. It is not the cheapest of
76+
materials but delivers the highest quality. Coppersoft is the best choice for our customers and
77+
we deliver the highest quality in the market.</h2>
78+
</div>
79+
80+
<div class="py-5 text-center">
81+
<h1>Our Management</h1>
82+
</div>
83+
84+
<div class="row info-boxes text-center">
85+
<a class="col-sm-4 box" href="https://www.linkedin.com/in/tobiasbergereu/">
86+
<img src="images/tb_2.jpg" alt="CEO Profile"
87+
class="profile-image rounded-circle">
88+
<div class="pt-3"><i class="bi-linkedin"></i></div>
89+
<h3 class="pt-2 profile-name">Tobias Berger</h3>
90+
<p class="profile-title">Managing Director</p>
91+
</a>
92+
<a class="col-sm-4 box" href="https://www.linkedin.com/in/alexander-fournes-4b4b141a0/">
93+
<img src="images/af_2.jpg" alt="CTO Profile"
94+
class="profile-image rounded-circle">
95+
<div class="pt-3"><i class="bi-linkedin"></i></div>
96+
<h3 class="pt-2 profile-name">Alexander Fournes</h3>
97+
<p class="profile-title">Managing Director</p>
98+
</a>
99+
<a class="col-sm-4 box" href="https://www.linkedin.com/in/makkes/">
100+
<img src="images/max_s_dark.jpeg" alt="COO Profile" class="profile-image rounded-circle">
101+
<div class="pt-3"><i class="bi-linkedin"></i></div>
102+
<h3 class="pt-2 profile-name">Max Jonas Werner</h3>
103+
<p class="profile-title">Managing Director</p>
104+
</a>
105+
</div>
106+
107+
<div class="pt-5 pb-2 text-center">
108+
<h1 id="contact">Contact Us</h1>
109+
</div>
110+
111+
<div class="container text-center">
112+
<div>ping@coppersoft.com</div>
113+
<p>+49 228 3040 6375</p>
114+
<p>Coppersoft GmbH<br />
115+
Poppelsdorfer Allee 106<br />
116+
53115 Bonn, Germany</p>
117+
</div>
118+
119+
<div class="container-fluid">
120+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
121+
<p class="col-md-4 mb-0 text-body-secondary">© 2025 Coppersoft GmbH</p>
122+
123+
<ul class="nav col-md-4 list-unstyled d-flex align-items-center justify-content-center">
124+
<li class="ms-3 nav-item"><a href="https://www.linkedin.com/company/coppersoft-dev"><i
125+
class="bi-linkedin"></i></a></li>
126+
<li class="ms-3 nav-item"><a href="https://github.com/coppersoft-dev/"><i
127+
class="nav-item bi-github"></i></a></li>
128+
</ul>
129+
130+
<ul class="nav col-md-4 justify-content-end">
131+
<li class="nav-item"><a href="legalnotice.html" class="nav-link text-body-secondary">Legal Notice</a>
132+
</li>
133+
</ul>
134+
</footer>
135+
</div>
136+
137+
<div class="container-fluid text-center py-4" style="background-color:#a96f00;">
138+
<h1 style="margin:0; color:#2f1f00;">Coppersoft</h1>
139+
</div>
140+
141+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
142+
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
143+
crossorigin="anonymous"></script>
144+
</body>
145+
146+
</html>

‎legalnotice.html‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<!DOCTYPE html>
2+
<html lang="en" data-bs-theme="dark">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Legal Notice - Coppersoft</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Oxanium:wght@200;400;500&display=swap" rel="stylesheet">
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
10+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
11+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
12+
<link rel="stylesheet" href="main.css">
13+
</head>
14+
15+
<body>
16+
17+
<nav class="navbar navbar-expand-lg">
18+
<div class="container-fluid">
19+
<a class="navbar-brand" href="index.html">
20+
<img src="images/coppersoft-logo-circle.png" alt="Bootstrap" width="30" height="30">
21+
</a>
22+
</div>
23+
</nav>
24+
25+
<div class="container">
26+
<h1>Legal Notice</h1>
27+
28+
<p>Information pursuant to Sect. 5 German Telemedia Act (TMG)</p>
29+
30+
<p>
31+
Coppersoft GmbH<br />
32+
Poppelsdorfer Allee 106<br />
33+
53115 Bonn<br />
34+
Germany
35+
</p>
36+
<p>
37+
Phone: +49 228 3040 6375<br />
38+
E-Mail: ping@coppersoft.com<br />
39+
Website: <a href="https://coppersoft.com">https://coppersoft.com</a>
40+
</p>
41+
42+
<p>
43+
Represented by its managing directors (each an authorised sole representative):<br />
44+
Mr. Tobias Berger<br />
45+
Mr. Alexander Fournes<br />
46+
Mr. Max Jonas Werner
47+
</p>
48+
49+
<p>
50+
Court of registration: Bonn, Germany<br />
51+
Registration number: HRB 29324<br />
52+
VAT ID: TBD
53+
</p>
54+
55+
</div>
56+
57+
<div class="container-fluid">
58+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
59+
<p class="col-md-4 mb-0 text-body-secondary">© 2025 Coppersoft GmbH</p>
60+
61+
<ul class="nav col-md-4 list-unstyled d-flex align-items-center justify-content-center">
62+
<li class="ms-3 nav-item"><a href="https://www.linkedin.com/company/coppersoft-dev"><i
63+
class="bi-linkedin"></i></a></li>
64+
<li class="ms-3 nav-item"><a href="https://github.com/coppersoft-dev/"><i
65+
class="nav-item bi-github"></i></a></li>
66+
</ul>
67+
68+
<ul class="nav col-md-4 justify-content-end">
69+
<li class="nav-item"><a href="legalnotice.html" class="nav-link text-body-secondary">Legal Notice</a>
70+
</li>
71+
</ul>
72+
</footer>
73+
</div>
74+
75+
<div class="container-fluid text-center py-4" style="background-color:#a96f00;">
76+
<h1 style="margin:0; color:#2f1f00;">Coppersoft</h1>
77+
</div>
78+
79+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
80+
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
81+
crossorigin="anonymous"></script>
82+
</body>
83+
84+
</html>

‎main.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
body {
2+
background: linear-gradient(135deg, #2f1f00, #1a1200);
3+
}
4+
5+
h1 {
6+
font-family: 'Oxanium', sans-serif;
7+
font-weight: 300;
8+
}
9+
10+
.display-2 {
11+
font-weight: 300;
12+
}
13+
14+
15+
.profile-image {
16+
width: 50%;
17+
}
18+
19+
.info-boxes h1,
20+
.info-boxes h2,
21+
.info-boxes h3 {
22+
color: #a96f00;
23+
}
24+
25+
.info-boxes a {
26+
text-decoration: none;
27+
color: white;
28+
}
29+
30+
a.box:hover {
31+
position: relative;
32+
transform: scale3d(0.95, 0.95, 0.95);
33+
}
34+
35+
footer i {
36+
font-size: 2rem;
37+
}
38+
39+
footer a {
40+
color: white;
41+
}
42+
43+
h2.small {
44+
font-size: 130%;
45+
}

0 commit comments

Comments
 (0)