blog/index.html at master · techmilldenton/blog · GitHub

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
---
layout: default
title: Home
---

{% assign home = site.data.home %}

<!-- Hero -->
<section class="hero" style="background-image: url('{{ home.hero.background_image }}');">
  <div class="hero__content">
    <h1 class="hero__headline">{{ home.hero.headline }}</h1>
    <p class="hero__sub">{{ home.hero.subheadline }}</p>
    <a href="{{ home.hero.button_url }}" class="btn btn-outline btn-lg" target="_blank" rel="noopener">
      {{ home.hero.button_text }}
    </a>
  </div>
</section>

<!-- Pillars: Education / Community / Events -->
<section class="section">
  <div class="container">
    <div class="feature-grid">
      {% for pillar in home.pillars %}
        <div class="feature-card">
          <a href="{{ pillar.link }}" class="feature-card__image">
            <img src="{{ pillar.image }}" alt="{{ pillar.image_alt }}">
          </a>
          <h2 class="feature-card__title">{{ pillar.title }}</h2>
          <p class="feature-card__desc">{{ pillar.description }}</p>
          <a href="{{ pillar.link }}" class="btn btn-primary">{{ pillar.button_text }}</a>
        </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- Initiatives grid -->
<section class="section section-dark" style="padding: 3rem 0;">
  <div class="container" style="max-width:100%;padding:0;">
    <div class="initiative-grid">
      {% for item in home.initiatives %}
        <a href="{{ item.link }}" class="initiative-item">
          <img src="{{ item.image }}" alt="{{ item.title }}">
          <div class="initiative-mask">
            <p>{{ item.title }}</p>
            <span>{{ item.category }}</span>
          </div>
        </a>
      {% endfor %}
    </div>
  </div>
</section>

<!-- What TechMill Does -->
<section class="section">
  <div class="container">
    <div class="section-heading"><h2>What TechMill Does</h2></div>
    <div class="icon-grid">
      {% for box in home.what_we_do %}
        <div class="icon-box">
          <div class="icon-box__icon">
            <i class="fa-solid {{ box.icon }}"></i>
          </div>
          <div class="icon-box__body">
            <h4>{{ box.title }}</h4>
            <p>{{ box.description }}</p>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- How to Join -->
<section class="section section-gray">
  <div class="container">
    <div class="section-heading"><h2>How to Join Us</h2></div>
    <div class="feature-grid">
      {% for item in home.join %}
        <div class="feature-card">
          <a href="{{ item.link }}" class="feature-card__image">
            <img src="{{ item.image }}" alt="{{ item.image_alt }}">
          </a>
          <h2 class="feature-card__title">{{ item.title }}</h2>
          <p class="feature-card__desc">{{ item.description }}</p>
          <a href="{{ item.link }}" class="btn btn-primary">{{ item.button_text }}</a>
        </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- Partners -->
<section class="section">
  <div class="container">
    <div class="section-heading"><h2>Partners &amp; Supporters</h2></div>
    <div class="partners-grid">
      {% for partner in home.partners %}
        <div class="partner-item">
          <a href="{{ partner.url }}" target="_blank" rel="noopener">
            <img src="{{ partner.logo }}" alt="{{ partner.name }}">
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
</section>

<!-- CTA Banner -->
<section class="cta-banner" style="background-image: url('/media/techmill-member-495x400.jpg');">
  <div class="container">
    <h3>{{ home.cta.headline }}</h3>
    <a href="{{ home.cta.button_url }}" class="btn btn-outline btn-lg" target="_blank" rel="noopener">
      {{ home.cta.button_text }}
    </a>
  </div>
</section>