mirrors/flags
mirrors/flags
0
0
Fork 0
mirror of https://github.com/lipis/flag-icons.git synced 2024-11-29 01:42:13 +01:00
Code Issues Releases Activity
1493a077fa
flags/index.html

226 lines
11 KiB
HTML
Raw Normal View History

More updates
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>
Removed bluescreen
2013-09-26 01:39:19 +02:00
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
Added assets and more examples
2013-09-25 22:00:00 +02:00
<link href="./assets/docs.css" rel="stylesheet">
More updates
2013-09-24 00:07:24 +02:00
<link href="./css/country-flag-icons.css" rel="stylesheet">
</head>
<body>
Removed bluescreen
2013-09-26 01:39:19 +02:00
<a href="https://github.com/lipis/country-flag-icons"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
Fixes
2013-09-24 17:13:35 +02:00
<div class="jumbotron text-center">
<div class="container">
More updates
2013-09-24 00:07:24 +02:00
<h1>country-flag-icons</h1>
Removed bluescreen
2013-09-26 01:39:19 +02:00
<p>
CSS for svg based country flag icons!
Fixes
2013-09-24 17:13:35 +02:00
</p>
Removed bluescreen
2013-09-26 01:39:19 +02:00
<p>
Added github button
2013-09-26 01:56:18 +02:00
<a href="https://github.com/lipis/country-flag-icons" class="btn btn-default btn-lg">
<span class="icon-github"></span>
GitHub
</a>
Updated link
2013-09-26 01:45:17 +02:00
<a href="https://github.com/lipis/country-flag-icons/archive/master.zip" class="btn btn-primary btn-lg">
Removed bluescreen
2013-09-26 01:39:19 +02:00
<span class="icon-download-alt"></span>
Download
</a>
Added assets and more examples
2013-09-25 22:00:00 +02:00
</p>
<p>
<iframe src="http://ghbtns.com/github-btn.html?user=lipis&repo=country-flag-icons&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
</p>
More updates
2013-09-24 00:07:24 +02:00
</div>
Fixes
2013-09-24 17:13:35 +02:00
</div>
<div class="container">
<section id="examples">
<div class="page-header">
Added assets and more examples
2013-09-25 22:00:00 +02:00
<h1>Examples (inline with text)</h1>
Fixes
2013-09-24 17:13:35 +02:00
</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>
Added assets and more examples
2013-09-25 22:00:00 +02:00
<section id="more">
<div class="page-header">
<h1>Examples (on any element)</h1>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-gr"></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-es"></div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-gb"></div>
</div>
</div>
<div class="col-lg-3 col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-dk"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-de"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-ru"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-is"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-fr"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-ke"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-ar"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-br"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-jp"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-in"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-sa"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-si"></div>
</div>
</div>
<div class="col-sm-2 col-xs-3 visible-xs visible-lg">
<div class="flag-wrapper">
<div class="img-thumbnail flag flag-icon-background flag-icon-ca"></div>
</div>
</div>
</div>
</section>
More updates
2013-09-24 00:07:24 +02:00
</div>
Added assets and more examples
2013-09-25 22:00:00 +02:00
<footer class="text-muted text-center">
<div class="container">
Removed bluescreen
2013-09-26 01:39:19 +02:00
<ul class="list-inline">
<li><a href="https://github.com/lipis/country-flag-icons">GitHub project</a></li>
<li><a href="https://github.com/lipis/country-flag-icons/issues">Issues</a></li>
</ul>
Added assets and more examples
2013-09-25 22:00:00 +02:00
</div>
</footer>
Grunt integration
2013-09-24 12:02:48 +02:00
<script src="http://localhost:35729/livereload.js"></script>
More updates
2013-09-24 00:07:24 +02:00
</body>
</html>
Copy Permalink