roberto/speedtech-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed home page

Browse source
This commit is contained in:
roberto 2025-12-15 16:07:56 +01:00
parent e25f5fda03
commit 58fbf058ad
14 changed files with 26 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/linux-systems.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/images/opensource-privacy.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
assets/images/software-development.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

1
data/introduction/en/linux.yaml
View file

@ -1,2 +1,3 @@
title: "Linux systems"
image: "/images/linux-systems.webp"
weight: 2

3
data/introduction/en/opensource.yaml
View file

@ -1,2 +1,3 @@
title: "Open source solutions and privacy oriented"
title: "Open source and privacy"
image: "/images/opensource-privacy.webp"
weight: 3

1
data/introduction/en/software.yaml
View file

@ -1,2 +1,3 @@
title: "Custom software applications"
image: "/images/software-development.webp"
weight: 1

1
data/introduction/it/linux.yaml
View file

@ -1,2 +1,3 @@
title: "Sistemi Linux"
image: "/images/linux-systems.webp"
weight: 2

3
data/introduction/it/opensource.yaml
View file

@ -1,2 +1,3 @@
title: "Soluzioni open source ed orientate alla privacy"
title: "Open source e privacy"
image: "/images/opensource-privacy.webp"
weight: 3

1
data/introduction/it/software.yaml
View file

@ -1,3 +1,4 @@
title: "Applicativi software personalizzati"
image: "/images/software-development.webp"
weight: 1

2
public/css/main.css
View file

@ -65,7 +65,7 @@
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
border-radius: 8px;
padding: 10px;
font-style: italic;
display: flex; justify-content: space-evenly; column-gap: 10px;
}
#home-introduction p:first-child {

9
public/en/index.html
View file

