fixes #494 Add nifty icons to our contact-us list (#497)

* fixes #494 Add nifty icons to our contact-us list * removed new line from mail address
sugarlabs · Oct 18, 2024 · 836ccd0 · 836ccd0
1 parent 8849eec
commit 836ccd0
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/contact-us.html b/contact-us.html
@@ -20,10 +20,10 @@
                             <h2 class="text-center" >How to reach us?</h2>
                             <hr>
                             <ul >
-                                <li class="listFont"><i class="icon ion-ios-home"></i>&nbsp;&nbsp;&nbsp;By mail: Sugar Labs</br>&nbsp;&nbsp;&nbsp;2028 E Ben White Blvd <b>STE 240 PMB 1271</b></br>&nbsp;&nbsp;&nbsp;AUSTIN, TX 78741</br>&nbsp;&nbsp;&nbsp;USA</li>
-                                <li class="listFont"><i class="icon ion-ios-telephone"></i>&nbsp;&nbsp;&nbsp;By text or voice: <a href="tel:+16177024088">+1 (617) 702-4088</a></li>
-                                <li class="listFont"><i class="icon ion-android-mail"></i>&nbsp;&nbsp;&nbsp;By email: <a href="mailto:[email protected]">[email protected]</a></li>
-                                <li class="listFont"><i class="icon ion-android-globe"></i>&nbsp;&nbsp;&nbsp;Via Matrix real-time chat: <a href="https://wiki.sugarlabs.org/go/Matrix">https://wiki.sugarlabs.org/go/Matrix</a></li>
+                                <li class="listFont"><ion-icon name="home-sharp"></ion-icon>&nbsp;By mail: Sugar Labs</br>&nbsp;&nbsp;&nbsp;&nbsp;2028 E Ben White Blvd<b>&nbsp;STE 240 PMB 1271</b></br>&nbsp;&nbsp;&nbsp;&nbsp;AUSTIN, TX 78741</br>&nbsp;&nbsp;&nbsp;&nbsp;USA</li>
+                                <li class="listFont"><ion-icon name="call-sharp"></ion-icon>&nbsp;By text or voice: <a href="tel:+16177024088">+1 (617) 702-4088</a></li>
+                                <li class="listFont"><ion-icon name="mail-sharp"></ion-icon>&nbsp;By email: <a href="mailto:[email protected]">[email protected]</a></li>
+                                <li class="listFont"><ion-icon name="chatbubble-ellipses-sharp"></ion-icon>&nbsp;Via Matrix real-time chat: <a href="https://wiki.sugarlabs.org/go/Matrix">https://wiki.sugarlabs.org/go/Matrix</a></li>
                             </ul>
                         </div>
                     </div>
@@ -88,4 +88,5 @@ <h2 class="text-center customPadding2">SOCIAL MEDIA PLATFORMS</h2>
     </div>
 </section>
 
-
+<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
+<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>