diff --git a/index.php b/index.php
index fd15961..6f4b994 100644
--- a/index.php
+++ b/index.php
@@ -13,7 +13,7 @@
 	<link rel="stylesheet" type="text/css" href="style.css?7286">
 	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
 	
-    <title>Home</title>
+    <title>Fathom - Deep Links for PowerPAC</title>
 
 
     
@@ -41,7 +41,7 @@
 			</div>
 			<div class="col-12">
 				<h1 class="mg-md text-lg-center text-md-center text-sm-center text-center tc-black">
-					<strong>Polaris Deep Linker</strong>
+					<strong>Fathom - Deep Links for PowerPAC</strong>
 				</h1>
 				<p class="text-lg-center text-md-center text-sm-center text-center">
 					Create a persistent link to materials and results list in your Polaris PowerPAC.
@@ -57,30 +57,30 @@
 	<div class="container bloc-lg bloc-md-lg">
 		<div class="row l-bloc">
 			<div class="col">
-				<form id="form_1" data-form-type="blocs-form" novalidate data-success-msg="Your message has been sent." data-fail-msg="Sorry it seems that our mail server is not responding, Sorry for the inconvenience!">
+				<form id="form_1" data-form-type="blocs-form" novalidate data-success-msg="Success" data-fail-msg="Fail." action="testsubmit.php" method="post">
 					<div class="form-group">
 						<label>
 							Base URL
 						</label><span class="far fa-question-circle icon-sm" data-placement="right" data-toggle="tooltip" title="The base URL of your PowerPAC"></span>
-						<input id="url" class="form-control" required placeholder="https://catalog.mylibrary.org" />
+						<input id="url" name="url" class="form-control" required placeholder="https://catalog.mylibrary.org" />
 					</div>
 					<div class="form-group">
 						<label>
 							CTX<br>
 						</label><span class="far fa-question-circle icon-sm" data-placement="right" data-toggle="tooltip" title="The CTX number designates a branch and display langauge for your PAC."></span>
-						<input id="ctx" class="form-control" required placeholder="3.1033.0.0.6" />
+						<input id="ctx" name="ctx" class="form-control" required placeholder="3.1033.0.0.6" />
 					</div>
 					<div class="form-group">
 						<label>
 							Keyword(s)<br>
 						</label><span class="far fa-question-circle icon-sm" data-placement="right" data-toggle="tooltip" title="Search by one or more keywords"></span>
-						<input id="keywords" class="form-control" placeholder="Batgirl comics" />
+						<input id="keywords" name="keywords" class="form-control" placeholder="Batgirl comics" />
 					</div>
 					<div class="form-group">
 						<label>
 							Title<br>
 						</label><span class="far fa-question-circle icon-sm" data-placement="right" data-toggle="tooltip" title="Search by title"></span>
-						<input id="title" class="form-control" placeholder="The Oracle Code" />
+						<input id="title" name="title" class="form-control" placeholder="The Oracle Code" />
 					</div>
 					<div class="form-group">
 						<label>
@@ -98,11 +98,11 @@
 						<label>
 							Language<br>
 						</label><span class="far fa-question-circle icon-sm" data-placement="right" data-toggle="tooltip" title="Select the language for your materials"></span>
-						<select class="form-control" id="language">
-							<option value="0">
+						<select class="form-control" id="language" name="language">
+							<option value="ENG">
 								English
 							</option>
-							<option value="1">
+							<option value="SPA">
 								Spanish
 							</option>
 						</select>
@@ -131,7 +131,9 @@
 			<div class="col-md-3 col-sm-6">
 				<h4 class="mg-md text-sm-left text-center tc-white">
 					About