@ -8,24 +8,23 @@ Managed Linux servers</a></li><li><a href=/en/service/online-offline-collaborati
On/off-line collaboration</a></li><li><a href=/en/service/linux-clients/ title="Linux clients: installation and configuration"><i class="icon icon-computer"></i>
Linux clients</a></li><li><a href=/en/service/security-firewalls-vpn/ title="Security structures: firewalls, VPN, encryption, backups"><i class="icon icon-security"></i>
Security</a></li><li><a href=/en/service/domotic-opensource/ title="Open source home automation solutions"><i class="icon icon-robot"></i>
Open source domotic</a></li></ul></li><li><a href=https://brainminder.it>BrainMinder</a></li><li><a href=https://gitea.speedtech.it/explore/repos>Git repository</a></li><li><a href=/en/#contact>Contact</a></li><li><a href=/en/blog>Blog</a></li><li><a href=https://speedtech.it/>IT</a></li></ul></div></div></nav><div id=page-content><div id=home-introduction class=container><div class=row><div class="col m12 l12"><p>Design and development of custom web and desktop software applications for website backends, e-commerce platforms, management systems, and PWAs
(Progressive Web Applications) using open source technologies that respect privacy and European digital sovereignty.</p><p>Installation, configuration, and maintenance of dedicated Linux servers on-site or remotely.</p><p>Installation, configuration, and maintenance of Linux desktop clients as an alternative to Microsoft Windows.</p><p>Open source, privacy-friendly, and encrypted solutions for: email, messaging, document sharing, and password management.</p></div></div></div><div id=home-blog-posts class=container><div class=row><div class="col m12 l12"><div class="row articles home"><h3 class=text-center>Latest articles</h3><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/en/blog/brainminder-intro/><img class="img-thumbnail img-fluid" src=/images/blog/brainminder.png></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/brainminder-intro/>BrainMinder - second brain web application</a></h4><p class=blog-article-introduction><p>BrainMinder is a software tool to organize and store knowledge, share it with others, analyze situations, ideas, and problems, and make pondered decisions. Items are shared with external users via a pre-authorized link and (optionally) an additional password.</p><a class=readmore href=https://speedtech.it/en/blog/brainminder-intro/>Read more</a></p><p><small><a href=/en/categories/projects/>Projects</a> |
Open source domotic</a></li></ul></li><li><a href=https://brainminder.it>BrainMinder</a></li><li><a href=https://gitea.speedtech.it/explore/repos>Git repository</a></li><li><a href=/en/#contact>Contact</a></li><li><a href=/en/blog>Blog</a></li><li><a href=https://speedtech.it/>IT</a></li></ul></div></div></nav><div id=page-content><div id=home-introduction class=container><div><img alt="Custom software applications" class="img-thumbnail img-fluid" src=/images/software-development.webp><h4>Custom software applications</h4></div><div><img alt="Linux systems" class="img-thumbnail img-fluid" src=/images/linux-systems.webp><h4>Linux systems</h4></div><div><img alt="Open source and privacy" class="img-thumbnail img-fluid" src=/images/opensource-privacy.webp><h4>Open source and privacy</h4></div></div><div id=home-blog-posts class=container><div class=row><div class="col m12 l12"><div class="row articles home"><h3 class=text-center>Latest articles</h3><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/en/blog/brainminder-intro/><img class="img-thumbnail img-fluid" src=/images/blog/brainminder.png></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/brainminder-intro/>BrainMinder - second brain web application</a></h4><p class=blog-article-introduction><p>BrainMinder is a software tool to organize and store knowledge, share it with others, analyze situations, ideas, and problems, and make pondered decisions. Items are shared with external users via a pre-authorized link and (optionally) an additional password.</p><a class=readmore href=https://speedtech.it/en/blog/brainminder-intro/>Read more</a></p><p><small><a href=/en/categories/projects/>Projects</a> |
<a href=/en/tags/software-development/>Software Development</a>
|
<a href=/en/tags/web-application/>Web Application</a>
|
<a href=/en/tags/pwa/>PWA</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/en/blog/wmtrento-spreadsheet-sync/><img class="img-thumbnail img-fluid" src=/images/project/wmtrento-jspreadsheet.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/wmtrento-spreadsheet-sync/>Web spreadsheet application with sync capabilities</a></h4><p class=blog-article-introduction><p>Client : Web Marketing Trento (Trento - IT)
<a href=/en/tags/pwa/>PWA</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/en/blog/wmtrento-spreadsheet-sync/><img class="img-thumbnail img-fluid" src=/images/project/wmtrento-jspreadsheet.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/wmtrento-spreadsheet-sync/>Web spreadsheet application with sync capabilities</a></h4><p class=blog-article-introduction><p>Client : Web Marketing Trento (Trento - IT)
Design and development of data synchronization procedures between different applications and databases with a spreadsheet interface with : PHP, MariaDB, Joomla, Virtuemart, CodeIgniter, VueJS.
I designed and developed a web application based on CodeIgniter framework and integrating JSpreadsheet which allows interaction with the Virtuemart ecommerce database to be able to edit product data in spreadsheet mode.</p><a class=readmore href=https://speedtech.it/en/blog/wmtrento-spreadsheet-sync/>Read more</a></p><p><small><a href=/en/categories/projects/>Projects</a> |
<a href=/en/tags/software-development/>Software Development</a>
|
<a href=/en/tags/web-application/>Web Application</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/en/blog/postgresql-database-link/><img class="img-thumbnail img-fluid" src=/images/blog/postgresql.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/postgresql-database-link/>Database link with PostgreSQL</a></h4><p class=blog-article-introduction><p>In PostgreSQL, it is possible to create database links and connect two separate databases, whether they reside on the same server or on separate servers, as long as they are accessible over a network.</p><a class=readmore href=https://speedtech.it/en/blog/postgresql-database-link/>Read more</a></p><p><small><a href=/en/categories/solutions/>Solutions</a> |
<a href=/en/tags/web-application/>Web Application</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/en/blog/postgresql-database-link/><img class="img-thumbnail img-fluid" src=/images/blog/postgresql.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/postgresql-database-link/>Database link with PostgreSQL</a></h4><p class=blog-article-introduction><p>In PostgreSQL, it is possible to create database links and connect two separate databases, whether they reside on the same server or on separate servers, as long as they are accessible over a network.</p><a class=readmore href=https://speedtech.it/en/blog/postgresql-database-link/>Read more</a></p><p><small><a href=/en/categories/solutions/>Solutions</a> |
<a href=/en/categories/technology/>Technology</a> |
<a href=/en/tags/server/>Server</a>
|
<a href=/en/tags/database/>Database</a>
|
<a href=/en/tags/postgresql/>PostgreSQL</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/><img class="img-thumbnail img-fluid" src=/images/blog/mariadb-replication-master-master.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/>MariaDB replication master-master via Internet</a></h4><p class=blog-article-introduction><p>MariaDB (and MySQL) allow master-slave replication to be configured between two servers. A master-master type of replication can be implemented via Galera, but it requires at least 3 servers. If you have 2 servers, you can configure master-master replication by by cross-duplicating the master-slave replication.</p><a class=readmore href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/>Read more</a></p><p><small><a href=/en/categories/solutions/>Solutions</a> |
<a href=/en/tags/postgresql/>PostgreSQL</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/><img class="img-thumbnail img-fluid" src=/images/blog/mariadb-replication-master-master.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/>MariaDB replication master-master via Internet</a></h4><p class=blog-article-introduction><p>MariaDB (and MySQL) allow master-slave replication to be configured between two servers. A master-master type of replication can be implemented via Galera, but it requires at least 3 servers. If you have 2 servers, you can configure master-master replication by by cross-duplicating the master-slave replication.</p><a class=readmore href=https://speedtech.it/en/blog/mariadb-replicazione-master-master-tramite-internet/>Read more</a></p><p><small><a href=/en/categories/solutions/>Solutions</a> |
<a href=/en/categories/technology/>Technology</a> |
<a href=/en/tags/server/>Server</a>
|

