Use new picture tag for images

This commit is contained in:
Ferit Yiğit BALABAN
2022-08-08 18:25:07 +03:00
parent f064e2b714
commit 3487d4857f
7 changed files with 46 additions and 10 deletions

View File

@@ -106,15 +106,33 @@
<div id="social" class="social content-spacing ignore-vertical">
<p>Sosyal medyada<br>bizi takip<br>edin.</p>
<nav>
<a class="social-button" href="https://www.facebook.com/ugurgaleri/"><img src="resources/img/social/facebook.png" alt="Facebook logo"></a>
<a class="social-button" href="https://www.instagram.com/ugurgaleri/"><img src="resources/img/social/instagram.svg" alt="Instagram logo"></a>
<a class="social-button" href="https://ugurgaleri1.sahibinden.com/"><img src="resources/img/social/sahibinden.png" alt="Sahibinden logo"></a>
<a class="social-button" href="https://www.facebook.com/ugurgaleri/">
<picture>
<source srcset="resources/img/social/facebook.webp" type="image/webp">
<img src="resources/img/social/facebook.png" width="32" height="32" alt="Facebook logo">
</picture>
</a>
<a class="social-button" href="https://www.instagram.com/ugurgaleri/">
<picture>
<source srcset="resources/img/social/instagram.webp" type="image/webp">
<img src="resources/img/social/instagram.png" width="32" height="32" alt="Instagram logo">
</picture>
</a>
<a class="social-button" href="https://ugurgaleri1.sahibinden.com/">
<picture>
<source srcset="resources/img/social/sahibinden.webp" type="image/webp">
<img src="resources/img/social/sahibinden.png" width="28" height="32" alt="Instagram logo">
</picture>
</a>
</nav>
</div>
</main>
<button id="scroll-to-top" onclick="scrollToTop()"><img src="resources/img/scroll-to-top.svg" alt="Scroll to top"></button>
<footer id="footer" class="content-spacing">
<img id="small-logo" src="resources/img/Uğur%20Galeri/footer-white.png" alt="Uğur Galeri U logosu">
<picture>
<source srcset="resources/img/footer.webp" type="image/webp">
<img src="resources/img/footer.png" alt="Uğur Galeri">
</picture>
<div class="footer-columns">
<div class="footer-column">
<h1>Uğur Galeri</h1>