-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
95 lines (87 loc) · 4 KB
/
index.html
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
---
layout: default
---
<!-- hero -->
<div class="row">
<section class="hero home col-xs-24">
<div class="logo">
<img src="{{ site.baseurl }}/assets/img/static/fablabLogo farbig weiß_main.png"/>
</div>
</section>
</div>
<!-- intro -->
<div class="row">
<section class="section col-xs-24">
<div class="content-wrap">
<!-- INSPECT: {{ site.dw | inspect}} -->
<h1 class="regular">FabLab Cottbus e.V. <br> Deine Technik-Community</h1>
<p>Große oder kleine Ideen, aber keine Werkstatt? Keine Ahnung von Technik, aber trotzdem Interesse? Dann schließe dich unserer Community an. Wir teilen uns eine Werkstatt, den 1. Makerspace in der Region, mit zahlreichen Werkzeugen und Maschinen sowie das Wissen, wie sie eingesetzt werden. Besuche uns zu den <a href="#open">Öffnungszeiten</a> und werde Mitglied.</p>
</div>
<div class="content-wrap btn-wrap">
<a class="edu-btn black" href="/about" target="_blank">Über die Werkstatt</a>
</div>
</section>
</div>
<!-- Angebote -->
<div class="row">
<section id="labs" class="section green col-xs-24">
<div class="content-wrap">
<h2 class="section-headline white">Möglichkeiten</h2>
<p class="white">Besuche unsere Veranstaltungen, Öffnungszeiten oder werde Teil des Vereins. Wir sind auf folgenden Ebenen aktiv:</p>
</div>
<!-- teasers -->
{% include partials/offer-teasers.liquid %}
</section>
</div>
<!-- Einblicke -->
<div class="row">
<section class="section col-xs-24">
<div class="content-wrap topic-wrap">
<h2 class="section-headline">Einblicke</h2>
<div class="video" ><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/m8_hJLf2SNI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="content-wrap topic-wrap btn-wrap" style="clear: both;">
<a class="edu-btn black" href="/about" target="_blank">Über die Werkstatt</a>
</div>
</section>
</div>
<!-- blog -->
<div class="row">
<section class="section green col-xs-24">
<div class="content-wrap">
<h2 class="section-headline white">Aus dem Blog</h2>
</div>
<!-- blog teasers -->
<div class="isotope-wrap col-xs-22 col-xs-push-1 no-padding">
<div class="grid-sizer col-xs-24 col-sm-12 col-md-8 col-lg-6 col-xlg-4"></div>
{% assign posts = site.posts %}
{% for post in posts limit:3 %}
{% if post.visible == 0 %}
{% else %}
{% assign categories = post.categories | join:', ' %}
{% assign categories = "#" | append:categories %}
{% include partials/blog/blog-teaser.liquid date=post.date featured=post.featured url=post.url filter=post.categories categories=categories src=post.teaser_img_src headline=post.title copy=post.teaser %}
{% endif %}
{% endfor %}
</div>
<div class="content-wrap btn-wrap">
<a class="edu-btn white" href="/blog" target="_blank">Alle anzeigen</a>
</div>
</section>
</div>
<!-- Projekte und Initiativen -->
<div class="row">
<section class="section white col-xs-24">
<div class="content-wrap">
<h2 class="section-headline">Projekte</h2>
<p>Im Folgenden findest du die Projekte, an denen wir arbeiten. Werde Teil der Vorhaben oder starte dein eigenes Projekt und gewinne Unterstützende.</p>
</div>
<div class="row">
{% include partials/project/project-isotope.liquid homepage=true %}
</div>
<div class="content-wrap btn-wrap">
<a class="edu-btn black" href="{{ site.baseurl }}/projects" target="_blank">Weitere Projekte</a>
</div>
</section>
</div>
<!-- include mitmachen section -->
{% include partials/sections/apply.liquid %}