-				</h4><a href="index.php" class="a-btn a-block footer-link">Created by Daniel Messer</a><a href="index.php" class="a-btn a-block">Changelog</a><a href="index.php" class="a-btn a-block footer-link">Email Dan</a>
+				</h4><a href="index.php" class="a-btn a-block footer-link">Created by Daniel Messer</a><br />
+				<a href="index.php" class="a-btn a-block">Changelog</a><br />
+				<a href="index.php" class="a-btn a-block footer-link">Email Dan</a>
 			</div>
 			<div class="col-md-3 col-sm-6">
 				<h4 class="mg-md text-sm-left text-center tc-white">
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..316cc6a
--- /dev/null
+++ b/style.css
@@ -0,0 +1,397 @@
+/*-----------------------------------------------------------------------------------
+	Playing Around
+	About: A shiny new Blocs website.
+	Author: Daniel Messer
+	Version: 1.0
+	Built with Blocs
+-----------------------------------------------------------------------------------*/
+body{
+	margin:0;
+	padding:0;
+    background:#FFFFFF;
+    overflow-x:hidden;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
+a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
+a:hover{text-decoration: none; cursor:pointer;}
+
+
+/* Preloader */
+
+.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
+.preloader-complete{animation-delay:0.1s;}
+@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}
+
+/* = Blocs
+-------------------------------------------------------------- */
+
+.bloc{
+	width:100%;
+	clear:both;
+	background: 50% 50% no-repeat;
+	padding:0 20px;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	-o-background-size: cover;
+	background-size: cover;
+	position:relative;
+	display:flex;
+}
+.bloc .container{
+	padding-left:0;
+	padding-right:0;
+}
+
+
+/* Sizes */
+
+.bloc-lg{
+	padding:100px 20px;
+}
+
+
+/* Dark theme */
+
+.d-bloc{
+	color:rgba(255,255,255,.7);
+}
+.d-bloc button:hover{
+	color:rgba(255,255,255,.9);
+}
+.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
+	border-color:rgba(255,255,255,.9);
+}
+.d-bloc .divider-h span{
+	border-color:rgba(255,255,255,.2);
+}
+.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
+	color:rgba(255,255,255,.6);
+}
+.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
+	color:rgba(255,255,255,1);
+}
+.d-bloc .navbar-toggle .icon-bar{
+	background:rgba(255,255,255,1);
+}
+.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
+	color:rgba(255,255,255,1);
+	border-color:rgba(255,255,255,1);
+}
+.d-bloc .card{
+	color:rgba(0,0,0,.5);
+}
+.d-bloc .card button:hover{
+	color:rgba(0,0,0,.7);
+}
+.d-bloc .card icon{
+	border-color:rgba(0,0,0,.7);
+}
+.d-bloc .card .divider-h span{
+	border-color:rgba(0,0,0,.1);
+}
+.d-bloc .card .a-btn{
+	color:rgba(0,0,0,.6);
+}
+.d-bloc .card .a-btn:hover{
+	color:rgba(0,0,0,1);
+}
+.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
+	color:rgba(0,0,0,.7);
+	border-color:rgba(0,0,0,.3);
+}
+
+
+/* Light theme */
+
+.d-bloc .card,.l-bloc{
+	color:rgba(0,0,0,.5);
+}
+.d-bloc .card button:hover,.l-bloc button:hover{
+	color:rgba(0,0,0,.7);
+}
+.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
+	border-color:rgba(0,0,0,.7);
+}
+.d-bloc .card .divider-h span,.l-bloc .divider-h span{
+	border-color:rgba(0,0,0,.1);
+}
+.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
+	color:rgba(0,0,0,.6);
+}
+.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
+	color:rgba(0,0,0,1);
+}
+.l-bloc .navbar-toggle .icon-bar{
+	color:rgba(0,0,0,.6);
+}
+.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
+	color:rgba(0,0,0,.7);
+	border-color:rgba(0,0,0,.3);
+}
+
+
+/* = NavBar
+-------------------------------------------------------------- */
+
+/* Handle Multi Level Navigation */
+.dropdown-menu .dropdown-menu{
+	border:none}
+@media (min-width:576px){
+	
+.navbar-expand-sm .dropdown-menu .dropdown-menu{
+	border:1px solid rgba(0,0,0,.15);
+	position:absolute;
+	left:100%;
+	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
+	right:100%;
+	left:auto}}@media (min-width:768px){
+	.navbar-expand-md .dropdown-menu .dropdown-menu{
+	border:1px solid rgba(0,0,0,.15);
+	border:1px solid rgba(0,0,0,.15);
+	position:absolute;
+	left:100%;
+	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
+	right:100%;
+	left:auto}}@media (min-width:992px){
+	.navbar-expand-lg .dropdown-menu .dropdown-menu{
+	border:1px solid rgba(0,0,0,.15);
+	position:absolute;
+	left:100%;
+	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
+	right:100%;
+	left:auto}
+}
+/* = Bric adjustment margins
+-------------------------------------------------------------- */
+
+.mg-md{
+	margin-top:10px;
+	margin-bottom:20px;
+}
+
+/* = Buttons
+-------------------------------------------------------------- */
+
+.btn-d,.btn-d:hover,.btn-d:focus{
+	color:#FFF;
+	background:rgba(0,0,0,.3);
+}
+
+/* Prevent ugly blue glow on chrome and safari */
+button{
+	outline: none!important;
+}
+
+.a-block{
+	width:100%;
+	text-align:left;
+	display: inline-block;
+}
+.text-center .a-block{
+	text-align:center;
+}
+
+/* = Icons
+-------------------------------------------------------------- */
+.icon-sm{
+	font-size:18px!important;
+}
+.icon-md{
+	font-size:30px!important;
+}
+
+
+
+
+.card-sq, .card-sq .card-header, .card-sq .card-footer{
+	border-radius:0;
+}
+.card-rd{
+	border-radius:30px;
+}
+.card-rd .card-header{
+	border-radius:29px 29px 0 0;
+}
+.card-rd .card-footer{
+	border-radius:0 0 29px 29px;
+}
+
+
+/* = Forms
+-------------------------------------------------------------- */
+
+.form-control{
+	border-color:rgba(0,0,0,.1);
+	box-shadow:none;
+}
+
+
+
+/* ScrollToTop button */
+
+.scrollToTop{
+	width:36px;
+	height:36px;
+	padding:5px;
+	position:fixed;
+	bottom:20px;
+	right:20px;
+	opacity:0;
+	z-index:999;
+	transition: all .3s ease-in-out;
+	pointer-events:none;
+}
+.showScrollTop{
+	opacity: 1;
+	pointer-events:all;
+}
+.scroll-to-top-btn-icon{
+	fill: none;
+	stroke: #fff;
+	stroke-width: 2px;
+	fill-rule: evenodd;
+	stroke-linecap:round;
+}
+
+/* = Custom Styling
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6,p,label,.btn,a{
+	font-family:"Helvetica";
+}
+.container{
+	max-width:1140px;
+}
+
+/* = Colour
+-------------------------------------------------------------- */
+
+/* Background colour styles */
+
+.bgc-platinum{
+	background-color:#E8E8E8;
+}
+.bgc-black{
+	background-color:#000000;
+}
+
+/* Text colour styles */
+
+.tc-black{
+	color:#000000!important;
+}
+.tc-white{
+	color:#FFFFFF!important;
+}
+
+/* Button colour styles */
+
+.btn-ultramarine-blue{
+	background:#2268FF;
+	color:#FFFFFF!important;
+}
+.btn-ultramarine-blue:hover{
+	background:#1b53cc!important;
+	color:#FFFFFF!important;
+}
+
+
+
+
+/* = Bloc Padding Multi Breakpoint
+-------------------------------------------------------------- */
+
+@media (min-width: 576px) {
+    .bloc-xxl-sm{padding:200px 20px;}
+    .bloc-xl-sm{padding:150px 20px;}
+    .bloc-lg-sm{padding:100px 20px;}
+    .bloc-md-sm{padding:50px 20px;}
+    .bloc-sm-sm{padding:20px;}
+    .bloc-no-padding-sm{padding:0 20px;}
+}
+@media (min-width: 768px) {
+    .bloc-xxl-md{padding:200px 20px;}
+    .bloc-xl-md{padding:150px 20px;}
+    .bloc-lg-md{padding:100px 20px;}
+    .bloc-md-md{padding:50px 20px;}
+    .bloc-sm-md{padding:20px 20px;}
+    .bloc-no-padding-md{padding:0 20px;}
+}
+@media (min-width: 992px) {
+    .bloc-xxl-lg{padding:200px 20px;}
+    .bloc-xl-lg{padding:150px 20px;}
+    .bloc-lg-lg{padding:100px 20px;}
+    .bloc-md-lg{padding:50px 20px;}
+    .bloc-sm-lg{padding:20px;}
+    .bloc-no-padding-lg{padding:0 20px;}
+}
+
+
+/* = Mobile adjustments 
+-------------------------------------------------------------- */
+@media (max-width: 1024px)
+{
+    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
+        padding-left: 0; 
+        padding-right: 0;  
+    }
+}
+@media (max-width: 991px)
+{
+    .container{width:100%;}
+    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
+    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
+}
+@media (max-width: 767px)
+{
+    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
+        padding-left:0;padding-right:0;
+    }
+    .btn-dwn{
+       display:none; 
+    }
+    .voffset{
+        margin-top:5px;
+    }
+    .voffset-md{
+        margin-top:20px;
+    }
+    .voffset-lg{
+        margin-top:30px;
+    }
+    form{
+        padding:5px;
+    }
+    .close-lightbox{
+        display:inline-block;
+    }
+    .blocsapp-device-iphone5{
+	   background-size: 216px 425px;
+	   padding-top:60px;
+	   width:216px;
+	   height:425px;
+    }
+    .blocsapp-device-iphone5 img{
+	   width: 180px;
+	   height: 320px;
+    }
+}
+@media (max-width: 767px){
+	.text-right{
+	}
+	.text-left{
+	}
+	.text-center{
+	}
+	
+}
+
+@media (max-width: 575px){
+	.footer-link{
+		text-align:center;
+	}
+	
+}
+
diff --git a/testsubmit.php b/testsubmit.php
new file mode 100644
index 0000000..54e51d1
--- /dev/null
+++ b/testsubmit.php
@@ -0,0 +1,67 @@
+<?php
+
+$url = $_POST['url'];
+$ctx = $_POST['ctx'];
+$keywords = $_POST['keywords'];
+$language = filter_input(INPUT_POST, 'language', FILTER_SANITIZE_STRING);
+$title = $_POST['title'];
+
+$searchprefix = "/search/searchresults.aspx?ctx=";
+$searchmiddle = "&type=Boolean&term=";
+$searchsuffix = "&sort=RELEVANCE&limit=&query=&page=0";
+$searchjoiner = "%20and%20";
+
+echo '<strong>URL:</strong> '.$url.'<br />';
+echo '<strong>CTX:</strong> '.$ctx.'<br />';
+echo '<strong>Keyword(s):</strong> '.$keywords.'<br />';
+echo '<strong>Langauge:</strong> '.$language.'<br />';
+echo '<strong>Title:</strong> '.$title.'<br />';
+
+// Check for data
+
+$la = 'la='.$language;
+
+if (!empty($keywords)) {
+    $kw = 'kw='.$keywords;
+}
+
+if (!empty($title)) {
+    $urlend = $searchjoiner.'ti='.$title.$searchsuffix; 
+} else {
+    $urlend = $searchsuffix;
+}
+
+
+
+echo '<h3>Constructed link</h3>';
+//echo $url.'/'.$ctx.'/';
+
+// $address = implode(", ", array_filter(array($addressline1, $addressline2, $addressline3));
+
+$SearchURL = implode("", array_filter(array($url, $searchprefix, $ctx, $searchmiddle, $la, $searchjoiner, $kw, $urlend)));
+
+echo '<a href="'.$SearchURL.'">'.$SearchURL.'</a><br /><br />';
+
+$ConstructedURL = $url.$searchprefix.$ctx.$searchmiddle.$kw.'%20and%20la='.$language.$searchsuffix;
+
+echo '<a href="'.$ConstructedURL.'">'.$ConstructedURL.'</a>';
+
+
+
+// https://ccs.polarislibrary.com/polaris/search/searchresults.aspx?ctx=14.1033.0.0.35&type=Boolean&term=COL=YOTHER%20and%20MAT=KIT%20and%20LA=POL%20and%20GENRE=games&sort=RELEVANCE&page=0
+// https://escondido.librarycatalog.info/polaris/search/searchresults.aspx?ctx=3.1033.0.0.6&type=Boolean&term=kw=batgirl
+
+
+/*
+Search for:
+* Keyword
+* Title
+* Author
+* Language
+* Subject Heading
+* Collection Code
+* Material Type
+* ISBN
+
+*/
+?>
\ No newline at end of file