1
0
mirror of https://github.com/stisla/stisla.git synced 2025-09-03 05:02:41 +02:00
Files
stisla/modules-flag.html
Muhamad Nauval Azhar 1a825d633b updated path
2019-02-10 20:02:33 +07:00

2671 lines
152 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
<title>Modules &rsaquo; Flag &mdash; Stisla</title>
<!-- General CSS Files -->
<link rel="stylesheet" href="assets/modules/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/modules/fontawesome/css/all.min.css">
<!-- CSS Libraries -->
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/components.css">
<!-- Start GA -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-94034622-3');
</script>
<!-- /END GA --></head>
<body>
<div id="app">
<div class="main-wrapper main-wrapper-1">
<div class="navbar-bg"></div>
<nav class="navbar navbar-expand-lg main-navbar">
<form class="form-inline mr-auto">
<ul class="navbar-nav mr-3">
<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i class="fas fa-search"></i></a></li>
</ul>
<div class="search-element">
<input class="form-control" type="search" placeholder="Search" aria-label="Search" data-width="250">
<button class="btn" type="submit"><i class="fas fa-search"></i></button>
<div class="search-backdrop"></div>
<div class="search-result">
<div class="search-header">
Histories
</div>
<div class="search-item">
<a href="#">How to hack NASA using CSS</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-item">
<a href="#">Kodinger.com</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-item">
<a href="#">#Stisla</a>
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
</div>
<div class="search-header">
Result
</div>
<div class="search-item">
<a href="#">
<img class="mr-3 rounded" width="30" src="assets/img/products/product-3-50.png" alt="product">
oPhone S9 Limited Edition
</a>
</div>
<div class="search-item">
<a href="#">
<img class="mr-3 rounded" width="30" src="assets/img/products/product-2-50.png" alt="product">
Drone X2 New Gen-7
</a>
</div>
<div class="search-item">
<a href="#">
<img class="mr-3 rounded" width="30" src="assets/img/products/product-1-50.png" alt="product">
Headphone Blitz
</a>
</div>
<div class="search-header">
Projects
</div>
<div class="search-item">
<a href="#">
<div class="search-icon bg-danger text-white mr-3">
<i class="fas fa-code"></i>
</div>
Stisla Admin Template
</a>
</div>
<div class="search-item">
<a href="#">
<div class="search-icon bg-primary text-white mr-3">
<i class="fas fa-laptop"></i>
</div>
Create a new Homepage Design
</a>
</div>
</div>
</div>
</form>
<ul class="navbar-nav navbar-right">
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link nav-link-lg message-toggle beep"><i class="far fa-envelope"></i></a>
<div class="dropdown-menu dropdown-list dropdown-menu-right">
<div class="dropdown-header">Messages
<div class="float-right">
<a href="#">Mark All As Read</a>
</div>
</div>
<div class="dropdown-list-content dropdown-list-message">
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle">
<div class="is-online"></div>
</div>
<div class="dropdown-item-desc">
<b>Kusnaedi</b>
<p>Hello, Bro!</p>
<div class="time">10 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="assets/img/avatar/avatar-2.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>Dedik Sugiharto</b>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="time">12 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-avatar">
<img alt="image" src="assets/img/avatar/avatar-3.png" class="rounded-circle">
<div class="is-online"></div>
</div>
<div class="dropdown-item-desc">
<b>Agung Ardiansyah</b>
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="time">12 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-avatar">
<img alt="image" src="assets/img/avatar/avatar-4.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>Ardian Rahardiansyah</b>
<p>Duis aute irure dolor in reprehenderit in voluptate velit ess</p>
<div class="time">16 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-avatar">
<img alt="image" src="assets/img/avatar/avatar-5.png" class="rounded-circle">
</div>
<div class="dropdown-item-desc">
<b>Alfa Zulkarnain</b>
<p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
<div class="time">Yesterday</div>
</div>
</a>
</div>
<div class="dropdown-footer text-center">
<a href="#">View All <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</li>
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep"><i class="far fa-bell"></i></a>
<div class="dropdown-menu dropdown-list dropdown-menu-right">
<div class="dropdown-header">Notifications
<div class="float-right">
<a href="#">Mark All As Read</a>
</div>
</div>
<div class="dropdown-list-content dropdown-list-icons">
<a href="#" class="dropdown-item dropdown-item-unread">
<div class="dropdown-item-icon bg-primary text-white">
<i class="fas fa-code"></i>
</div>
<div class="dropdown-item-desc">
Template update is available now!
<div class="time text-primary">2 Min Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-info text-white">
<i class="far fa-user"></i>
</div>
<div class="dropdown-item-desc">
<b>You</b> and <b>Dedik Sugiharto</b> are now friends
<div class="time">10 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-success text-white">
<i class="fas fa-check"></i>
</div>
<div class="dropdown-item-desc">
<b>Kusnaedi</b> has moved task <b>Fix bug header</b> to <b>Done</b>
<div class="time">12 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-danger text-white">
<i class="fas fa-exclamation-triangle"></i>
</div>
<div class="dropdown-item-desc">
Low disk space. Let's clean it!
<div class="time">17 Hours Ago</div>
</div>
</a>
<a href="#" class="dropdown-item">
<div class="dropdown-item-icon bg-info text-white">
<i class="fas fa-bell"></i>
</div>
<div class="dropdown-item-desc">
Welcome to Stisla template!
<div class="time">Yesterday</div>
</div>
</a>
</div>
<div class="dropdown-footer text-center">
<a href="#">View All <i class="fas fa-chevron-right"></i></a>
</div>
</div>
</li>
<li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
<img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle mr-1">
<div class="d-sm-none d-lg-inline-block">Hi, Ujang Maman</div></a>
<div class="dropdown-menu dropdown-menu-right">
<div class="dropdown-title">Logged in 5 min ago</div>
<a href="features-profile.html" class="dropdown-item has-icon">
<i class="far fa-user"></i> Profile
</a>
<a href="features-activities.html" class="dropdown-item has-icon">
<i class="fas fa-bolt"></i> Activities
</a>
<a href="features-settings.html" class="dropdown-item has-icon">
<i class="fas fa-cog"></i> Settings
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item has-icon text-danger">
<i class="fas fa-sign-out-alt"></i> Logout
</a>
</div>
</li>
</ul>
</nav>
<div class="main-sidebar sidebar-style-2">
<aside id="sidebar-wrapper">
<div class="sidebar-brand">
<a href="index.html">Stisla</a>
</div>
<div class="sidebar-brand sidebar-brand-sm">
<a href="index.html">St</a>
</div>
<ul class="sidebar-menu">
<li class="menu-header">Dashboard</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-fire"></i><span>Dashboard</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="index-0.html">General Dashboard</a></li>
<li><a class="nav-link" href="index.html">Ecommerce Dashboard</a></li>
</ul>
</li>
<li class="menu-header">Starter</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown" data-toggle="dropdown"><i class="fas fa-columns"></i> <span>Layout</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="layout-default.html">Default Layout</a></li>
<li><a class="nav-link" href="layout-transparent.html">Transparent Sidebar</a></li>
<li><a class="nav-link" href="layout-top-navigation.html">Top Navigation</a></li>
</ul>
</li>
<li><a class="nav-link" href="blank.html"><i class="far fa-square"></i> <span>Blank Page</span></a></li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-th"></i> <span>Bootstrap</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="bootstrap-alert.html">Alert</a></li>
<li><a class="nav-link" href="bootstrap-badge.html">Badge</a></li>
<li><a class="nav-link" href="bootstrap-breadcrumb.html">Breadcrumb</a></li>
<li><a class="nav-link" href="bootstrap-buttons.html">Buttons</a></li>
<li><a class="nav-link" href="bootstrap-card.html">Card</a></li>
<li><a class="nav-link" href="bootstrap-carousel.html">Carousel</a></li>
<li><a class="nav-link" href="bootstrap-collapse.html">Collapse</a></li>
<li><a class="nav-link" href="bootstrap-dropdown.html">Dropdown</a></li>
<li><a class="nav-link" href="bootstrap-form.html">Form</a></li>
<li><a class="nav-link" href="bootstrap-list-group.html">List Group</a></li>
<li><a class="nav-link" href="bootstrap-media-object.html">Media Object</a></li>
<li><a class="nav-link" href="bootstrap-modal.html">Modal</a></li>
<li><a class="nav-link" href="bootstrap-nav.html">Nav</a></li>
<li><a class="nav-link" href="bootstrap-navbar.html">Navbar</a></li>
<li><a class="nav-link" href="bootstrap-pagination.html">Pagination</a></li>
<li><a class="nav-link" href="bootstrap-popover.html">Popover</a></li>
<li><a class="nav-link" href="bootstrap-progress.html">Progress</a></li>
<li><a class="nav-link" href="bootstrap-table.html">Table</a></li>
<li><a class="nav-link" href="bootstrap-tooltip.html">Tooltip</a></li>
<li><a class="nav-link" href="bootstrap-typography.html">Typography</a></li>
</ul>
</li>
<li class="menu-header">Stisla</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-th-large"></i> <span>Components</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="components-article.html">Article</a></li> <li><a class="nav-link beep beep-sidebar" href="components-avatar.html">Avatar</a></li> <li><a class="nav-link" href="components-chat-box.html">Chat Box</a></li> <li><a class="nav-link beep beep-sidebar" href="components-empty-state.html">Empty State</a></li> <li><a class="nav-link" href="components-gallery.html">Gallery</a></li>
<li><a class="nav-link beep beep-sidebar" href="components-hero.html">Hero</a></li> <li><a class="nav-link" href="components-multiple-upload.html">Multiple Upload</a></li>
<li><a class="nav-link beep beep-sidebar" href="components-pricing.html">Pricing</a></li> <li><a class="nav-link" href="components-statistic.html">Statistic</a></li> <li><a class="nav-link" href="components-tab.html">Tab</a></li>
<li><a class="nav-link" href="components-table.html">Table</a></li>
<li><a class="nav-link" href="components-user.html">User</a></li> <li><a class="nav-link beep beep-sidebar" href="components-wizard.html">Wizard</a></li> </ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="far fa-file-alt"></i> <span>Forms</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="forms-advanced-form.html">Advanced Form</a></li>
<li><a class="nav-link" href="forms-editor.html">Editor</a></li>
<li><a class="nav-link" href="forms-validation.html">Validation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-map-marker-alt"></i> <span>Google Maps</span></a>
<ul class="dropdown-menu">
<li><a href="gmaps-advanced-route.html">Advanced Route</a></li>
<li><a href="gmaps-draggable-marker.html">Draggable Marker</a></li>
<li><a href="gmaps-geocoding.html">Geocoding</a></li>
<li><a href="gmaps-geolocation.html">Geolocation</a></li>
<li><a href="gmaps-marker.html">Marker</a></li>
<li><a href="gmaps-multiple-marker.html">Multiple Marker</a></li>
<li><a href="gmaps-route.html">Route</a></li>
<li><a href="gmaps-simple.html">Simple</a></li>
</ul>
</li> <li class="dropdown active">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-plug"></i> <span>Modules</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="modules-calendar.html">Calendar</a></li>
<li><a class="nav-link" href="modules-chartjs.html">ChartJS</a></li>
<li><a class="nav-link" href="modules-datatables.html">DataTables</a></li>
<li class=active><a class="nav-link" href="modules-flag.html">Flag</a></li>
<li><a class="nav-link" href="modules-font-awesome.html">Font Awesome</a></li>
<li><a class="nav-link" href="modules-ion-icons.html">Ion Icons</a></li>
<li><a class="nav-link" href="modules-owl-carousel.html">Owl Carousel</a></li>
<li><a class="nav-link" href="modules-sparkline.html">Sparkline</a></li>
<li><a class="nav-link" href="modules-sweet-alert.html">Sweet Alert</a></li>
<li><a class="nav-link" href="modules-toastr.html">Toastr</a></li>
<li><a class="nav-link" href="modules-vector-map.html">Vector Map</a></li>
<li><a class="nav-link" href="modules-weather-icon.html">Weather Icon</a></li>
</ul>
</li>
<li class="menu-header">Pages</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="far fa-user"></i> <span>Auth</span></a>
<ul class="dropdown-menu">
<li><a href="auth-forgot-password.html">Forgot Password</a></li>
<li><a href="auth-login.html">Login</a></li>
<li><a href="auth-register.html">Register</a></li>
<li><a href="auth-reset-password.html">Reset Password</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-exclamation"></i> <span>Errors</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="errors-503.html">503</a></li>
<li><a class="nav-link" href="errors-403.html">403</a></li>
<li><a class="nav-link" href="errors-404.html">404</a></li>
<li><a class="nav-link" href="errors-500.html">500</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-bicycle"></i> <span>Features</span></a>
<ul class="dropdown-menu">
<li><a class="nav-link" href="features-activities.html">Activities</a></li>
<li><a class="nav-link" href="features-post-create.html">Post Create</a></li>
<li><a class="nav-link" href="features-posts.html">Posts</a></li>
<li><a class="nav-link" href="features-profile.html">Profile</a></li>
<li><a class="nav-link" href="features-settings.html">Settings</a></li>
<li><a class="nav-link" href="features-setting-detail.html">Setting Detail</a></li>
<li><a class="nav-link" href="features-tickets.html">Tickets</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="nav-link has-dropdown"><i class="fas fa-ellipsis-h"></i> <span>Utilities</span></a>
<ul class="dropdown-menu">
<li><a href="utilities-contact.html">Contact</a></li>
<li><a class="nav-link" href="utilities-invoice.html">Invoice</a></li>
<li><a href="utilities-subscribe.html">Subscribe</a></li>
</ul>
</li> <li><a class="nav-link" href="credits.html"><i class="fas fa-pencil-ruler"></i> <span>Credits</span></a></li>
</ul>
<div class="mt-4 mb-4 p-3 hide-sidebar-mini">
<a href="https://getstisla.com/docs" class="btn btn-primary btn-lg btn-block btn-icon-split">
<i class="fas fa-rocket"></i> Documentation
</a>
</div> </aside>
</div>
<!-- Main Content -->
<div class="main-content">
<section class="section">
<div class="section-header">
<h1>Flag</h1>
<div class="section-header-breadcrumb">
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
<div class="breadcrumb-item"><a href="#">Modules</a></div>
<div class="breadcrumb-item">Flag</div>
</div>
</div>
<div class="section-body">
<h2 class="section-title">Flag</h2>
<p class="section-lead">
We also added the 'flag-icon-css' library to make it easier for you to display the country icon. This library was created by @lipis
</p>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4>Flag</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Afghanistan" data-continent="Asia">
<div class="mb-2" title="Afghanistan">
<span class="badge badge-primary">AF</span>
Afghanistan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/af.svg" alt="Afghanistan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Aland Islands" data-continent="Europe">
<div class="mb-2" title="Aland Islands">
<span class="badge badge-primary">AX</span>
Aland Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ax.svg" alt="Aland Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Albania" data-continent="Europe">
<div class="mb-2" title="Albania">
<span class="badge badge-primary">AL</span>
Albania
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/al.svg" alt="Albania Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Algeria" data-continent="Africa">
<div class="mb-2" title="Algeria">
<span class="badge badge-primary">DZ</span>
Algeria
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/dz.svg" alt="Algeria Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="American Samoa" data-continent="Oceania">
<div class="mb-2" title="American Samoa">
<span class="badge badge-primary">AS</span>
American Samoa
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/as.svg" alt="American Samoa Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Andorra" data-continent="Europe">
<div class="mb-2" title="Andorra">
<span class="badge badge-primary">AD</span>
Andorra
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ad.svg" alt="Andorra Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Angola" data-continent="Africa">
<div class="mb-2" title="Angola">
<span class="badge badge-primary">AO</span>
Angola
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ao.svg" alt="Angola Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Anguilla" data-continent="North America">
<div class="mb-2" title="Anguilla">
<span class="badge badge-primary">AI</span>
Anguilla
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ai.svg" alt="Anguilla Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Antigua and Barbuda" data-continent="North America">
<div class="mb-2" title="Antigua and Barbuda">
<span class="badge badge-primary">AG</span>
Antigua and Barbuda
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ag.svg" alt="Antigua and Barbuda Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Argentina" data-continent="South America">
<div class="mb-2" title="Argentina">
<span class="badge badge-primary">AR</span>
Argentina
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ar.svg" alt="Argentina Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Armenia" data-continent="Asia">
<div class="mb-2" title="Armenia">
<span class="badge badge-primary">AM</span>
Armenia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/am.svg" alt="Armenia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Aruba" data-continent="South America">
<div class="mb-2" title="Aruba">
<span class="badge badge-primary">AW</span>
Aruba
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/aw.svg" alt="Aruba Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Australia" data-continent="Oceania">
<div class="mb-2" title="Australia">
<span class="badge badge-primary">AU</span>
Australia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/au.svg" alt="Australia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Austria" data-continent="Europe">
<div class="mb-2" title="Austria">
<span class="badge badge-primary">AT</span>
Austria
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/at.svg" alt="Austria Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Azerbaijan" data-continent="Asia">
<div class="mb-2" title="Azerbaijan">
<span class="badge badge-primary">AZ</span>
Azerbaijan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/az.svg" alt="Azerbaijan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bahamas" data-continent="North America">
<div class="mb-2" title="Bahamas">
<span class="badge badge-primary">BS</span>
Bahamas
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bs.svg" alt="Bahamas Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bahrain" data-continent="Asia">
<div class="mb-2" title="Bahrain">
<span class="badge badge-primary">BH</span>
Bahrain
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bh.svg" alt="Bahrain Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bangladesh" data-continent="Asia">
<div class="mb-2" title="Bangladesh">
<span class="badge badge-primary">BD</span>
Bangladesh
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bd.svg" alt="Bangladesh Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Barbados" data-continent="North America">
<div class="mb-2" title="Barbados">
<span class="badge badge-primary">BB</span>
Barbados
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bb.svg" alt="Barbados Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Belarus" data-continent="Europe">
<div class="mb-2" title="Belarus">
<span class="badge badge-primary">BY</span>
Belarus
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/by.svg" alt="Belarus Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Belgium" data-continent="Europe">
<div class="mb-2" title="Belgium">
<span class="badge badge-primary">BE</span>
Belgium
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/be.svg" alt="Belgium Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Belize" data-continent="North America">
<div class="mb-2" title="Belize">
<span class="badge badge-primary">BZ</span>
Belize
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bz.svg" alt="Belize Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Benin" data-continent="Africa">
<div class="mb-2" title="Benin">
<span class="badge badge-primary">BJ</span>
Benin
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bj.svg" alt="Benin Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bermuda" data-continent="North America">
<div class="mb-2" title="Bermuda">
<span class="badge badge-primary">BM</span>
Bermuda
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bm.svg" alt="Bermuda Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bhutan" data-continent="Asia">
<div class="mb-2" title="Bhutan">
<span class="badge badge-primary">BT</span>
Bhutan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bt.svg" alt="Bhutan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bolivia (Plurinational State of)" data-continent="South America">
<div class="mb-2" title="Bolivia (Plurinational State of)">
<span class="badge badge-primary">BO</span>
Bolivia (Plurinational State of)
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bo.svg" alt="Bolivia (Plurinational State of) Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bonaire, Sint Eustatius and Saba" data-continent="South America">
<div class="mb-2" title="Bonaire, Sint Eustatius and Saba">
<span class="badge badge-primary">BQ</span>
Bonaire, Sint Eustatius and Saba
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bq.svg" alt="Bonaire, Sint Eustatius and Saba Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bosnia and Herzegovina" data-continent="Europe">
<div class="mb-2" title="Bosnia and Herzegovina">
<span class="badge badge-primary">BA</span>
Bosnia and Herzegovina
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ba.svg" alt="Bosnia and Herzegovina Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Botswana" data-continent="Africa">
<div class="mb-2" title="Botswana">
<span class="badge badge-primary">BW</span>
Botswana
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bw.svg" alt="Botswana Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Brazil" data-continent="South America">
<div class="mb-2" title="Brazil">
<span class="badge badge-primary">BR</span>
Brazil
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/br.svg" alt="Brazil Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="British Indian Ocean Territory" data-continent="Asia">
<div class="mb-2" title="British Indian Ocean Territory">
<span class="badge badge-primary">IO</span>
British Indian Ocean Territory
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/io.svg" alt="British Indian Ocean Territory Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Brunei Darussalam" data-continent="Asia">
<div class="mb-2" title="Brunei Darussalam">
<span class="badge badge-primary">BN</span>
Brunei Darussalam
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bn.svg" alt="Brunei Darussalam Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Bulgaria" data-continent="Europe">
<div class="mb-2" title="Bulgaria">
<span class="badge badge-primary">BG</span>
Bulgaria
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bg.svg" alt="Bulgaria Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Burkina Faso" data-continent="Africa">
<div class="mb-2" title="Burkina Faso">
<span class="badge badge-primary">BF</span>
Burkina Faso
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bf.svg" alt="Burkina Faso Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Burundi" data-continent="Africa">
<div class="mb-2" title="Burundi">
<span class="badge badge-primary">BI</span>
Burundi
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bi.svg" alt="Burundi Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cabo Verde" data-continent="Africa">
<div class="mb-2" title="Cabo Verde">
<span class="badge badge-primary">CV</span>
Cabo Verde
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cv.svg" alt="Cabo Verde Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cambodia" data-continent="Asia">
<div class="mb-2" title="Cambodia">
<span class="badge badge-primary">KH</span>
Cambodia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kh.svg" alt="Cambodia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cameroon" data-continent="Africa">
<div class="mb-2" title="Cameroon">
<span class="badge badge-primary">CM</span>
Cameroon
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cm.svg" alt="Cameroon Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Canada" data-continent="North America">
<div class="mb-2" title="Canada">
<span class="badge badge-primary">CA</span>
Canada
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ca.svg" alt="Canada Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cayman Islands" data-continent="North America">
<div class="mb-2" title="Cayman Islands">
<span class="badge badge-primary">KY</span>
Cayman Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ky.svg" alt="Cayman Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Central African Republic" data-continent="Africa">
<div class="mb-2" title="Central African Republic">
<span class="badge badge-primary">CF</span>
Central African Republic
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cf.svg" alt="Central African Republic Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Chad" data-continent="Africa">
<div class="mb-2" title="Chad">
<span class="badge badge-primary">TD</span>
Chad
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/td.svg" alt="Chad Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Chile" data-continent="South America">
<div class="mb-2" title="Chile">
<span class="badge badge-primary">CL</span>
Chile
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cl.svg" alt="Chile Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="China" data-continent="Asia">
<div class="mb-2" title="China">
<span class="badge badge-primary">CN</span>
China
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cn.svg" alt="China Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Christmas Island" data-continent="Asia">
<div class="mb-2" title="Christmas Island">
<span class="badge badge-primary">CX</span>
Christmas Island
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cx.svg" alt="Christmas Island Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cocos (Keeling) Islands" data-continent="Asia">
<div class="mb-2" title="Cocos (Keeling) Islands">
<span class="badge badge-primary">CC</span>
Cocos (Keeling) Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cc.svg" alt="Cocos (Keeling) Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Colombia" data-continent="South America">
<div class="mb-2" title="Colombia">
<span class="badge badge-primary">CO</span>
Colombia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/co.svg" alt="Colombia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Comoros" data-continent="Africa">
<div class="mb-2" title="Comoros">
<span class="badge badge-primary">KM</span>
Comoros
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/km.svg" alt="Comoros Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cook Islands" data-continent="Oceania">
<div class="mb-2" title="Cook Islands">
<span class="badge badge-primary">CK</span>
Cook Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ck.svg" alt="Cook Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Costa Rica" data-continent="North America">
<div class="mb-2" title="Costa Rica">
<span class="badge badge-primary">CR</span>
Costa Rica
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cr.svg" alt="Costa Rica Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Croatia" data-continent="Europe">
<div class="mb-2" title="Croatia">
<span class="badge badge-primary">HR</span>
Croatia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/hr.svg" alt="Croatia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cuba" data-continent="North America">
<div class="mb-2" title="Cuba">
<span class="badge badge-primary">CU</span>
Cuba
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cu.svg" alt="Cuba Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Curaçao" data-continent="South America">
<div class="mb-2" title="Curaçao">
<span class="badge badge-primary">CW</span>
Curaçao
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cw.svg" alt="Curaçao Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Cyprus" data-continent="Europe">
<div class="mb-2" title="Cyprus">
<span class="badge badge-primary">CY</span>
Cyprus
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cy.svg" alt="Cyprus Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Czech Republic" data-continent="Europe">
<div class="mb-2" title="Czech Republic">
<span class="badge badge-primary">CZ</span>
Czech Republic
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cz.svg" alt="Czech Republic Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Côte d&#39;Ivoire" data-continent="Africa">
<div class="mb-2" title="Côte d&#39;Ivoire">
<span class="badge badge-primary">CI</span>
Côte d&#39;Ivoire
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ci.svg" alt="Côte d&#39;Ivoire Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Democratic Republic of the Congo" data-continent="Africa">
<div class="mb-2" title="Democratic Republic of the Congo">
<span class="badge badge-primary">CD</span>
Democratic Republic of the Congo
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cd.svg" alt="Democratic Republic of the Congo Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Denmark" data-continent="Europe">
<div class="mb-2" title="Denmark">
<span class="badge badge-primary">DK</span>
Denmark
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/dk.svg" alt="Denmark Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Djibouti" data-continent="Africa">
<div class="mb-2" title="Djibouti">
<span class="badge badge-primary">DJ</span>
Djibouti
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/dj.svg" alt="Djibouti Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Dominica" data-continent="North America">
<div class="mb-2" title="Dominica">
<span class="badge badge-primary">DM</span>
Dominica
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/dm.svg" alt="Dominica Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Dominican Republic" data-continent="North America">
<div class="mb-2" title="Dominican Republic">
<span class="badge badge-primary">DO</span>
Dominican Republic
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/do.svg" alt="Dominican Republic Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Ecuador" data-continent="South America">
<div class="mb-2" title="Ecuador">
<span class="badge badge-primary">EC</span>
Ecuador
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ec.svg" alt="Ecuador Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Egypt" data-continent="Africa">
<div class="mb-2" title="Egypt">
<span class="badge badge-primary">EG</span>
Egypt
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/eg.svg" alt="Egypt Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="El Salvador" data-continent="North America">
<div class="mb-2" title="El Salvador">
<span class="badge badge-primary">SV</span>
El Salvador
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sv.svg" alt="El Salvador Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Equatorial Guinea" data-continent="Africa">
<div class="mb-2" title="Equatorial Guinea">
<span class="badge badge-primary">GQ</span>
Equatorial Guinea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gq.svg" alt="Equatorial Guinea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Eritrea" data-continent="Africa">
<div class="mb-2" title="Eritrea">
<span class="badge badge-primary">ER</span>
Eritrea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/er.svg" alt="Eritrea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Estonia" data-continent="Europe">
<div class="mb-2" title="Estonia">
<span class="badge badge-primary">EE</span>
Estonia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ee.svg" alt="Estonia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Ethiopia" data-continent="Africa">
<div class="mb-2" title="Ethiopia">
<span class="badge badge-primary">ET</span>
Ethiopia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/et.svg" alt="Ethiopia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Falkland Islands" data-continent="South America">
<div class="mb-2" title="Falkland Islands">
<span class="badge badge-primary">FK</span>
Falkland Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fk.svg" alt="Falkland Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Faroe Islands" data-continent="Europe">
<div class="mb-2" title="Faroe Islands">
<span class="badge badge-primary">FO</span>
Faroe Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fo.svg" alt="Faroe Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Federated States of Micronesia" data-continent="Oceania">
<div class="mb-2" title="Federated States of Micronesia">
<span class="badge badge-primary">FM</span>
Federated States of Micronesia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fm.svg" alt="Federated States of Micronesia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Fiji" data-continent="Oceania">
<div class="mb-2" title="Fiji">
<span class="badge badge-primary">FJ</span>
Fiji
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fj.svg" alt="Fiji Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Finland" data-continent="Europe">
<div class="mb-2" title="Finland">
<span class="badge badge-primary">FI</span>
Finland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fi.svg" alt="Finland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Former Yugoslav Republic of Macedonia" data-continent="Europe">
<div class="mb-2" title="Former Yugoslav Republic of Macedonia">
<span class="badge badge-primary">MK</span>
Former Yugoslav Republic of Macedonia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mk.svg" alt="Former Yugoslav Republic of Macedonia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="France" data-continent="Europe">
<div class="mb-2" title="France">
<span class="badge badge-primary">FR</span>
France
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/fr.svg" alt="France Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="French Guiana" data-continent="South America">
<div class="mb-2" title="French Guiana">
<span class="badge badge-primary">GF</span>
French Guiana
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gf.svg" alt="French Guiana Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="French Polynesia" data-continent="Oceania">
<div class="mb-2" title="French Polynesia">
<span class="badge badge-primary">PF</span>
French Polynesia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pf.svg" alt="French Polynesia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="French Southern Territories" data-continent="Africa">
<div class="mb-2" title="French Southern Territories">
<span class="badge badge-primary">TF</span>
French Southern Territories
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tf.svg" alt="French Southern Territories Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Gabon" data-continent="Africa">
<div class="mb-2" title="Gabon">
<span class="badge badge-primary">GA</span>
Gabon
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ga.svg" alt="Gabon Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Gambia" data-continent="Africa">
<div class="mb-2" title="Gambia">
<span class="badge badge-primary">GM</span>
Gambia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gm.svg" alt="Gambia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Georgia" data-continent="Asia">
<div class="mb-2" title="Georgia">
<span class="badge badge-primary">GE</span>
Georgia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ge.svg" alt="Georgia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Germany" data-continent="Europe">
<div class="mb-2" title="Germany">
<span class="badge badge-primary">DE</span>
Germany
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/de.svg" alt="Germany Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Ghana" data-continent="Africa">
<div class="mb-2" title="Ghana">
<span class="badge badge-primary">GH</span>
Ghana
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gh.svg" alt="Ghana Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Gibraltar" data-continent="Europe">
<div class="mb-2" title="Gibraltar">
<span class="badge badge-primary">GI</span>
Gibraltar
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gi.svg" alt="Gibraltar Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Greece" data-continent="Europe">
<div class="mb-2" title="Greece">
<span class="badge badge-primary">GR</span>
Greece
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gr.svg" alt="Greece Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Greenland" data-continent="North America">
<div class="mb-2" title="Greenland">
<span class="badge badge-primary">GL</span>
Greenland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gl.svg" alt="Greenland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Grenada" data-continent="North America">
<div class="mb-2" title="Grenada">
<span class="badge badge-primary">GD</span>
Grenada
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gd.svg" alt="Grenada Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guadeloupe" data-continent="North America">
<div class="mb-2" title="Guadeloupe">
<span class="badge badge-primary">GP</span>
Guadeloupe
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gp.svg" alt="Guadeloupe Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guam" data-continent="Oceania">
<div class="mb-2" title="Guam">
<span class="badge badge-primary">GU</span>
Guam
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gu.svg" alt="Guam Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guatemala" data-continent="North America">
<div class="mb-2" title="Guatemala">
<span class="badge badge-primary">GT</span>
Guatemala
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gt.svg" alt="Guatemala Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guernsey" data-continent="Europe">
<div class="mb-2" title="Guernsey">
<span class="badge badge-primary">GG</span>
Guernsey
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gg.svg" alt="Guernsey Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guinea" data-continent="Africa">
<div class="mb-2" title="Guinea">
<span class="badge badge-primary">GN</span>
Guinea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gn.svg" alt="Guinea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guinea-Bissau" data-continent="Africa">
<div class="mb-2" title="Guinea-Bissau">
<span class="badge badge-primary">GW</span>
Guinea-Bissau
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gw.svg" alt="Guinea-Bissau Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Guyana" data-continent="South America">
<div class="mb-2" title="Guyana">
<span class="badge badge-primary">GY</span>
Guyana
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gy.svg" alt="Guyana Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Haiti" data-continent="North America">
<div class="mb-2" title="Haiti">
<span class="badge badge-primary">HT</span>
Haiti
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ht.svg" alt="Haiti Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Holy See" data-continent="Europe">
<div class="mb-2" title="Holy See">
<span class="badge badge-primary">VA</span>
Holy See
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/va.svg" alt="Holy See Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Honduras" data-continent="North America">
<div class="mb-2" title="Honduras">
<span class="badge badge-primary">HN</span>
Honduras
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/hn.svg" alt="Honduras Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Hong Kong" data-continent="Asia">
<div class="mb-2" title="Hong Kong">
<span class="badge badge-primary">HK</span>
Hong Kong
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/hk.svg" alt="Hong Kong Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Hungary" data-continent="Europe">
<div class="mb-2" title="Hungary">
<span class="badge badge-primary">HU</span>
Hungary
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/hu.svg" alt="Hungary Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Iceland" data-continent="Europe">
<div class="mb-2" title="Iceland">
<span class="badge badge-primary">IS</span>
Iceland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/is.svg" alt="Iceland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="India" data-continent="Asia">
<div class="mb-2" title="India">
<span class="badge badge-primary">IN</span>
India
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/in.svg" alt="India Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Indonesia" data-continent="Asia">
<div class="mb-2" title="Indonesia">
<span class="badge badge-primary">ID</span>
Indonesia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/id.svg" alt="Indonesia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Iran (Islamic Republic of)" data-continent="Asia">
<div class="mb-2" title="Iran (Islamic Republic of)">
<span class="badge badge-primary">IR</span>
Iran (Islamic Republic of)
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ir.svg" alt="Iran (Islamic Republic of) Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Iraq" data-continent="Asia">
<div class="mb-2" title="Iraq">
<span class="badge badge-primary">IQ</span>
Iraq
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/iq.svg" alt="Iraq Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Ireland" data-continent="Europe">
<div class="mb-2" title="Ireland">
<span class="badge badge-primary">IE</span>
Ireland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ie.svg" alt="Ireland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Isle of Man" data-continent="Europe">
<div class="mb-2" title="Isle of Man">
<span class="badge badge-primary">IM</span>
Isle of Man
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/im.svg" alt="Isle of Man Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Israel" data-continent="Asia">
<div class="mb-2" title="Israel">
<span class="badge badge-primary">IL</span>
Israel
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/il.svg" alt="Israel Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Italy" data-continent="Europe">
<div class="mb-2" title="Italy">
<span class="badge badge-primary">IT</span>
Italy
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/it.svg" alt="Italy Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Jamaica" data-continent="North America">
<div class="mb-2" title="Jamaica">
<span class="badge badge-primary">JM</span>
Jamaica
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/jm.svg" alt="Jamaica Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Japan" data-continent="Asia">
<div class="mb-2" title="Japan">
<span class="badge badge-primary">JP</span>
Japan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/jp.svg" alt="Japan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Jersey" data-continent="Europe">
<div class="mb-2" title="Jersey">
<span class="badge badge-primary">JE</span>
Jersey
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/je.svg" alt="Jersey Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Jordan" data-continent="Asia">
<div class="mb-2" title="Jordan">
<span class="badge badge-primary">JO</span>
Jordan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/jo.svg" alt="Jordan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Kazakhstan" data-continent="Asia">
<div class="mb-2" title="Kazakhstan">
<span class="badge badge-primary">KZ</span>
Kazakhstan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kz.svg" alt="Kazakhstan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Kenya" data-continent="Africa">
<div class="mb-2" title="Kenya">
<span class="badge badge-primary">KE</span>
Kenya
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ke.svg" alt="Kenya Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Kiribati" data-continent="Oceania">
<div class="mb-2" title="Kiribati">
<span class="badge badge-primary">KI</span>
Kiribati
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ki.svg" alt="Kiribati Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Kuwait" data-continent="Asia">
<div class="mb-2" title="Kuwait">
<span class="badge badge-primary">KW</span>
Kuwait
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kw.svg" alt="Kuwait Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Kyrgyzstan" data-continent="Asia">
<div class="mb-2" title="Kyrgyzstan">
<span class="badge badge-primary">KG</span>
Kyrgyzstan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kg.svg" alt="Kyrgyzstan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Laos" data-continent="Asia">
<div class="mb-2" title="Laos">
<span class="badge badge-primary">LA</span>
Laos
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/la.svg" alt="Laos Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Latvia" data-continent="Europe">
<div class="mb-2" title="Latvia">
<span class="badge badge-primary">LV</span>
Latvia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lv.svg" alt="Latvia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Lebanon" data-continent="Asia">
<div class="mb-2" title="Lebanon">
<span class="badge badge-primary">LB</span>
Lebanon
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lb.svg" alt="Lebanon Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Lesotho" data-continent="Africa">
<div class="mb-2" title="Lesotho">
<span class="badge badge-primary">LS</span>
Lesotho
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ls.svg" alt="Lesotho Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Liberia" data-continent="Africa">
<div class="mb-2" title="Liberia">
<span class="badge badge-primary">LR</span>
Liberia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lr.svg" alt="Liberia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Libya" data-continent="Africa">
<div class="mb-2" title="Libya">
<span class="badge badge-primary">LY</span>
Libya
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ly.svg" alt="Libya Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Liechtenstein" data-continent="Europe">
<div class="mb-2" title="Liechtenstein">
<span class="badge badge-primary">LI</span>
Liechtenstein
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/li.svg" alt="Liechtenstein Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Lithuania" data-continent="Europe">
<div class="mb-2" title="Lithuania">
<span class="badge badge-primary">LT</span>
Lithuania
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lt.svg" alt="Lithuania Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Luxembourg" data-continent="Europe">
<div class="mb-2" title="Luxembourg">
<span class="badge badge-primary">LU</span>
Luxembourg
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lu.svg" alt="Luxembourg Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Macau" data-continent="Asia">
<div class="mb-2" title="Macau">
<span class="badge badge-primary">MO</span>
Macau
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mo.svg" alt="Macau Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Madagascar" data-continent="Africa">
<div class="mb-2" title="Madagascar">
<span class="badge badge-primary">MG</span>
Madagascar
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mg.svg" alt="Madagascar Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Malawi" data-continent="Africa">
<div class="mb-2" title="Malawi">
<span class="badge badge-primary">MW</span>
Malawi
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mw.svg" alt="Malawi Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Malaysia" data-continent="Asia">
<div class="mb-2" title="Malaysia">
<span class="badge badge-primary">MY</span>
Malaysia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/my.svg" alt="Malaysia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Maldives" data-continent="Asia">
<div class="mb-2" title="Maldives">
<span class="badge badge-primary">MV</span>
Maldives
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mv.svg" alt="Maldives Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mali" data-continent="Africa">
<div class="mb-2" title="Mali">
<span class="badge badge-primary">ML</span>
Mali
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ml.svg" alt="Mali Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Malta" data-continent="Europe">
<div class="mb-2" title="Malta">
<span class="badge badge-primary">MT</span>
Malta
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mt.svg" alt="Malta Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Marshall Islands" data-continent="Oceania">
<div class="mb-2" title="Marshall Islands">
<span class="badge badge-primary">MH</span>
Marshall Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mh.svg" alt="Marshall Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Martinique" data-continent="North America">
<div class="mb-2" title="Martinique">
<span class="badge badge-primary">MQ</span>
Martinique
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mq.svg" alt="Martinique Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mauritania" data-continent="Africa">
<div class="mb-2" title="Mauritania">
<span class="badge badge-primary">MR</span>
Mauritania
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mr.svg" alt="Mauritania Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mauritius" data-continent="Africa">
<div class="mb-2" title="Mauritius">
<span class="badge badge-primary">MU</span>
Mauritius
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mu.svg" alt="Mauritius Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mayotte" data-continent="Africa">
<div class="mb-2" title="Mayotte">
<span class="badge badge-primary">YT</span>
Mayotte
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/yt.svg" alt="Mayotte Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mexico" data-continent="North America">
<div class="mb-2" title="Mexico">
<span class="badge badge-primary">MX</span>
Mexico
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mx.svg" alt="Mexico Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Moldova" data-continent="Europe">
<div class="mb-2" title="Moldova">
<span class="badge badge-primary">MD</span>
Moldova
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/md.svg" alt="Moldova Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Monaco" data-continent="Europe">
<div class="mb-2" title="Monaco">
<span class="badge badge-primary">MC</span>
Monaco
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mc.svg" alt="Monaco Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mongolia" data-continent="Asia">
<div class="mb-2" title="Mongolia">
<span class="badge badge-primary">MN</span>
Mongolia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mn.svg" alt="Mongolia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Montenegro" data-continent="Europe">
<div class="mb-2" title="Montenegro">
<span class="badge badge-primary">ME</span>
Montenegro
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/me.svg" alt="Montenegro Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Montserrat" data-continent="North America">
<div class="mb-2" title="Montserrat">
<span class="badge badge-primary">MS</span>
Montserrat
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ms.svg" alt="Montserrat Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Morocco" data-continent="Africa">
<div class="mb-2" title="Morocco">
<span class="badge badge-primary">MA</span>
Morocco
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ma.svg" alt="Morocco Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Mozambique" data-continent="Africa">
<div class="mb-2" title="Mozambique">
<span class="badge badge-primary">MZ</span>
Mozambique
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mz.svg" alt="Mozambique Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Myanmar" data-continent="Asia">
<div class="mb-2" title="Myanmar">
<span class="badge badge-primary">MM</span>
Myanmar
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mm.svg" alt="Myanmar Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Namibia" data-continent="Africa">
<div class="mb-2" title="Namibia">
<span class="badge badge-primary">NA</span>
Namibia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/na.svg" alt="Namibia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Nauru" data-continent="Oceania">
<div class="mb-2" title="Nauru">
<span class="badge badge-primary">NR</span>
Nauru
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nr.svg" alt="Nauru Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Nepal" data-continent="Asia">
<div class="mb-2" title="Nepal">
<span class="badge badge-primary">NP</span>
Nepal
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/np.svg" alt="Nepal Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Netherlands" data-continent="Europe">
<div class="mb-2" title="Netherlands">
<span class="badge badge-primary">NL</span>
Netherlands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nl.svg" alt="Netherlands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="New Caledonia" data-continent="Oceania">
<div class="mb-2" title="New Caledonia">
<span class="badge badge-primary">NC</span>
New Caledonia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nc.svg" alt="New Caledonia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="New Zealand" data-continent="Oceania">
<div class="mb-2" title="New Zealand">
<span class="badge badge-primary">NZ</span>
New Zealand
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nz.svg" alt="New Zealand Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Nicaragua" data-continent="North America">
<div class="mb-2" title="Nicaragua">
<span class="badge badge-primary">NI</span>
Nicaragua
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ni.svg" alt="Nicaragua Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Niger" data-continent="Africa">
<div class="mb-2" title="Niger">
<span class="badge badge-primary">NE</span>
Niger
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ne.svg" alt="Niger Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Nigeria" data-continent="Africa">
<div class="mb-2" title="Nigeria">
<span class="badge badge-primary">NG</span>
Nigeria
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ng.svg" alt="Nigeria Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Niue" data-continent="Oceania">
<div class="mb-2" title="Niue">
<span class="badge badge-primary">NU</span>
Niue
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nu.svg" alt="Niue Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Norfolk Island" data-continent="Oceania">
<div class="mb-2" title="Norfolk Island">
<span class="badge badge-primary">NF</span>
Norfolk Island
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/nf.svg" alt="Norfolk Island Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="North Korea" data-continent="Asia">
<div class="mb-2" title="North Korea">
<span class="badge badge-primary">KP</span>
North Korea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kp.svg" alt="North Korea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Northern Mariana Islands" data-continent="Oceania">
<div class="mb-2" title="Northern Mariana Islands">
<span class="badge badge-primary">MP</span>
Northern Mariana Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mp.svg" alt="Northern Mariana Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Norway" data-continent="Europe">
<div class="mb-2" title="Norway">
<span class="badge badge-primary">NO</span>
Norway
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/no.svg" alt="Norway Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Oman" data-continent="Asia">
<div class="mb-2" title="Oman">
<span class="badge badge-primary">OM</span>
Oman
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/om.svg" alt="Oman Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Pakistan" data-continent="Asia">
<div class="mb-2" title="Pakistan">
<span class="badge badge-primary">PK</span>
Pakistan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pk.svg" alt="Pakistan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Palau" data-continent="Oceania">
<div class="mb-2" title="Palau">
<span class="badge badge-primary">PW</span>
Palau
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pw.svg" alt="Palau Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Panama" data-continent="North America">
<div class="mb-2" title="Panama">
<span class="badge badge-primary">PA</span>
Panama
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pa.svg" alt="Panama Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Papua New Guinea" data-continent="Oceania">
<div class="mb-2" title="Papua New Guinea">
<span class="badge badge-primary">PG</span>
Papua New Guinea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pg.svg" alt="Papua New Guinea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Paraguay" data-continent="South America">
<div class="mb-2" title="Paraguay">
<span class="badge badge-primary">PY</span>
Paraguay
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/py.svg" alt="Paraguay Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Peru" data-continent="South America">
<div class="mb-2" title="Peru">
<span class="badge badge-primary">PE</span>
Peru
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pe.svg" alt="Peru Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Philippines" data-continent="Asia">
<div class="mb-2" title="Philippines">
<span class="badge badge-primary">PH</span>
Philippines
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ph.svg" alt="Philippines Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Pitcairn" data-continent="Oceania">
<div class="mb-2" title="Pitcairn">
<span class="badge badge-primary">PN</span>
Pitcairn
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pn.svg" alt="Pitcairn Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Poland" data-continent="Europe">
<div class="mb-2" title="Poland">
<span class="badge badge-primary">PL</span>
Poland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pl.svg" alt="Poland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Portugal" data-continent="Europe">
<div class="mb-2" title="Portugal">
<span class="badge badge-primary">PT</span>
Portugal
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pt.svg" alt="Portugal Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Puerto Rico" data-continent="North America">
<div class="mb-2" title="Puerto Rico">
<span class="badge badge-primary">PR</span>
Puerto Rico
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pr.svg" alt="Puerto Rico Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Qatar" data-continent="Asia">
<div class="mb-2" title="Qatar">
<span class="badge badge-primary">QA</span>
Qatar
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/qa.svg" alt="Qatar Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Republic of the Congo" data-continent="Africa">
<div class="mb-2" title="Republic of the Congo">
<span class="badge badge-primary">CG</span>
Republic of the Congo
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/cg.svg" alt="Republic of the Congo Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Romania" data-continent="Europe">
<div class="mb-2" title="Romania">
<span class="badge badge-primary">RO</span>
Romania
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ro.svg" alt="Romania Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Russia" data-continent="Europe">
<div class="mb-2" title="Russia">
<span class="badge badge-primary">RU</span>
Russia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ru.svg" alt="Russia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Rwanda" data-continent="Africa">
<div class="mb-2" title="Rwanda">
<span class="badge badge-primary">RW</span>
Rwanda
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/rw.svg" alt="Rwanda Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Réunion" data-continent="Africa">
<div class="mb-2" title="Réunion">
<span class="badge badge-primary">RE</span>
Réunion
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/re.svg" alt="Réunion Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Barthélemy" data-continent="North America">
<div class="mb-2" title="Saint Barthélemy">
<span class="badge badge-primary">BL</span>
Saint Barthélemy
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/bl.svg" alt="Saint Barthélemy Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Helena, Ascension and Tristan da Cunha" data-continent="Africa">
<div class="mb-2" title="Saint Helena, Ascension and Tristan da Cunha">
<span class="badge badge-primary">SH</span>
Saint Helena, Ascension and Tristan da Cunha
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sh.svg" alt="Saint Helena, Ascension and Tristan da Cunha Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Kitts and Nevis" data-continent="North America">
<div class="mb-2" title="Saint Kitts and Nevis">
<span class="badge badge-primary">KN</span>
Saint Kitts and Nevis
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kn.svg" alt="Saint Kitts and Nevis Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Lucia" data-continent="North America">
<div class="mb-2" title="Saint Lucia">
<span class="badge badge-primary">LC</span>
Saint Lucia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lc.svg" alt="Saint Lucia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Martin" data-continent="North America">
<div class="mb-2" title="Saint Martin">
<span class="badge badge-primary">MF</span>
Saint Martin
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/mf.svg" alt="Saint Martin Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Pierre and Miquelon" data-continent="North America">
<div class="mb-2" title="Saint Pierre and Miquelon">
<span class="badge badge-primary">PM</span>
Saint Pierre and Miquelon
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/pm.svg" alt="Saint Pierre and Miquelon Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saint Vincent and the Grenadines" data-continent="North America">
<div class="mb-2" title="Saint Vincent and the Grenadines">
<span class="badge badge-primary">VC</span>
Saint Vincent and the Grenadines
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/vc.svg" alt="Saint Vincent and the Grenadines Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Samoa" data-continent="Oceania">
<div class="mb-2" title="Samoa">
<span class="badge badge-primary">WS</span>
Samoa
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ws.svg" alt="Samoa Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="San Marino" data-continent="Europe">
<div class="mb-2" title="San Marino">
<span class="badge badge-primary">SM</span>
San Marino
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sm.svg" alt="San Marino Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sao Tome and Principe" data-continent="Africa">
<div class="mb-2" title="Sao Tome and Principe">
<span class="badge badge-primary">ST</span>
Sao Tome and Principe
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/st.svg" alt="Sao Tome and Principe Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Saudi Arabia" data-continent="Asia">
<div class="mb-2" title="Saudi Arabia">
<span class="badge badge-primary">SA</span>
Saudi Arabia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sa.svg" alt="Saudi Arabia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Senegal" data-continent="Africa">
<div class="mb-2" title="Senegal">
<span class="badge badge-primary">SN</span>
Senegal
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sn.svg" alt="Senegal Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Serbia" data-continent="Europe">
<div class="mb-2" title="Serbia">
<span class="badge badge-primary">RS</span>
Serbia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/rs.svg" alt="Serbia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Seychelles" data-continent="Africa">
<div class="mb-2" title="Seychelles">
<span class="badge badge-primary">SC</span>
Seychelles
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sc.svg" alt="Seychelles Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sierra Leone" data-continent="Africa">
<div class="mb-2" title="Sierra Leone">
<span class="badge badge-primary">SL</span>
Sierra Leone
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sl.svg" alt="Sierra Leone Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Singapore" data-continent="Asia">
<div class="mb-2" title="Singapore">
<span class="badge badge-primary">SG</span>
Singapore
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sg.svg" alt="Singapore Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sint Maarten" data-continent="North America">
<div class="mb-2" title="Sint Maarten">
<span class="badge badge-primary">SX</span>
Sint Maarten
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sx.svg" alt="Sint Maarten Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Slovakia" data-continent="Europe">
<div class="mb-2" title="Slovakia">
<span class="badge badge-primary">SK</span>
Slovakia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sk.svg" alt="Slovakia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Slovenia" data-continent="Europe">
<div class="mb-2" title="Slovenia">
<span class="badge badge-primary">SI</span>
Slovenia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/si.svg" alt="Slovenia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Solomon Islands" data-continent="Oceania">
<div class="mb-2" title="Solomon Islands">
<span class="badge badge-primary">SB</span>
Solomon Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sb.svg" alt="Solomon Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Somalia" data-continent="Africa">
<div class="mb-2" title="Somalia">
<span class="badge badge-primary">SO</span>
Somalia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/so.svg" alt="Somalia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="South Africa" data-continent="Africa">
<div class="mb-2" title="South Africa">
<span class="badge badge-primary">ZA</span>
South Africa
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/za.svg" alt="South Africa Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="South Georgia and the South Sandwich Islands" data-continent="Antarctica">
<div class="mb-2" title="South Georgia and the South Sandwich Islands">
<span class="badge badge-primary">GS</span>
South Georgia and the South Sandwich Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gs.svg" alt="South Georgia and the South Sandwich Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="South Korea" data-continent="Asia">
<div class="mb-2" title="South Korea">
<span class="badge badge-primary">KR</span>
South Korea
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/kr.svg" alt="South Korea Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="South Sudan" data-continent="Africa">
<div class="mb-2" title="South Sudan">
<span class="badge badge-primary">SS</span>
South Sudan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ss.svg" alt="South Sudan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Spain" data-continent="Europe">
<div class="mb-2" title="Spain">
<span class="badge badge-primary">ES</span>
Spain
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/es.svg" alt="Spain Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sri Lanka" data-continent="Asia">
<div class="mb-2" title="Sri Lanka">
<span class="badge badge-primary">LK</span>
Sri Lanka
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/lk.svg" alt="Sri Lanka Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="State of Palestine" data-continent="Asia">
<div class="mb-2" title="State of Palestine">
<span class="badge badge-primary">PS</span>
State of Palestine
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ps.svg" alt="State of Palestine Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sudan" data-continent="Africa">
<div class="mb-2" title="Sudan">
<span class="badge badge-primary">SD</span>
Sudan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sd.svg" alt="Sudan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Suriname" data-continent="South America">
<div class="mb-2" title="Suriname">
<span class="badge badge-primary">SR</span>
Suriname
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sr.svg" alt="Suriname Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Svalbard and Jan Mayen" data-continent="Europe">
<div class="mb-2" title="Svalbard and Jan Mayen">
<span class="badge badge-primary">SJ</span>
Svalbard and Jan Mayen
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sj.svg" alt="Svalbard and Jan Mayen Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Swaziland" data-continent="Africa">
<div class="mb-2" title="Swaziland">
<span class="badge badge-primary">SZ</span>
Swaziland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sz.svg" alt="Swaziland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Sweden" data-continent="Europe">
<div class="mb-2" title="Sweden">
<span class="badge badge-primary">SE</span>
Sweden
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/se.svg" alt="Sweden Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Switzerland" data-continent="Europe">
<div class="mb-2" title="Switzerland">
<span class="badge badge-primary">CH</span>
Switzerland
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ch.svg" alt="Switzerland Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Syrian Arab Republic" data-continent="Asia">
<div class="mb-2" title="Syrian Arab Republic">
<span class="badge badge-primary">SY</span>
Syrian Arab Republic
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/sy.svg" alt="Syrian Arab Republic Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Taiwan" data-continent="Asia">
<div class="mb-2" title="Taiwan">
<span class="badge badge-primary">TW</span>
Taiwan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tw.svg" alt="Taiwan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tajikistan" data-continent="Asia">
<div class="mb-2" title="Tajikistan">
<span class="badge badge-primary">TJ</span>
Tajikistan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tj.svg" alt="Tajikistan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tanzania" data-continent="Africa">
<div class="mb-2" title="Tanzania">
<span class="badge badge-primary">TZ</span>
Tanzania
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tz.svg" alt="Tanzania Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Thailand" data-continent="Asia">
<div class="mb-2" title="Thailand">
<span class="badge badge-primary">TH</span>
Thailand
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/th.svg" alt="Thailand Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Timor-Leste" data-continent="Asia">
<div class="mb-2" title="Timor-Leste">
<span class="badge badge-primary">TL</span>
Timor-Leste
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tl.svg" alt="Timor-Leste Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Togo" data-continent="Africa">
<div class="mb-2" title="Togo">
<span class="badge badge-primary">TG</span>
Togo
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tg.svg" alt="Togo Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tokelau" data-continent="Oceania">
<div class="mb-2" title="Tokelau">
<span class="badge badge-primary">TK</span>
Tokelau
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tk.svg" alt="Tokelau Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tonga" data-continent="Oceania">
<div class="mb-2" title="Tonga">
<span class="badge badge-primary">TO</span>
Tonga
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/to.svg" alt="Tonga Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Trinidad and Tobago" data-continent="South America">
<div class="mb-2" title="Trinidad and Tobago">
<span class="badge badge-primary">TT</span>
Trinidad and Tobago
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tt.svg" alt="Trinidad and Tobago Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tunisia" data-continent="Africa">
<div class="mb-2" title="Tunisia">
<span class="badge badge-primary">TN</span>
Tunisia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tn.svg" alt="Tunisia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Turkey" data-continent="Asia">
<div class="mb-2" title="Turkey">
<span class="badge badge-primary">TR</span>
Turkey
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tr.svg" alt="Turkey Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Turkmenistan" data-continent="Asia">
<div class="mb-2" title="Turkmenistan">
<span class="badge badge-primary">TM</span>
Turkmenistan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tm.svg" alt="Turkmenistan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Turks and Caicos Islands" data-continent="North America">
<div class="mb-2" title="Turks and Caicos Islands">
<span class="badge badge-primary">TC</span>
Turks and Caicos Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tc.svg" alt="Turks and Caicos Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Tuvalu" data-continent="Oceania">
<div class="mb-2" title="Tuvalu">
<span class="badge badge-primary">TV</span>
Tuvalu
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/tv.svg" alt="Tuvalu Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Uganda" data-continent="Africa">
<div class="mb-2" title="Uganda">
<span class="badge badge-primary">UG</span>
Uganda
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ug.svg" alt="Uganda Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Ukraine" data-continent="Europe">
<div class="mb-2" title="Ukraine">
<span class="badge badge-primary">UA</span>
Ukraine
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ua.svg" alt="Ukraine Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="United Arab Emirates" data-continent="Asia">
<div class="mb-2" title="United Arab Emirates">
<span class="badge badge-primary">AE</span>
United Arab Emirates
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ae.svg" alt="United Arab Emirates Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="United Kingdom" data-continent="Europe">
<div class="mb-2" title="United Kingdom">
<span class="badge badge-primary">GB</span>
United Kingdom
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/gb.svg" alt="United Kingdom Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="United States Minor Outlying Islands" data-continent="North America">
<div class="mb-2" title="United States Minor Outlying Islands">
<span class="badge badge-primary">UM</span>
United States Minor Outlying Islands
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/um.svg" alt="United States Minor Outlying Islands Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="United States of America" data-continent="North America">
<div class="mb-2" title="United States of America">
<span class="badge badge-primary">US</span>
United States of America
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/us.svg" alt="United States of America Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Uruguay" data-continent="South America">
<div class="mb-2" title="Uruguay">
<span class="badge badge-primary">UY</span>
Uruguay
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/uy.svg" alt="Uruguay Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Uzbekistan" data-continent="Asia">
<div class="mb-2" title="Uzbekistan">
<span class="badge badge-primary">UZ</span>
Uzbekistan
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/uz.svg" alt="Uzbekistan Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Vanuatu" data-continent="Oceania">
<div class="mb-2" title="Vanuatu">
<span class="badge badge-primary">VU</span>
Vanuatu
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/vu.svg" alt="Vanuatu Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Venezuela (Bolivarian Republic of)" data-continent="South America">
<div class="mb-2" title="Venezuela (Bolivarian Republic of)">
<span class="badge badge-primary">VE</span>
Venezuela (Bolivarian Republic of)
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ve.svg" alt="Venezuela (Bolivarian Republic of) Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Vietnam" data-continent="Asia">
<div class="mb-2" title="Vietnam">
<span class="badge badge-primary">VN</span>
Vietnam
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/vn.svg" alt="Vietnam Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Virgin Islands (British)" data-continent="North America">
<div class="mb-2" title="Virgin Islands (British)">
<span class="badge badge-primary">VG</span>
Virgin Islands (British)
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/vg.svg" alt="Virgin Islands (British) Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Virgin Islands (U.S.)" data-continent="North America">
<div class="mb-2" title="Virgin Islands (U.S.)">
<span class="badge badge-primary">VI</span>
Virgin Islands (U.S.)
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/vi.svg" alt="Virgin Islands (U.S.) Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Wallis and Futuna" data-continent="Oceania">
<div class="mb-2" title="Wallis and Futuna">
<span class="badge badge-primary">WF</span>
Wallis and Futuna
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/wf.svg" alt="Wallis and Futuna Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Western Sahara" data-continent="Africa">
<div class="mb-2" title="Western Sahara">
<span class="badge badge-primary">EH</span>
Western Sahara
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/eh.svg" alt="Western Sahara Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Yemen" data-continent="Asia">
<div class="mb-2" title="Yemen">
<span class="badge badge-primary">YE</span>
Yemen
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/ye.svg" alt="Yemen Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Zambia" data-continent="Africa">
<div class="mb-2" title="Zambia">
<span class="badge badge-primary">ZM</span>
Zambia
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/zm.svg" alt="Zambia Flag">
</div>
</div>
<div class="col-6 col-md-3 col-lg-2 mb-5">
<div class="country" data-name="Zimbabwe" data-continent="Africa">
<div class="mb-2" title="Zimbabwe">
<span class="badge badge-primary">ZW</span>
Zimbabwe
</div>
<img class="img-fluid" src="assets/modules/flag-icon-css/flags/4x3/zw.svg" alt="Zimbabwe Flag">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="main-footer">
<div class="footer-left">
Copyright &copy; 2018 <div class="bullet"></div> Design By <a href="https://nauval.in/">Muhamad Nauval Azhar</a>
</div>
<div class="footer-right">
</div>
</footer>
</div>
</div>
<!-- General JS Scripts -->
<script src="assets/modules/jquery.min.js"></script>
<script src="assets/modules/popper.js"></script>
<script src="assets/modules/tooltip.js"></script>
<script src="assets/modules/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
<script src="assets/modules/moment.min.js"></script>
<script src="assets/js/stisla.js"></script>
<!-- JS Libraies -->
<!-- Page Specific JS File -->
<!-- Template JS File -->
<script src="assets/js/scripts.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>