-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
101 lines (90 loc) · 5.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en" ng-app="PoB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Postcodes of Bangladesh - an Akhaura Info Foundation service</title>
<link rel=icon type="image/vnd.microsoft.icon" href="favicon.ico"/>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="shortcut icon" href="icon.png"/>
<meta name='copyright' content='Akhaura Info Foundation'>
<meta name='author' content='Akhaura Info Foundation, service@akhaura.info'>
<meta name='designer' content='Md. Sazzad Hossain Sharkar'>
<meta name='reply-to' content='service@akhaura.info'>
<meta name='owner' content='Akhaura Info Foundation'>
<meta name='language' content='EN'>
<meta name='description' content='Postcodes of Bangladesh. Lightweight postcode finding application to search postcodes in Bangladesh. This application developed with angularJS and Database designed with JSON formatted. This application works 10x faster than basic postcode search application which was provided by Bangladesh Post Office.'>
<meta name='keywords' content='Postcodes of Bangladesh. Lightweight postcode finding application to search postcodes in Bangladesh. This application developed with angularJS and Database designed with JSON formatted. This application works 10x faster than basic postcode search application which was provided by Bangladesh Post Office.'>
<meta property="og:title" content="Postcodes of Bangladesh - an Akhaura Info Foundation service"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Postcodes of Bangladesh. Lightweight postcode finding application to search postcodes in Bangladesh. This application developed with angularJS and Database designed with JSON formatted. This application works 10x faster than basic postcode search application which was provided by Bangladesh Post Office."/>
<link href="//fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css">
<link rel="stylesheet" href="css/assets.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script>
var PoB = angular.module('PoB', []);
PoB.controller('jsonCtrl', function ($scope, $http) {
$http.get('json/postcodes.json').success(function (data) {
$scope.postcodes = data;
});
});
</script>
</head>
<body ng-controller="jsonCtrl">
<div class="column row">
<div class="row">
<div class="large-12 columns">
<h3>Postcodes of Bangladesh</h3>
<p>Instantly search postcodes with AngularJS and JSON.</p>
<h4>Developed by, <a href="http://akhaura.info/" target="_blank">Akhaura Info Foundation</a></h4>
<div class="button-group">
<a href="https://postcodes-of-bangladesh.firebaseapp.com" class="button" target="_blank">Project Mirror</a>
<a href="https://github.com/Akhaura-Info-Foundation/Postcodes-of-Bangladesh" class="button" target="_blank">Fork on GitHub</a>
<a href="https://bitbucket.org/sharkar/postcodes-of-bangladesh" target="_blank" class="button">Fork on Bitbucket</a>
<a href="https://gitlab.com/akhaura-info-foundation/Postcodes-of-Bangladesh" target="_blank" class="button">Fork on GitLab</a>
</div>
</div>
</div>
<div class="row">
<div class="small-12 large-4 columns">
<input type="text" class="search" placeholder="Search Postcodes. e.g. Akhaura" ng-model="search">
</div>
<div class="small-12 large-4 columns">
<span ng-repeat="postcodes in postcodes.postcodes | filter:query as filtered"></span>
<input type="text" class="search text-center" value="{{filtered.length}} Postcodes in Database"
readonly="readonly">
</div>
</div>
<div class="row small-up-1 medium-up-3 large-up-4">
<div class="column column-block" ng-repeat="postcodes in postcodes.postcodes | filter:search">
<div class="card">
<div class="card-section">
<table class="hover stack">
<thead>
<tr>
<th class="text-center">Division: {{ postcodes.division }}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">District: {{ postcodes.district }}</td>
</tr>
<tr>
<td class="text-center">Thana: {{ postcodes.thana }}</td>
</tr>
<tr>
<td class="text-center">Post Office: {{ postcodes.postOffice }}</td>
</tr>
<tr>
<td class="text-center">Post Code: {{ postcodes.postCode }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>