modal share

components/modal-share.html

@@ -0,0 +1,45 @@
+<div class="modal-title">
+    <p>Partager</p>
+    <button><span class="close" w3-include-html="/assets/icons/close.svg"></span></button>
+</div>
+
+<ul class="socials">
+    <li class="socials__x">
+        <a href="https://x.com/index_ngo" target="_blank" rel="noopener noreferrer">
+            <span class="icon" w3-include-html="/assets/icons/socials/x-social.svg"></span>
+            <span class="text">X</span>
+        </a>
+    </li>
+    <li class="socials__facebook">
+        <a href="https://www.facebook.com/index.ngo/" target="_blank" rel="noopener noreferrer">
+            <span class="icon" w3-include-html="/assets/icons/socials/facebook.svg"></span>
+            <span class="text">Facebook</span>
+        </a>
+    </li>
+    <li class="socials__linkedin">
+        <a href="https://fr.linkedin.com/company/index-ngo" target="_blank" rel="noopener noreferrer">
+            <span class="icon" w3-include-html="/assets/icons/socials/linkedin.svg"></span>
+            <span class="text">LinkedIn</span>
+        </a>
+    </li>
+    <li class="socials__bsk">
+        <a href="https://bsky.app/profile/index-ngo.bsky.social" target="_blank" rel="noopener noreferrer">
+            <span class="icon" w3-include-html="/assets/icons/socials/bluesky.svg"></span>
+            <span class="text">Bluesky</span>
+        </a>
+    </li>
+    <li class="socials__mastodon">
+        <a href="https://mastodon.design/@index_ngo@mastodon.social" target="_blank" rel="noopener noreferrer">
+            <span class="icon" w3-include-html="/assets/icons/socials/mastodon.svg"></span>
+            <span class="text">Mastodon</span>
+        </a>
+    </li>
+</ul>
+
+<div class="copy-link">   
+    <div class="copy-link__field">
+        <span class="icon" w3-include-html="/assets/icons/link.svg">    </span>
+        <input type="text" readonly="" value="http://127.0.0.1:5500/page-enquete">
+    </div>
+    <button class="copy-link__btn">Copier</button>
+</div>