Fixed Width Icons

https://fontawesome.com/v4.7.0/examples/
This commit is contained in:
BurungHantu1605 2019-04-11 07:41:19 +08:00
parent ac63ad70f7
commit 9245f5553e

View File

@ -14,15 +14,15 @@
Provider Provider
</a> </a>
<div class="dropdown-menu" aria-labelledby="providerDropdown"> <div class="dropdown-menu" aria-labelledby="providerDropdown">
<a class="dropdown-item" href="/providers/"><i class="fab fa-creative-commons-nc"></i> Avoid US & UK services</a> <a class="dropdown-item" href="/providers/"><i class="fab fa-creative-commons-nc fa-fw"></i> Avoid US & UK services</a>
<a class="dropdown-item" href="/providers/vpn/"><i class="far fa-eye-slash"></i> VPN</a> <a class="dropdown-item" href="/providers/vpn/"><i class="far fa-eye-slash fa-fw"></i> VPN</a>
<a class="dropdown-item" href="/providers/email/"><i class="fas fa-mail-bulk"></i> Email</a> <a class="dropdown-item" href="/providers/email/"><i class="fas fa-mail-bulk fa-fw"></i> Email</a>
<a class="dropdown-item" href="/providers/search-engines/"><i class="fab fa-searchengin"></i> Search Engines</a> <a class="dropdown-item" href="/providers/search-engines/"><i class="fab fa-searchengin fa-fw"></i> Search Engines</a>
<a class="dropdown-item" href="/providers/cloud-storage/"><i class="fas fa-cloud"></i> Cloud Storage</a> <a class="dropdown-item" href="/providers/cloud-storage/"><i class="fas fa-cloud fa-fw"></i> Cloud Storage</a>
<a class="dropdown-item" href="/providers/social-networks/"><i class="fas fa-expand-arrows-alt"></i> Social Networks</a> <a class="dropdown-item" href="/providers/social-networks/"><i class="fas fa-expand-arrows-alt fa-fw"></i> Social Networks</a>
<a class="dropdown-item" href="/providers/dns/"><i class="fa fa-tasks"></i> DNS</a> <a class="dropdown-item" href="/providers/dns/"><i class="fa fa-tasks fa-fw"></i> DNS</a>
<a class="dropdown-item" href="/providers/hosting/"><i class="fas fa-database"></i> Hosting</a> <a class="dropdown-item" href="/providers/hosting/"><i class="fas fa-database fa-fw"></i> Hosting</a>
<a class="dropdown-item" href="/providers/paste"><i class="fas fa-paste"></i> PasteBins</a> <a class="dropdown-item" href="/providers/paste"><i class="fas fa-paste fa-fw"></i> PasteBins</a>
</div> </div>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
@ -30,11 +30,11 @@
Browser Browser
</a> </a>
<div class="dropdown-menu" aria-labelledby="browserDropdown"> <div class="dropdown-menu" aria-labelledby="browserDropdown">
<a class="dropdown-item" href="/browsers/#browser"><i class="fas fa-check"></i> Recommendation</a> <a class="dropdown-item" href="/browsers/#browser"><i class="fas fa-check fa-fw"></i> Recommendation</a>
<a class="dropdown-item" href="/browsers/#fingerprint"><i class="fas fa-fingerprint"></i> Fingerprint</a> <a class="dropdown-item" href="/browsers/#fingerprint"><i class="fas fa-fingerprint fa-fw"></i> Fingerprint</a>
<a class="dropdown-item" href="/browsers/#webrtc"><i class="far fa-eye"></i> WebRTC IP Leak</a> <a class="dropdown-item" href="/browsers/#webrtc"><i class="far fa-eye fa-fw"></i> WebRTC IP Leak</a>
<a class="dropdown-item" href="/browsers/#addons"><i class="far fa-list-alt"></i> Firefox Privacy Add-ons</a> <a class="dropdown-item" href="/browsers/#addons"><i class="far fa-list-alt fa-fw"></i> Firefox Privacy Add-ons</a>
<a class="dropdown-item" href="/browsers/#about_config"><i class="fas fa-wrench"></i> Privacy Related Tweaks</a> <a class="dropdown-item" href="/browsers/#about_config"><i class="fas fa-wrench fa-fw"></i> Privacy Related Tweaks</a>
</div> </div>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
@ -42,19 +42,19 @@
Software Software
</a> </a>
<div class="dropdown-menu" aria-labelledby="softwareDropdown"> <div class="dropdown-menu" aria-labelledby="softwareDropdown">
<a class="dropdown-item" href="/software/email/"><i class="fas fa-envelope"></i> Email Clients</a> <a class="dropdown-item" href="/software/email/"><i class="fas fa-envelope fa-fw"></i> Email Clients</a>
<a class="dropdown-item" href="/software/email/#messaging"><i class="fas fa-random"></i> Email Alternatives</a> <a class="dropdown-item" href="/software/email/#messaging"><i class="fas fa-random fa-fw"></i> Email Alternatives</a>
<a class="dropdown-item" href="/software/im/"><i class="fab fa-telegram-plane"></i> Instant Messenger</a> <a class="dropdown-item" href="/software/im/"><i class="fab fa-telegram-plane fa-fw"></i> Instant Messenger</a>
<a class="dropdown-item" href="/software/voip/"><i class="fas fa-phone"></i> Video & Voice Messenger</a> <a class="dropdown-item" href="/software/voip/"><i class="fas fa-phone fa-fw"></i> Video & Voice Messenger</a>
<a class="dropdown-item" href="/software/file-sharing/"><i class="fas fa-file-export"></i> File Sharing</a> <a class="dropdown-item" href="/software/file-sharing/"><i class="fas fa-file-export fa-fw"></i> File Sharing</a>
<a class="dropdown-item" href="/software/cloud/"><i class="fas fa-hdd"></i> Self-Hosted Cloud Server</a> <a class="dropdown-item" href="/software/cloud/"><i class="fas fa-hdd fa-fw"></i> Self-Hosted Cloud Server</a>
<a class="dropdown-item" href="/software/file-sync/"><i class="fas fa-copy"></i> Secure File Sync</a> <a class="dropdown-item" href="/software/file-sync/"><i class="fas fa-copy fa-fw"></i> Secure File Sync</a>
<a class="dropdown-item" href="/software/passwords/"><i class="fas fa-user-lock"></i> Password Manager</a> <a class="dropdown-item" href="/software/passwords/"><i class="fas fa-user-lock fa-fw"></i> Password Manager</a>
<a class="dropdown-item" href="/software/calendar-contacts/"><i class="far fa-calendar-alt"></i> Calendar and Contacts Sync</a> <a class="dropdown-item" href="/software/calendar-contacts/"><i class="far fa-calendar-alt fa-fw"></i> Calendar and Contacts Sync</a>
<a class="dropdown-item" href="/software/encryption-tools/"><i class="fas fa-lock"></i> File Encryption</a> <a class="dropdown-item" href="/software/encryption-tools/"><i class="fas fa-lock fa-fw"></i> File Encryption</a>
<a class="dropdown-item" href="/software/networks/"><i class="fas fa-user-secret"></i> Self-contained Networks</a> <a class="dropdown-item" href="/software/networks/"><i class="fas fa-user-secret fa-fw"></i> Self-contained Networks</a>
<a class="dropdown-item" href="/software/notebooks/"><i class="far fa-sticky-note"></i> Digital Notebook</a> <a class="dropdown-item" href="/software/notebooks/"><i class="far fa-sticky-note fa-fw"></i> Digital Notebook</a>
<a class="dropdown-item" href="/software/productivity/"><i class="fas fa-briefcase"></i> Productivity Tools</a> <a class="dropdown-item" href="/software/productivity/"><i class="fas fa-briefcase fa-fw"></i> Productivity Tools</a>
</div> </div>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
@ -62,12 +62,12 @@
OS OS
</a> </a>
<div class="dropdown-menu" aria-labelledby="osDropdown"> <div class="dropdown-menu" aria-labelledby="osDropdown">
<a class="dropdown-item" href="/operating-systems/#os"><i class="fas fa-th-large"></i> PC OS</a> <a class="dropdown-item" href="/operating-systems/#os"><i class="fas fa-th-large fa-fw"></i> PC OS</a>
<a class="dropdown-item" href="/operating-systems/#live_os"><i class="fas fa-compact-disc"></i> Live CD OS</a> <a class="dropdown-item" href="/operating-systems/#live_os"><i class="fas fa-compact-disc fa-fw"></i> Live CD OS</a>
<a class="dropdown-item" href="/operating-systems/#mobile_os"><i class="fas fa-mobile-alt"></i> Mobile OS</a> <a class="dropdown-item" href="/operating-systems/#mobile_os"><i class="fas fa-mobile-alt fa-fw"></i> Mobile OS</a>
<a class="dropdown-item" href="/operating-systems/#aaddons"><i class="fas fa-th"></i> Android Privacy Add-ons</a> <a class="dropdown-item" href="/operating-systems/#aaddons"><i class="fas fa-th fa-fw"></i> Android Privacy Add-ons</a>
<a class="dropdown-item" href="/operating-systems/#firmware"><i class="fas fa-signal"></i> Router Firmware</a> <a class="dropdown-item" href="/operating-systems/#firmware"><i class="fas fa-signal fa-fw"></i> Router Firmware</a>
<a class="dropdown-item" href="/operating-systems/#win10"><i class="far fa-thumbs-down"></i> Don't use Windows 10</a> <a class="dropdown-item" href="/operating-systems/#win10"><i class="far fa-thumbs-down fa-fw"></i> Don't use Windows 10</a>
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">