diff --git a/application/controllers/Gridsquares.php b/application/controllers/Gridsquares.php
new file mode 100644
index 00000000..fac72b60
--- /dev/null
+++ b/application/controllers/Gridsquares.php
@@ -0,0 +1,165 @@
+<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
+
+/*
+	
+	Gridsquares Controller
+		
+*/
+
+class Gridsquares extends CI_Controller {
+
+	public function index() {
+		$data['page_title'] = "Gridsquare Map";
+
+		$this->load->view('interface_assets/header', $data);
+		$this->load->view('gridsquares/main.php');
+		$this->load->view('interface_assets/footer');
+	}
+
+	public function satellites()
+	{
+		$this->load->model('gridsquares_model');
+
+		$data['page_title'] = "Satellite Gridsquare Map";
+
+
+		$array_grid_2char = array();
+		$array_grid_4char = array();
+
+		$grid_2char = "";
+		$grid_4char = "";
+
+		$query = $this->gridsquares_model->get_worked_sat_squares();
+
+		if ($query->num_rows() > 0)
+		{
+			foreach ($query->result() as $row)
+			{
+
+				$grid_two = strtoupper(substr($row->SAT_SQUARE,0,2));
+				$grid_four = strtoupper(substr($row->SAT_SQUARE,0,4));
+
+				// Check if 2 Char is in array
+				if(!in_array($grid_two, $array_grid_2char)){
+					array_push($array_grid_2char, $grid_two);	
+				}
+
+
+				if(!in_array($grid_four, $array_grid_4char)){
+					array_push($array_grid_4char, $grid_four);	
+				}
+
+
+			}
+		}
+
+		$query_vucc = $this->gridsquares_model->get_worked_sat_vucc_squares();
+
+		if ($query_vucc->num_rows() > 0)
+		{
+			foreach ($query_vucc->result() as $row)
+			{
+
+				$grids = explode(",", $row->COL_VUCC_GRIDS);
+
+				foreach($grids as $key) {    
+				    $grid_two = strtoupper(substr($key,0,2));
+					$grid_four = strtoupper(substr($key,0,4));
+
+					// Check if 2 Char is in array
+					if(!in_array($grid_two, $array_grid_2char)){
+						array_push($array_grid_2char, $grid_two);	
+					}
+
+
+					if(!in_array($grid_four, $array_grid_4char)){
+						array_push($array_grid_4char, $grid_four);	
+					}
+				}
+			}
+		}
+
+
+		function js_str($s)
+		{
+		    return '"' . addcslashes($s, "\0..\37\"\\") . '"';
+		}
+
+		function js_array($array)
+		{
+		    $temp = array_map('js_str', $array);
+		    return '[' . implode(',', $temp) . ']';
+		}
+
+
+		$data['grid_2char'] = js_array($array_grid_2char);
+		$data['grid_4char'] = js_array($array_grid_4char);
+
+
+
+		$this->load->view('interface_assets/header', $data);
+		$this->load->view('gridsquares/index.php');
+		$this->load->view('interface_assets/footer');
+	}
+	
+
+	public function band($band)
+	{
+		$this->load->model('gridsquares_model');
+
+		$data['page_title'] = "Gridsquare Map";
+
+
+		$array_grid_2char = array();
+		$array_grid_4char = array();
+
+		$grid_2char = "";
+		$grid_4char = "";
+
+		$query = $this->gridsquares_model->get_band($band);
+
+		if ($query->num_rows() > 0)
+		{
+			foreach ($query->result() as $row)
+			{
+
+				$grid_two = strtoupper(substr($row->GRID_SQUARES,0,2));
+				$grid_four = strtoupper(substr($row->GRID_SQUARES,0,4));
+
+				// Check if 2 Char is in array
+				if(!in_array($grid_two, $array_grid_2char)){
+					array_push($array_grid_2char, $grid_two);	
+				}
+
+
+				if(!in_array($grid_four, $array_grid_4char)){
+					array_push($array_grid_4char, $grid_four);	
+				}
+
+
+			}
+		}
+
+		function js_str($s)
+		{
+		    return '"' . addcslashes($s, "\0..\37\"\\") . '"';
+		}
+
+		function js_array($array)
+		{
+		    $temp = array_map('js_str', $array);
+		    return '[' . implode(',', $temp) . ']';
+		}
+
+
+		$data['grid_2char'] = js_array($array_grid_2char);
+		$data['grid_4char'] = js_array($array_grid_4char);
+
+
+
+		$this->load->view('interface_assets/header', $data);
+		$this->load->view('gridsquares/index.php');
+		$this->load->view('interface_assets/footer');
+	}
+	
+}
\ No newline at end of file
diff --git a/application/models/Gridsquares_model.php b/application/models/Gridsquares_model.php
new file mode 100644
index 00000000..6a767df6
--- /dev/null
+++ b/application/models/Gridsquares_model.php
@@ -0,0 +1,25 @@
+<?php
+
+class Gridsquares_model extends CI_Model {
+
+    function __construct()
+    {
+        // Call the Model constructor
+        parent::__construct();
+    }
+
+    function get_worked_sat_squares() {
+        return $this->db->query('SELECT distinct substring(COL_GRIDSQUARE,1,4) as SAT_SQUARE, COL_SAT_NAME FROM '.$this->config->item('table_name').' WHERE COL_GRIDSQUARE != "" AND COL_SAT_NAME != ""');
+	}
+
+    function get_worked_sat_vucc_squares() {
+	    $this->db->select('COL_PRIMARY_KEY, COL_VUCC_GRIDS, COL_SAT_NAME');
+    	$this->db->where('COL_VUCC_GRIDS !=', "");
+    	$this->db->where('COL_SAT_NAME !=', "");
+		return $this->db->get($this->config->item('table_name'));
+	}
+
+    function get_band($band) {
+        return $this->db->query('SELECT distinct substring(COL_GRIDSQUARE,1,4) as GRID_SQUARES, COL_BAND FROM '.$this->config->item('table_name').' WHERE COL_GRIDSQUARE != "" AND COL_BAND = "'.$band.'"');
+    }
+}
\ No newline at end of file
diff --git a/application/views/gridsquares/index.php b/application/views/gridsquares/index.php
new file mode 100644
index 00000000..40cde226
--- /dev/null
+++ b/application/views/gridsquares/index.php
@@ -0,0 +1,13 @@
+<div class="container">
+
+	<br>
+
+		<?php if($this->session->flashdata('message')) { ?>
+			<!-- Display Message -->
+			<div class="alert-message error">
+			  <p><?php echo $this->session->flashdata('message'); ?></p>
+			</div>
+		<?php } ?>
+
+	<div id="map" style="width: 100%; height: 800px"></div>
+</div>
\ No newline at end of file
diff --git a/application/views/gridsquares/main.php b/application/views/gridsquares/main.php
new file mode 100644
index 00000000..799fc148
--- /dev/null
+++ b/application/views/gridsquares/main.php
@@ -0,0 +1,18 @@
+<div class="container">
+
+	<br>
+
+		<?php if($this->session->flashdata('message')) { ?>
+			<!-- Display Message -->
+			<div class="alert-message error">
+			  <p><?php echo $this->session->flashdata('message'); ?></p>
+			</div>
+		<?php } ?>
+
+	<h2><?php echo $page_title; ?></h2>
+
+	<nav class="nav">
+	  <a class="nav-link" href="<?php echo site_url('gridsquares/satellite'); ?>">Satellites</a>
+	  <a class="nav-link" href="<?php echo site_url('gridsquares/band/2m'); ?>">Band</a>
+	</nav>
+</div>
\ No newline at end of file
diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index 6050d7fc..829e44ff 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -519,6 +519,35 @@ $(document).ready(function(){
 });
 </script>
 
