webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ADD: network

Browse source
This commit is contained in:
webfussel 2024-05-21 13:54:10 +02:00
parent bbd2fcaafc
commit 55cc380b2b
2 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/Services/Services.css
View file

@ -42,6 +42,8 @@
} }
.network-list { .network-list {
display: flex;
& article { & article {
width: clamp(400px, calc(33% - 3rem), 500px); width: clamp(400px, calc(33% - 3rem), 500px);
align-items: center; align-items: center;

10
components/Services/Services.vue
View file

@ -25,7 +25,7 @@
</div> </div>
<h3 class="margin-top-big">Mein Netzwerk</h3> <h3 class="margin-top-big">Mein Netzwerk</h3>
<p class="margin-top">Doch auch wenn ich mal voll ausgelastet bin - keine Sorge! Mein <span class="highlight">Netzwerk an Profis</span> kann dir sicher auch weiterhelfen!</p> <p class="margin-top">Doch auch wenn ich mal voll ausgelastet bin - keine Sorge! Mein <span class="highlight">Netzwerk an Profis</span> kann dir sicher auch weiterhelfen!</p>
<div class="network-list margin-top"> <div class="network-list default-gap margin-top">
<article v-for="person in network" class="flex-col"> <article v-for="person in network" class="flex-col">
<img :src="person.img" :alt="`Bild von ${person.name}`" /> <img :src="person.img" :alt="`Bild von ${person.name}`" />
<h3>{{person.name}}</h3> <h3>{{person.name}}</h3>
@ -89,8 +89,14 @@ const network = [
name: 'Robert Janus', name: 'Robert Janus',
img: '/img/network/robert.jpg', img: '/img/network/robert.jpg',
tags: ['Digitalberatung', 'Webentwicklung', 'eCommerce'], tags: ['Digitalberatung', 'Webentwicklung', 'eCommerce'],
flavour: 'Professionell und entspannt. Hat immer ein offenes Ohr und schnelle Reaktionszeiten.', flavour: 'Website, SEO und Conversions. Auf einen Klick.',
link: 'https://roberjanus.de/webertoire', link: 'https://roberjanus.de/webertoire',
}, {
name: 'Matthias Lehmann',
img: '/img/network/matthias.jpg',
tags: ['Onlineportale für Patienten', 'Kunden', 'Mitarbeiter'],
flavour: 'Software die macht, was DU willst!',
link: 'https://mind-deploy.de',
} }
] ]
</script> </script>