9
public/index.html
View file

@ -8,23 +8,22 @@ Servers Linux gestiti</a></li><li><a href=/servizio/soluzioni-collaborazione-onl
Collaborazione online e offline</a></li><li><a href=/servizio/clients-con-linux/ title="Sistemi clients con Linux: installazione e configurazione"><i class="icon icon-computer"></i>
Clients con Linux</a></li><li><a href=/servizio/sicurezza-firewalls-vpn/ title="Strutture di sicurezza: firewalls, soluzioni di crifratura, backups"><i class="icon icon-security"></i>
Sicurezza</a></li><li><a href=/servizio/domotica-opensource/ title="Soluzioni di domotica open source"><i class="icon icon-robot"></i>
Domotica open source</a></li></ul></li><li><a href=https://brainminder.it>BrainMinder</a></li><li><a href=https://forgejo.speedtech.it/explore/repos>Git repository</a></li><li><a href=/#contact>Contatto</a></li><li><a href=/blog>Blog</a></li><li><a href=https://speedtech.it/en/>EN</a></li></ul></div></div></nav><div id=page-content><div id=home-introduction class=container><div class=row><div class="col m12 l12"><p>Progettazione e realizzazione di applicativi software web e desktop personalizzati per backend siti web, piattaforme di ecommerce, gestionali e PWA
(Progressive Web Application) con tecnologie open source e rispettose della privacy e della sovranità digitale europea.</p><p>Installazione, configurazione e manutenzione di servers Linux dedicati in sede o remoti.</p><p>Installazione, configurazione e manutenzione di client Linux desktop come alternativa a Microsoft Windows.</p><p>Soluzioni open source, rispettose della privacy e cifrate per : posta elettronica, messaggistica, condivisione documenti, gestione password.</p></div></div></div><div id=home-blog-posts class=container><div class=row><div class="col m12 l12"><div class="row articles home"><h3 class=text-center>Ultimi articoli</h3><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/blog/brainminder-intro/><img class="img-thumbnail img-fluid" src=/images/blog/brainminder.png></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/brainminder-intro/>BrainMinder - second brain web application</a></h4><p class=blog-article-introduction><p>BrainMinder è un software per archiviare e organizzare il proprio archivio di conoscenze, condividerlo con gli altri, analizzare situazioni, idee, e problemi, e prendere decisioni ponderate. I singoli articoli sono condivisi con gli utenti esterni via un url pre autorizzato e (opzionalmente) con una password aggiuntiva.</p><a class=readmore href=https://speedtech.it/blog/brainminder-intro/>Continua a leggere</a></p><p><small><a href=/categories/projects/>Projects</a> |
Domotica open source</a></li></ul></li><li><a href=https://brainminder.it>BrainMinder</a></li><li><a href=https://forgejo.speedtech.it/explore/repos>Git repository</a></li><li><a href=/#contact>Contatto</a></li><li><a href=/blog>Blog</a></li><li><a href=https://speedtech.it/en/>EN</a></li></ul></div></div></nav><div id=page-content><div id=home-introduction class=container><div><img alt="Applicativi software personalizzati" class="img-thumbnail img-fluid" src=/images/software-development.webp><h4>Applicativi software personalizzati</h4></div><div><img alt="Sistemi Linux" class="img-thumbnail img-fluid" src=/images/linux-systems.webp><h4>Sistemi Linux</h4></div><div><img alt="Open source e privacy" class="img-thumbnail img-fluid" src=/images/opensource-privacy.webp><h4>Open source e privacy</h4></div></div><div id=home-blog-posts class=container><div class=row><div class="col m12 l12"><div class="row articles home"><h3 class=text-center>Ultimi articoli</h3><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/blog/brainminder-intro/><img class="img-thumbnail img-fluid" src=/images/blog/brainminder.png></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/brainminder-intro/>BrainMinder - second brain web application</a></h4><p class=blog-article-introduction><p>BrainMinder è un software per archiviare e organizzare il proprio archivio di conoscenze, condividerlo con gli altri, analizzare situazioni, idee, e problemi, e prendere decisioni ponderate. I singoli articoli sono condivisi con gli utenti esterni via un url pre autorizzato e (opzionalmente) con una password aggiuntiva.</p><a class=readmore href=https://speedtech.it/blog/brainminder-intro/>Continua a leggere</a></p><p><small><a href=/categories/projects/>Projects</a> |
<a href=/tags/software-development/>Software Development</a>
|
<a href=/tags/web-application/>Web Application</a>
|
<a href=/tags/pwa/>PWA</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/blog/wmtrento-spreadsheet-sync/><img class="img-thumbnail img-fluid" src=/images/project/wmtrento-jspreadsheet.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/wmtrento-spreadsheet-sync/>Applicazione web con funzionalità di foglio di calcolo e sincronizzazione</a></h4><p class=blog-article-introduction><p>Cliente : Web Marketing Trento (Trento - IT)
<a href=/tags/pwa/>PWA</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/blog/wmtrento-spreadsheet-sync/><img class="img-thumbnail img-fluid" src=/images/project/wmtrento-jspreadsheet.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/wmtrento-spreadsheet-sync/>Applicazione web con funzionalità di foglio di calcolo e sincronizzazione</a></h4><p class=blog-article-introduction><p>Cliente : Web Marketing Trento (Trento - IT)
Progettazione e sviluppo di procedure di sincronizzazione dati tra differenti applicativi e database con un interfaccia a foglio di calcolo con : PHP, MariaDB, Joomla, Virtuemart, CodeIgniter, VueJS.</p><a class=readmore href=https://speedtech.it/blog/wmtrento-spreadsheet-sync/>Continua a leggere</a></p><p><small><a href=/categories/progetti/>Progetti</a> |
<a href=/tags/software-development/>Software Development</a>
|
<a href=/tags/web-application/>Web Application</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/blog/postgresql-database-link/><img class="img-thumbnail img-fluid" src=/images/blog/postgresql.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/postgresql-database-link/>Database link con PostgreSQL</a></h4><p class=blog-article-introduction><p>In PostgreSQL è possibile creare dei database links e connettere due database separati, sia che risiedano sullo stesso server o su servers separati, purchè siano accessibili tramite rete.</p><a class=readmore href=https://speedtech.it/blog/postgresql-database-link/>Continua a leggere</a></p><p><small><a href=/categories/soluzioni/>Soluzioni</a> |
<a href=/tags/web-application/>Web Application</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/blog/postgresql-database-link/><img class="img-thumbnail img-fluid" src=/images/blog/postgresql.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/postgresql-database-link/>Database link con PostgreSQL</a></h4><p class=blog-article-introduction><p>In PostgreSQL è possibile creare dei database links e connettere due database separati, sia che risiedano sullo stesso server o su servers separati, purchè siano accessibili tramite rete.</p><a class=readmore href=https://speedtech.it/blog/postgresql-database-link/>Continua a leggere</a></p><p><small><a href=/categories/soluzioni/>Soluzioni</a> |
<a href=/categories/technology/>Technology</a> |
<a href=/tags/server/>Server</a>
|
<a href=/tags/database/>Database</a>
|
<a href=/tags/postgresql/>PostgreSQL</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m4 l4 blog-article-image"><a href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/><img class="img-thumbnail img-fluid" src=/images/blog/mariadb-replication-master-master.jpg></a></div><div class="col s12 m8 l8 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/>Replicazione master-master MariaDB tramite Internet</a></h4><p class=blog-article-introduction><p>MariaDB (e MySQL) consentono di configurare la replica master-slave tra due servers. Una replica di tipo master-master può esere implementata tramite Galera, ma richiede almeno 3 servers. Se si dispone di 2 servers è possibile configurare una replica master-master duplicando in maniera incrociata la replica master-slave.</p><a class=readmore href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/>Continua a leggere</a></p><p><small><a href=/categories/soluzioni/>Soluzioni</a> |
<a href=/tags/postgresql/>PostgreSQL</a></small></p></div></div></div><div class="col s12 m12 l12 article"><div class="row blog-article-item-list"><div class="col s12 m3 l3 blog-article-image"><a href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/><img class="img-thumbnail img-fluid" src=/images/blog/mariadb-replication-master-master.jpg></a></div><div class="col s12 m9 l9 blog-article-summary"><h4 class=blog-article-title><a href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/>Replicazione master-master MariaDB tramite Internet</a></h4><p class=blog-article-introduction><p>MariaDB (e MySQL) consentono di configurare la replica master-slave tra due servers. Una replica di tipo master-master può esere implementata tramite Galera, ma richiede almeno 3 servers. Se si dispone di 2 servers è possibile configurare una replica master-master duplicando in maniera incrociata la replica master-slave.</p><a class=readmore href=https://speedtech.it/blog/mariadb-replicazione-master-master-tramite-internet/>Continua a leggere</a></p><p><small><a href=/categories/soluzioni/>Soluzioni</a> |
<a href=/categories/technology/>Technology</a> |
<a href=/tags/server/>Server</a>
|

2
static/css/main.css
View file

@ -65,7 +65,7 @@
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
border-radius: 8px;
padding: 10px;
display: flex; justify-content: space-evenly;
display: flex; justify-content: space-evenly; column-gap: 10px;
}
#home-introduction p:first-child {

9
themes/lean/layouts/index.html
View file

@ -6,7 +6,14 @@
<div id="page-content">
<div id="home-introduction" class="container">
{{ range sort (index .Site.Data.introduction .Site.Language.Lang) "weight" }}
<div>{{ .title }}</div>
<div>
{{ if (fileExists (printf "assets/%s" .image )) -}}
{{ $mainimage := resources.Get .image }}
<img alt="{{ .title }}" class="img-thumbnail img-fluid" src="{{ $mainimage.RelPermalink }}" >
{{ end }}
<h4>{{ .title }}</h4>
</div>
{{ end }}
</div>