2013-09-24 00:07:24 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
|
|
|
|
|
<title>country-flag-icons</title>
|
2013-09-24 12:25:39 +02:00
|
|
|
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
|
2013-09-24 00:07:24 +02:00
|
|
|
<link href="./css/country-flag-icons.css" rel="stylesheet">
|
2013-09-24 17:13:35 +02:00
|
|
|
<style>
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
#examples *{
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
#examples {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2013-09-24 00:07:24 +02:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2013-09-24 17:13:35 +02:00
|
|
|
<div class="jumbotron text-center">
|
|
|
|
|
<div class="container">
|
2013-09-24 00:07:24 +02:00
|
|
|
<h1>country-flag-icons</h1>
|
2013-09-24 17:13:35 +02:00
|
|
|
<p class="lead">
|
|
|
|
|
250+ svg based country flags!
|
|
|
|
|
</p>
|
2013-09-24 00:07:24 +02:00
|
|
|
</div>
|
2013-09-24 17:13:35 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<section id="usage">
|
|
|
|
|
<div class="page-header">
|
|
|
|
|
<h1>Usage</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<pre>
|
|
|
|
|
Normal (4x3) <span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
Normal 2x <span class="flag-icon flag-icon-gr flag-icon-2x"></span>
|
|
|
|
|
Normal 3x <span class="flag-icon flag-icon-gr flag-icon-3x"></span>
|
|
|
|
|
|
|
|
|
|
Squared (1x1) <span class="flag-icon flag-icon-gr flag-icon-squared"></span>
|
|
|
|
|
Squared 2x <span class="flag-icon flag-icon-gr flag-icon-squared flag-icon-2x"></span>
|
|
|
|
|
Squared 3x <span class="flag-icon flag-icon-gr flag-icon-squared flag-icon-3x"></span></pre>
|
|
|
|
|
</section>
|
|
|
|
|
<section id="examples">
|
|
|
|
|
<div class="page-header">
|
|
|
|
|
<h1>Examples</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<h1>
|
|
|
|
|
h1
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h1>
|
|
|
|
|
<h2>
|
|
|
|
|
h2
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h2>
|
|
|
|
|
<h3>
|
|
|
|
|
h3
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h3>
|
|
|
|
|
<h4>
|
|
|
|
|
h4
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h4>
|
|
|
|
|
<h5>
|
|
|
|
|
h5
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h5>
|
|
|
|
|
<h6>
|
|
|
|
|
h6
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</h6>
|
|
|
|
|
<p>
|
|
|
|
|
p
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="lead">
|
|
|
|
|
p.lead
|
|
|
|
|
<span class="flag-icon flag-icon-gr"></span>
|
|
|
|
|
<span class="label label-default"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-success"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-info"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
<span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> GR</span>
|
|
|
|
|
</p>
|
|
|
|
|
</section>
|
2013-09-24 00:07:24 +02:00
|
|
|
</div>
|
2013-09-24 12:02:48 +02:00
|
|
|
<script src="http://localhost:35729/livereload.js"></script>
|
2013-09-24 00:07:24 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
