Catchpoint named a Leader in the first Gartner® Magic Quadrant™ for Digital Experience Monitoring. Read the report

Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

Webpage Performance Test Result

  • Settings: DesktopChromev127CableFrankfurt, Germany
    More
Screenshot

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

View run details: Run 1 (Repeat View)

TTFB Start Render FCP Speed Index LCP CLS TBT DC Time DC Requests DC Bytes Total Time Total Requests Page Weight
.481S 1.100S 1.089S 1.738S 1.271S .012 .000S 8.609S 35 4,471KB 8.609S 35 4,471KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
1.282s - 1.282s (0s) 8.527s - 8.527s (0s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[{"url":"https://www.gilles.ch/assets/img/logo-g.svg","width":64,"height":64,"naturalWidth":150,"naturalHeight":150},{"url":"https://www.gilles.ch/assets/img/icon-close.svg","width":150,"height":150,"naturalWidth":150,"naturalHeight":150},{"url":"https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":799},{"url":"https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":499},{"url":"https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":799},{"url":"https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":599},{"url":"https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":801},{"url":"https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":1245},{"url":"https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":616},{"url":"https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":799},{"url":"https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp","width":328,"height":246,"naturalWidth":800,"naturalHeight":800},{"url":"https://www.gilles.ch/assets/img/icon-close.svg","width":64,"height":64,"naturalWidth":150,"naturalHeight":150},{"url":"https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp","width":1360,"height":695,"naturalWidth":2133,"naturalHeight":2133},{"url":"https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp","width":1360,"height":695,"naturalWidth":2133,"naturalHeight":1197},{"url":"https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/a7c0012fe8-1719169773/roteq-turbomachinery-pump-services-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/317fdb1098-1719169773/chocolaterie-schober-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/ah4/ee35eaafa1-1719169773/ah4-family-law-experts-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/d9fd9ac13d-1719169772/seco-2000x.jpg","width":1360,"height":669,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/5f47ec07e6-1719169772/glockenhof-2000x.jpg","width":1360,"height":669,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/95354a0094-1719169772/ahdd-2000x.jpg","width":1360,"height":669,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/card-security/51eafb442a-1719169771/cardsecurity-2000x.jpg","width":1360,"height":670,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/889b577db7-1719169771/agh-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/5-am-tag/378620aef7-1719169770/5amtag-2000x.jpg","width":1360,"height":617,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/molinari-design/8226b00715-1719169770/molinari-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/a9d1bf8a99-1719169770/gutaltern-2000x.jpg","width":1360,"height":695,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/6f5a2e2e14-1719169769/geissbuehler-2000x.jpg","width":1360,"height":686,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/7cd4e5441c-1719169769/geho-2000x.jpg","width":1360,"height":721,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/78667d7c09-1719169769/hemmifayet-2000x.jpg","width":1360,"height":686,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/1a18fc7ff2-1719169768/ssh-2000x.jpg","width":1360,"height":686,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/welz-ag/88f5c33524-1719169768/welz-2000x.jpg","width":1360,"height":686,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/5c93cdcac0-1719169767/sani-2000x.jpg","width":1360,"height":669,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/d7eb1ea303-1719566937/wbg-schweiz-2000x.jpg","width":1360,"height":669,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/1a40e45936-1719169795/w3c.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/f678c3f898-1719169795/html.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/b7e8390422-1719169794/css.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/9b09e2ca4a-1719169795/tailwind.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/6a1f7bb1a7-1719169795/sass.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/5b6c0982b8-1719169795/javascript.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/a18cfa7150-1719169794/alpinejs.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/e36a6391f7-1719169795/vue.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/14fe15b7ca-1719169794/apache.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/c56cc6f812-1719169795/php.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/90e89688f0-1719169795/mysql.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/32951f0fb1-1719169795/kirby.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/f64ac8f1f1-1719169795/processwire.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/7b6b25803d-1719169794/apple.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/0c67b7a549-1719169795/vscode.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/56a184f1b2-1719169795/stackoverflow.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/7db4542381-1719169795/github.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/7ce407ca41-1719169794/copilot.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/cc74973338-1719169795/npm.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/63f2409bba-1719169794/adobexd.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/09204eaf7e-1719169794/affinity-designer.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/04921b7d76-1719169794/clickup.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/29a79d65ad-1719169794/figma.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/service/5fe18189cc-1719169795/sketch.svg","width":73,"height":73,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-390x.jpg","width":390,"height":488,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-390x520-crop.jpg","width":296,"height":370,"naturalWidth":0,"naturalHeight":0}]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"Operator","display":"fallback","status":"unloaded","style":"italic","weight":"400"},{"family":"Operator","display":"fallback","status":"loaded","style":"normal","weight":"400"},{"family":"Rs","display":"fallback","status":"loaded","style":"normal","weight":"800"},{"family":"Rs","display":"fallback","status":"unloaded","style":"normal","weight":"700"},{"family":"Rs","display":"fallback","status":"loaded","style":"normal","weight":"700"},{"family":"Rs","display":"fallback","status":"loaded","style":"normal","weight":"600"},{"family":"Rs","display":"fallback","status":"loaded","style":"normal","weight":"400"},{"family":"Rs","display":"fallback","status":"unloaded","style":"normal","weight":"300"},{"family":"Rs","display":"fallback","status":"unloaded","style":"normal","weight":"100"}]
generated-content-percent
1.37
generated-content-size
2.43
imgs-in-viewport
[{"src":"https:\/\/www.gilles.ch\/assets\/img\/logo-g.svg","html":"<img id=\"nav-open\" src=\"https:\/\/www.gilles.ch\/assets\/img\/logo-g.svg\" class=\"navicon\" alt=\"\">","currentSrc":"https:\/\/www.gilles.ch\/assets\/img\/logo-g.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":150,"naturalHeight":150},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/db16442405-1719565695\/jaco-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/db16442405-1719565695\/jaco-sm-800x-sharpen50.jpg\" alt=\"Jaeger Coneco Baumanagement\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/db16442405-1719565695\/jaco-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":799},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/de0ca32dbc-1719169774\/baspo-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/de0ca32dbc-1719169774\/baspo-sm-800x-sharpen50.jpg\" alt=\"BASPO Innovationslabor lab7x1\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/de0ca32dbc-1719169774\/baspo-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/791913a67c-1719169773\/roteqturbo-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/791913a67c-1719169773\/roteqturbo-sm-800x-sharpen50.jpg\" alt=\"Roteq Turbomachineries\" class=\"w-full object-cover object-top\" width=\"800\" height=\"374\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/791913a67c-1719169773\/roteqturbo-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":499},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/e952aad40a-1719169773\/schober-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/e952aad40a-1719169773\/schober-sm-800x-sharpen50.jpg\" alt=\"Chocolatier Schober\" class=\"w-full object-cover object-top\" width=\"800\" height=\"599\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/e952aad40a-1719169773\/schober-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":799},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/223db417b7-1719169773\/ah4-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/223db417b7-1719169773\/ah4-sm-800x-sharpen50.jpg\" alt=\"AH4\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/223db417b7-1719169773\/ah4-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/c80b52f11a-1719169772\/seco-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/c80b52f11a-1719169772\/seco-sm-800x-sharpen50.jpg\" alt=\"SECO Standortf\u00f6rderung\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/c80b52f11a-1719169772\/seco-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/d1cad9f89e-1719169772\/glockenhof-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/d1cad9f89e-1719169772\/glockenhof-sm-800x-sharpen50.jpg\" alt=\"Glockenhof Z\u00fcrich\" class=\"w-full object-cover object-top\" width=\"800\" height=\"449\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/d1cad9f89e-1719169772\/glockenhof-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":599},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/51115c5172-1719169772\/ahdd-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/51115c5172-1719169772\/ahdd-sm-800x-sharpen50.jpg\" alt=\"Alfredo H\u00e4berli Design Development\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/51115c5172-1719169772\/ahdd-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/assets\/img\/icon-close.svg","html":"<img src=\"https:\/\/www.gilles.ch\/assets\/img\/icon-close.svg\" alt=\"\">","currentSrc":"https:\/\/www.gilles.ch\/assets\/img\/icon-close.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":150,"naturalHeight":150},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-2000x.jpg\" loading=\"lazy\" alt=\"Jaeger Coneco Baumanagement\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-2000x.webp","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/jaeger-coneco-baumanagement\/b8e66968c6-1719565610\/jaco-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":2133,"naturalHeight":2133},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-2000x.jpg\" loading=\"lazy\" alt=\"BASPO Innovationslabor lab7x1\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-2000x.webp","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/das-innovationslabor-lab7x1\/2d568bf667-1719169774\/baspo-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":2133,"naturalHeight":1197},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-2000x.jpg\" loading=\"lazy\" alt=\"Roteq Turbomachineries\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/roteq-turbomachineries\/a7c0012fe8-1719169773\/roteq-turbomachinery-pump-services-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-2000x.jpg\" loading=\"lazy\" alt=\"Chocolatier Schober\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/chocolatier-schober\/317fdb1098-1719169773\/chocolaterie-schober-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-2000x.jpg\" loading=\"lazy\" alt=\"AH4\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/ah4\/ee35eaafa1-1719169773\/ah4-family-law-experts-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-2000x.jpg\" loading=\"lazy\" alt=\"SECO Standortf\u00f6rderung\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/seco-promotion-guide\/d9fd9ac13d-1719169772\/seco-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-2000x.jpg\" loading=\"lazy\" alt=\"Glockenhof Z\u00fcrich\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/glockenhof-zurich\/5f47ec07e6-1719169772\/glockenhof-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-2000x.jpg\" loading=\"lazy\" alt=\"Alfredo H\u00e4berli Design Development\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/alfredo-haberli-design-development\/95354a0094-1719169772\/ahdd-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-2000x.jpg\" loading=\"lazy\" alt=\"Card-Security\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/51eafb442a-1719169771\/cardsecurity-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-2000x.jpg\" loading=\"lazy\" alt=\"Arndt Geiger Herrmann\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/889b577db7-1719169771\/agh-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-2000x.jpg\" loading=\"lazy\" alt=\"5 am Tag\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/378620aef7-1719169770\/5amtag-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-2000x.jpg\" loading=\"lazy\" alt=\"Molinari Design\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/8226b00715-1719169770\/molinari-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-2000x.jpg\" loading=\"lazy\" alt=\"Gute Betreuung im Alter\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/a9d1bf8a99-1719169770\/gutaltern-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-2000x.jpg\" loading=\"lazy\" alt=\"Studio Geissb\u00fchler\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/6f5a2e2e14-1719169769\/geissbuehler-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-2000x.jpg\" loading=\"lazy\" alt=\"Genossenschaft Hofgarten\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/7cd4e5441c-1719169769\/geho-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-2000x.jpg\" loading=\"lazy\" alt=\"Hemmi Fayet Architekten\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/78667d7c09-1719169769\/hemmifayet-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-2000x.jpg\" loading=\"lazy\" alt=\"Swiss Sports History\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/1a18fc7ff2-1719169768\/ssh-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-2000x.jpg\" loading=\"lazy\" alt=\"Welz AG\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/88f5c33524-1719169768\/welz-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-2000x.jpg\" loading=\"lazy\" alt=\"Sanatorium Kilchberg\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/5c93cdcac0-1719169767\/sani-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-2000x.jpg","html":"<img class=\"absolute w-full h-full object-cover object-top\" sizes=\"(min-width: 1000px) 100vw\" srcset=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-2000x.webp 1800w\" src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-2000x.jpg\" loading=\"lazy\" alt=\"Wohnbaugenossenschaften Schweiz\">","currentSrc":"","srcSet":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-800x.webp 600w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-1200x.webp 1000w, https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/d7eb1ea303-1719566937\/wbg-schweiz-2000x.webp 1800w","sizes":"(min-width: 1000px) 100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
imgs-no-alt
[]
imgs-out-viewport
[{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/1b10d593f0-1719169771\/cardsecurity-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/1b10d593f0-1719169771\/cardsecurity-sm-800x-sharpen50.jpg\" alt=\"Card-Security\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/card-security\/1b10d593f0-1719169771\/cardsecurity-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/1973e9ffef-1719169771\/agh-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/1973e9ffef-1719169771\/agh-sm-800x-sharpen50.jpg\" alt=\"Arndt Geiger Herrmann\" class=\"w-full object-cover object-top\" width=\"800\" height=\"601\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/arndt-geiger-herrmann\/1973e9ffef-1719169771\/agh-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":801},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/fab3bb4773-1719169770\/5amtag-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/fab3bb4773-1719169770\/5amtag-sm-800x-sharpen50.jpg\" alt=\"5 am Tag\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/5-am-tag\/fab3bb4773-1719169770\/5amtag-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/af44a912fb-1719169770\/molinaridesign-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/af44a912fb-1719169770\/molinaridesign-sm-800x-sharpen50.jpg\" alt=\"Molinari Design\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/molinari-design\/af44a912fb-1719169770\/molinaridesign-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/3628196fc2-1719169769\/gutaltern-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/3628196fc2-1719169769\/gutaltern-sm-800x-sharpen50.jpg\" alt=\"Gute Betreuung im Alter\" class=\"w-full object-cover object-top\" width=\"800\" height=\"934\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/gute-betreuung-im-alter\/3628196fc2-1719169769\/gutaltern-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":1245},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/4ce612b11f-1719169769\/geisbuehler-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/4ce612b11f-1719169769\/geisbuehler-sm-800x-sharpen50.jpg\" alt=\"Studio Geissb\u00fchler\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/studio-geissbuhler\/4ce612b11f-1719169769\/geisbuehler-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/36c5bb1dec-1719169769\/geho-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/36c5bb1dec-1719169769\/geho-sm-800x-sharpen50.jpg\" alt=\"Genossenschaft Hofgarten\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/genossenschaft-hofgarten\/36c5bb1dec-1719169769\/geho-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/02722b1727-1719169768\/hemmifayet-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/02722b1727-1719169768\/hemmifayet-sm-800x-sharpen50.jpg\" alt=\"Hemmi Fayet Architekten\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/hemmi-fayet-architekten\/02722b1727-1719169768\/hemmifayet-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/0b1bf0892d-1719169768\/sportshistory-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/0b1bf0892d-1719169768\/sportshistory-sm-800x-sharpen50.jpg\" alt=\"Swiss Sports History\" class=\"w-full object-cover object-top\" width=\"800\" height=\"462\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/swiss-sports-history\/0b1bf0892d-1719169768\/sportshistory-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":616},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/268eea9c5d-1719169767\/welz-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/268eea9c5d-1719169767\/welz-sm-800x-sharpen50.jpg\" alt=\"Welz AG\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/welz-ag\/268eea9c5d-1719169767\/welz-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/978452400a-1719169766\/sani-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/978452400a-1719169766\/sani-sm-800x-sharpen50.jpg\" alt=\"Sanatorium Kilchberg\" class=\"w-full object-cover object-top\" width=\"800\" height=\"599\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/sanatorium-kilchberg\/978452400a-1719169766\/sani-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":799},{"src":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/bd6178ae26-1719566949\/wbg-sm-800x-sharpen50.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/bd6178ae26-1719566949\/wbg-sm-800x-sharpen50.jpg\" alt=\"Wohnbaugenossenschaften Schweiz\" class=\"w-full object-cover object-top\" width=\"800\" height=\"600\" loading=\"lazy\">","currentSrc":"https:\/\/www.gilles.ch\/media\/pages\/portfolio\/wohnbaugenossenschaften-schweiz\/bd6178ae26-1719566949\/wbg-sm-800x-sharpen50.webp","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":800,"naturalHeight":800},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/1a40e45936-1719169795\/w3c.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/1a40e45936-1719169795\/w3c.svg\" class=\"w-full\" width=\"100\" alt=\"W3C\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/f678c3f898-1719169795\/html.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/f678c3f898-1719169795\/html.svg\" class=\"w-full\" width=\"100\" alt=\"HTML\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/b7e8390422-1719169794\/css.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/b7e8390422-1719169794\/css.svg\" class=\"w-full\" width=\"100\" alt=\"CSS\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/9b09e2ca4a-1719169795\/tailwind.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/9b09e2ca4a-1719169795\/tailwind.svg\" class=\"w-full\" width=\"100\" alt=\"Tailwind CSS\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/6a1f7bb1a7-1719169795\/sass.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/6a1f7bb1a7-1719169795\/sass.svg\" class=\"w-full\" width=\"100\" alt=\"Sass\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/5b6c0982b8-1719169795\/javascript.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/5b6c0982b8-1719169795\/javascript.svg\" class=\"w-full\" width=\"100\" alt=\"JavaScript\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/a18cfa7150-1719169794\/alpinejs.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/a18cfa7150-1719169794\/alpinejs.svg\" class=\"w-full\" width=\"100\" alt=\"Alpine.js\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/e36a6391f7-1719169795\/vue.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/e36a6391f7-1719169795\/vue.svg\" class=\"w-full\" width=\"100\" alt=\"Vue.js\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/14fe15b7ca-1719169794\/apache.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/14fe15b7ca-1719169794\/apache.svg\" class=\"w-full\" width=\"100\" alt=\"Apache Server\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/c56cc6f812-1719169795\/php.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/c56cc6f812-1719169795\/php.svg\" class=\"w-full\" width=\"100\" alt=\"PHP\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/90e89688f0-1719169795\/mysql.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/90e89688f0-1719169795\/mysql.svg\" class=\"w-full\" width=\"100\" alt=\"MySQL\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/32951f0fb1-1719169795\/kirby.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/32951f0fb1-1719169795\/kirby.svg\" class=\"w-full\" width=\"100\" alt=\"Kirby CMS\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/f64ac8f1f1-1719169795\/processwire.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/f64ac8f1f1-1719169795\/processwire.svg\" class=\"w-full\" width=\"100\" alt=\"ProcessWire\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/7b6b25803d-1719169794\/apple.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/7b6b25803d-1719169794\/apple.svg\" class=\"w-full\" width=\"100\" alt=\"Apple\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/0c67b7a549-1719169795\/vscode.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/0c67b7a549-1719169795\/vscode.svg\" class=\"w-full\" width=\"100\" alt=\"Visual Studio Code\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/56a184f1b2-1719169795\/stackoverflow.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/56a184f1b2-1719169795\/stackoverflow.svg\" class=\"w-full\" width=\"100\" alt=\"Stack Overflow\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/7db4542381-1719169795\/github.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/7db4542381-1719169795\/github.svg\" class=\"w-full\" width=\"100\" alt=\"Github\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/7ce407ca41-1719169794\/copilot.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/7ce407ca41-1719169794\/copilot.svg\" class=\"w-full\" width=\"100\" alt=\"Github Copilot\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/cc74973338-1719169795\/npm.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/cc74973338-1719169795\/npm.svg\" class=\"w-full\" width=\"100\" alt=\"NPM JS\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/63f2409bba-1719169794\/adobexd.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/63f2409bba-1719169794\/adobexd.svg\" class=\"w-full\" width=\"100\" alt=\"Adobe XD\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/09204eaf7e-1719169794\/affinity-designer.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/09204eaf7e-1719169794\/affinity-designer.svg\" class=\"w-full\" width=\"100\" alt=\"Affinity Designer\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/04921b7d76-1719169794\/clickup.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/04921b7d76-1719169794\/clickup.svg\" class=\"w-full\" width=\"100\" alt=\"Clickup\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/29a79d65ad-1719169794\/figma.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/29a79d65ad-1719169794\/figma.svg\" class=\"w-full\" width=\"100\" alt=\"Figma\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/service\/5fe18189cc-1719169795\/sketch.svg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/service\/5fe18189cc-1719169795\/sketch.svg\" class=\"w-full\" width=\"100\" alt=\"Sketch\" height=\"100\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.gilles.ch\/media\/pages\/uebermich\/9676f413e4-1719169797\/g-390x520-crop.jpg","html":"<img src=\"https:\/\/www.gilles.ch\/media\/pages\/uebermich\/9676f413e4-1719169797\/g-390x520-crop.jpg\" class=\"block rounded-md \" alt=\"Gilbert Nigg\" width=\"390\" height=\"488\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns
[]
meta-viewport
width=device-width,initial-scale=1.0
possibly-render-blocking-reqs
["https:\/\/www.gilles.ch\/assets\/css\/app.css?v=1723310846"]
rendered-html
<html lang="de" class=""><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Gilbert Nigg - Webentwicklung in Zürich [Web Developer, Website, Webdesign, Programmierung, CMS]</title> <script async="" src="//www.gilles.ch/analytics/matomo.js"></script><script> document.documentElement.classList.remove('no-js'); </script> <link rel="preload" href="https://www.gilles.ch/assets/fonts/RingsideNarrow-Bold_Web.woff2" as="font" crossorigin="anonymous"> <link rel="preload" href="https://www.gilles.ch/assets/fonts/RingsideNarrow-Semibold_Web.woff2" as="font" crossorigin="anonymous"> <link rel="preload" href="https://www.gilles.ch/assets/fonts/RingsideNarrow-Book_Web.woff2" as="font" crossorigin="anonymous"> <meta name="description" content="Willkommen bei Ihrem Partner für die Um­setzung unter­schied­lichster Web­lösungen. Für Agenturen als auch für Direkt­kunden – von der Kon­zeption bis zur erfolg­reichen Online-Schaltung und Be­treu­ung."> <meta property="og:title" content="Gilbert Nigg - Webentwicklung in Zürich [Web Developer, Website, Webdesign, Programmierung, CMS]"> <meta property="og:description" content="Willkommen bei Ihrem Partner für die Um­setzung unter­schied­lichster Web­lösungen. Für Agenturen als auch für Direkt­kunden – von der Kon­zeption bis zur erfolg­reichen Online-Schaltung und Be­treu­ung."> <meta property="og:url" content="https://www.gilles.ch"> <meta property="og:type" content="website"> <link rel="icon" type="image/png" href="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-32x32-crop.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-48x48-crop.png" sizes="48x48"> <link rel="icon" type="image/png" href="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-96x96-crop.png" sizes="96x96"> <link rel="apple-touch-icon" href="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-1500x1500-crop.png"> <link rel="image_src" href="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-1500x1500-crop.png"> <meta property="og:image" content="https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-1500x1500-crop.png"> <link href="https://www.gilles.ch/assets/css/app.css?v=1723310846" rel="stylesheet"> <script defer="" src="https://www.gilles.ch/assets/js/app.js?v=1723310846"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u = "//www.gilles.ch/analytics/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '1']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> </head> <body> <header id="header" class="pointer-events-none fixed z-20 inset-0"> <div class="__center--xl relative h-full"> <button id="navicon" class="navicon cursor-pointer pointer-events-auto absolute z-10 top-[2.3rem] right-6 md:right-16 md:top-12" aria-label="Navigation"> <img id="nav-open" src="https://www.gilles.ch/assets/img/logo-g.svg" class="navicon" alt=""> <img id="nav-close" src="https://www.gilles.ch/assets/img/icon-close.svg" class="navicon hidden" alt=""> </button> <nav id="nav" class="__hide-scrollbar absolute inset-x-0 top-0 z-0 bg-secondary text-fluffball opacity-0"> <div class="__center pb-8 max-md:pt-10"> <h1 class="max-md:hidden"> Gilbert Nigg <small>Freelance Web Developer / Zürich</small> </h1> <div class="__hide-scrollbar h-full grid grid-cols-1 gap-4 md:grid-cols-4 md:pt-2"> <p class="mb-4"> <strong class="text-melon-red">Gilbert Nigg</strong><br> <a href="https://goo.gl/maps/C1qyzH21n2k" class="inline-block text-fluffball" target="_blank" rel="noopener noreferrer"> Hardturmstrasse 66<br>CH-8005 Zürich </a> </p> <div class="__check-viewport tags __delay-index flex-col items-start"> <a class="tag" href="tel:+41433213744">+41 43 321 37 44</a> <a class="tag" href="mailto:[email protected]">[email protected]</a> <a href="/data/Gilbert_Nigg.vcf" class="tag" target="_blank" rel="nofollow noreferrer">Download vCard</a> </div> <div class="__check-viewport tags __delay-index flex-col items-start"> <a href="https://goo.gl/maps/C1qyzH21n2k" class="tag" target="_blank" rel="noopener noreferrer">Lageplan</a> <a href="http://ch.linkedin.com/in/gilbertnigg" class="tag" target="_blank" rel="noopener noreferrer">LinkedIn</a> </div> <div class="max-md:order-first md:-translate-y-2"> <ul class="font-bold text-xl md:text-xl"> <li> <a href="#portfolio" class="text-secondary hover:text-melon-red" data-anchor="portfolio"> Portfolio </a> </li> <li> <a href="#service" class="text-secondary hover:text-melon-red" data-anchor="service"> Service </a> </li> <li> <a href="#uebermich" class="text-secondary hover:text-melon-red" data-anchor="uebermich"> Über mich </a> </li> <li> <a href="#kontakt" class="text-secondary hover:text-melon-red" data-anchor="kontakt"> Kontakt </a> </li> </ul> </div> </div> </div> </nav> </div> </header> <article> <div id="intro"> <div class="max-md:min-h-screen max-md:supports-[min-height:100svh]:min-h-svh"> <h1 class="__center"> Gilbert Nigg <small>Freelance Web Developer / Zürich</small> </h1> <div class="__center md:grid md:grid-cols-4 md:gap-4 md:mb-32"> <div class="md:col-span-3 md:col-end-4"> <h3 class="font-semibold text-lg md:text-xl"> Willkommen bei Ihrem Partner für die Um­setzung unter­schied­lichster Web­lösungen. Für Agenturen als auch für Direkt­kunden – von der Kon­zeption bis zur erfolg­reichen Online-Schaltung und Be­treu­ung <span class="text-secondary animate-varfade-in" style="--delay:0.2"> /&nbsp;Schön, sind Sie hier.</span> </h3> <div class="tags mt-10 md:mt-12 max-md:flex-col max-md:items-start"> <a href="mailto:[email protected]" class="tag is-icon is-md mr-2 animate-varfade-in" style="--delay:0.4"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"> </path> </svg> [email protected] </a> <a href="tel:+41433213744" class="tag is-icon is-md mr-2 animate-varfade-in" style="--delay:0.6"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"> </path> </svg> +41 43 321 37 44 </a> <a href="https://getkirby.com/partners/gilbertnigg" target="_blank" rel="noopener noreferrer" class="tag is-icon is-md mr-2 animate-varfade-in" style="--delay:1.0"> <svg clip-rule="evenodd" fill-rule="evenodd" fill="currentColor" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path d="m50 0 42.857 25v50L50 100 7.143 75V25zM11.905 27.857v44.286L50 94.286l38.095-22.143V27.857L50 5.714z"></path> <path d="m69.048 50-11.905 6.19v.953h11.905v9.524H30.952v-9.524h11.905v-.953L30.952 50V38.095L50 48.333l19.048-10.238"></path> </svg> Kirby Partner </a> </div> </div> </div> </div> </div> <div id="portfolio"> <div class="__center--md grid grid-cols-2 gap-2 max-md:pt-4 md:grid-cols-4 md:gap-4"> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Jaeger Coneco Baumanagement'])" style="--delay: 0.27876093190715956;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.jpg" alt="Jaeger Coneco Baumanagement" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Jaeger Coneco Baumanagement</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">jaco.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'BASPO Innovationslabor lab7x1'])" style="--delay: 0.25300447193694614;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.jpg" alt="BASPO Innovationslabor lab7x1" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">BASPO Innovationslabor lab7x1</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">baspo.admin.ch/de/das-innovationslabor-lab7x1</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Roteq Turbomachineries'])" style="--delay: 0.02692703420934824;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.jpg" alt="Roteq Turbomachineries" class="w-full object-cover object-top" width="800" height="374" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Roteq Turbomachineries</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">roteqturbo.com</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Chocolatier Schober'])" style="--delay: 0.10588775197943427;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.jpg" alt="Chocolatier Schober" class="w-full object-cover object-top" width="800" height="599" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Chocolatier Schober</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">conditorei-schober.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'AH4'])" style="--delay: 0.17499680376299973;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.jpg" alt="AH4" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">AH4</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">ah4.law</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'SECO Standortförderung'])" style="--delay: 0.1202100731737709;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.jpg" alt="SECO Standortförderung" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">SECO Standortförderung</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">promotion.guide</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Glockenhof Zürich'])" style="--delay: 0.21537711213217717;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.jpg" alt="Glockenhof Zürich" class="w-full object-cover object-top" width="800" height="449" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Glockenhof Zürich</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">glockenhof.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded is-viewport" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Alfredo Häberli Design Development'])" style="--delay: 0.2298270181025254;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.jpg" alt="Alfredo Häberli Design Development" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Alfredo Häberli Design Development</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">alfredo-haeberli.com</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Card-Security'])" style="--delay: 0.329472021647138;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.jpg" alt="Card-Security" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Card-Security</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">card-security.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Arndt Geiger Herrmann'])" style="--delay: 0.2361816554197377;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.jpg" alt="Arndt Geiger Herrmann" class="w-full object-cover object-top" width="800" height="601" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Arndt Geiger Herrmann</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">agh.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', '5 am Tag'])" style="--delay: 0.3032539934780409;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.jpg" alt="5 am Tag" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">5 am Tag</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">5amtag.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Molinari Design'])" style="--delay: 0.15711649836121447;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.jpg" alt="Molinari Design" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Molinari Design</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">molinaridesign.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Gute Betreuung im Alter'])" style="--delay: 0.039977890594410224;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.jpg" alt="Gute Betreuung im Alter" class="w-full object-cover object-top" width="800" height="934" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Gute Betreuung im Alter</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">gutaltern.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Studio Geissbühler'])" style="--delay: 0.11349523831178066;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.jpg" alt="Studio Geissbühler" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Studio Geissbühler</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">geissbuehler.net</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Genossenschaft Hofgarten'])" style="--delay: 0.12797109966166417;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.jpg" alt="Genossenschaft Hofgarten" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Genossenschaft Hofgarten</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">geho.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Hemmi Fayet Architekten'])" style="--delay: 0.10669264765028741;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.jpg" alt="Hemmi Fayet Architekten" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Hemmi Fayet Architekten</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">hemmifayet.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Swiss Sports History'])" style="--delay: 0.18848028336175573;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.jpg" alt="Swiss Sports History" class="w-full object-cover object-top" width="800" height="462" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Swiss Sports History</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">sportshistory.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Welz AG'])" style="--delay: 0.23600027773254303;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.jpg" alt="Welz AG" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Welz AG</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">welz.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Sanatorium Kilchberg'])" style="--delay: 0.11276171409249398;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.jpg" alt="Sanatorium Kilchberg" class="w-full object-cover object-top" width="800" height="599" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Sanatorium Kilchberg</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">sanatorium-kilchberg.ch</span> </span> </figcaption> </figure> <figure class="__check-viewport __delay-random overlay-open cursor-pointer group block overflow-hidden relative rounded" onclick="_paq.push(['trackEvent', 'Portfolio', 'Portfolio Link Click', 'Wohnbaugenossenschaften Schweiz'])" style="--delay: 0.1744251410050334;"> <picture class="block overflow-hidden will-change-transform transition-transform duration-300 ease-in-out aspect-w-8 aspect-h-8 md:aspect-h-6 md:group-hover:-translate-y-4"> <source srcset="https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.jpg" alt="Wohnbaugenossenschaften Schweiz" class="w-full object-cover object-top" width="800" height="600" loading="lazy"> </picture> <figcaption class="transition-colors duration-300 ease-in-out absolute bottom-0 inset-x-0 px-3 py-2 text-left text-xs bg-white md:group-hover:bg-secondary"> <span class="md:hidden">Website</span> <strong class="transition-colors duration-300 ease-in-out font-extrabold text-primary truncate block md:group-hover:text-melon-red">Wohnbaugenossenschaften Schweiz</strong> <span class="transition-colors duration-300 ease-in-out hidden font-semibold truncate md:block"> <span class="text-primary group-hover:text-fluffball">Website</span> <span class="text-secondary group-hover:text-fluffball">wbg-schweiz.ch</span> </span> </figcaption> </figure> </div> <div id="overlay" class="is-ui-dark fixed inset-x-0 top-0 h-0 z-30 opacity-0 pointer-events-none md:bg-secondary"> <div id="work-carousel" class="__center--xl flex-1 splide h-full"> <div class="absolute flex flex-col z-10 top-[2.3rem] right-6 md:right-16 md:top-12"> <button id="overlay-close" class="navicon mb-2"> <img src="https://www.gilles.ch/assets/img/icon-close.svg" alt=""> </button> </div> <div class="splide__track h-full overflow-hidden --bg-white bg-secondary text-fluffball"> <div class="splide__list"> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.jpg" loading="lazy" alt="Jaeger Coneco Baumanagement"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Jaeger Coneco Baumanagement</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Website mit dem Kirby CMS für die Baumanagement Firma Jaeger Coneco AG mit umfangreichem Projekt-Portfolio vieler bekannter Bauten und Liegenschaften in und um Zürich. </p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--next pb-px"> BASPO Innovationslabor lab7x1 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Jaeger Coneco Baumanagement </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2024 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.molinaridesign.ch/" target="_blank">Molinari Design</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.jaco.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> jaco.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">HTML</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">PHP</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">CSS</li> <li class="tag is-primary" style="--delay: 0.1;">Alpine JS</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Javascript</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.2;">Kirby</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--next pb-px"> BASPO Innovationslabor lab7x1 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.jpg" loading="lazy" alt="BASPO Innovationslabor lab7x1"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">BASPO Innovationslabor lab7x1</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Interaktive Karte mit dem Wimmelbild der Grafikagentur Pikka zum Stöbern und Entdecken des Innovationslabors «Lab7x1»&nbsp;vom Bundesamt für Sport BASPO.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Jaeger Coneco Baumanagement </button> <button class="tag is-primary splide--next pb-px"> Roteq Turbomachineries <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Bundesamt für Sport BASPO </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2024 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.pikka.ch" target="_blank">Pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.baspo.admin.ch/de/das-innovationslabor-lab7x1" class="tag is-lg" target="_blank" rel="noopener noreferrer"> baspo.admin.ch/de/das-innovationslabor-lab7x1 </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Leaflet</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Json</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Jaeger Coneco Baumanagement </button> <button class="tag is-primary splide--next pb-px"> Roteq Turbomachineries <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/a7c0012fe8-1719169773/roteq-turbomachinery-pump-services-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/a7c0012fe8-1719169773/roteq-turbomachinery-pump-services-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/a7c0012fe8-1719169773/roteq-turbomachinery-pump-services-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/a7c0012fe8-1719169773/roteq-turbomachinery-pump-services-2000x.jpg" loading="lazy" alt="Roteq Turbomachineries"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Roteq Turbomachineries</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Website für das weltweit tätige Unternehmen Roteq für Turbomaschinen- und Pumpendienstleistungen.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> BASPO Innovationslabor lab7x1 </button> <button class="tag is-primary splide--next pb-px"> Chocolatier Schober <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Roteq Turbomachineries </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2024 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.pikka.com" target="_blank">Pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.roteqturbo.com" class="tag is-lg" target="_blank" rel="noopener noreferrer"> roteqturbo.com </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Kirby</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Github</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> BASPO Innovationslabor lab7x1 </button> <button class="tag is-primary splide--next pb-px"> Chocolatier Schober <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/317fdb1098-1719169773/chocolaterie-schober-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/317fdb1098-1719169773/chocolaterie-schober-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/317fdb1098-1719169773/chocolaterie-schober-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/317fdb1098-1719169773/chocolaterie-schober-2000x.jpg" loading="lazy" alt="Chocolatier Schober"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Chocolatier Schober</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Website für die traditionsreiche Conditorei Schober Schober in der Zürcher Innenstadt. </p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Roteq Turbomachineries </button> <button class="tag is-primary splide--next pb-px"> AH4 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Chocolatier Schober </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2023 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.pikka.com" target="_blank">Pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.conditorei-schober.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> conditorei-schober.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">Javascript</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">PHP</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.1;">CSS</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.2;">Kirby</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Roteq Turbomachineries </button> <button class="tag is-primary splide--next pb-px"> AH4 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/ah4/ee35eaafa1-1719169773/ah4-family-law-experts-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/ah4/ee35eaafa1-1719169773/ah4-family-law-experts-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/ah4/ee35eaafa1-1719169773/ah4-family-law-experts-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/ah4/ee35eaafa1-1719169773/ah4-family-law-experts-2000x.jpg" loading="lazy" alt="AH4"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">AH4</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Umsetzung der Corporate-Website von AH4, den führenden Expert*innen im Bereich Ehe- und Familienrecht in der Schweiz.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Chocolatier Schober </button> <button class="tag is-primary splide--next pb-px"> SECO Standortförderung <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> AH4 Family Law Experts </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2023 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.molinaridesign.ch" target="_blank" rel="noreferrer">Molinari Design</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://ah4.law" class="tag is-lg" target="_blank" rel="noopener noreferrer"> ah4.law </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">PHP</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">Javascript</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.1;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Kirby</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">CSS</li> <li class="tag is-primary" style="--delay: 0.2;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Alpine JS</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Github</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Chocolatier Schober </button> <button class="tag is-primary splide--next pb-px"> SECO Standortförderung <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/d9fd9ac13d-1719169772/seco-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/d9fd9ac13d-1719169772/seco-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/d9fd9ac13d-1719169772/seco-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/d9fd9ac13d-1719169772/seco-2000x.jpg" loading="lazy" alt="SECO Standortförderung"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">SECO Standortförderung</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Die Standortförderung des SECO unterstützt den Wirtschaftsstandort Schweiz mit einer breiten Palette von Förderangeboten. Der Standortförderguide findet passende Förderangebote für Organisation oder Projekte.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> AH4 </button> <button class="tag is-primary splide--next pb-px"> Glockenhof Zürich <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Staatssekretariat für Wirtschaft SECO </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2023 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.weissgrund.ch" target="_blank" rel="noopener noreferrer">Weissgrund</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://promotion.guide" class="tag is-lg" target="_blank" rel="noopener noreferrer"> promotion.guide </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.1;">CSS</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Javascript</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Mysql</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> AH4 </button> <button class="tag is-primary splide--next pb-px"> Glockenhof Zürich <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/5f47ec07e6-1719169772/glockenhof-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/5f47ec07e6-1719169772/glockenhof-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/5f47ec07e6-1719169772/glockenhof-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/5f47ec07e6-1719169772/glockenhof-2000x.jpg" loading="lazy" alt="Glockenhof Zürich"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Glockenhof Zürich</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Website für das seit 1911 bestehende 4-Sterne-Haus Glockenhof Zürich – eines der besten Zürcher Stadthotels mit 88 Zimmern, 2 Restaurants, Bar mit Boulevard-Café und einem schönen, grünen Innenhof der Stadt.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> SECO Standortförderung </button> <button class="tag is-primary splide--next pb-px"> Alfredo Häberli Design Development <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Glockenhof Zürich </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2023 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.moerge.li" target="_blank">Moergeli | Grafische Gestaltung</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.glockenhof.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> glockenhof.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Mysql</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Laravel Mix</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> SECO Standortförderung </button> <button class="tag is-primary splide--next pb-px"> Alfredo Häberli Design Development <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/95354a0094-1719169772/ahdd-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/95354a0094-1719169772/ahdd-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/95354a0094-1719169772/ahdd-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/95354a0094-1719169772/ahdd-2000x.jpg" loading="lazy" alt="Alfredo Häberli Design Development"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Alfredo Häberli Design Development</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Erstellung der Website für den international renommierten und mehrfach ausgezeichneten Produktdesigner Alfredo Häberli. Mit einer umfassenden Auswahl seiner beeindruckenden Design-Objekte von Ende der 80er-Jahre bis heute. Relaunch der Website mit <a href="https://getkirby.com" target="_blank" rel="noopener noreferrer">Kirby CMS</a> im Jahr 2022.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Glockenhof Zürich </button> <button class="tag is-primary splide--next pb-px"> Card-Security <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Alfredo Häberli Design Development </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2022 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.stefanie-haeberli.ch" target="_blank">Stefanie Häberli</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.alfredo-haeberli.com" class="tag is-lg" target="_blank" rel="noopener noreferrer"> alfredo-haeberli.com </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">PHP</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Kirby</li> <li class="tag is-primary" style="--delay: 0.2;">Laravel Mix</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Glockenhof Zürich </button> <button class="tag is-primary splide--next pb-px"> Card-Security <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/card-security/51eafb442a-1719169771/cardsecurity-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/card-security/51eafb442a-1719169771/cardsecurity-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/card-security/51eafb442a-1719169771/cardsecurity-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/card-security/51eafb442a-1719169771/cardsecurity-2000x.jpg" loading="lazy" alt="Card-Security"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Card-Security</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Umsetzung der viersprachigen Website «Card Security», mit diversen Tipps, Berichten, Quiz und Glossar für einen sicheren Umgang mit Debit- oder Kreditkarte und allem, was bei einem Missbrauch zu tun ist. Die Website erhielt die Auszeichnung «german brand award '22 special»</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Alfredo Häberli Design Development </button> <button class="tag is-primary splide--next pb-px"> Arndt Geiger Herrmann <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Stadt Zürich </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2022 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.theprfactory.ch" target="_blank">The PR Factory</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.card-security.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> card-security.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">HTML</li> <li class="tag is-primary" style="--delay: 0.1;">Javascript</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.2;">Mysql</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">PHP</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.3;">Json</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Alfredo Häberli Design Development </button> <button class="tag is-primary splide--next pb-px"> Arndt Geiger Herrmann <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/889b577db7-1719169771/agh-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/889b577db7-1719169771/agh-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/889b577db7-1719169771/agh-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/889b577db7-1719169771/agh-2000x.jpg" loading="lazy" alt="Arndt Geiger Herrmann"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Arndt Geiger Herrmann</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Umsetzung der äusserst stilvollen und schlicht gehaltenen Website für massgeschneiderte Lebensräume der Architekten ARNDT GEIGER HERRMANN in Zürich.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Card-Security </button> <button class="tag is-primary splide--next pb-px"> 5 am Tag <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Arndt Geiger Herrmann </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2022 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.pikka.ch" target="_blank">Pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.agh.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> agh.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Kirby</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Tailwind</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Card-Security </button> <button class="tag is-primary splide--next pb-px"> 5 am Tag <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/5-am-tag/378620aef7-1719169770/5amtag-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/5-am-tag/378620aef7-1719169770/5amtag-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/5-am-tag/378620aef7-1719169770/5amtag-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/5-am-tag/378620aef7-1719169770/5amtag-2000x.jpg" loading="lazy" alt="5 am Tag"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">5 am Tag</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Realisierung der dreisprachigen Website der Kampagne «5 am Tag»&nbsp;des Bundesamtes für Lebensmittelsicherheit und Veterinärwesen BLV. Die Website soll inspirieren und Lust darauf machen, neue Sorten, Farben und Geschmacksrichtungen Früchte und Gemüse auszuprobieren. Mit diversen Rezepten, spannenden Tipps und einer umfassenden Wissensdatenbank.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Arndt Geiger Herrmann </button> <button class="tag is-primary splide--next pb-px"> Molinari Design <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Bundesamt für Lebensmittelsicherheit und Veterinärwesen </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2021 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.keen.ch" target="_blank">KEEN Public Relations</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.5amtag.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> 5amtag.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">HTML</li> <li class="tag is-primary" style="--delay: 0.1;">Javascript</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.2;">Mysql</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">PHP</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.3;">Mailchimp</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Arndt Geiger Herrmann </button> <button class="tag is-primary splide--next pb-px"> Molinari Design <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/molinari-design/8226b00715-1719169770/molinari-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/molinari-design/8226b00715-1719169770/molinari-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/molinari-design/8226b00715-1719169770/molinari-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/molinari-design/8226b00715-1719169770/molinari-2000x.jpg" loading="lazy" alt="Molinari Design"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Molinari Design</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Für Zürichs Lieblingsgrafiker durfte ich seine Website erstellen. Mit Portfolio, integriertem Shop und einer Hommage an das Hexagon, realisierten wir die Website mit dem Kirby CMS.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> 5 am Tag </button> <button class="tag is-primary splide--next pb-px"> Gute Betreuung im Alter <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Molinari Design </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2021 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.molinari-design.ch" target="_blank">Molinari Design</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.molinaridesign.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> molinaridesign.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Kirby</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Alpine JS</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Snipcart</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> 5 am Tag </button> <button class="tag is-primary splide--next pb-px"> Gute Betreuung im Alter <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/a9d1bf8a99-1719169770/gutaltern-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/a9d1bf8a99-1719169770/gutaltern-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/a9d1bf8a99-1719169770/gutaltern-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/a9d1bf8a99-1719169770/gutaltern-2000x.jpg" loading="lazy" alt="Gute Betreuung im Alter"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Gute Betreuung im Alter</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Realisierung der zweisprachigen Website «Gute Betreuung im Alter – Perspektiven für die Schweiz» der Paul Schiller Stiftung mit vielen News, Informationen und Veranstaltungen über Leben und Betreuung im Alter. </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Molinari Design </button> <button class="tag is-primary splide--next pb-px"> Studio Geissbühler <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Paul Schiller Stiftung </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2021 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.weissgrund.ch" target="_blank">weissgrund</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.gutaltern.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> gutaltern.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">HTML</li> <li class="tag is-primary" style="--delay: 0.1;">Javascript</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.2;">Mysql</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">PHP</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Tailwind</li> <li class="tag is-primary" style="--delay: 0.3;">Mailchimp</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Molinari Design </button> <button class="tag is-primary splide--next pb-px"> Studio Geissbühler <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/6f5a2e2e14-1719169769/geissbuehler-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/6f5a2e2e14-1719169769/geissbuehler-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/6f5a2e2e14-1719169769/geissbuehler-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/6f5a2e2e14-1719169769/geissbuehler-2000x.jpg" loading="lazy" alt="Studio Geissbühler"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Studio Geissbühler</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Realisation der Website für die Grafikerin Nadine Geissbühler mit einer Zusammenstellung bekannter und wunderbarer Arbeiten. Zusammengefasst in einem Online-Portfolio, relalisiert mit meinem Lieblings-CMS Kirby. </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Gute Betreuung im Alter </button> <button class="tag is-primary splide--next pb-px"> Genossenschaft Hofgarten <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Studio Geissbühler </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2021 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="https://www.molinaridesign.ch/" target="_blank" rel="noopener noreferrer">Molinari Design</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.geissbuehler.net" class="tag is-lg" target="_blank" rel="noopener noreferrer"> geissbuehler.net </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CSS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Javascript</li> <li class="tag is-primary" style="--delay: 0.1;">Kirby</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Laravel Mix</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Tailwind</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Gute Betreuung im Alter </button> <button class="tag is-primary splide--next pb-px"> Genossenschaft Hofgarten <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/7cd4e5441c-1719169769/geho-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/7cd4e5441c-1719169769/geho-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/7cd4e5441c-1719169769/geho-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/7cd4e5441c-1719169769/geho-2000x.jpg" loading="lazy" alt="Genossenschaft Hofgarten"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Genossenschaft Hofgarten</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Gestaltung und Umsetzung der Website mit vielen Informationen über die Genossenschaft Hofgarten in Zürich und eigener Online-Warteliste. </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Studio Geissbühler </button> <button class="tag is-primary splide--next pb-px"> Hemmi Fayet Architekten <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Genossenschaft Hofgarten </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2020 </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.geho.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> geho.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Design</li> <li class="tag is-primary" style="--delay: 0.1;">Foundation</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Gulp</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">HTML</li> <li class="tag is-primary" style="--delay: 0.2;">Javascript</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Mysql</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.3;">Sass</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Studio Geissbühler </button> <button class="tag is-primary splide--next pb-px"> Hemmi Fayet Architekten <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/78667d7c09-1719169769/hemmifayet-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/78667d7c09-1719169769/hemmifayet-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/78667d7c09-1719169769/hemmifayet-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/78667d7c09-1719169769/hemmifayet-2000x.jpg" loading="lazy" alt="Hemmi Fayet Architekten"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Hemmi Fayet Architekten</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Realisierung der Website für Hemmi Fayet Architekten AG, das mit einem Team von über 60 Mitarbeitenden Projekte in Architektur, Raumgestaltung und Städtebau entwickelt und anspruchsvolle Bauten realisiert. </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Genossenschaft Hofgarten </button> <button class="tag is-primary splide--next pb-px"> Swiss Sports History <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Hemmi Fayet Architekten AG </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2019 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.pikka.com" target="_blank">pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="http://www.hemmifayet.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> hemmifayet.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Foundation</li> <li class="tag is-primary" style="--delay: 0.1;">Gulp</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Javascript</li> <li class="tag is-primary" style="--delay: 0.2;">Mysql</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">PHP</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Sass</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Genossenschaft Hofgarten </button> <button class="tag is-primary splide--next pb-px"> Swiss Sports History <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/1a18fc7ff2-1719169768/ssh-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/1a18fc7ff2-1719169768/ssh-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/1a18fc7ff2-1719169768/ssh-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/1a18fc7ff2-1719169768/ssh-2000x.jpg" loading="lazy" alt="Swiss Sports History"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Swiss Sports History</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Beratung, Gestaltung und Umsetzung der digitalen Plattform «Swiss Sports History», die schweizweit und sprachübergreifend verschiedenen Nutzergruppen den Zugang zur Sportgeschichte der Schweiz erleichtert. Artikel auf NZZ.ch und Wellnessino </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Hemmi Fayet Architekten </button> <button class="tag is-primary splide--next pb-px"> Welz AG <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Swiss Sports History </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2019 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.bngraphics.ch" target="_blank">BNgraphics</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.sportshistory.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> sportshistory.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Design</li> <li class="tag is-primary" style="--delay: 0.1;">Foundation</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Gulp</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">HTML</li> <li class="tag is-primary" style="--delay: 0.2;">Javascript</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Mehrsprachig</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Mysql</li> <li class="tag is-primary" style="--delay: 0.3;">PHP</li> <li class="tag is-primary" style="--delay: 0.3333333333333333;">Sass</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Hemmi Fayet Architekten </button> <button class="tag is-primary splide--next pb-px"> Welz AG <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/welz-ag/88f5c33524-1719169768/welz-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/welz-ag/88f5c33524-1719169768/welz-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/welz-ag/88f5c33524-1719169768/welz-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/welz-ag/88f5c33524-1719169768/welz-2000x.jpg" loading="lazy" alt="Welz AG"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Welz AG</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> Realisierung der Website für den Handwerksbetrieb Welz AG in Trogen – wo Hightech, Handwerk und Know-how zusammenkommen. Mit Bilder- und Referenzgalerien, die vom Kunden im Lightroom erstellt, bearbeitet und anschliessend direkt in der Website übernommen werden. </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Swiss Sports History </button> <button class="tag is-primary splide--next pb-px"> Sanatorium Kilchberg <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Welz AG </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2019 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.pikka.com" target="_blank">pikka</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="http://www.welz.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> welz.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Foundation</li> <li class="tag is-primary" style="--delay: 0.1;">Gulp</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Javascript</li> <li class="tag is-primary" style="--delay: 0.2;">Mysql</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">PHP</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">Sass</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Swiss Sports History </button> <button class="tag is-primary splide--next pb-px"> Sanatorium Kilchberg <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/5c93cdcac0-1719169767/sani-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/5c93cdcac0-1719169767/sani-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/5c93cdcac0-1719169767/sani-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/5c93cdcac0-1719169767/sani-2000x.jpg" loading="lazy" alt="Sanatorium Kilchberg"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Sanatorium Kilchberg</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Beratung und Realisierung der Website für das renommierte Sanatorium Kilchberg, dem medizinischen Kompetenzzentrum und eine der führenden Privatkliniken für Psychiatrie und Psychotherapie der Schweiz.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Welz AG </button> <button class="tag is-primary splide--next pb-px"> Wohnbaugenossenschaften Schweiz <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Sanatorium Kilchberg </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2018 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.moerge.li" target="_blank">Moergeli | Grafische Gestaltung</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="http://www.sanatorium-kilchberg.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> sanatorium-kilchberg.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">ProcessWire</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">Foundation</li> <li class="tag is-primary" style="--delay: 0.1;">Gulp</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">HTML</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">Javascript</li> <li class="tag is-primary" style="--delay: 0.2;">Json</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Mysql</li> <li class="tag is-primary" style="--delay: 0.26666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.3;">Sass</li> <li class="tag is-primary" style="--delay: 0.3333333333333333;">Shop</li> <li class="tag is-primary" style="--delay: 0.36666666666666664;">XML</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Welz AG </button> <button class="tag is-primary splide--next pb-px"> Wohnbaugenossenschaften Schweiz <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 ml-1"> <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path> </svg> </button> </div> </div> </div> </div> </div> <div class="splide__slide"> <div class="__hide-scrollbar h-screen supports-[height:100dvh]:h-dvh overflow-y-auto flex flex-col"> <div class="flex-1 relative min-h-48"> <img class="absolute w-full h-full object-cover object-top" sizes="(min-width: 1000px) 100vw" srcset="https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/d7eb1ea303-1719566937/wbg-schweiz-800x.webp 600w, https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/d7eb1ea303-1719566937/wbg-schweiz-1200x.webp 1000w, https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/d7eb1ea303-1719566937/wbg-schweiz-2000x.webp 1800w" src="https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/d7eb1ea303-1719566937/wbg-schweiz-2000x.jpg" loading="lazy" alt="Wohnbaugenossenschaften Schweiz"> </div> <div class="__center pb-12"> <h2 class="pt-4 md:pt-6"> <span class=" text-melon-red">Wohnbaugenossenschaften Schweiz</span> <small>Website</small> </h2> <div class="relative md:flex md:space-x-8"> <div class="flex-1 flex flex-col justify-between md:w-1/2"> <div> <p>Realisierung der umfangreichen Website für «Wohnbaugenossenschaften Schweiz», dem Kompetenzzentrum für den gemeinnützigen Wohnungsbau in der Schweiz.</p> </div> <div class="max-md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Sanatorium Kilchberg </button> </div> </div> </div> <div class="max-md:mt-2 md:w-1/4"> <ul class="list"> <li> <strong class="font-semibold text-secondary">Kunde </strong> Wohnbaugenossenschaften Schweiz </li> <li> <strong class="font-semibold text-secondary">Online seit </strong> 2016 </li> <li> <strong class="font-semibold text-secondary">Realisiert mit </strong> <a href="http://www.partner-partner.ch" target="_blank">Partner &amp; Partner</a> </li> </ul> <h3 class="mt-4 mb-2 text-white max-md:mt-8">Website: </h3> <div class="tags"> <a href="https://www.wbg-schweiz.ch" class="tag is-lg" target="_blank" rel="noopener noreferrer"> wbg-schweiz.ch </a> </div> </div> <div class="md:w-1/4"> <h3 class="text-white max-md:mt-8">Leistungen:</h3> <ul class="__check-viewport tags __delay-index"> <li class="tag is-primary" style="--delay: 0;">CMS</li> <li class="tag is-primary" style="--delay: 0.03333333333333333;">CSS</li> <li class="tag is-primary" style="--delay: 0.06666666666666667;">HTML</li> <li class="tag is-primary" style="--delay: 0.1;">Javascript</li> <li class="tag is-primary" style="--delay: 0.13333333333333333;">Mysql</li> <li class="tag is-primary" style="--delay: 0.16666666666666666;">PHP</li> <li class="tag is-primary" style="--delay: 0.2;">Sass</li> <li class="tag is-primary" style="--delay: 0.23333333333333334;">Shop</li> </ul> </div> </div> <div class="mt-16 md:hidden"> <div class="tags mt-8"> <button class="tag is-primary splide--prev pb-px"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block size-5 mr-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"></path> </svg> Sanatorium Kilchberg </button> </div> </div> </div> </div> </div> </div> </div> <ul class="splide__pagination"></ul> </div> </div> </div> <div id="service"> <div class="__center md:grid md:grid-cols-4 md:gap-4 md:items-end"> <h2 class="col-span-3"> Service <small>Um was es geht</small> </h2> <h3 class="mb-5 max-md:hidden">Leistungen</h3> </div> <div class="__center md:grid md:grid-cols-4 md:gap-4"> <div class="col-span-3 md:pr-8"> <p>Bei vielen Projekten, die an mich herangetragen werden, geht es um die Realisierung Websites mit Content Management System (CMS) für ein selbständiges Bearbeiten der Inhalte. Erfolgt die Anfrage über eine Agentur für einen ihrer Kunden, ist ein Designvorschlag oder eine Konzeption in der Regel schon vorhanden. In diesem Fall setze ich in Zusammenarbeit mit den Gestaltern den Entwurf in eine moderne Website um. Als CMS verwende ich die Open-Source-Projekte <a href="https://www.processwire.com/" target="_blank">Processwire</a> oder <a href="https://www.getkirby.com/" target="_blank">Kirby</a>. Bei Direktkunden entwickle ich bei Bedarf auch das Design, wenn erforderlich im Team mit ausgewählten Grafikerinnen und Grafikern aus meinem langjährigen Netzwerk.</p><p>Für detaillierte Informationen oder spezifische Bedürfnisse, zögern Sie nicht, mich zu <a href="#kontakt">kontaktieren</a>.</p> </div> <aside class="mt-8 lg:mt-0"> <h3 class="mt-8 md:hidden">Leistungen</h3> <ul class="__check-viewport __delay-index tags"> <li class="tag" style="--delay: 0;">Analyse</li> <li class="tag" style="--delay: 0.03333333333333333;">Konzeption</li> <li class="tag" style="--delay: 0.06666666666666667;">Beratung</li> <li class="tag" style="--delay: 0.1;">CSS</li> <li class="tag" style="--delay: 0.13333333333333333;">MySql</li> <li class="tag" style="--delay: 0.16666666666666666;">Design</li> <li class="tag" style="--delay: 0.2;">Javascript</li> <li class="tag" style="--delay: 0.23333333333333334;">Kirby CMS</li> <li class="tag" style="--delay: 0.26666666666666666;">Mobile</li> <li class="tag" style="--delay: 0.3;">Newsletter</li> <li class="tag" style="--delay: 0.3333333333333333;">Online-Shop</li> <li class="tag" style="--delay: 0.36666666666666664;">PHP</li> <li class="tag" style="--delay: 0.4;">Podcast</li> <li class="tag" style="--delay: 0.43333333333333335;">Processwire CMS</li> <li class="tag" style="--delay: 0.4666666666666667;">Sass</li> <li class="tag" style="--delay: 0.5;">SEO</li> <li class="tag" style="--delay: 0.5333333333333333;">Support</li> <li class="tag" style="--delay: 0.5666666666666667;">Tailwind CSS</li> <li class="tag" style="--delay: 0.6;">Touchscreen</li> <li class="tag" style="--delay: 0.6333333333333333;">Vue js</li> <li class="tag" style="--delay: 0.6666666666666666;">HTML</li> </ul> </aside> </div> <div class="__center--xl mt-8 md:mt-12"> <div class="__center py-4 bg-white xl:rounded-xl md:py-8"> <h3 class="mb-8"> Made with 😀 😲 🤯 🙂 🙌 ❤️ <span class="font-operator font-normal">&lt;div&gt;</span> and </h3> <div class="grid grid-cols-6 gap-6 text-center sm:grid-cols-8 sm:gap-8 lg:grid-cols-12"> <a href="https://www.w3.org" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="W3C" style="--delay: 0.2942334889403257;"> <img src="https://www.gilles.ch/media/pages/service/1a40e45936-1719169795/w3c.svg" class="w-full" width="100" alt="W3C" height="100" loading="lazy"> </a> <a href="https://html.spec.whatwg.org/multipage/" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="HTML" style="--delay: 0.049733172207221475;"> <img src="https://www.gilles.ch/media/pages/service/f678c3f898-1719169795/html.svg" class="w-full" width="100" alt="HTML" height="100" loading="lazy"> </a> <a href="https://www.w3.org/Style/CSS/" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="CSS" style="--delay: 0.047018523612405216;"> <img src="https://www.gilles.ch/media/pages/service/b7e8390422-1719169794/css.svg" class="w-full" width="100" alt="CSS" height="100" loading="lazy"> </a> <a href="https://tailwindcss.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Tailwind CSS" style="--delay: 0.2431974698043271;"> <img src="https://www.gilles.ch/media/pages/service/9b09e2ca4a-1719169795/tailwind.svg" class="w-full" width="100" alt="Tailwind CSS" height="100" loading="lazy"> </a> <a href="https://sass-lang.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Sass" style="--delay: 0.07179572836409569;"> <img src="https://www.gilles.ch/media/pages/service/6a1f7bb1a7-1719169795/sass.svg" class="w-full" width="100" alt="Sass" height="100" loading="lazy"> </a> <a href="https://www.w3.org/standards/webdesign/script" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="JavaScript" style="--delay: 0.11793354517910244;"> <img src="https://www.gilles.ch/media/pages/service/5b6c0982b8-1719169795/javascript.svg" class="w-full" width="100" alt="JavaScript" height="100" loading="lazy"> </a> <a href="https://alpinejs.dev" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Alpine.js" style="--delay: 0.046094509282763964;"> <img src="https://www.gilles.ch/media/pages/service/a18cfa7150-1719169794/alpinejs.svg" class="w-full" width="100" alt="Alpine.js" height="100" loading="lazy"> </a> <a href="https://vuejs.org" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Vue.js" style="--delay: 0.18302317297141749;"> <img src="https://www.gilles.ch/media/pages/service/e36a6391f7-1719169795/vue.svg" class="w-full" width="100" alt="Vue.js" height="100" loading="lazy"> </a> <a href="https://httpd.apache.org" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Apache Server" style="--delay: 0.24482532651720254;"> <img src="https://www.gilles.ch/media/pages/service/14fe15b7ca-1719169794/apache.svg" class="w-full" width="100" alt="Apache Server" height="100" loading="lazy"> </a> <a href="https://www.php.net" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="PHP" style="--delay: 0.17682881021066707;"> <img src="https://www.gilles.ch/media/pages/service/c56cc6f812-1719169795/php.svg" class="w-full" width="100" alt="PHP" height="100" loading="lazy"> </a> <a href="https://www.mysql.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="MySQL" style="--delay: 0.22910239612985026;"> <img src="https://www.gilles.ch/media/pages/service/90e89688f0-1719169795/mysql.svg" class="w-full" width="100" alt="MySQL" height="100" loading="lazy"> </a> <a href="https://getkirby.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Kirby CMS" style="--delay: 0.08118188728970292;"> <img src="https://www.gilles.ch/media/pages/service/32951f0fb1-1719169795/kirby.svg" class="w-full" width="100" alt="Kirby CMS" height="100" loading="lazy"> </a> <a href="https://processwire.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="ProcessWire" style="--delay: 0.13262092887711244;"> <img src="https://www.gilles.ch/media/pages/service/f64ac8f1f1-1719169795/processwire.svg" class="w-full" width="100" alt="ProcessWire" height="100" loading="lazy"> </a> <a href="https://www.apple.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Apple" style="--delay: 0.21333972494369843;"> <img src="https://www.gilles.ch/media/pages/service/7b6b25803d-1719169794/apple.svg" class="w-full" width="100" alt="Apple" height="100" loading="lazy"> </a> <a href="https://code.visualstudio.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Visual Studio Code" style="--delay: 0.08237481012593821;"> <img src="https://www.gilles.ch/media/pages/service/0c67b7a549-1719169795/vscode.svg" class="w-full" width="100" alt="Visual Studio Code" height="100" loading="lazy"> </a> <a href="https://stackoverflow.com/" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Stack Overflow" style="--delay: 0.1878911674086944;"> <img src="https://www.gilles.ch/media/pages/service/56a184f1b2-1719169795/stackoverflow.svg" class="w-full" width="100" alt="Stack Overflow" height="100" loading="lazy"> </a> <a href="https://github.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Github" style="--delay: 0.10811702348754126;"> <img src="https://www.gilles.ch/media/pages/service/7db4542381-1719169795/github.svg" class="w-full" width="100" alt="Github" height="100" loading="lazy"> </a> <a href="https://github.com/features/copilot" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Github Copilot" style="--delay: 0.10115613772130246;"> <img src="https://www.gilles.ch/media/pages/service/7ce407ca41-1719169794/copilot.svg" class="w-full" width="100" alt="Github Copilot" height="100" loading="lazy"> </a> <a href="https://www.npmjs.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="NPM JS" style="--delay: 0.12178263118634229;"> <img src="https://www.gilles.ch/media/pages/service/cc74973338-1719169795/npm.svg" class="w-full" width="100" alt="NPM JS" height="100" loading="lazy"> </a> <a href="https://www.adobe.com/" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Adobe XD" style="--delay: 0.010522806417757677;"> <img src="https://www.gilles.ch/media/pages/service/63f2409bba-1719169794/adobexd.svg" class="w-full" width="100" alt="Adobe XD" height="100" loading="lazy"> </a> <a href="https://affinity.serif.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Affinity Designer" style="--delay: 0.1487652919919502;"> <img src="https://www.gilles.ch/media/pages/service/09204eaf7e-1719169794/affinity-designer.svg" class="w-full" width="100" alt="Affinity Designer" height="100" loading="lazy"> </a> <a href="https://clickup.com/" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Clickup" style="--delay: 0.03073769525498819;"> <img src="https://www.gilles.ch/media/pages/service/04921b7d76-1719169794/clickup.svg" class="w-full" width="100" alt="Clickup" height="100" loading="lazy"> </a> <a href="https://www.figma.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Figma" style="--delay: 0.14261023333367576;"> <img src="https://www.gilles.ch/media/pages/service/29a79d65ad-1719169794/figma.svg" class="w-full" width="100" alt="Figma" height="100" loading="lazy"> </a> <a href="https://www.sketch.com" class="__check-viewport __delay-random inline-block" target="_blank" rel="noopener noreferrer" aria-label="Sketch" style="--delay: 0.23104523796336282;"> <img src="https://www.gilles.ch/media/pages/service/5fe18189cc-1719169795/sketch.svg" class="w-full" width="100" alt="Sketch" height="100" loading="lazy"> </a> </div> </div> </div> </div> <div id="uebermich"> <h2 class="__center"> Über mich <small>Begeisterung und Erfahrung</small> </h2> <div class="__center md:grid md:grid-cols-4 md:gap-4"> <div class="md:col-span-3 md:pr-8"> <picture class="w-1/3 mt-1 mr-4 mb-2 block float-left md:hidden"> <source srcset="https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-384x.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-390x.jpg" class="rounded-xl" alt="Gilbert Nigg" width="390" height="488" loading="lazy"> </picture> <p>Vor mehr als 20 Jahren habe ich begonnen, als selbständiger Webentwickler meine ersten Kunden und Projekte zu betreuen. Die vorherige Zeit als Mitarbeiter einer Webagentur mit eingerechnet, habe ich die gesamte Entwicklung des kommerziellen Internets miterlebt. Nicht von aussen, sondern mittendrin. Meine Berufslehre als Polygraf brachte mir zusätzlich die nötige Schnittstelle zwischen Design und Code. Diese Erfahrung mit immer neuen technischen und gestalterischen Heraus­forderungen hat mich geprägt und gibt mir die Sicherheit, für meine vielen treuen und neuen Kunden, die jeweils besten Lösungen anbieten zu können.</p> <h3 class="mt-12 mb-4"> Mein Netzwerk für ein gutes Arbeiten </h3> <div class="__check-viewport __delay-index tags"> <a href="https://alexcristache.gumroad.com/" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Alex Cristache</strong> <i>Farben</i> </a> <a href="https://www.atelier-duc.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Atelier DUC</strong> <i>Atelier/Grafik</i> </a> <a href="https://limmatladen.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Banh Mi</strong> <i>Zmittag</i> </a> <a href="https://beyondtellerrand.com" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Beyond Tellerrand</strong> <i>Konferenz</i> </a> <a href="http://www.bleep.com" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Bleep</strong> <i>Musik</i> </a> <a href="http://www.bngraphics.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>BNgraphics</strong> <i>Grafik</i> </a> <a href="https://konditorei-caredda.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Caredda</strong> <i>Dessert</i> </a> <a href="http://www.fcz.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>FC Zürich</strong> <i>Freud &amp; Leid</i> </a> <a href="https://github.com/features/copilot" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Github Copilot</strong> <i>Lieblings KI</i> </a> <a href="http://www.josefswiese.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Josefswiese</strong> <i>Pause</i> </a> <a href="http://www.zueri-graffiti.ch/lang_k5_langst.htm" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Langstrassenquartier</strong> <i>Bewegungsradius</i> </a> <a href="https://filialen.migros.ch/de/Zuerich-Limmatplatz/0150018" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Migros Limmatplatz</strong> <i>Überleben</i> </a> <a href="http://www.moerge.li" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Moergeli</strong> <i>Grafik/PR</i> </a> <a href="http://www.pikka.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Pikka</strong> <i>Grafik/PR</i> </a> <a href="http://www.source.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Source</strong> <i>Grafik/PR</i> </a> <a href="http://www.spezialmaterial.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Spezialmaterial</strong> <i>Musik</i> </a> <a href="https://www.spheres.cc" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Sphères</strong> <i>Apéro</i> </a> <a href="https://open.spotify.com/user/gil.nigg/playlist/6XgKMBEM8ocNPxsUfXgX75" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Spotify</strong> <i>Lieblingsmusik</i> </a> <a href="http://stackoverflow.com" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Stackoverflow</strong> <i>Q&amp;A</i> </a> <a href="http://www.stillhartkonzept.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Stillhartkonzept</strong> <i>Grafik</i> </a> <a href="http://www.theprfactory.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>The PR Factory</strong> <i>Grafik/PR</i> </a> <a href="http://www.badi-info.ch/Unterer_letten.html" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Unterer Letten</strong> <i>Abkühlung</i> </a> <a href="http://www.velo-citta.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Velo-Citta</strong> <i>Fortbewegung</i> </a> <a href="https://www.wanzenriedundpartner.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Wanzenried &amp; Partner</strong> <i>Grafik/PR</i> </a> <a href="http://www.weissgrund.ch" class="tag" target="_blank" rel="noopener noreferrer"> <strong>Weissgrund</strong> <i>Grafik/PR</i> </a> </div> </div> <picture class="hidden mt-1 md:block md:grid-col-1 "> <source srcset="https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-390x520-crop.webp" type="image/webp"> <img src="https://www.gilles.ch/media/pages/uebermich/9676f413e4-1719169797/g-390x520-crop.jpg" class="block rounded-md " alt="Gilbert Nigg" width="390" height="488" loading="lazy"> </picture> </div> </div> <div id="kontakt"> <h2 class="__center"> Kontakt <small>Infos und Hallo sagen :-)</small> </h2> <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))}) ({key: "AIzaSyAk3R6N3Zw8T59PjXKtuLRo_MhBOM4PyC4", v: "weekly"});</script> <script> let map; async function initMap() { const { Map } = await google.maps.importLibrary("maps"); // TODO: const { AdvancedMarkerElement } = await google.maps.importLibrary("marker"); const map = new Map(document.getElementById("map"), { zoom: 15, center: { lat: 47.390040, lng: 8.518780 }, controlSize: 25 }); const styles = [{ stylers: [{ saturation: -90 }, { lightness: 20 }] }, { featureType: 'poi.business.lodging', stylers: [{ visibility: 'off' }] }, { featureType: 'water', stylers: [{ color: '#102030'}, { saturation: 0 }] }, ]; map.setOptions({ styles: styles, }); const marker = new google.maps.Marker({ position: { lat: 47.391040, lng: 8.518780 }, map, icon: { url: "https://www.gilles.ch/assets/img/icon-close.svg", scaledSize: new google.maps.Size(50, 60), anchor: new google.maps.Point(25, 60) } }); } </script> <div id="map" class="aspect-w-12 aspect-h-12 md:aspect-h-4"></div> <script> const el = document.querySelector('#map') const observer = new window.IntersectionObserver(([entry]) => { if (entry.isIntersecting) { initMap(); return } }) observer.observe(el); </script> <footer class="is-ui-dark py-6"> <div class="__center"> <div class="mb-12 grid grid-cols-1 gap-4 md:grid-cols-4 md:mb-16"> <p class="mb-4"> <strong class="text-melon-red">Gilbert Nigg</strong><br> <a href="https://goo.gl/maps/C1qyzH21n2k" class="inline-block text-fluffball" target="_blank" rel="noopener noreferrer"> Hardturmstrasse 66<br>CH-8005 Zürich </a> </p> <div class="__check-viewport tags __delay-index flex-col items-start"> <a class="tag" href="tel:+41433213744">+41 43 321 37 44</a> <a class="tag" href="mailto:[email protected]">[email protected]</a> <a href="/data/Gilbert_Nigg.vcf" class="tag" target="_blank" rel="nofollow noreferrer">Download vCard</a> </div> <div class="__check-viewport tags __delay-index flex-col items-start"> <a href="https://goo.gl/maps/C1qyzH21n2k" class="tag" target="_blank" rel="noopener noreferrer">Lageplan</a> <a href="http://ch.linkedin.com/in/gilbertnigg" class="tag" target="_blank" rel="noopener noreferrer">LinkedIn</a> </div> <div class="mb-4 text-right max-md:mt-8"> <a href="https://www.gilles.ch/data/Datenschutzerklaerung.pdf" class="text-xs text-secondary hover:text-white" target="_blank"> Datenschutz </a> <div class="flex w-full mt-8 text-xs"> <div class="flex-1 bg-counts-black">&nbsp;</div> <div class="flex-1 bg-regal-blue">&nbsp;</div> <div class="flex-1 bg-blueprint">&nbsp;</div> <div class="flex-1 bg-primary">&nbsp;</div> <div class="flex-1 bg-lime-white">&nbsp;</div> <div class="flex-1 bg-fluffball">&nbsp;</div> <div class="flex-1 bg-melon-red">&nbsp;</div> </div> </div> </div> </div> </footer> </div> </article> </body></html>
securityHeaders
{"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}

Waterfall View

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://www.gilles.ch/ 2: https://www.gilles.ch/assets/fonts/RingsideNarrow-Bold_Web.woff2 3: https://www.gilles.ch/assets/fonts/RingsideNarrow-Semibold_Web.woff2 4: https://www.gilles.ch/assets/fonts/RingsideNarrow-Book_Web.woff2 5: https://www.gilles.ch/assets/css/app.css?v=1723310846 6: https://www.gilles.ch/assets/img/logo-g.svg 7: https://www.gilles.ch/assets/img/icon-close.svg 8: https://www.gilles.ch/assets/js/app.js?v=1723310846 9: https://www.gilles.ch/analytics/matomo.js 10: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp 11: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp 12: https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp 13: https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp 14: https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp 15: https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp 16: https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp 17: https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp 18: https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp 19: https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp 20: https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp 21: https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp 22: https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp 23: https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp 24: https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp 25: https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp 26: https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp 27: https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp 28: https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp 29: https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp 30: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp 31: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp 32: https://www.gilles.ch/assets/fonts/RingsideNarrowSSm-Black_Web.woff2 33: https://www.gilles.ch/assets/fonts/operatormono/operatormono-medium-webfont.woff2 34: https://www.gilles.ch/analytics/matomo.php?action_name=Gilbert%20Nigg%20-%20Webentwicklung%20in%20Z%C3%BCrich%20%5BWeb%20Developer%2C%20Website%2C%20Webdesign%2C%20Programmierung%2C%20CMS%5D&idsite=1&rec=1&r=041067&h=17&m=27&s=27&url=https%3A%2F%2Fwww.gilles.ch%2F&_id=5a1874844cb8ec74&_idn=1&send_image=0&_refts=0&pv_id=06DM3I&pf_net=174&pf_srv=297&pf_tfr=15&pf_dm1=132&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22127.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22127.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200 35: https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-32x32-crop.png
customize waterfallView all ImagesView HTTP/2 Dependency GraphFilmstrip

Connection View

Step_1 www.gilles.ch
DNS Lookup
Initial Connection
SSL Negotiation
Start Render
DOM Content Loaded
On Load
Document Complete
Connection View waterfall diagram

Request Details

Before Start Render
Before On Load
After On Load
3xx Response
4xx Response

Request Details
# Resource Content Type Priority Request Start DNS Lookup Initial Connection SSL Negotiation Time to First Byte Content Download Bytes Downloaded CPU Time Error/Status Code IP
1 https://www.gilles.ch/ text/html Highest 0.184 s 80 ms 36 ms 64 ms 297 ms 13 ms 16.2 KB 5 ms 200 80.74.142.100
2 https://www.gilles.c...arrow-Bold_Web.woff2 font/woff2 High 0.513 s - - - 86 ms 35 ms 39.0 KB - 200 80.74.142.100
3 https://www.gilles.c...w-Semibold_Web.woff2 font/woff2 Highest 0.513 s - - - 148 ms 60 ms 39.6 KB - 200 80.74.142.100
4 https://www.gilles.c...arrow-Book_Web.woff2 font/woff2 Highest 0.514 s - - - 175 ms 111 ms 40.2 KB - 200 80.74.142.100
5 https://www.gilles.c...app.css?v=1723310846 text/css Highest 0.514 s - - - 52 ms 1 ms 5.8 KB - 200 80.74.142.100
6 https://www.gilles.c...ssets/img/logo-g.svg image/svg+xml Medium 0.514 s - - - 176 ms 111 ms 1.1 KB - 200 80.74.142.100
7 https://www.gilles.c...s/img/icon-close.svg image/svg+xml Medium 0.514 s - - - 176 ms 111 ms 0.6 KB - 200 80.74.142.100
8 https://www.gilles.c.../app.js?v=1723310846 application/javascript Low 0.577 s - - - 114 ms 112 ms 13.3 KB 11 ms 200 80.74.142.100
9 https://www.gilles.c.../analytics/matomo.js application/javascript Low 0.582 s - - - 111 ms 142 ms 20.5 KB 20 ms 200 80.74.142.100
10 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.005 s - - - 148 ms 220 ms 149.8 KB - 200 80.74.142.100
11 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.052 s - - - 350 ms 4031 ms 230.2 KB - 200 80.74.142.100
12 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.056 s - - - 473 ms 4509 ms 70.6 KB - 200 80.74.142.100
13 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.058 s - - - 473 ms 5031 ms 265.2 KB - 200 80.74.142.100
14 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.06 s - - - 472 ms 408 ms 17.8 KB - 200 80.74.142.100
15 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.061 s - - - 472 ms 447 ms 21.5 KB - 200 80.74.142.100
16 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.062 s - - - 471 ms 4231 ms 164.3 KB - 200 80.74.142.100
17 https://www.gilles.c...-800x-sharpen50.webp image/webp High 1.064 s - - - 470 ms 2633 ms 96.8 KB - 200 80.74.142.100
18 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.067 s - - - 469 ms 741 ms 41.8 KB - 200 80.74.142.100
19 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.068 s - - - 470 ms 5129 ms 245.2 KB - 200 80.74.142.100
20 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.069 s - - - 470 ms 5134 ms 131.4 KB - 200 80.74.142.100
21 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.071 s - - - 466 ms 5656 ms 212.9 KB - 200 80.74.142.100
22 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.072 s - - - 469 ms 5265 ms 99.9 KB - 200 80.74.142.100
23 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.074 s - - - 468 ms 5459 ms 112.3 KB - 200 80.74.142.100
24 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.075 s - - - 468 ms 6419 ms 296.8 KB - 200 80.74.142.100
25 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.076 s - - - 465 ms 5600 ms 76.7 KB - 200 80.74.142.100
26 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.077 s - - - 463 ms 6063 ms 150.1 KB - 200 80.74.142.100
27 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.079 s - - - 467 ms 6852 ms 258.3 KB - 200 80.74.142.100
28 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.081 s - - - 463 ms 6975 ms 271.7 KB - 200 80.74.142.100
29 https://www.gilles.c...-800x-sharpen50.webp image/webp Low 1.082 s - - - 462 ms 6951 ms 198.5 KB - 200 80.74.142.100
30 https://www.gilles.c...5610/jaco-2000x.webp image/webp High 1.084 s - - - 461 ms 4027 ms 557.2 KB - 200 80.74.142.100
31 https://www.gilles.c...774/baspo-2000x.webp image/webp High 1.085 s - - - 452 ms 4637 ms 549.0 KB - 200 80.74.142.100
32 https://www.gilles.c...wSSm-Black_Web.woff2 font/woff2 Highest 1.089 s - - - 446 ms 59 ms 57.5 KB - 200 80.74.142.100
33 https://www.gilles.c...medium-webfont.woff2 font/woff2 Highest 1.09 s - - - 445 ms 94 ms 17.5 KB - 200 80.74.142.100
34 https://www.gilles.c...okie=1&res=1920x1200 - Lowest 1.333 s - - - 1743 ms - - - 204 80.74.142.100
35 https://www.gilles.c.../logo-32x32-crop.png image/png High 8.529 s - - - 44 ms 1 ms 1.6 KB - 200 80.74.142.100

Request Headers

+ Expand All

Request 1: https://www.gilles.ch/

URL: https://www.gilles.ch/
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.gilles.ch/
Request Start: 0.184 s
DNS Lookup: 80 ms
Initial Connection: 36 ms
Time to First Byte: 297 ms
Content Download: 13 ms
Bytes In (downloaded): 16.2 KB
Uncompressed Size: 175.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-length: 16637
content-type: text/html; charset=UTF-8
date: Sat, 10 Aug 2024 17:27:26 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 2: https://www.gilles.ch/assets/fonts/RingsideNarrow-Bold_Web.woff2

URL: https://www.gilles.ch/assets/fonts/RingsideNarrow-Bold_Web.woff2
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 220, depends on 3, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 12
Request Start: 0.513 s
Time to First Byte: 86 ms
Content Download: 35 ms
Bytes In (downloaded): 39.0 KB
Uncompressed Size: 39.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/fonts/RingsideNarrow-Bold_Web.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.gilles.ch
priority: u=1
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 39944
content-type: font/woff2
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: "66853f21-9c08"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
:status: 200

Request 3: https://www.gilles.ch/assets/fonts/RingsideNarrow-Semibold_Web.woff2

URL: https://www.gilles.ch/assets/fonts/RingsideNarrow-Semibold_Web.woff2
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 13
Request Start: 0.513 s
Time to First Byte: 148 ms
Content Download: 60 ms
Bytes In (downloaded): 39.6 KB
Uncompressed Size: 39.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/fonts/RingsideNarrow-Semibold_Web.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.gilles.ch
priority: u=1
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 40576
content-type: font/woff2
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: "66853f21-9e80"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
:status: 200

Request 4: https://www.gilles.ch/assets/fonts/RingsideNarrow-Book_Web.woff2

URL: https://www.gilles.ch/assets/fonts/RingsideNarrow-Book_Web.woff2
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 220, depends on 7, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 14
Request Start: 0.514 s
Time to First Byte: 175 ms
Content Download: 111 ms
Bytes In (downloaded): 40.2 KB
Uncompressed Size: 40.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/fonts/RingsideNarrow-Book_Web.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.gilles.ch
priority: u=1
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 41188
content-type: font/woff2
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: "66853f21-a0e4"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
:status: 200

Request 5: https://www.gilles.ch/assets/css/app.css?v=1723310846

URL: https://www.gilles.ch/assets/css/app.css?v=1723310846
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 27
Request Start: 0.514 s
Time to First Byte: 52 ms
Content Download: 1 ms
Bytes In (downloaded): 5.8 KB
Uncompressed Size: 27.3 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/css/app.css?v=1723310846
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: br
content-type: text/css
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: W/"66853f21-6d42"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 6: https://www.gilles.ch/assets/img/logo-g.svg

URL: https://www.gilles.ch/assets/img/logo-g.svg
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 52
Request Start: 0.514 s
Time to First Byte: 176 ms
Content Download: 111 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 2.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/img/logo-g.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-type: image/svg+xml
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: W/"66853f21-7f2"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 7: https://www.gilles.ch/assets/img/icon-close.svg

URL: https://www.gilles.ch/assets/img/icon-close.svg
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 183, depends on 11, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 53
Request Start: 0.514 s
Time to First Byte: 176 ms
Content Download: 111 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/img/icon-close.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-type: image/svg+xml
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: W/"66853f21-579"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 8: https://www.gilles.ch/assets/js/app.js?v=1723310846

URL: https://www.gilles.ch/assets/js/app.js?v=1723310846
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 27
Request Start: 0.577 s
Time to First Byte: 114 ms
Content Download: 112 ms
Bytes In (downloaded): 13.3 KB
Uncompressed Size: 33.5 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/js/app.js?v=1723310846
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: br
content-type: application/javascript
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: W/"66853f21-85dd"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 9: https://www.gilles.ch/analytics/matomo.js

URL: https://www.gilles.ch/analytics/matomo.js
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 40 column 21
Request Start: 0.582 s
Time to First Byte: 111 ms
Content Download: 142 ms
Bytes In (downloaded): 20.5 KB
Uncompressed Size: 65.9 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /analytics/matomo.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: br
content-type: application/javascript
date: Sat, 10 Aug 2024 17:27:26 GMT
etag: W/"6667fea0-10784"
last-modified: Tue, 11 Jun 2024 07:37:04 GMT
server: nginx
vary: Accept-Encoding
:status: 200

Request 10: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.005 s
Time to First Byte: 148 ms
Content Download: 220 ms
Bytes In (downloaded): 149.8 KB
Uncompressed Size: 149.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/jaeger-coneco-baumanagement/db16442405-1719565695/jaco-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 153418
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-2574a"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 11: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.052 s
Time to First Byte: 350 ms
Content Download: 4031 ms
Bytes In (downloaded): 230.2 KB
Uncompressed Size: 230.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/das-innovationslabor-lab7x1/de0ca32dbc-1719169774/baspo-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 235760
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-398f0"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 12: https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.056 s
Time to First Byte: 473 ms
Content Download: 4509 ms
Bytes In (downloaded): 70.6 KB
Uncompressed Size: 70.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/roteq-turbomachineries/791913a67c-1719169773/roteqturbo-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 72258
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-11a42"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 13: https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 220, depends on 31, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.058 s
Time to First Byte: 473 ms
Content Download: 5031 ms
Bytes In (downloaded): 265.2 KB
Uncompressed Size: 265.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/chocolatier-schober/e952aad40a-1719169773/schober-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 271520
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-424a0"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 14: https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 220, depends on 19, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.060 s
Time to First Byte: 472 ms
Content Download: 408 ms
Bytes In (downloaded): 17.8 KB
Uncompressed Size: 17.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/ah4/223db417b7-1719169773/ah4-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 18202
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-471a"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 15: https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 220, depends on 25, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.061 s
Time to First Byte: 472 ms
Content Download: 447 ms
Bytes In (downloaded): 21.5 KB
Uncompressed Size: 21.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/seco-promotion-guide/c80b52f11a-1719169772/seco-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 22012
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-55fc"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 16: https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 220, depends on 21, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.062 s
Time to First Byte: 471 ms
Content Download: 4231 ms
Bytes In (downloaded): 164.3 KB
Uncompressed Size: 164.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/glockenhof-zurich/d1cad9f89e-1719169772/glockenhof-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 168292
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-29164"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 17: https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 220, depends on 65, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.064 s
Time to First Byte: 470 ms
Content Download: 2633 ms
Bytes In (downloaded): 96.8 KB
Uncompressed Size: 96.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/alfredo-haberli-design-development/51115c5172-1719169772/ahdd-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 99150
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-1834e"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 18: https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.067 s
Time to First Byte: 469 ms
Content Download: 741 ms
Bytes In (downloaded): 41.8 KB
Uncompressed Size: 41.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/card-security/1b10d593f0-1719169771/cardsecurity-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 42806
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c199-a736"
last-modified: Sun, 30 Jun 2024 20:35:37 GMT
server: nginx
:status: 200

Request 19: https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 147, depends on 39, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.068 s
Time to First Byte: 470 ms
Content Download: 5129 ms
Bytes In (downloaded): 245.2 KB
Uncompressed Size: 245.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/arndt-geiger-herrmann/1973e9ffef-1719169771/agh-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 251054
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c199-3d4ae"
last-modified: Sun, 30 Jun 2024 20:35:37 GMT
server: nginx
:status: 200

Request 20: https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 147, depends on 41, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.069 s
Time to First Byte: 470 ms
Content Download: 5134 ms
Bytes In (downloaded): 131.4 KB
Uncompressed Size: 131.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/5-am-tag/fab3bb4773-1719169770/5amtag-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 134534
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c199-20d86"
last-modified: Sun, 30 Jun 2024 20:35:37 GMT
server: nginx
:status: 200

Request 21: https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 45, weight 147, depends on 43, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.071 s
Time to First Byte: 466 ms
Content Download: 5656 ms
Bytes In (downloaded): 212.9 KB
Uncompressed Size: 212.9 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/molinari-design/af44a912fb-1719169770/molinaridesign-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 218040
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c199-353b8"
last-modified: Sun, 30 Jun 2024 20:35:37 GMT
server: nginx
:status: 200

Request 22: https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 47, weight 147, depends on 45, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.072 s
Time to First Byte: 469 ms
Content Download: 5265 ms
Bytes In (downloaded): 99.9 KB
Uncompressed Size: 99.9 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/gute-betreuung-im-alter/3628196fc2-1719169769/gutaltern-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 102256
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c192-18f70"
last-modified: Sun, 30 Jun 2024 20:35:30 GMT
server: nginx
:status: 200

Request 23: https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 49, weight 147, depends on 47, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.074 s
Time to First Byte: 468 ms
Content Download: 5459 ms
Bytes In (downloaded): 112.3 KB
Uncompressed Size: 112.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/studio-geissbuhler/4ce612b11f-1719169769/geisbuehler-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 114992
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c198-1c130"
last-modified: Sun, 30 Jun 2024 20:35:36 GMT
server: nginx
:status: 200

Request 24: https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 51, weight 147, depends on 49, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.075 s
Time to First Byte: 468 ms
Content Download: 6419 ms
Bytes In (downloaded): 296.8 KB
Uncompressed Size: 296.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/genossenschaft-hofgarten/36c5bb1dec-1719169769/geho-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 303962
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c42c-4a35a"
last-modified: Sun, 30 Jun 2024 20:46:36 GMT
server: nginx
:status: 200

Request 25: https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 53, weight 147, depends on 51, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.076 s
Time to First Byte: 465 ms
Content Download: 5600 ms
Bytes In (downloaded): 76.7 KB
Uncompressed Size: 76.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/hemmi-fayet-architekten/02722b1727-1719169768/hemmifayet-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 78512
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c42c-132b0"
last-modified: Sun, 30 Jun 2024 20:46:36 GMT
server: nginx
:status: 200

Request 26: https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 55, weight 147, depends on 53, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.077 s
Time to First Byte: 463 ms
Content Download: 6063 ms
Bytes In (downloaded): 150.1 KB
Uncompressed Size: 150.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/swiss-sports-history/0b1bf0892d-1719169768/sportshistory-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 153660
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c192-2583c"
last-modified: Sun, 30 Jun 2024 20:35:30 GMT
server: nginx
:status: 200

Request 27: https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 57, weight 147, depends on 55, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.079 s
Time to First Byte: 467 ms
Content Download: 6852 ms
Bytes In (downloaded): 258.3 KB
Uncompressed Size: 258.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/welz-ag/268eea9c5d-1719169767/welz-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 264468
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c42c-40914"
last-modified: Sun, 30 Jun 2024 20:46:36 GMT
server: nginx
:status: 200

Request 28: https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 59, weight 147, depends on 57, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.081 s
Time to First Byte: 463 ms
Content Download: 6975 ms
Bytes In (downloaded): 271.7 KB
Uncompressed Size: 271.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/sanatorium-kilchberg/978452400a-1719169766/sani-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 278248
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c192-43ee8"
last-modified: Sun, 30 Jun 2024 20:35:30 GMT
server: nginx
:status: 200

Request 29: https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp

URL: https://www.gilles.ch/media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 61, weight 147, depends on 59, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.082 s
Time to First Byte: 462 ms
Content Download: 6951 ms
Bytes In (downloaded): 198.5 KB
Uncompressed Size: 198.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/wohnbaugenossenschaften-schweiz/bd6178ae26-1719566949/wbg-sm-800x-sharpen50.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 203240
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c42c-319e8"
last-modified: Sun, 30 Jun 2024 20:46:36 GMT
server: nginx
:status: 200

Request 30: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp

URL: https://www.gilles.ch/media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 63, weight 220, depends on 37, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.084 s
Time to First Byte: 461 ms
Content Download: 4027 ms
Bytes In (downloaded): 557.2 KB
Uncompressed Size: 557.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/jaeger-coneco-baumanagement/b8e66968c6-1719565610/jaco-2000x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 570578
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c193-8b4d2"
last-modified: Sun, 30 Jun 2024 20:35:31 GMT
server: nginx
:status: 200

Request 31: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp

URL: https://www.gilles.ch/media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 65, weight 220, depends on 63, EXCLUSIVE
Initiated By: https://www.gilles.ch/ line 2792
Request Start: 1.085 s
Time to First Byte: 452 ms
Content Download: 4637 ms
Bytes In (downloaded): 549.0 KB
Uncompressed Size: 549.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/pages/portfolio/das-innovationslabor-lab7x1/2d568bf667-1719169774/baspo-2000x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 562224
content-type: image/webp
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "6681c1a5-89430"
last-modified: Sun, 30 Jun 2024 20:35:49 GMT
server: nginx
:status: 200

Request 32: https://www.gilles.ch/assets/fonts/RingsideNarrowSSm-Black_Web.woff2

URL: https://www.gilles.ch/assets/fonts/RingsideNarrowSSm-Black_Web.woff2
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.gilles.ch/assets/css/app.css?v=1723310846
Request Start: 1.089 s
Time to First Byte: 446 ms
Content Download: 59 ms
Bytes In (downloaded): 57.5 KB
Uncompressed Size: 57.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/fonts/RingsideNarrowSSm-Black_Web.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.gilles.ch
priority: u=0
referer: https://www.gilles.ch/assets/css/app.css?v=1723310846
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 58880
content-type: font/woff2
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "66853f21-e600"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
:status: 200

Request 33: https://www.gilles.ch/assets/fonts/operatormono/operatormono-medium-webfont.woff2

URL: https://www.gilles.ch/assets/fonts/operatormono/operatormono-medium-webfont.woff2
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 256, depends on 35, EXCLUSIVE
Initiated By: https://www.gilles.ch/assets/css/app.css?v=1723310846
Request Start: 1.090 s
Time to First Byte: 445 ms
Content Download: 94 ms
Bytes In (downloaded): 17.5 KB
Uncompressed Size: 17.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /assets/fonts/operatormono/operatormono-medium-webfont.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://www.gilles.ch
priority: u=0
referer: https://www.gilles.ch/assets/css/app.css?v=1723310846
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 17924
content-type: font/woff2
date: Sat, 10 Aug 2024 17:27:27 GMT
etag: "66853f21-4604"
last-modified: Wed, 03 Jul 2024 12:08:01 GMT
server: nginx
:status: 200

Request 34: https://www.gilles.ch/analytics/matomo.php?action_name=Gilbert%20Nigg%20-%20Webentwicklung%20in%20Z%C3%BCrich%20%5BWeb%20Developer%2C%20Website%2C%20Webdesign%2C%20Programmierung%2C%20CMS%5D&idsite=1&rec=1&r=041067&h=17&m=27&s=27&url=https%3A%2F%2Fwww.gilles.ch%2F&_id=5a1874844cb8ec74&_idn=1&send_image=0&_refts=0&pv_id=06DM3I&pf_net=174&pf_srv=297&pf_tfr=15&pf_dm1=132&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22127.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22127.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200

URL: https://www.gilles.ch/analytics/matomo.php?action_name=Gilbert%20Nigg%20-%20Webentwicklung%20in%20Z%C3%BCrich%20%5BWeb%20Developer%2C%20Website%2C%20Webdesign%2C%20Programmierung%2C%20CMS%5D&idsite=1&rec=1&r=041067&h=17&m=27&s=27&url=https%3A%2F%2Fwww.gilles.ch%2F&_id=5a1874844cb8ec74&_idn=1&send_image=0&_refts=0&pv_id=06DM3I&pf_net=174&pf_srv=297&pf_tfr=15&pf_dm1=132&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22127.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22127.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 204
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://www.gilles.ch/analytics/matomo.js line 35 column 597
Request Start: 1.333 s
Time to First Byte: 1743 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.6 KB

Request Headers:

:authority: www.gilles.ch
:method: POST
:path: /analytics/matomo.php?action_name=Gilbert%20Nigg%20-%20Webentwicklung%20in%20Z%C3%BCrich%20%5BWeb%20Developer%2C%20Website%2C%20Webdesign%2C%20Programmierung%2C%20CMS%5D&idsite=1&rec=1&r=041067&h=17&m=27&s=27&url=https%3A%2F%2Fwww.gilles.ch%2F&_id=5a1874844cb8ec74&_idn=1&send_image=0&_refts=0&pv_id=06DM3I&pf_net=174&pf_srv=297&pf_tfr=15&pf_dm1=132&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22127.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22127.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
cookie: _pk_id.1.486c=5a1874844cb8ec74.1723310848.; _pk_ses.1.486c=1
origin: https://www.gilles.ch
priority: u=4, i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

access-control-allow-credentials: true
access-control-allow-origin: https://www.gilles.ch
date: Sat, 10 Aug 2024 17:27:28 GMT
server: nginx

Request 35: https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-32x32-crop.png

URL: https://www.gilles.ch/media/site/be0c62b218-1719169795/logo-32x32-crop.png
Host: www.gilles.ch
IP: 80.74.142.100
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 69, weight 220, depends on 0, EXCLUSIVE
Request Start: 8.529 s
Time to First Byte: 44 ms
Content Download: 1 ms
Bytes In (downloaded): 1.6 KB
Uncompressed Size: 1.6 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: www.gilles.ch
:method: GET
:path: /media/site/be0c62b218-1719169795/logo-32x32-crop.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: _pk_id.1.486c=5a1874844cb8ec74.1723310848.; _pk_ses.1.486c=1
priority: u=1, i
referer: https://www.gilles.ch/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1633
content-type: image/png
date: Sat, 10 Aug 2024 17:27:34 GMT
etag: "667873cf-661"
last-modified: Sun, 23 Jun 2024 19:13:19 GMT
server: nginx
:status: 200