+<?php } ?>
+
+<?php if ($this->uri->segment(1) == "gridsquares") { ?>
+
+<script type="text/javascript" src="<?php echo base_url();?>assets/js/leaflet/L.MaidenheadColoured.js"></script>
+
+<script>
+
+  var layer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    maxZoom: 18,
+    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
+      '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
+      'Created by Cloudlog',
+    id: 'mapbox.streets'
+  });
+
+
+  var map = L.map('map', {
+    layers: [layer],
+    center: [19, 0],
+    zoom: 2
+  });
+  
+  var grid_two = <?php echo $grid_2char; ?>;
+  var grid_four = <?php echo $grid_4char; ?>;
+
+  var maidenhead = L.maidenhead().addTo(map);
+
+</script>
 <?php } ?>
 
   </body>
diff --git a/assets/js/leaflet/L.MaidenheadColoured.js b/assets/js/leaflet/L.MaidenheadColoured.js
new file mode 100644
index 00000000..e440d15b
--- /dev/null
+++ b/assets/js/leaflet/L.MaidenheadColoured.js
@@ -0,0 +1,118 @@
+/*
+ * L.Maidenhead displays a Maidenhead Locator of lines on the map.
+ */
+
+L.Maidenhead = L.LayerGroup.extend({
+
+	
+	options: {
+		// Line and label color
+		color: 'rgba(255, 0, 0, 0.4)',
+
+		// Redraw on move or moveend
+		redraw: 'move'
+	},
+
+	initialize: function (options) {
+		L.LayerGroup.prototype.initialize.call(this);
+		L.Util.setOptions(this, options);
+
+	},
+
+	onAdd: function (map) {
+		this._map = map;
+		var grid = this.redraw();
+		this._map.on('viewreset '+ this.options.redraw, function () {
+			grid.redraw();
+		});
+
+		this.eachLayer(map.addLayer, map);
+	},
+	
+	onRemove: function (map) {
+		// remove layer listeners and elements
+		map.off('viewreset '+ this.options.redraw, this.map);
+		this.eachLayer(this.removeLayer, this);
+	},
+
+	redraw: function () {
+		var d3 =         new Array(20,10,10,10,10,10,1 ,1 ,1 ,1 ,1/24,1/24,1/24,1/24,1/24,1/240,1/240,1/240,1/240,1/240/24,1/240/24 );
+		var lat_cor =    new Array(0 ,8 ,8 ,8 ,10,14,6 ,8 ,8 ,8 ,1.4 ,2.5 ,3   ,3.5 ,4   ,4    ,3.5  ,3.5  ,3    ,1.8     ,1.6      );
+		var bounds = map.getBounds();
+		var zoom = map.getZoom();
+		var unit = d3[zoom];
+		var lcor = lat_cor[zoom];
+		var w = bounds.getWest();
+		var e = bounds.getEast();
+		var n = bounds.getNorth();
+		var s = bounds.getSouth();
+		if (zoom==1) {var c = 2;} else {var c = 0.1;}
+		if (n > 85) n = 85;
+		if (s < -85) s = -85;
+		var left = Math.floor(w/(unit*2))*(unit*2);
+		var right = Math.ceil(e/(unit*2))*(unit*2);
+		var top = Math.ceil(n/unit)*unit;
+		var bottom = Math.floor(s/unit)*unit;
+		this.eachLayer(this.removeLayer, this);
+		for (var lon = left; lon < right; lon += (unit*2)) {
+			for (var lat = bottom; lat < top; lat += unit) {
+			var bounds = [[lat,lon],[lat+unit,lon+(unit*2)]];
+			if(grid_two.includes(this._getLocator(lon,lat)) || grid_four.includes(this._getLocator(lon,lat))) {
+				this.addLayer(L.rectangle(bounds, {color: this.options.color, weight: 1, fillOpacity: 0.6, fill:true, interactive: false}));
+			} else {
+				this.addLayer(L.rectangle(bounds, {color: this.options.color, weight: 1, fill:false, interactive: false}));	
+			}
+			//var pont = map.latLngToLayerPoint([lat,lon]);
+			//console.log(pont.x);
+			this.addLayer(this._getLabel(lon+unit-(unit/lcor),lat+(unit/2)+(unit/lcor*c)));
+			}
+		}
+		return this;
+	},
+    	
+	_getLabel: function(lon,lat) {
+	  var title_size = new Array(0 ,10,12,16,20,26,12,16,24,36,12  ,14  ,20  ,36  ,60  ,12   ,20   ,36   ,60   ,12      ,24       );
+	  var zoom = map.getZoom();
+	  var size = title_size[zoom]+'px';
+	  var title = '<span style="cursor: default;"><font style="color:'+this.options.color+'; font-size:'+size+'; font-weight: 900; ">' + this._getLocator(lon,lat) + '</font></span>';
+      var myIcon = L.divIcon({className: 'my-div-icon', html: title});
+      var marker = L.marker([lat,lon], {icon: myIcon}, clickable=false);
+      return marker;
+	},
+	
+	_getLocator: function(lon,lat) {
+	  var ydiv_arr=new Array(10, 1, 1/24, 1/240, 1/240/24);
+	  var d1 = "ABCDEFGHIJKLMNOPQR".split("");
+	  var d2 = "ABCDEFGHIJKLMNOPQRSTUVWX".split("");
+	  var d4 =         new Array(0 ,1 ,1 ,1 ,1 ,1 ,2 ,2 ,2 ,2 ,3   ,3   ,3   ,3   ,3   ,4    ,4    ,4    ,4    ,5       ,5        );
+      var locator = "";
+      var x = lon;
+      var y = lat;
+      var precision = d4[map.getZoom()];
+      while (x < -180) {x += 360;}
+      while (x > 180) {x -=360;}
+      x = x + 180;
+      y = y + 90;
+      locator = locator + d1[Math.floor(x/20)] + d1[Math.floor(y/10)];
+      for (var i=0; i<4; i=i+1) {
+		if (precision > i+1) {
+        rlon = x%(ydiv_arr[i]*2);
+        rlat = y%(ydiv_arr[i]);
+			if ((i%2)==0) {
+				locator += Math.floor(rlon/(ydiv_arr[i+1]*2)) +""+ Math.floor(rlat/(ydiv_arr[i+1]));
+			} else {
+				locator += d2[Math.floor(rlon/(ydiv_arr[i+1]*2))] +""+ d2[Math.floor(rlat/(ydiv_arr[i+1]))];	
+			}
+		}
+	  }  
+      return locator;
+	},
+
+  
+	
+
+});
+
+L.maidenhead = function (options) {
+	return new L.Maidenhead(options);
+};