Started QSL management system

application/controllers/Qslmanagement.php

@@ -11,6 +11,10 @@ class Qslmanagement extends CI_Controller {
 
         public function index()
         {
-                echo 'Functions to come';
+			$data['page_title'] = "QSL Card Management";
+
+			$this->load->view('interface_assets/header', $data);
+			$this->load->view('qslmanagement/index');
+			$this->load->view('interface_assets/footer');
         }
 }

application/views/qslmanagement/index.php

@@ -0,0 +1,57 @@
+<div class="container qsl_management">
+	<?php if($this->session->flashdata('message')) { ?>
+		<!-- Display Message -->
+		<div class="alert-message error">
+		  <p><?php echo $this->session->flashdata('message'); ?></p>
+		</div>
+	<?php } ?>
+
+	<div class="row">
+	    <div class="col-sm-8">
+
+	    	<div class="card">
+	    		<div class="card-header"><h3>Incoming QSL Cards</h3></div>
+	    		<div class="card-body">
+
+	    			<form>
+						<input type="text" class="form-control" placeholder="Callsign">
+					</form>
+
+  					<table class="table">
+  						<thead>
+  							<tr>
+  								<th>Date/Time</th>
+  								<th>Band</th>
+  								<th>Report</th>
+  								<th>Option</th>
+  							</tr>
+  						</thead>
+
+  						<tbody>
+  							<tr>
+  								<td>1</td>
+  								<td>2</td>
+  								<td>3</td>
+  								<td>4</td>
+  							</tr>
+  						</tbody>	
+  					</table>
+	    		</div>
+	    	</div>
+
+	    </div>
+
+	    <div class="col-sm-4">
+	    	<div class="card">
+	    		<div class="card-header"><h3>Outgoing QSL Cards</h3></div>
+	    		<div class="card-body">
+
+	    			<form>
+						<input type="text" class="form-control" placeholder="Callsign">
+					</form>
+	    		</div>
+	    	</div>
+	    </div>
+	</div>
+
+</div>

assets/css/general.css

@@ -192,4 +192,10 @@ TD.lotw{
 .settings-nav .nav-link:hover {
     background-color: #e1e4e8;
 
+}
+
+/* QSL Card Management CSS */
+
+.qsl_management {
+    padding-top: 15px;
 }