ekoetki/public/template/flag_icons.html

2132 lines
161 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Multipurpose, super flexible, powerful, clean modern responsive bootstrap 5 admin template"
name="description">
<meta content="admin template, ki-admin admin template, dashboard template, flat admin template, responsive admin template, web app"
name="keywords">
<meta content="la-themes" name="author">
<link href="../assets/images/logo/favicon.png" rel="icon" type="image/x-icon">
<link href="../assets/images/logo/favicon.png" rel="shortcut icon" type="image/x-icon">
<title>Flag Icons | ki-adminPremium Admin Template</title>
<!--font-awesome-css-->
<link href="../assets/vendor/fontawesome/css/all.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
rel="stylesheet">
<!-- tabler icons-->
<link href="../assets/vendor/tabler-icons/tabler-icons.css" rel="stylesheet" type="text/css">
<!--flag Icon css-->
<link href="../assets/vendor/flag-icons-master/flag-icon.css" rel="stylesheet" type="text/css">
<!-- Bootstrap css-->
<link href="../assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--Notifications-css-->
<link href="../assets/vendor/notifications/toastify.min.css" rel="stylesheet" type="text/css">
<!-- simplebar css-->
<link href="../assets/vendor/simplebar/simplebar.css" rel="stylesheet" type="text/css">
<!--flag Icon css-->
<link href="../assets/vendor/flag-icons-master/flag-icon.css" rel="stylesheet" type="text/css">
<!-- App css-->
<link href="../assets/css/style.css" rel="stylesheet" type="text/css">
<!-- Responsive css-->
<link href="../assets/css/responsive.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="app-wrapper">
<div class="loader-wrapper">
<div class="loader_24"></div>
</div>
<!-- Menu Navigation starts -->
<nav>
<div class="app-logo">
<a class="logo d-inline-block" href="index.html">
<img alt="#" src="../assets/images/logo/1.png">
</a>
<span class="bg-light-primary toggle-semi-nav d-flex-center">
<i class="ti ti-chevron-right"></i>
</span>
<div class="d-flex align-items-center nav-profile p-3">
<span class="h-45 w-45 d-flex-center b-r-10 position-relative bg-danger m-auto">
<img alt="avatar" class="img-fluid b-r-10" src="../assets/images/avatar/woman.jpg">
<span class="position-absolute top-0 end-0 p-1 bg-success border border-light rounded-circle"></span>
</span>
<div class="flex-grow-1 ps-2">
<h6 class="text-primary mb-0"> Ninfa Monaldo</h6>
<p class="text-muted f-s-12 mb-0">Web Developer</p>
</div>
<div class="dropdown profile-menu-dropdown">
<a aria-expanded="false" data-bs-auto-close="true" data-bs-placement="top" data-bs-toggle="dropdown"
role="button">
<i class="ti ti-settings fs-5"></i>
</a>
<ul class="dropdown-menu">
<li class="dropdown-item">
<a class="f-w-500" href="profile.html" target="_blank">
<i class="ph-duotone ph-user-circle pe-1 f-s-20"></i> Profile Details
</a>
</li>
<li class="dropdown-item">
<a class="f-w-500" href="setting.html" target="_blank">
<i class="ph-duotone ph-gear pe-1 f-s-20"></i> Settings
</a>
</li>
<li class="dropdown-item">
<div class="d-flex align-items-center justify-content-between">
<div>
<a class="f-w-500" href="flag_icons.html#">
<i class="ph-duotone ph-detective pe-1 f-s-20"></i> Incognito
</a>
</div>
<div class="flex-shrink-0">
<div class="form-check form-switch">
<input class="form-check-input form-check-primary" id="incognitoSwitch"
type="checkbox">
</div>
</div>
</div>
</li>
<li class="dropdown-item">
<a class="mb-0 text-secondary f-w-500" href="sign_up.html" target="_blank">
<i class="ph-bold ph-plus pe-1 f-s-20"></i> Add account
</a>
</li>
<li class="app-divider-v dotted py-1"></li>
<li class="dropdown-item">
<a class="mb-0 text-danger" href="sign_in.html" target="_blank">
<i class="ph-duotone ph-sign-out pe-1 f-s-20"></i> Log Out
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="app-nav" id="app-simple-bar">
<ul class="main-nav p-0 mt-2">
<li class="menu-title">
<span>Dashboard</span>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#dashboard">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#home"></use>
</svg>
dashboard
<span class="badge bg-danger badge-dashboard badge-notification ms-2">New</span>
</a>
<ul class="collapse" id="dashboard">
<li><a href="index.html">Ecommerce</a></li>
<li><a href="project_dashboard.html">Project</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#apps">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#stack"></use>
</svg>
Apps
</a>
<ul class="collapse" id="apps">
<li><a href="calendar.html">Calender</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#Profile-page">
Profile
</a>
<ul class="collapse" id="Profile-page">
<li><a href="profile.html">Profile</a></li>
<li><a href="setting.html">Setting</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#projects-page">
Projects Page
</a>
<ul class="collapse" id="projects-page">
<li><a href="project_app.html">projects</a></li>
<li><a href="project_details.html">projects Details</a></li>
</ul>
</li>
<li><a href="to_do.html">To-Do</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="api.html">API</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#ticket-page">
Ticket
</a>
<ul class="collapse" id="ticket-page">
<li><a href="ticket.html">Ticket</a></li>
<li><a href="ticket_details.html">Ticket Details</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#email-page">
Email Page
</a>
<ul class="collapse" id="email-page">
<li><a href="email.html"> Email</a></li>
<li><a href="read_email.html">Read Email</a></li>
</ul>
</li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#e-shop">
E-shop
</a>
<ul class="collapse" id="e-shop">
<li><a href="cart.html">Cart</a></li>
<li><a href="product.html">Product</a></li>
<li><a href="add_product.html">Add Product</a></li>
<li><a href="product_details.html">Product-Details</a></li>
<li><a href="product_list.html">Product list</a></li>
<li><a href="orders.html">Orders</a></li>
<li><a href="orders_details.html">Orders Details</a></li>
<li><a href="orders_list.html">Orders List</a></li>
<li><a href="checkout.html">Check out</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li><a href="invoice.html">Invoice</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="file_manager.html">File manager</a></li>
<li><a href="bookmark.html">Bookmark</a></li>
<li><a href="kanban_board.html">Kanban board</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="faq.html">FAQS</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#blog-page">
Blog Page
</a>
<ul class="collapse" id="blog-page">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog_read_more.html">Blog Details</a></li>
<li><a href="add_blog.html">Add Blog</a></li>
</ul>
</li>
</ul>
</li>
<li class="no-sub">
<a href="widget.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#squares"></use>
</svg>
Widgets
</a>
</li>
<li class="menu-title"><span>Component</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#ui-kits">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#briefcase"></use>
</svg>
UI kits
</a>
<ul class="collapse" id="ui-kits">
<li><a href="cheatsheet.html">Cheatsheet</a></li>
<li><a href="alert.html">Alert</a></li>
<li><a href="badges.html">Badges</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="cards.html">Cards</a></li>
<li><a href="dropdown.html">Dropdown</a></li>
<li><a href="grid.html">Grid</a></li>
<li><a href="avatar.html">Avatar</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="accordions.html">Accordions</a></li>
<li><a href="progress.html">Progress</a></li>
<li><a href="notifications.html">Notifications</a></li>
<li><a href="list.html">Lists</a></li>
<li><a href="helper_classes.html">Helper Classes</a></li>
<li><a href="background.html">Background</a></li>
<li><a href="divider.html">Divider</a></li>
<li><a href="ribbons.html">Ribbons</a></li>
<li><a href="editor.html">Editor </a></li>
<li><a href="collapse.html">Collapse</a></li>
<li><a href="footer-page.html">Footer</a></li>
<li><a href="shadow.html">Shadow</a></li>
<li><a href="wrapper.html">Wrapper</a></li>
<li><a href="bullet.html">Bullet</a></li>
<li><a href="placeholder.html">Placeholder</a></li>
<li><a href="alignment.html">Alignment Thing</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#advance-ui">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#briefcase-advance"></use>
</svg>
Advance UI
<span class=" badge rounded-pill bg-warning badge-notification ms-2">
12+
<span class="visually-hidden">unread messages</span>
</span>
</a>
<ul class="collapse" id="advance-ui">
<li><a href="modals.html">Modals</a></li>
<li><a href="offcanvas.html">Offcanvas Toggle</a></li>
<li><a href="sweetalert.html">Sweat Alert</a></li>
<li><a href="scrollbar.html">Scrollbar</a></li>
<li><a href="spinners.html">Spinners</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="video_embed.html">Video Embed</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="slick.html">Slider</a></li>
<li><a href="bootstrap_slider.html">Bootstrap Slider</a></li>
<li><a href="scrollpy.html">Scrollpy</a></li>
<li><a href="tooltips_popovers.html">Tooltip & Popovers</a></li>
<li><a href="ratings.html">Rating</a></li>
<li><a href="prismjs.html">Prismjs</a></li>
<li><a href="count_down.html">Count Down</a></li>
<li><a href="count_up.html"> Count up </a></li>
<li><a href="draggable.html">Draggable</a></li>
<li><a href="tree-view.html">Tree View</a></li>
<li><a href="block_ui.html">Block Ui </a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#icons">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#gift"></use>
</svg>
Icons
</a>
<ul class="collapse" id="icons">
<li><a href="fontawesome.html">Fontawesome</a></li>
<li><a href="flag_icons.html">Flag</a></li>
<li><a href="tabler-icons.html">Tabler</a></li>
<li><a href="weather_icon.html">Weather</a></li>
<li><a href="animated_icon.html">Animated</a></li>
<li><a href="iconoir_icon.html">Iconoir</a></li>
<li><a href="phosphor.html">Phosphor</a></li>
</ul>
</li>
<li class="no-sub">
<a href="misc.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#rectangle"></use>
</svg>
Misc
</a>
</li>
<li class="menu-title"><span>Map & Charts </span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#maps">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#location"></use>
</svg>
Map
</a>
<ul class="collapse" id="maps">
<li><a href="google-map.html">Google Maps</a></li>
<li><a href="leaflet-map.html">Leaflet map</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#chart">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#chart"></use>
</svg>
Chart
</a>
<ul class="collapse" id="chart">
<li><a href="chart_js.html">Chart js</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#apexcharts-page">
Apexcharts
</a>
<ul class="collapse" id="apexcharts-page">
<li><a href="line.html">Line</a></li>
<li><a href="area_charts.html">Area</a></li>
<li><a href="column.html">Column</a></li>
<li><a href="bar.html">Bar</a></li>
<li><a href="mixed.html">Mixed</a></li>
<li><a href="timeline_range_charts.html">Timeline & Range-Bars</a></li>
<li><a href="candlestick_charts.html">Candlestick</a></li>
<li><a href="boxplot.html">Boxplot</a></li>
<li><a href="bubble.html">Bubble</a></li>
<li><a href="scatter.html">Scatter</a></li>
<li><a href="heatmap.html">Heatmap</a></li>
<li><a href="treemap.html">Treemap</a></li>
<li><a href="pie_charts.html">Pie</a></li>
<li><a href="radial_bar.html">Radial bar</a></li>
<li><a href="radar_chart.html">Radar</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-title"><span>Table & forms </span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#table">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#table"></use>
</svg>
Table
</a>
<ul class="collapse" id="table">
<li><a href="basic_table.html">BasicTable</a></li>
<li><a href="data_table.html">Data Table</a></li>
<li><a href="list_table.html">List Js</a></li>
<li><a href="advance_table.html">Advance Table</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#forms">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#wallet"></use>
</svg>
Forms elements
</a>
<ul class="collapse" id="forms">
<li><a href="form_validation.html">Form Validation</a></li>
<li><a href="base_inputs.html">Base Input</a></li>
<li><a href="checkbox_radio.html">Checkbox & Radio</a></li>
<li><a href="input_groups.html">Input Groups</a></li>
<li><a href="input_masks.html">Input Masks</a></li>
<li><a href="floating_labels.html">Floating Labels</a></li>
<li><a href="date_picker.html">Datetimepicker</a></li>
<li><a href="touch_spin.html">Touch spin</a></li>
<li><a href="select.html">Select2</a></li>
<li><a href="switch.html">Switch</a></li>
<li><a href="range_slider.html">Range Slider</a></li>
<li><a href="typeahead.html">Typeahead</a></li>
<li><a href="textarea.html">Textarea</a></li>
<li><a href="clipboard.html">Clipboard</a></li>
<li><a href="file_upload.html">File Upload</a></li>
<li><a href="dual_list_boxes.html">Dual List Boxes</a></li>
<li><a href="default_forms.html">Default Forms</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#ready_to_use">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#newspaper"></use>
</svg>
Ready to use
<span class="badge text-bg-success badge-notification ms-2">2</span>
</a>
<ul class="collapse" id="ready_to_use">
<li><a href="form_wizards.html">Form wizards</a></li>
<li><a href="form_wizard_1.html">Form wizards 1</a></li>
<li><a href="form_wizard_2.html">Form wizards 2</a></li>
<li><a href="ready_to_use_form.html">Ready To Use Form</a></li>
<li><a href="ready_to_use_table.html">Ready To Use Tables</a></li>
</ul>
</li>
<li class="menu-title"><span>Pages</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#auth_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#window"></use>
</svg>
Auth Pages
</a>
<ul class="collapse" id="auth_pages">
<li><a href="sign_in.html">Sign In</a></li>
<li><a href="sign_in_1.html">Sign In with Bg-image</a></li>
<li><a href="sign_up.html">Sign Up</a></li>
<li><a href="sign_up_1.html">Sign Up with Bg-image</a></li>
<li><a href="password_reset.html">Password Reset</a></li>
<li><a href="password_reset_1.html">Password Reset with Bg-image</a></li>
<li><a href="password_create.html">Password Create</a></li>
<li><a href="password_create_1.html">Password Create with Bg-image</a></li>
<li><a href="lock_screen.html">Lock Screen</a></li>
<li><a href="lock_screen_1.html">Lock Screen with Bg-image</a></li>
<li><a href="two_step_verification.html">Two-Step Verification</a></li>
<li><a href="two_step_verification_1.html">Two-Step Verification with Bg-image</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#error_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#exclamation-circle"></use>
</svg>
Error Pages
</a>
<ul class="collapse" id="error_pages">
<li><a href="error_400.html">Bad Request </a></li>
<li><a href="error_403.html">Forbidden </a></li>
<li><a href="error_404.html">Not Found</a></li>
<li><a href="error_500.html">Internal Server</a></li>
<li><a href="error_503.html">Service Unavailable</a></li>
</ul>
</li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#other_pages">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#document"></use>
</svg>
Other Pages
</a>
<ul class="collapse" id="other_pages">
<li><a href="blank.html">Blank</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="landing.html">Landing Page</a></li>
<li><a href="coming_soon.html">Coming Soon</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="privacy_policy.html">Privacy Policy</a></li>
<li><a href="terms_condition.html">Terms &amp; Condition</a></li>
</ul>
</li>
<li class="menu-title"><span>Others</span></li>
<li>
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#level">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#arrow-down"></use>
</svg>
2 level
</a>
<ul class="collapse" id="level">
<li><a href="flag_icons.html#">Blank</a></li>
<li class="another-level">
<a aria-expanded="false" data-bs-toggle="collapse" href="flag_icons.html#level2">
Another level
</a>
<ul class="collapse" id="level2">
<li><a href="blank.html">Blank</a></li>
</ul>
</li>
</ul>
</li>
<li class="no-sub">
<a href="https://phpstack-1384472-5121645.cloudwaysapps.com/document/html/ki-admin/index.html">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#document-text"></use>
</svg>
Document
</a>
</li>
<li class="no-sub">
<a href="mailto:teqlathemes@gmail.com">
<svg stroke="currentColor" stroke-width="1.5">
<use xlink:href="../assets/svg/_sprite.svg#chat-bubble"></use>
</svg>
Support
</a>
</li>
</ul>
</div>
<div class="menu-navs">
<span class="menu-previous"><i class="ti ti-chevron-left"></i></span>
<span class="menu-next"><i class="ti ti-chevron-right"></i></span>
</div>
</nav>
<!-- Menu Navigation ends -->
<div class="app-content">
<div class="">
<!-- Header Section starts -->
<header class="header-main">
<div class="container-fluid">
<div class="row">
<div class="col-8 col-sm-6 d-flex align-items-center header-left p-0">
<span class="header-toggle ">
<i class="ph ph-squares-four"></i>
</span>
<div class="header-searchbar w-100">
<form action="flag_icons.html#" class="mx-sm-3 app-form app-icon-form ">
<div class="position-relative">
<input aria-label="Search" class="form-control" placeholder="Search..."
type="search">
<i class="ti ti-search text-dark"></i>
</div>
</form>
</div>
</div>
<div class="col-4 col-sm-6 d-flex align-items-center justify-content-end header-right p-0">
<ul class="d-flex align-items-center">
<li class="header-language">
<div class="flex-shrink-0 dropdown" id="lang_selector">
<a aria-expanded="false" class="d-block head-icon ps-0"
data-bs-toggle="dropdown"
href="flag_icons.html#">
<div class="lang-flag lang-en ">
<span class="flag rounded-circle overflow-hidden">
<i class=""></i>
</span>
</div>
</a>
<ul class="dropdown-menu language-dropdown header-card border-0">
<li class="lang lang-en selected dropdown-item p-2" data-bs-placement="top"
data-bs-toggle="tooltip" title="US">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-usa flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">US</span>
</span>
</li>
<li class="lang lang-pt dropdown-item p-2" title="FR">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-fra flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">France</span>
</span>
</li>
<li class="lang lang-es dropdown-item p-2" title="UK">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-gbr flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">UK</span>
</span>
</li>
<li class="lang lang-es dropdown-item p-2" title="IT">
<span class="d-flex align-items-center">
<i class="flag-icon flag-icon-ita flag-icon-squared rounded-circle f-s-20"></i>
<span class="ps-2">Italy</span>
</span>
</li>
</ul>
</div>
</li>
<li class="header-apps">
<a aria-controls="appscanvasRights"
class="d-block head-icon bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#appscanvasRights" data-bs-toggle="offcanvas"
href="flag_icons.html#" role="button">
<i class="ph ph-bounding-box"></i>
</a>
<div aria-labelledby="appscanvasRightsLabel"
class="offcanvas offcanvas-end header-apps-canvas"
id="appscanvasRights"
tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="appscanvasRightsLabel">Shortcut</h5>
<div class="app-dropdown flex-shrink-0">
<a aria-expanded="false" class=" p-1" data-bs-auto-close="outside"
data-bs-toggle="dropdown"
href="flag_icons.html#"
role="button">
<i class="ph-bold ph-faders-horizontal f-s-20"></i>
</a>
<ul class="dropdown-menu mb-3">
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Privacy Settings
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Account Settings
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Accessibility
</a>
</li>
<li class="dropdown-divider"></li>
<li class="dropdown-item border-0">
<a aria-expanded="false" data-bs-toggle="dropdown" href="flag_icons.html#"
role="button">
More Settings
</a>
<ul class="dropdown-menu sub-menu">
<li class="dropdown-item">
<a href="setting.html" target="_blank">
Backup and Restore
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
<span>Data Usage</span>
</a>
</li>
<li class="dropdown-item">
<a href="setting.html" target="_blank">
<span>Theme</span>
</a>
</li>
<li class="dropdown-item d-flex align-items-center justify-content-between">
<a href="flag_icons.html#">
<p class="mb-0">Notification</p>
</a>
<div class="flex-shrink-0">
<div class="form-check form-switch">
<input class="form-check-input form-check-primary"
id="notificationSwitch"
type="checkbox">
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="offcanvas-body app-scroll">
<div class="row row-cols-3 g-2">
<div class="d-flex-center text-center">
<a class="text-light-primary w-100 rounded-3 py-3 px-2 "
href="product.html"
target="_blank">
<span>
<i class="ph-light ph-shopping-bag-open f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">E-shop</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-danger w-100 rounded-3 py-3 px-2 "
href="email.html"
target="_blank">
<span>
<i class="ph-light ph-envelope f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Email</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-success w-100 rounded-3 py-3 px-2 "
href="chat.html"
target="_blank">
<span>
<i class="ph-light ph-chat-circle-text f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Chat</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-warning w-100 rounded-3 py-3 px-2 "
href="project_app.html"
target="_blank">
<span>
<i class="ph-light ph-projector-screen-chart f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Project</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-info w-100 rounded-3 py-3 px-2 "
href="invoice.html"
target="_blank">
<span>
<i class="ph-light ph-scroll f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Invoice</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-dark w-100 rounded-3 py-3 px-2 "
href="blog.html"
target="_blank">
<span>
<i class="ph-light ph-notebook f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Blog</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-danger w-100 rounded-3 py-3 px-2 "
href="calendar.html"
target="_blank">
<span>
<i class="ph-light ph-calendar f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Calender</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-warning w-100 rounded-3 py-3 px-2 "
href="file_manager.html"
target="_blank">
<span>
<i class="ph-light ph-folder-open f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark txt-ellipsis-1">File
Manager</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-primary w-100 rounded-3 py-3 px-2 "
href="gallery.html"
target="_blank">
<span>
<i class="ph-light ph-google-photos-logo f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Gallery</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-success w-100 rounded-3 py-3 px-2 "
href="profile.html"
target="_blank">
<span>
<i class="ph-light ph-users-three f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Profile</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="text-light-secondary w-100 rounded-3 py-3 px-2 "
href="kanban_board.html"
target="_blank">
<span>
<i class="ph-light ph-selection-foreground f-s-30"></i>
</span>
<p class="mb-0 f-w-500 text-dark">Task Board</p>
</a>
</div>
<div class="d-flex-center text-center">
<a class="d-flex-center text-light-secondary w-100 h-100 rounded-3 p-2 dashed-1-secondary"
href="kanban_board.html"
target="_blank">
<span>
<i class="ph-light ph-plus f-s-30"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</li>
<li class="header-cart">
<a aria-controls="cartcanvasRight"
class="d-block head-icon position-relative bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#cartcanvasRight"
data-bs-toggle="offcanvas"
href="flag_icons.html#" role="button">
<i class="ph ph-shopping-cart-simple"></i>
<span
class="position-absolute translate-middle badge rounded-pill bg-danger badge-notification">4</span>
</a>
<div aria-labelledby="cartcanvasRightLabel"
class="offcanvas offcanvas-end header-cart-canvas"
id="cartcanvasRight"
tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="cartcanvasRightLabel">Cart</h5>
<button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas"
type="button"></button>
</div>
<div class="offcanvas-body app-scroll p-0">
<div class="head-container">
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/01.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Backpacks (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)
</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : M</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Pink</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$600.50 x 1</p>
</div>
</div>
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/05.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Women's Watch (4<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : S</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Rose Gold</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$519.10 x 2</p>
</div>
</div>
<div class="head-box">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/04.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank">Sandals (5 <i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : 8</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :White</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$390 x 2</p>
</div>
</div>
<div class="head-box ">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/03.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Jackets (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : XL</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :Blue</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$300.00 x 2</p>
</div>
</div>
<div class="head-box ">
<span class="b-1-light bg-light-primary h-45 w-45 d-flex-center b-r-6">
<img alt="cart" class="img-fluid p-1"
src="../assets/images/header/cart/02.png">
</span>
<div class="flex-grow-1 ms-2">
<a class="mb-0 f-w-600 f-s-16" href="product_details.html"
target="_blank"> Shoes (3<i
class="ti ti-star-filled text-warning f-s-12"></i>)</a>
<div>
<span class="text-dark"><span
class="text-secondary f-w-400">size</span> : 9</span>
<span class="text-dark ms-2"><span
class="text-secondary f-w-400">color</span> :White</span>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<p class="text-muted f-w-500 mb-0">$450.00 x 1</p>
</div>
</div>
<div class="hidden-massage py-4 px-3">
<div>
<i class="ph-duotone ph-shopping-bag-open f-s-50 text-primary"></i>
<h6 class="mb-0">Your Cart is Empty</h6>
<p class="text-secondary mb-0">Add some items :)</p>
<a class="btn btn-light-primary btn-xs mt-2"
href="product_details.html">Shop
Now</a>
</div>
</div>
</div>
</div>
<div class="offcanvas-footer">
<div class="head-box-footer p-3">
<div class="mb-4">
<h6 class="text-muted f-w-600">Total <span
class="float-end text-primary">$3,468.00</span></h6>
</div>
<div class="header-cart-btn">
<a class="btn btn-primary" href="cart.html" role="button"
target="_blank">
<i class="ti ti-eye"></i> View Cart</a>
<a class="btn btn-success" href="checkout.html" role="button"
target="_blank">
Checkout <i class="ti ti-shopping-cart"></i></a>
</div>
</div>
</div>
</div>
</li>
<li class="header-dark">
<div class="sun-logo head-icon bg-light-dark rounded-circle f-s-22 p-2">
<i class="ph ph-moon-stars"></i>
</div>
<div class="moon-logo head-icon bg-light-dark rounded-circle f-s-22 p-2">
<i class="ph ph-sun-dim"></i>
</div>
</li>
<li class="header-notification">
<a aria-controls="notificationcanvasRight"
class="d-block head-icon position-relative bg-light-dark rounded-circle f-s-22 p-2"
data-bs-target="#notificationcanvasRight"
data-bs-toggle="offcanvas"
href="flag_icons.html#"
role="button">
<i class="ph ph-bell"></i>
<span
class="position-absolute translate-middle p-1 bg-primary border border-light rounded-circle animate__animated animate__fadeIn animate__infinite animate__slower"></span>
</a>
<div aria-labelledby="notificationcanvasRightLabel"
class="offcanvas offcanvas-end header-notification-canvas"
id="notificationcanvasRight" tabindex="-1">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="notificationcanvasRightLabel">
Notification</h5>
<button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas"
type="button"></button>
</div>
<div class="offcanvas-body app-scroll p-0">
<div class="head-container">
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Gene Hart</span> wants to
edit <span
class="f-w-500 text-dark">Report.doc</span></a>
<div>
<a class="d-inline-block f-w-500 text-success me-1"
href="flag_icons.html#">Approve</a>
<a class="d-inline-block f-w-500 text-danger"
href="flag_icons.html#">Deny</a>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> sep 23 </span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0" href="read_email.html">Hey
<span
class="f-w-500 text-dark">Emery McKenzie</span>,
get ready: Your order from <span
class="f-w-500 text-dark">@Shopper.com</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> sep 23 </span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Simon Young</span> shared
a file called <span
class="f-w-500 text-dark">Dropdown.pdf</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 30 min</span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0"
href="read_email.html"><span
class="f-w-500 text-dark">Becky G. Hayes</span> has
added a comment to <span
class="f-w-500 text-dark">Final_Report.pdf</span></a>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 45 min</span>
</div>
</div>
</div>
<div class="notification-message head-box">
<div class="message-content-box flex-grow-1 pe-2">
<a class="f-s-15 text-dark mb-0 "
href="read_email.html"><span
class="f-w-600 text-dark">@Romaine</span>
invited you to a meeting
</a>
<div>
<a class="d-inline-block f-w-500 text-success me-1"
href="flag_icons.html#">Join</a>
<a class="d-inline-block f-w-500 text-danger" href="flag_icons.html#">Decline</a>
</div>
</div>
<div class="text-end">
<i class="ph ph-trash f-s-18 text-danger close-btn"></i>
<div>
<span class="badge text-light-primary"> 1 hour ago </span>
</div>
</div>
</div>
<div class="hidden-massage py-4 px-3">
<div>
<i class="ph-duotone ph-bell-ringing f-s-50 text-primary"></i>
</div>
<div>
<h6 class="mb-0">Notification Not Found</h6>
<p class="text-dark">When you have any notifications added
here,will
appear here.
</p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- Header Section ends -->
<!-- Body main section starts -->
<main>
<div class="container-fluid">
<!-- Breadcrumb start -->
<div class="row m-1">
<div class="col-12 ">
<h4 class="main-title">Flag</h4>
<ul class="app-line-breadcrumbs mb-3">
<li class="">
<a class="f-s-14 f-w-500" href="flag_icons.html#">
<span>
<i class="ph-duotone ph-shapes f-s-16"></i>Icons
</span>
</a>
</li>
<li class="active">
<a class="f-s-14 f-w-500" href="flag_icons.html#">Flag</a>
</li>
</ul>
</div>
</div>
<!-- Breadcrumb end -->
<!-- Flag icon start -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-md-4">
<div class="search-bar app-form app-icon-form position-relative">
<input class="form-control" name="search" placeholder="type to search"
type="search">
<i class="ti ti-search"></i>
</div>
</div>
<div class="col-md-8 text-end pt-2">
<div aria-label="Flag Icon button group"
class="btn-group btn-group-sm flag-icon-toggle"
role="group">
<button class="btn btn-outline-secondary active" type="button">
Default
</button>
<button class="btn btn-outline-secondary" type="button"> Squared
</button>
</div>
</div>
</div>
</div>
<div class="card-body">
<ul class="icon-list space-top-icon">
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-abw"></i><strong>
Aruba </strong><span class="badge text-bg-primary mb-3">abw</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-afg"></i><strong>
Afghanistan </strong><span class="badge text-bg-primary mb-3">afg</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ago"></i><strong>
Angola </strong><span class="badge text-bg-primary mb-3">ago</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-aia"></i><strong>
Anguilla </strong><span class="badge text-bg-primary mb-3">aia</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ala"></i><strong>
Åland Islands </strong><span class="badge text-bg-primary mb-3">ala</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-alb"></i><strong>
Albania </strong><span class="badge text-bg-primary mb-3">alb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-and"></i><strong>
Andorra </strong><span class="badge text-bg-primary mb-3">and</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-are"></i><strong>
United Arab Emirates </strong><span
class="badge text-bg-primary mb-3">are</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-arg"></i><strong>
Argentina </strong><span class="badge text-bg-primary mb-3">arg</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-arm"></i><strong>
Armenia </strong><span class="badge text-bg-primary mb-3">arm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-asm"></i><strong>
American Samoa </strong><span class="badge text-bg-primary mb-3">asm</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ata"></i><strong>
Antarctica </strong><span class="badge text-bg-primary mb-3">ata</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-atf"></i><strong>
French Southern Territories </strong><span
class="badge text-bg-primary mb-3">atf</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-atg"></i><strong>
Antigua and Barbuda </strong><span
class="badge text-bg-primary mb-3">atg</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-aus"></i><strong>
Australia </strong><span class="badge text-bg-primary mb-3">aus</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-aut"></i><strong>
Austria </strong><span class="badge text-bg-primary mb-3">aut</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-aze"></i><strong>
Azerbaijan </strong><span class="badge text-bg-primary mb-3">aze</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bdi"></i><strong>
Burundi </strong><span class="badge text-bg-primary mb-3">bdi</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bel"></i><strong>
Belgium </strong><span class="badge text-bg-primary mb-3">bel</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ben"></i><strong>
Benin </strong><span class="badge text-bg-primary mb-3">ben</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bes"></i><strong>
Bonaire, Sint Eustatius and Saba </strong><span
class="badge text-bg-primary mb-3">bes</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bfa"></i><strong>
Burkina Faso </strong><span class="badge text-bg-primary mb-3">bfa</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bgd"></i><strong>
Bangladesh </strong><span class="badge text-bg-primary mb-3">bgd</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bgr"></i><strong>
Bulgaria </strong><span class="badge text-bg-primary mb-3">bgr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bhr"></i><strong>
Bahrain </strong><span class="badge text-bg-primary mb-3">bhr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bhs"></i><strong>
Bahamas </strong><span class="badge text-bg-primary mb-3">bhs</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bih"></i><strong>
Bosnia and Herzegovina </strong><span
class="badge text-bg-primary mb-3">bih</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-blm"></i><strong>
Saint Barthélemy </strong><span
class="badge text-bg-primary mb-3">blm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-blr"></i><strong>
Belarus </strong><span class="badge text-bg-primary mb-3">blr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-blz"></i><strong>
Belize </strong><span class="badge text-bg-primary mb-3">blz</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bmu"></i><strong>
Bermuda </strong><span class="badge text-bg-primary mb-3">bmu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bol"></i><strong>
Bolivia (Plurinational State of Bolivia) </strong><span
class="badge text-bg-primary mb-3">bol</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bra"></i><strong>
Brasil </strong><span class="badge text-bg-primary mb-3">bra</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-brb"></i><strong>
Barbados </strong><span class="badge text-bg-primary mb-3">brb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-brn"></i><strong>
Brunei Darussalam </strong><span
class="badge text-bg-primary mb-3">brn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-btn"></i><strong>
Bhutan </strong><span class="badge text-bg-primary mb-3">btn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bvt"></i><strong>
Bouvet Island </strong><span class="badge text-bg-primary mb-3">bvt</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-bwa"></i><strong>
Botswana </strong><span class="badge text-bg-primary mb-3">bwa</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-caf"></i><strong>
Central African Republic </strong><span class="badge text-bg-primary mb-3">caf</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-can"></i><strong>
Canada </strong><span class="badge text-bg-primary mb-3">can</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cat"></i><strong>
Catalonia (autonomous community in Spain) </strong><span
class="badge text-bg-primary mb-3">cat</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cck"></i><strong>
Cocos (Keeling) Islands </strong><span class="badge text-bg-primary mb-3">cck</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-che"></i><strong>
Switzerland </strong><span class="badge text-bg-primary mb-3">che</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-chl"></i><strong>
Chile </strong><span class="badge text-bg-primary mb-3">chl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-chn"></i><strong>
China (People's Republic of China) </strong><span
class="badge text-bg-primary mb-3">chn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-civ"></i><strong> Côte
d'Ivoire </strong><span class="badge text-bg-primary mb-3">civ</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cmr"></i><strong>
Cameroon </strong><span class="badge text-bg-primary mb-3">cmr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cod"></i><strong>
Congo (Democratic Republic of the Congo) </strong><span
class="badge text-bg-primary mb-3">cod</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cog"></i><strong>
Congo (Congo-Brazzaville) </strong><span class="badge text-bg-primary mb-3">cog</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cok"></i><strong> Cook
Islands </strong><span class="badge text-bg-primary mb-3">cok</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-col"></i><strong>
Colombia </strong><span class="badge text-bg-primary mb-3">col</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-com"></i><strong>
Comoros </strong><span class="badge text-bg-primary mb-3">com</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cpv"></i><strong> Cabo
Verde </strong><span class="badge text-bg-primary mb-3">cpv</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cri"></i><strong>
Costa Rica </strong><span class="badge text-bg-primary mb-3">cri</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cub"></i><strong> Cuba
</strong><span class="badge text-bg-primary mb-3">cub</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cuw"></i><strong>
Curaçao </strong><span class="badge text-bg-primary mb-3">cuw</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cxr"></i><strong>
Christmas Island </strong><span
class="badge text-bg-primary mb-3">cxr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cym"></i><strong>
Cayman Islands </strong><span class="badge text-bg-primary mb-3">cym</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cyp"></i><strong>
Cyprus </strong><span class="badge text-bg-primary mb-3">cyp</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-cze"></i><strong>
Czech Republic </strong><span class="badge text-bg-primary mb-3">cze</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-deu"></i><strong>
Germany (Federal Republic of Germany) </strong><span
class="badge text-bg-primary mb-3">deu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-dji"></i><strong>
Djibouti </strong><span class="badge text-bg-primary mb-3">dji</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-dma"></i><strong>
Dominica </strong><span class="badge text-bg-primary mb-3">dma</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-dnk"></i><strong>
Denmark </strong><span class="badge text-bg-primary mb-3">dnk</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-dom"></i><strong>
Dominican Republic </strong><span
class="badge text-bg-primary mb-3">dom</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-dza"></i><strong>
Algeria </strong><span class="badge text-bg-primary mb-3">dza</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ecu"></i><strong>
Ecuador </strong><span class="badge text-bg-primary mb-3">ecu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-egy"></i><strong>
Egypt </strong><span class="badge text-bg-primary mb-3">egy</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-eng"></i><strong>
England (country that is part of the United Kingdom) </strong><span
class="badge text-bg-primary mb-3">eng</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-eri"></i><strong>
Eritrea </strong><span class="badge text-bg-primary mb-3">eri</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-esh"></i><strong>
Western Sahara </strong><span class="badge text-bg-primary mb-3">esh</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-esp"></i><strong>
Spain </strong><span class="badge text-bg-primary mb-3">esp</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-est"></i><strong>
Estonia </strong><span class="badge text-bg-primary mb-3">est</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-eth"></i><strong>
Ethiopia </strong><span class="badge text-bg-primary mb-3">eth</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-eun"></i><strong>
European Union (EU) </strong><span
class="badge text-bg-primary mb-3">eun</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-fin"></i><strong>
Finland </strong><span class="badge text-bg-primary mb-3">fin</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-fji"></i><strong> Fiji
</strong><span class="badge text-bg-primary mb-3">fji</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-flk"></i><strong>
Falkland Islands (Malvinas) </strong><span
class="badge text-bg-primary mb-3">flk</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-fra"></i><strong>
France </strong><span class="badge text-bg-primary mb-3">fra</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-fro"></i><strong>
Faroe Islands </strong><span class="badge text-bg-primary mb-3">fro</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-fsm"></i><strong>
Micronesia (Federated States of Micronesia) </strong><span
class="badge text-bg-primary mb-3">fsm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gab"></i><strong>
Gabon </strong><span class="badge text-bg-primary mb-3">gab</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gbr"></i><strong>
United Kingdom of Great Britain and Northern Ireland </strong><span
class="badge text-bg-primary mb-3">gbr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-geo"></i><strong>
Georgia </strong><span class="badge text-bg-primary mb-3">geo</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ggy"></i><strong>
Guernsey </strong><span class="badge text-bg-primary mb-3">ggy</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gha"></i><strong>
Ghana </strong><span class="badge text-bg-primary mb-3">gha</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gib"></i><strong>
Gibraltar </strong><span class="badge text-bg-primary mb-3">gib</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gin"></i><strong>
Guinea </strong><span class="badge text-bg-primary mb-3">gin</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-glp"></i><strong>
Guadeloupe </strong><span class="badge text-bg-primary mb-3">glp</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gmb"></i><strong>
Gambia </strong><span class="badge text-bg-primary mb-3">gmb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gnb"></i><strong>
Guinea-Bissau </strong><span class="badge text-bg-primary mb-3">gnb</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gnq"></i><strong>
Equatorial Guinea </strong><span
class="badge text-bg-primary mb-3">gnq</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-grc"></i><strong>
Greece </strong><span class="badge text-bg-primary mb-3">grc</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-grd"></i><strong>
Grenada </strong><span class="badge text-bg-primary mb-3">grd</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-grl"></i><strong>
Greenland </strong><span class="badge text-bg-primary mb-3">grl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gtm"></i><strong>
Guatemala </strong><span class="badge text-bg-primary mb-3">gtm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-guf"></i><strong>
French Guiana </strong><span class="badge text-bg-primary mb-3">guf</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-gum"></i><strong> Guam
</strong><span class="badge text-bg-primary mb-3">gum</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-guy"></i><strong>
Guyana </strong><span class="badge text-bg-primary mb-3">guy</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hkg"></i><strong> Hong
Kong (Special Administrative Region of the China) </strong><span
class="badge text-bg-primary mb-3">hkg</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hmd"></i><strong>
Heard Island and McDonald Islands </strong><span
class="badge text-bg-primary mb-3">hmd</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hnd"></i><strong>
Honduras </strong><span class="badge text-bg-primary mb-3">hnd</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hrv"></i><strong>
Croatia </strong><span class="badge text-bg-primary mb-3">hrv</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hti"></i><strong>
Haiti </strong><span class="badge text-bg-primary mb-3">hti</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-hun"></i><strong>
Hungary </strong><span class="badge text-bg-primary mb-3">hun</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-idn"></i><strong>
Indonesia </strong><span class="badge text-bg-primary mb-3">idn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-imn"></i><strong> Isle
of Man </strong><span class="badge text-bg-primary mb-3">imn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ind"></i><strong>
India </strong><span class="badge text-bg-primary mb-3">ind</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-iot"></i><strong>
British Indian Ocean Territory </strong><span
class="badge text-bg-primary mb-3">iot</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-irl"></i><strong>
Ireland </strong><span class="badge text-bg-primary mb-3">irl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-irn"></i><strong> Iran
(Islamic Republic of Iran) </strong><span
class="badge text-bg-primary mb-3">irn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-irq"></i><strong> Iraq
</strong><span class="badge text-bg-primary mb-3">irq</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-isl"></i><strong>
Iceland </strong><span class="badge text-bg-primary mb-3">isl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-isr"></i><strong>
Israel </strong><span class="badge text-bg-primary mb-3">isr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ita"></i><strong>
Italy </strong><span class="badge text-bg-primary mb-3">ita</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-jam"></i><strong>
Jamaica </strong><span class="badge text-bg-primary mb-3">jam</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-jey"></i><strong>
Jersey </strong><span class="badge text-bg-primary mb-3">jey</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-jor"></i><strong>
Jordan </strong><span class="badge text-bg-primary mb-3">jor</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-jpn"></i><strong>
Japan </strong><span class="badge text-bg-primary mb-3">jpn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kaz"></i><strong>
Kazakstan </strong><span class="badge text-bg-primary mb-3">kaz</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ken"></i><strong>
Kenya </strong><span class="badge text-bg-primary mb-3">ken</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kgz"></i><strong>
Kyrgyzstan </strong><span class="badge text-bg-primary mb-3">kgz</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-khm"></i><strong>
Cambodia </strong><span class="badge text-bg-primary mb-3">khm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kir"></i><strong>
Kiribati </strong><span class="badge text-bg-primary mb-3">kir</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kna"></i><strong>
Saint Kitts and Nevis </strong><span
class="badge text-bg-primary mb-3">kna</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kor"></i><strong>
Korea (Republic of Korea) </strong><span class="badge text-bg-primary mb-3">kor</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kos"></i><strong>
Kosovo (partially recognised state of Serbia) </strong><span
class="badge text-bg-primary mb-3">kos</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-kwt"></i><strong>
Kuwait </strong><span class="badge text-bg-primary mb-3">kwt</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lao"></i><strong> Lao
People's Democratic Republic </strong><span
class="badge text-bg-primary mb-3">lao</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lbn"></i><strong>
Lebanon </strong><span class="badge text-bg-primary mb-3">lbn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lbr"></i><strong>
Liberia </strong><span class="badge text-bg-primary mb-3">lbr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lby"></i><strong>
Libya </strong><span class="badge text-bg-primary mb-3">lby</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lca"></i><strong>
Saint Lucia </strong><span class="badge text-bg-primary mb-3">lca</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lie"></i><strong>
Liechtenstein </strong><span class="badge text-bg-primary mb-3">lie</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lka"></i><strong> Sri
Lanka </strong><span class="badge text-bg-primary mb-3">lka</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lso"></i><strong>
Lesotho </strong><span class="badge text-bg-primary mb-3">lso</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ltu"></i><strong>
Lithuania </strong><span class="badge text-bg-primary mb-3">ltu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lux"></i><strong>
Luxembourg </strong><span class="badge text-bg-primary mb-3">lux</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-lva"></i><strong>
Latvia </strong><span class="badge text-bg-primary mb-3">lva</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mac"></i><strong>
Macau (Macao Special Administrative Region of China) </strong><span
class="badge text-bg-primary mb-3">mac</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-maf"></i><strong>
Saint Martin (French part) </strong><span
class="badge text-bg-primary mb-3">maf</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mar"></i><strong>
Marokko </strong><span class="badge text-bg-primary mb-3">mar</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mco"></i><strong>
Monaco </strong><span class="badge text-bg-primary mb-3">mco</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mda"></i><strong>
Moldova (Republic of Moldova) </strong><span
class="badge text-bg-primary mb-3">mda</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mdg"></i><strong>
Madagascar </strong><span class="badge text-bg-primary mb-3">mdg</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mdv"></i><strong>
Maldives </strong><span class="badge text-bg-primary mb-3">mdv</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mex"></i><strong>
Mexico </strong><span class="badge text-bg-primary mb-3">mex</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mhl"></i><strong>
Marshall Islands </strong><span
class="badge text-bg-primary mb-3">mhl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mkd"></i><strong>
Makedonia </strong><span class="badge text-bg-primary mb-3">mkd</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mli"></i><strong> Mali
</strong><span class="badge text-bg-primary mb-3">mli</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mlt"></i><strong>
Malta </strong><span class="badge text-bg-primary mb-3">mlt</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mmr"></i><strong>
Myanmar </strong><span class="badge text-bg-primary mb-3">mmr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mne"></i><strong>
Montenegro </strong><span class="badge text-bg-primary mb-3">mne</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mng"></i><strong>
Mongolia </strong><span class="badge text-bg-primary mb-3">mng</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mnp"></i><strong>
Northern Mariana Islands </strong><span class="badge text-bg-primary mb-3">mnp</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-moz"></i><strong>
Mozambique </strong><span class="badge text-bg-primary mb-3">moz</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mrt"></i><strong>
auritania </strong><span class="badge text-bg-primary mb-3">mrt</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-msr"></i><strong>
Montserrat </strong><span class="badge text-bg-primary mb-3">msr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mtq"></i><strong>
Martinique </strong><span class="badge text-bg-primary mb-3">mtq</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mus"></i><strong>
Mauritius </strong><span class="badge text-bg-primary mb-3">mus</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mwi"></i><strong>
Malawi </strong><span class="badge text-bg-primary mb-3">mwi</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-mys"></i><strong>
Malaysia </strong><span class="badge text-bg-primary mb-3">mys</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-myt"></i><strong>
Mayotte </strong><span class="badge text-bg-primary mb-3">myt</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nam"></i><strong>
Namibia </strong><span class="badge text-bg-primary mb-3">nam</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ncl"></i><strong> New
Caledonia </strong><span class="badge text-bg-primary mb-3">ncl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ner"></i><strong>
Niger </strong><span class="badge text-bg-primary mb-3">ner</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nfk"></i><strong>
Norfolk Island </strong><span class="badge text-bg-primary mb-3">nfk</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nga"></i><strong>
Nigeria </strong><span class="badge text-bg-primary mb-3">nga</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nic"></i><strong>
Nicaragua </strong><span class="badge text-bg-primary mb-3">nic</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nir"></i><strong>
Northern Ireland (country that is part of the United Kingdom) </strong><span
class="badge text-bg-primary mb-3">nir</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-niu"></i><strong> Niue
</strong><span class="badge text-bg-primary mb-3">niu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nld"></i><strong>
Netherlands (Holland) </strong><span
class="badge text-bg-primary mb-3">nld</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nor"></i><strong>
Norway </strong><span class="badge text-bg-primary mb-3">nor</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-npl"></i><strong>
Nepal </strong><span class="badge text-bg-primary mb-3">npl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nru"></i><strong>
Nauru </strong><span class="badge text-bg-primary mb-3">nru</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-nzl"></i><strong> New
Zealand </strong><span class="badge text-bg-primary mb-3">nzl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-omn"></i><strong> Oman
</strong><span class="badge text-bg-primary mb-3">omn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pak"></i><strong>
Pakistan </strong><span class="badge text-bg-primary mb-3">pak</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pan"></i><strong>
Panama </strong><span class="badge text-bg-primary mb-3">pan</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pcn"></i><strong>
Pitcairn </strong><span class="badge text-bg-primary mb-3">pcn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-per"></i><strong> Peru
</strong><span class="badge text-bg-primary mb-3">per</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-phl"></i><strong>
Phillipines </strong><span class="badge text-bg-primary mb-3">phl</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-plw"></i><strong>
Palau </strong><span class="badge text-bg-primary mb-3">plw</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-png"></i><strong>
Papua New Guinea </strong><span
class="badge text-bg-primary mb-3">png</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pol"></i><strong>
Poland </strong><span class="badge text-bg-primary mb-3">pol</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pri"></i><strong>
Puerto Rico </strong><span class="badge text-bg-primary mb-3">pri</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-prk"></i><strong>
Korea (Democratic People's Republic of Korea) </strong><span
class="badge text-bg-primary mb-3">prk</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-prt"></i><strong>
Portugal </strong><span class="badge text-bg-primary mb-3">prt</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pry"></i><strong>
Paraguay </strong><span class="badge text-bg-primary mb-3">pry</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pse"></i><strong>
State of Palestine </strong><span
class="badge text-bg-primary mb-3">pse</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-pyf"></i><strong>
French Polynesia </strong><span
class="badge text-bg-primary mb-3">pyf</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-qat"></i><strong>
Qatar </strong><span class="badge text-bg-primary mb-3">qat</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-reu"></i><strong>
Réunion </strong><span class="badge text-bg-primary mb-3">reu</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-rou"></i><strong>
Roumania </strong><span class="badge text-bg-primary mb-3">rou</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-rus"></i><strong>
Russia (russian Federation) </strong><span
class="badge text-bg-primary mb-3">rus</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-rwa"></i><strong>
Rwanda </strong><span class="badge text-bg-primary mb-3">rwa</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sau"></i><strong>
Saudi Arabia </strong><span class="badge text-bg-primary mb-3">sau</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sco"></i><strong>
Scotland (country that is part of the United Kingdom) </strong><span
class="badge text-bg-primary mb-3">sco</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sdn"></i><strong>
Sudan </strong><span class="badge text-bg-primary mb-3">sdn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sen"></i><strong>
Senegal </strong><span class="badge text-bg-primary mb-3">sen</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sgp"></i><strong>
Singapore </strong><span class="badge text-bg-primary mb-3">sgp</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sgs"></i><strong>
South Georgia and the South Sandwich Islands </strong><span
class="badge text-bg-primary mb-3">sgs</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-shn"></i><strong>
Saint Helena, Ascension and Tristan da Cunha </strong><span
class="badge text-bg-primary mb-3">shn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sjm"></i><strong>
Svalbard and Jan Mayen </strong><span
class="badge text-bg-primary mb-3">sjm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-slb"></i><strong>
Solomon Islands </strong><span class="badge text-bg-primary mb-3">slb</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sle"></i><strong>
Sierra Leone </strong><span class="badge text-bg-primary mb-3">sle</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-slv"></i><strong> El
Salvador </strong><span class="badge text-bg-primary mb-3">slv</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-smr"></i><strong> San
Marino </strong><span class="badge text-bg-primary mb-3">smr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-som"></i><strong>
Somalia </strong><span class="badge text-bg-primary mb-3">som</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-spm"></i><strong>
Saint Pierre and Miquelon </strong><span class="badge text-bg-primary mb-3">spm</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-srb"></i><strong>
Serbia </strong><span class="badge text-bg-primary mb-3">srb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ssd"></i><strong>
South Sudan </strong><span class="badge text-bg-primary mb-3">ssd</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-stp"></i><strong> Sao
Tome and Principe </strong><span
class="badge text-bg-primary mb-3">stp</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sun"></i><strong>
Union of Soviet Socialist Republics (USSR) </strong><span
class="badge text-bg-primary mb-3">sun</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sur"></i><strong>
Suriname </strong><span class="badge text-bg-primary mb-3">sur</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-svk"></i><strong>
Slovakia </strong><span class="badge text-bg-primary mb-3">svk</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-svn"></i><strong>
Slovenia </strong><span class="badge text-bg-primary mb-3">svn</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-swe"></i><strong>
Sweden </strong><span class="badge text-bg-primary mb-3">swe</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-swz"></i><strong>
Swaziland </strong><span class="badge text-bg-primary mb-3">swz</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-sxm"></i><strong> Sint
Maarten (Dutch part)</strong><span
class="badge text-bg-primary mb-3">sxm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-syc"></i><strong>
Seychelles</strong><span class="badge text-bg-primary mb-3">syc</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-syr"></i><strong>
Syrian Arab Republic</strong><span
class="badge text-bg-primary mb-3">syr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tca"></i><strong>
Turks and Caicos Islands</strong><span class="badge text-bg-primary mb-3">tca</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tcd"></i><strong>
Chad</strong><span class="badge text-bg-primary mb-3">tcd</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tgo"></i><strong>
Togo</strong><span class="badge text-bg-primary mb-3">tgo</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tha"></i><strong>
Thailand</strong><span class="badge text-bg-primary mb-3">tha</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tjk"></i><strong>
Tajikistan</strong><span class="badge text-bg-primary mb-3">tjk</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tkl"></i><strong>
Tokelau </strong><span class="badge text-bg-primary mb-3">tkl</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tkm"></i><strong>
Turkmenistan </strong><span class="badge text-bg-primary mb-3">tkm</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tls"></i><strong>
Timor-Leste </strong><span class="badge text-bg-primary mb-3">tls</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ton"></i><strong>
Tonga </strong><span class="badge text-bg-primary mb-3">ton</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tto"></i><strong>
Trinidad and Tobago </strong><span
class="badge text-bg-primary mb-3">tto</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tun"></i><strong>
Tunisia </strong><span class="badge text-bg-primary mb-3">tun</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tur"></i><strong>
Turkey </strong><span class="badge text-bg-primary mb-3">tur</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tuv"></i><strong>
Tuvalu </strong><span class="badge text-bg-primary mb-3">tuv</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-twn"></i><strong>
Taiwan, Province of China </strong><span class="badge text-bg-primary mb-3">twn</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-tza"></i><strong>
United Republic of Tanzania </strong><span
class="badge text-bg-primary mb-3">tza</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-uga"></i><strong>
Uganda </strong><span class="badge text-bg-primary mb-3">uga</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ukr"></i><strong>
Ukraine </strong><span class="badge text-bg-primary mb-3">ukr</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-umi"></i><strong>
United States Minor Outlying Islands </strong><span
class="badge text-bg-primary mb-3">umi</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ury"></i><strong>
Uruguay </strong><span class="badge text-bg-primary mb-3">ury</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-usa"></i><strong>
United States of America (USA) </strong><span
class="badge text-bg-primary mb-3">usa</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-uzb"></i><strong>
Uzbekistan </strong><span class="badge text-bg-primary mb-3">uzb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vat"></i><strong>
Vanuatu </strong><span class="badge text-bg-primary mb-3">vat</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vct"></i><strong>
Vatican </strong><span class="badge text-bg-primary mb-3">vct</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-ven"></i><strong>
Venezuela (Bolivarian Republic of Venezuela) </strong><span
class="badge text-bg-primary mb-3">ven</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vgb"></i><strong>
Virgin Islands (British) </strong><span class="badge text-bg-primary mb-3">vgb</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vir"></i><strong>
Virgin Islands (U.S.) </strong><span
class="badge text-bg-primary mb-3">vir</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vnm"></i><strong>
Vietnam </strong><span class="badge text-bg-primary mb-3">vnm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-vut"></i><strong>
Vanuatu </strong><span class="badge text-bg-primary mb-3">vut</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-wal"></i><strong>
Wales (country that is part of the United Kingdom) </strong><span
class="badge text-bg-primary mb-3">wal</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-wlf"></i><strong>
Wallis and Futuna </strong><span
class="badge text-bg-primary mb-3">wlf</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-wsm"></i><strong>
Samoa </strong><span class="badge text-bg-primary mb-3">wsm</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-yem"></i><strong>
Yemen </strong><span class="badge text-bg-primary mb-3">yem</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-zaf"></i><strong>
South Africa </strong><span class="badge text-bg-primary mb-3">zaf</span>
</li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-zmb"></i><strong>
Zambia </strong><span class="badge text-bg-primary mb-3">zmb</span></li>
<li class="icon-box" onclick="copyText(this)"><i
class="flag-icon flag-icon-zwe"></i><strong>
Zimbabwe </strong><span class="badge text-bg-primary mb-3">zwe</span></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Flag icon end -->
</div>
</main>
<!-- Body main section ends -->
<!-- tap on top -->
<div class="go-top">
<span class="progress-value">
<i class="ti ti-arrow-up"></i>
</span>
</div>
<!-- Footer Section starts-->
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-9 col-12">
<p class="footer-text f-w-600 mb-0">Copyright © 2025 ki-admin. All rights reserved 💖
V1.0.0</p>
</div>
<div class="col-md-3">
<div class="footer-text text-end">
<a class="f-w-500 text-primary" href="mailto:teqlathemes@gmail.com"> Need Help <i
class="ti ti-help"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Section ends-->
</div>
</div>
</div>
<!--customizer-->
<div id="customizer"></div>
<!-- latest jquery-->
<script src="../assets/js/jquery-3.6.3.min.js"></script>
<!-- Simple bar js-->
<script src="../assets/vendor/simplebar/simplebar.js"></script>
<!-- phosphor js -->
<script src="../assets/vendor/phosphor/phosphor.js"></script>
<!-- Bootstrap js-->
<script src="../assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
<!-- toastify js -->
<script src="../assets/vendor/notifications/toastify-js.js"></script>
<!--flag js-->
<script src="../assets/js/flag_icons.js"></script>
<!-- App js-->
<script src="../assets/js/script.js"></script>
<!-- Customizer js-->
<script src="../assets/js/customizer.js"></script>
</body>
</html>