Skip to content

Commit

Permalink
Merge remote-tracking branch 'origin/main'
Browse files Browse the repository at this point in the history
  • Loading branch information
JAC - Dirk Lampe committed Jun 9, 2021
2 parents 05c20b7 + e7aeb60 commit e437e4e
Show file tree
Hide file tree
Showing 14 changed files with 578 additions and 17 deletions.
46 changes: 46 additions & 0 deletions src/contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>CJW Network. Gebündelte Kompetenz.</title>
<meta name="description"
content="CJW Network: Beratung, Konzeption, Design, Umsetzung und Betrieb von Webapplikationen und Internetauftritten. Verbunden in einem langjährig bewährten Netzwerk von inhabergeführten Unternehmen bieten wir individuelle Lösungen für Ihre anspruchsvollen Fragestellungen.">
<link href="/css/app.scss" rel="stylesheet">
<script type="module" src="/js/app.js"></script>
</head>
<body>
<main id="main">
<div class="cjwlogo">
<a href="/#main" title="Home"><img src="/img/cjw-bundled.svg" alt="CJW Network. Gebündelte Kompetenz"></a>
</div>
<div class="container">
<section>
<h1>Interessiert an unseren Dienstleistungen?</h1>
<div class="lead">
<p class="text-brand-secondary">Wir freuen uns, mit Ihnen spannende Projekte zum Erfolg zu bringen.</p>
</div>
<p>Nehmen Sie Kontakt mit einem der <a href="/#main">Netzwerkpartner</a> auf oder wenden Sie sich an:</p>
<p>JAC Systeme GmbH<br>
<br>
Geschäftsführer: Dirk Lampe, Felix Woldt<br>
Amtsgericht Stralsund Handelsregister: HRB 4614<br>
Umsatzsteuer ID: DE 22475045<br>
<br>
JAC Systeme GmbH<br>
Seestrasse 4<br>
D-18439 Stralsund<br>
<br>
Telefon: +49 (0)3831-306507<br>
Telefax: +49 (0)3831-306508<br>
<br>
Mail: dirk.lampe[at]jac-systeme.de
</p>
</section>
<footer>
&copy; 2021 <a href="/">CJW Network</a> | <a href="contact.html">Kontakt</a> | <a href="impress.html">Impressum/Datenschutz</a>
</footer>
</div>
</main>
</body>
</html>
25 changes: 25 additions & 0 deletions src/css/_buttons.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@

.btn {
display: inline-block;
padding: 1rem 2rem;
border-radius: $border-radius;

&:hover {
text-decoration: none;
}
}

.btn-primary {
background-color: var(--brand-primary);
color: var(--white);
font-size: 1.5rem;

&:hover {
background-color: darken($brand-primary, 5%);
}

@media screen and (min-width: $lg-min) {
font-size: 2rem;
}

}
2 changes: 1 addition & 1 deletion src/css/_grid.scss
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@
height: 100%;
display: block;
margin: auto;
max-width: 75%;
max-width: 66.6666%;

