diff options
Diffstat (limited to 'site/docs/4.4/examples/index.html')
| -rw-r--r-- | site/docs/4.4/examples/index.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/site/docs/4.4/examples/index.html b/site/docs/4.4/examples/index.html new file mode 100644 index 0000000000..965c275646 --- /dev/null +++ b/site/docs/4.4/examples/index.html @@ -0,0 +1,24 @@ +--- +layout: simple +title: Examples +description: Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts. +redirect_from: "/examples/" +--- + +{% for entry in site.data.examples %} + <h2>{{ entry.category | capitalize }}</h2> + <p>{{ entry.description }}</p> + {% for example in entry.examples %} + {% if forloop.first %}<div class="row">{% endif %} + <div class="col-sm-6 col-md-4 col-xl-3 mb-3"> + <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/examples/{{ example.name | slugify }}/"> + <img class="img-thumbnail mb-3" srcset="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}.png, + {{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}@2x.png 2x" + src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/examples/{{ example.name | slugify }}.png" alt="{{ example.name }} screenshot" width="480" height="300"> + <h5 class="mb-1">{{ example.name }}</h5> + </a> + <p class="text-muted">{{ example.description }}</p> + </div> + {% if forloop.last %}</div>{% endif %} + {% endfor %} +{% endfor %} |