&.invert {
@media (prefers-color-scheme: dark) {
Expand Down
16 changes: 10 additions & 6 deletions src/css/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,6 @@
body {
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.25;
font-family: NotoSans-Regular, Helvetica, Arial, sans-serif;
color: var(--text-color);
background-color: var(--bg-color);
overflow-x: hidden;
hyphens: auto;
}
Expand All @@ -18,7 +13,7 @@ body {
left: 1rem;
margin-bottom: 3rem;

> img {
img {
height: 5rem;
max-width: 60%;
}
Expand Down Expand Up @@ -49,3 +44,12 @@ main {
margin: 0 auto;
}
}

.cta {
text-align: center;
margin: 4rem auto;
}

footer {
margin: 4rem 0;
}
36 changes: 35 additions & 1 deletion src/css/_typography.scss
Original file line number Diff line number Diff line change
@@ -1,11 +1,45 @@
@import "variables";

body {
font-size: 1rem;
line-height: 1.25;
font-family: NotoSans-Regular, Helvetica, Arial, sans-serif;
color: var(--text-color);
background-color: var(--bg-color);
}

h1 {
font-size: 1.5rem;
color: var(--brand-primary);
@media screen and (min-width: $lg-min) {
font-size: 2rem;
hyphens: none;
}
}

h2 {
font-size: 1.25rem;
color: var(--brand-secondary);
@media screen and (min-width: $lg-min) {
font-size: 1.5rem;
}
}

h3 {
font-size: 1rem;
color: var(--brand-secondary);
@media screen and (min-width: $lg-min) {
font-size: 1.25rem;
}
}

.lead {
@media screen and (min-width: $sm-min) {
font-size: 1.5rem;
}
@media screen and (min-width: $xl-min) {
font-size: 2rem;
font-size: 1.75rem;
hyphens: none;
}
}

Expand Down
2 changes: 2 additions & 0 deletions src/css/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,8 @@
}
}

$brand-primary: #D51130;

// styling
$border-radius: 5px;
$box-shadow: 10px;
Expand Down
3 changes: 2 additions & 1 deletion src/css/app.scss
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
@import "./variables";
@import "./fonts";
@import "./layout";
@import "./typography";
@import "./hero";
@import "./grid";
@import "./typography";
@import "./buttons";
@import "./utility";

134 changes: 134 additions & 0 deletions src/en/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>CJW Network. Bundled competence.</title>
<meta name="description"
content="CJW Network: Beratung, Konzeption, Design, Umsetzung und Betrieb von Webapplikationen und Internetauftritten. Verbunden in einem langjährig bewährten Netzwerk von inhabergeführten Unternehmen bieten wir individuelle Lösungen für Ihre anspruchsvollen Fragestellungen.">
<link href="/css/app.scss" rel="stylesheet">
<script type="module" src="/js/app.js"></script>
</head>
<body>
<header class="hero">
<a class="sr-only skip-link" href="#main">Skip to main</a>
<div class="cjwlogo">
<img src="/img/cjw-bundled-white.svg" alt="CJW Network. Bundled competence">
</div>
<div class="claim">
<div class="quote">
«The whole is more than the sum of its parts.»
</div>
<div class="author">&mdash; Aristoteles</div>
<div class="arrow">
<a href="#main" title="Skip to main">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M19 13l-7 7-7-7m14-8l-7 7-7-7"/>
</svg>
</a>
</div>
</div>
</header>
<main id="main">
<div class="cjwlogo">
<img src="/img/cjw-bundled.svg" alt="CJW Network. Gebündelte Kompetenz">
</div>
<div class="container">
<div class="lead">
<p class="text-brand-primary font-bold">Beratung, Konzeption, Design, Umsetzung und Betrieb von
Webapplikationen und
Internetauftritten</p>
<p class="text-brand-secondary">Verbunden in einem langjährig bewährten Netzwerk von inhabergeführten
Unternehmen bieten wir
individuelle Lösungen für Ihre anspruchsvollen Fragestellungen.</p>
<p class="text-brand-complement">Mit gebündelter Kompetenz zu Ihrem erfolgreichen Projekt.</p>
</div>
<div class="grid">
<div class="cell">
<div class="card">
<div class="logo">
<img class="invert" src="img/logo_coolscreen.jpg" alt="coolscreen">
</div>
<p class="location">
Hamburg
</p>
<div class="offer">
Content Management Beratung, Entwicklung, Projektmanagement
eZ&nbsp;Publish / eZ&nbsp;Platform / Ibexa&nbsp;DXP / SOLR
</div>
<p class="contact">
Ansprechpartner: Ekkehard Dörre
</p>
<p class="link">
<a href="https://www.coolscreen.de/" target="_blank" rel="noopener">www.coolscreen.de</a>
</p>
</div>
</div>
<div class="cell">
<div class="card">
<div class="logo">
<img src="/img/codespin_logo_4c.svg" alt="codespin">
</div>
<p class="location">
Aichach
</p>
<div class="offer">
Software Entwicklung<br>Operations Management<br>Beratung & Projektmanagement
</div>
<p class="contact">
Ansprechpartner: Rupert König
</p>
<p class="link">
<a href="https://www.codespin.io/" target="_blank" rel="noopener">www.codespin.io</a>
</p>
</div>
</div>
<div class="cell">
<div class="card">
<div class="logo">
<img class="invert" src="/img/logo_jacsysteme.svg" alt="JAC Systeme">
</div>
<p class="location">
Stralsund
</p>
<div class="offer">
Internetprojekte auf Basis des Content Management Systems eZ&nbsp;Publish / eZ&nbsp;Platform /
Ibexa&nbsp;DXP
und Netgen&nbsp;Layouts
</div>
<p class="contact">
Ansprechpartner: Dirk Lampe, Felix Woldt
</p>
<p class="link">
<a href="https://www.jac-systeme.de/" target="_blank" rel="noopener">www.jac-systeme.de</a>
</p>
</div>
</div>
<div class="cell">
<div class="card">
<div class="logo">
<img src="/img/logo_webmanufaktur.svg" alt="Webmanufaktur">
</div>
<p class="location">
Bern
</p>
<div class="offer">
Software Design und Entwicklung<br>Projektleitung und Coaching
</div>
<p class="contact">
Ansprechpartner: Donat Fritschy
</p>
<p class="link">
<a href="https://www.webmanufaktur.ch/" target="_blank" rel="noopener">www.webmanufaktur.ch</a>
</p>
</div>
</div>
</div>
<footer>
&copy; 2021 <a href="/en">CJW Network</a> | <a href="contact.html">Kontakt/Impressum</a> | <a href="privacy.html">Datenschutz</a>
</footer>
</div>
</main>
</body>
</html>
Binary file added src/fonts/NotoSerif-Italic.ttf
Binary file not shown.
Loading

0 comments on commit e437e4e

Please sign in to comment.