home_test application.2

<center>

     <div style="background-color:pink; color:white; border:2px solid black; padding:2px; font-size:18px; font-family: verdana;">
    </div>

</center>

    <center>
    
    

</center>

		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	<!-- 2024_pr_inc_path_switch.cfm --->




 	
 	<script>
		var jsCurRun  = '#curRun#';
	</script>


 



<script>
	
	document.title = 'Calendar of Events';
	
</script>	

	



	<style>
		/* **********************************************************/
		/* ***** EDITED STYLES 1 ( live ) ***************************/
		/* **********************************************************/
		
	</style>
    
    

<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->
<!-- xp_GetEvents -->

    

<script>
// begin inc_ek_js.cfm



var xpage_ek_filename = "events.cfm";
var jsAllArgs = "";


function OkToUseInnerHTML()
{
	// let's assume everybody supports this by now
	return true;
}

function ShowPassInfo(cOrg, passID)
{
	var url = "http://www.eventkeeper.com/code/popinfo.cfm?curOrg=" + cOrg + "&curApp=passes&pID=" + passID;
	window.open(url, "popnotewin", "width=400,height=400,left=100,top=100, resizable=yes,scrollbars=yes").focus();
}

function ShowRegForm(cOrg, dfdID)
{
	var url = "http://www.eventkeeper.com/code/ekform.cfm?curOrg=" + cOrg + "&curID=" + dfdID;
	window.open(url, "popnotewin", "width=800,height=800,left=100,top=80, resizable=yes,scrollbars=yes").focus();
}

function RealMonth(codeMonth)
{
	var humanMonthNumber = Number(codeMonth) + 1;
	return humanMonthNumber;
}	


var today = new Date();
var day = today.getDate(), month = today.getMonth(), year = y2k(today.getYear()), whichOne = 0;
var today2 = year + "-" + padout(month) + "-" + padout(day);

function y2k(number)    { return (number < 1000) ? number + 1900 : number; }

function padout(number) { return (number < 10) ? '0' + number : number; }

function tfDayHasEvent (thisDay, evtDayList)
{
	var rMonth = RealMonth(document.SetDisplayCriteria.fMonth.value);
    var thisDate = "\'" + document.SetDisplayCriteria.fYear.value + "-" + padout(rMonth) + "-" + padout(thisDay);
	var testdate = new RegExp (thisDate);
	// alert(evtDayList);
	// alert("inc_ek_js.cfm rmonth = " + rMonth);
	// alert("inc_ek_js.cfm testdate = " + testdate);
	// alert(testdate.test(evtDayList));
	
	return testdate.test(evtDayList);
}

/* 7/13/2017 */
/* need to modify selectDay so that it knows about pagination and keywords */
function selectDay( newMonth, newDay, newYear ) 
{
		
		
		document.SetDisplayCriteria.fDay.value = newDay;
			
		var GoToURL = "";
		
		
			GoToURL += "https://www.plymouthrocketxb.com/EK.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			// GoToURL += "ek.cfm?" + jsAllArgs + "&curMonth=" + RealMonth(newMonth);
			
		
			GoToURL += "&curYear=" + newYear;
		
		
		
		
		
		
		
		
		
		
		
		
		
		if (newDay!='0')
		{
		var GoToDate = "";
		GoToDate += RealMonth(newMonth) + "/";
		GoToDate += newDay + "/" + newYear;
		
		GoToURL += "&SelectedDate=" + GoToDate;
		
		// this next line was commented out : don't know why : be prepared to add it back
		GoToURL += "#" + GoToDate;
		}
		
		
		
		location.href = GoToURL;
		
		
		
}



function tfToday (thisDay)
{
    return (today2 == document.SetDisplayCriteria.fYear.value + "-" + padout(document.SetDisplayCriteria.fMonth.value) + "-" + padout(thisDay));
}

function changeYear(tfEvtListPg3) 
{
	// woof : might need to use Layers to avoid layers even in NN on bigMonth
	// sniff
    if (OkToUseInnerHTML()) 
		newYear = document.Cal.Year.options[document.Cal.Year.selectedIndex].value + '';
	else
		newYear = document.layers['SMALL_CAL'].document.Cal.Year.options[document.layers['SMALL_CAL'].document.Cal.Year.selectedIndex].value + '';

	document.SetDisplayCriteria.fYear.value = newYear;
    ShowMonth (document.SetDisplayCriteria.fMonth.value,newYear,tfEvtListPg3,'JS-CY-186');
}

function changeMonth(newMonth) 
{
	// alert("A: Change Montho");
	// sniff
    if (OkToUseInnerHTML()) 
	{
		// alert ("A: change month, IE, layers");		
		// alert("newMonth = doggie " + document.Cal.Month.options[document.Cal.Month.selectedIndex].value);
														 
		newMonth = document.Cal.Month.options[document.Cal.Month.selectedIndex].value + '';
	}
	else
	{
		alert("A: Second option");
		newMonth = document.layers['SMALL_CAL'].document.Cal.Month.options[document.layers['SMALL_CAL'].document.Cal.Month.selectedIndex].value + '';
	}
			
	window.document.SetDisplayCriteria.fMonth.value = newMonth;
    // alert("existing year = " + document.SetDisplayCriteria.fYear.value);
	ShowMonth (newMonth,document.SetDisplayCriteria.fYear.value,true,'JS-CM-178');    
}

function IndexOfDayPicked (thisMonth, thisDay, thisYear)
{
	var someDateStr = RealMonth(thisMonth) + '/' + thisDay + '/' + thisYear;
	// alert("checking day = " + someDateStr);
	// alert("PickedDayArray = " + PickedDayArray + "PickedDayArray.length = " + PickedDayArray.length);
	
	/*
	for (var i = 0; i < PickedDayArray.length; i++) 
   	{ 
   		if (someDateStr == PickedDayArray[i])
		{
			return i ; 
	 	}
	}
	*/
	return -1;
}






function MakeCalendarCode(Month,Year,tfEvtListPg1) 

	{
	
	// alert("beckett 238/244 : BEGIN -- Make Calendar Code -- inc_ek_js.cfm"); 

	var tfPickDates = false;
	
	// var nm = 5;
	
	
		// alert("BEGIN -- MakeCalendarCode function : 231"); 
	
	
	// 
    var output = '';
    // 
    // opera fussing : remove form from here and put it on the page.
	// pre styles = output += '<table bgcolor="' + tbgColor1 + '" border=1>';
	output += '<table align="center" ID="scal_table_outer" >';
	// output += '<form name="Cal" style="margin-bottom: 0px;"><table bgcolor="' + tbgColor1 + '" border=1>';
	    
	// 
    if (tfEvtListPg1)
	{
		
			// alert("tfEvtListPg1");
		
		

		output += '<tr><td align=center width=100%><select name="Month" class="scal_month_list" onChange="changeMonth();">';

		// 
    	for (month=0; month<12; month++) 
		{
        	if (month == Month) 
				output += '<option value="' + month + '" selected>' + names[month] + '<\/option>';
        	else              
				output += '<option value="' + month + '">' + names[month] + '<\/option>';
    	}

    	output += '<\/select>&nbsp;<select name="Year" ID="WTF:259" class="scal_year_list" onChange="changeYear(1);">';

    	// 
		// BOYDEN asked...
		
		
				if (Year == 0)
					output += '<option value="0" selected>0<\/option>';
				else
					output += '<option value="0">0<\/option>';
				
		
    	output += '<\/select><\/td><\/tr>';
	}
	
	output += '<tr><td align=center colspan=2>';

 	// 

    firstDay = new Date(Year,Month,1);
    startDay = firstDay.getDay();

    if (((Year % 4 == 0) && (Year % 100 != 0)) || (Year % 400 == 0))
         days[1] = 29; 
    else
         days[1] = 28;

	// 
    output += '<table ID="scal_table_inner"><tr>';

	// 
    for (i=0; i<7; i++)
	{
        output += '<td class="scal_details_dow_row">';
		
		output += dow[i]; 
		
		output += '<\/td>';
	}
		
    output += '<\/tr><tr align=center valign=middle>';

    var column = 0;
    var lastMonth = Month - 1;
    if (lastMonth == -1) lastMonth = 11;

	// 
    for (i=0; i<startDay; i++, column++)
        output += '<td class="scal_details_gray_day">' + (days[lastMonth]-startDay+i+1) + '<\/td>';

	// 
	for (i=1; i<=days[Month]; i++, column++) 
	{
		{	output += '<td align=center valign=middle'; }
			
		// 
		if 	((tfPickDates) && (IndexOfDayPicked(Month, i, Year) != -1))
		{ 
			output +=  ' bgcolor=red';
		}
		// 
		else if (tfToday(i)) 
		{ 
			output +=  ' class="scal_details_today"';
		}

		else
		{ 
			output +=  ' class="scal_details_regular_day"';
		}

		output += '>';
		
		// 
		
		// alert("woofta : i = " + i + " daylist = " + daylist);
		
		if (tfDayHasEvent(i,daylist))
		// if (i > 15)
		{
			// alert("day has event");
			output += '<a href="javascript:selectDay(' + Month + ',' + i + ',' + Year + ')">';
			output += i;
			output += '<\/a>';
		}
		else
		{
			// alert("day does not have event");
			output += '' + i + '';
		}
		
        output += '<\/td>';
		
		if (column == 6) {
            output += '<\/tr><tr align=center valign=middle>';
            column = -1;
        }
    }

	// 
    if (column > 0) {
        for (i=1; column<7; i++, column++)
            output +=  '<td class="scal_details_gray_day">' + i + '<\/td>';
    }

	// 
    
	// output += '<\/tr><\/table><\/td><\/tr><\/table><\/form>\n';
	
	// opera fussing remove close form tag
	output += '<\/tr><\/table><\/td><\/tr><\/table>\n';
	
	
		// alert("END -- Make Calendar Code"); 
	
	
    return output;
}

function ShowMonth (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	
	
	document.SetDisplayCriteria.fMonth.value = aMonth;
	document.SetDisplayCriteria.fYear.value = aYear;
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4, debugLocation );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="CL1";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';

	
		
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			// alert("getElementByID");
			document.getElementById("CL1").innerHTML  = 'hello';
			// alert("Now draw the small calendar");
			
			if (isMac)
				calCode = preCalCode + calCode + postCalCode;
				
			document.getElementById("CL1").innerHTML  = calCode;
		} 
    	else if (document.layers) 
		{
			// alert ("layers");
			
        	document.layers['CL1'].document.open();
        	document.layers['CL1'].document.write(preCalCode);
        	document.layers['CL1'].document.write(calCode);
        	document.layers['CL1'].document.write(postCalCode);
        	document.layers['CL1'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.CL1.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		document.write(calCode);
		// document.write("</form>");
	}
	
	
		
	return;	
}



function ShowMonth_SMALL_CAL (aMonth, aYear, tfEvtListPg4, debugLocation)
{
	alert("incs/inc_ek_js.cfm.423 ShowMonth declaration");

	
	
	alert("aMonth = " + aMonth);
	document.SetDisplayCriteria.fMonth.value = aMonth;
	// document.SetDisplayCriteria.fYear.value = aYear;
	
	alert("fMonth = " + document.SetDisplayCriteria.fMonth.value);
	
    var calCode = MakeCalendarCode( aMonth, aYear, tfEvtListPg4 );
    
	
		alert("calCode is ready");
		alert("in ShowMonth .439 : calCode is now " + calCode);
	
// var calCode = MakeSimpleCalendarCode( aMonth, aYear );
	
	// have to have an extra char at the end of the calCode or Mac IE gets confused.
	// a space works - so does newline i.e. backslash n.
	
	var name="SMALL_CAL";
	var preCalCode = '<form name="Cal" style="margin-bottom: 0px;">';
	var postCalCode = '</form>';
		
	alert("tfEvtListPg4 = " + tfEvtListPg4); 
	if (tfEvtListPg4)
	{
		// sniff
		if (document.getElementById) 
		{ 
			alert("still using getElementByID");
			var el = document.getElementById('SMALL_CAL');
			alert("after .458");
			el.innerHTML  = 'temp...';
			alert(el.innerHTML);
			
			
			alert("Now draw the small calendar");
			
			
			el.innerHTML  = 'loading...';
			
			// if (isMac) calCode = preCalCode + calCode + postCalCode;
			if (false) 
			{
				alert("isMac");
				calCode = preCalCode + calCode + postCalCode;
			}
			else
			{
				alert ("not mac");
				document.getElementById('SMALL_CAL').innerHTML  = calCode;
			}	
				
		} 
    	else if (document.layers) 
		{
			alert ("layers");
			
        	document.layers['SMALL_CAL'].document.open();
        	document.layers['SMALL_CAL'].document.write(preCalCode);
        	document.layers['SMALL_CAL'].document.write(calCode);
        	document.layers['SMALL_CAL'].document.write(postCalCode);
        	document.layers['SMALL_CAL'].document.close();
    	} 
		else 
		{
        	if (document.all) 
			{ 
				alert ("document.all");
				document.all.SMALL_CAL.innerHTML = calCode;
			} 
    	}
	}
	else
	{
		// Opera fussing
		// document.write("<form name='Cal' style='margin-bottom: 0px;'>");
		alert("iej.c : 454");
		document.write(calCode);
		// document.write("</form>");
	}
	
	// alert("ShowMonth END (mm/yyyy = "+ aMonth + "/" + aYear + ") IsEventList =" + tfEvtListPg4 + " Location = " + debugLocation + "."); 
	
	return;	
}


// reqMonth = 11
var goMonth = 11 - 1;
// alert("goMonth = " + goMonth);
// goMonth	  
// window.onload = ShowMonth(goMonth,2024,1,'inc_EK : 5')
// window.onload = ShowMonth(10,2014,1,'inc_EK : 4')


</script>



  

<script>
var newWin;
var openArgs = 'toolbars=no,addressbar=no,menubar=no,directories=no,scrollbars=yes,resizable=no';
function NewPop(theURL)
{
	newWin = window.open(theURL,openArgs);
	return false;
}
</script>
</head>






<hr>



<!DOCTYPE html>
<HTML>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	



<!-- application.cfm : root -->

    
<META name="google-translate-customization" content="8cd768c6b36authdfdf8737e-36b838408e8fc655-gc17a127d75c93ed9-13"></meta>


<META name="google-site-verification" content="2eloclYAzUF8G3Vxybt2yj7D_339ErPaQVAEXHXp5sU" /> 



<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<meta charset="utf-8">
<title>PR WEB SITE</title>


		<script>
			var prjsCurYear = '2024';
			var prjsMinYear = '2012';
			var prjsMaxYear = '2028';
			var prjsMinYearEdit = '2012';
			var prjsMaxYearEdit = '2028';
		</script>
	
	
	
	<link href="https://www.eventkeeper.com/mars/bs/css/styles.css" rel="stylesheet" type="text/css">
  	<link rel="stylesheet" href="https://www.eventkeeper.com/mars/bs/css/bootstrap.min.css">
  	<link rel="stylesheet" id="font-awesome-css" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css" media="screen">

	<script src="scroll-down.js"></script>

  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://www.eventkeeper.com/mars/bs/js/jquery-2.1.4.min.js"></script>
	
	<script src="https://www.eventkeeper.com/mars/bs/js/bootstrap.min.js"></script>
  	




<link href="https://fonts.googleapis.com/css?family=Baloo|Libre+Barcode+39|Noto+Sans:700|Righteous|Sniglet" rel="stylesheet">









<style>
	
.link
{
  color: blue;
  text-decoration: underline;
}
	
	
.container
{
	color:black;
	font-size:18px;
	font-family:calibri;
}

.container-fluid
{
	margin-left:0px;
	margin-right:0px;
}

.headline
{
	text-align:center;
	font-family: 'Baloo', cursive;
	font-size:36px;
}
	
.subhead
{
	text-align:center;
	font-family: 'Righteous', cursive;
	font-size:24px;
}

.jumbotron-mars
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-services
{
	background-color:#ADD8E6 !IMPORTANT;
}

.jumbotron-home-text
{
	background: rgba(255, 255, 255, 0.75) !IMPORTANT;
	border-radius:12px;
}

.jumbotron-ek-text
{
	font-size:31px;
}

.jumbotron-home
{
	background-image: url("http://1.bp.blogspot.com/-oSRGqsD5Y8E/VaFctNsaK2I/AAAAAAAAeho/OSJfi1KFoWM/s1600/DSC00633_edited-1.jpg");
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-box
{
	background-color:lightgrey;
	border-radius: 12px;
	height:300px;
}

.service-price
{
	background-color:lightgrey;
	border-radius: 12px;
	font-size:16px;
	padding-bottom:20px;
}

@media (min-width: 767px) {
	.service-price-addon
{
	height:250px;
}
}
	
.service-price-addon
{
	background-color:white;
	border:2px solid lightgrey;
	border-radius: 12px;
	font-size:14px;
	padding-bottom:20px;
}

.key-icon {

	width:40%;
}

.btn-services
{
	background-color:lightgrey;
}

 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.affix + .container-fluid {
    padding-top: 70px;
 }



.clickbate-icon
{
}

#clickbate
{
	font-size:32px;
	margin-top:-220px;
}

.ct-btn-scroll {

}

.arrow-btn
{
	width:30px;
}

.footer
{
	background-color:#104e8b;
	color:white;
	font-size:15px;
}



/** navbar custom styles **/

/** services navbar **/

.navbar-services
{
    width: 100%;
    text-align: center;
}

.navbar-services > li
{
    float: none;
    display: inline-block;
}

/** home navbar **/

.ek-logo
{
	height:50px;
	float:left;
}

.header-title
{
	font-size:24px;
	padding-top:15px;
	padding-left:65px;
}

/* navbar */
.navbar-default {
    background-color: #104e8b;
    border:none;
	margin-bottom:0px;
	border-radius:0px;
}

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding:10px;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #428bca;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: white;
	margin-top:10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #428bca;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #428bca;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #104e8b;
}

/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: white;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #428bca;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

/** got to top button **/


.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}




@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #428bca;
    }

/* Title */
.navbar-default .navbar-brand {
    color: white;
	padding-top:5px;
}
.ek-logo
{
	height:40px;
	float:left;
}
.header-title
{
	display:none !IMPORTANT;
}

.service-box
{
	height:250px;
}

.service-price
{
	padding-bottom:30px;
}

}

@media (min-width: 767px) {
.navbar-default {
    height:70px;
}
}

/* Answer Keeper Front End Test */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    
    background: #428bca;
    color: #fff;
    transition: all 0.3s;
    
    margin-bottom:-30px;
    font-size:18px;
    padding-top:25px;
    padding-left:15px;
}

#sidebar.active {
    margin-left: -250px;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    background-color: #ADD8E6;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: white;
    background: #104e8b;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

.subsubmenu
{
	margin-left:25px;
}

.website-header
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}


@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}


/* AnswerKeeper Styles*/

.panel-body
{
	word-wrap:break-word;
	word-break:break-word;
	overflow-wrap:break-word;
}

@media (max-width: 768px) {
	.panel-group
	{
		margin-left:-35px;
	}
}






</style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="scroll-down.js"></script>





<!-- Static navbar -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          <a class="navbar-brand text-left" href="https://www.plymouthrocket.com">
           	<img src="http://www.eventkeeper.com/ek_logos/ek_logo.gif" class="ek-logo" alt="ek logo">
            <div class="header-title"> Click here to check out our NEW Plymouth Rocket website!!</div>
          </a>
          </div>
          
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right website-header">
              
              
              	<li><a href="https://www.plymouthrocket.com">Home</a></li>
              
              	<li><a href="login.cfm">Login</a></li>
              
              	<li><a href="kiosk.cfm">Kiosk</a></li>
              
              
              
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>




<!-- Static navbar -->
      <nav class="hidden-xs navbar navbar-default " data-spy="affix" data-offset-top="0" style="border:none; >
        <div class="container-fluid">

          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-services">
              
              
              	<li><a href="eventkeeper_prweb.cfm">EK Mars / EventKeeper</a></li>
              
              	<li><a href="ekregistration_prweb.cfm">EK Registration</a></li>
              
              	<li><a href="ekrooms_prweb.cfm">EK Rooms</a></li>
              
              	<li><a href="tixkeeper_prweb.cfm">TK Mars / TixKeeper</a></li>
              
              	<li class="active"><a href="kitkeeper_prweb.cfm">KitKeeper</a></li>
              
              
              
	
              
              
              
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

</head>
<body>


		<script>
 
			$(function(){
 
				$(document).on( 'scroll', function(){
 
					if ($(window).scrollTop() > 100) {
						$('.scroll-top-wrapper').addClass('show');
					} else {
						$('.scroll-top-wrapper').removeClass('show');
					}
				});
 
				$('.scroll-top-wrapper').on('click', scrollToTop);
			});
 
			function scrollToTop() {
				verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
				element = $('body');
				offset = element.offset();
				offsetTop = offset.top;
				$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
			}
		</script>
        
		<div class="scroll-top-wrapper ">
			<span class="scroll-top-inner">
				<i class="fa fa-2x fa-arrow-circle-up"></i>
			</span>
		</div>

     
     
    	<div class="jumbotron jumbotron-services container-fluid">  
		<div class="row">
        
        	<div class="jumbotron-ek-text text-center col-lg-6 hidden-md hidden-sm hidden-xs subhead"><br><br><br>
            		<div class="headline" style="font-size:48px;">
           	 		KitKeeper
            		</div>
        		Kit/Device Management.
            	Kits of all types.<br><br>
            	<a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center col-md-6 hidden-lg hidden-sm hidden-xs subhead"><br><br>
            		<div class="headline" style="font-size:48px;">
           	 		KitKeeper
            		</div>
        		Kit/Device Management.<br>
            	Kits of all types.<br>
            	<a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center hidden visible-sm col-sm-6 subhead"><br>
            		<div class="headline" style="font-size:48px;">
            		KitKeeper
            		</div>
        		Kit/Device Management.<br>
            	Kits of all types.<br>
                <a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a>
        	</div>
            
            <div class="jumbotron-ek-text text-center hidden visible-xs subhead" style="font-size:28px">
            	<br>
            		<div class="headline" style="font-size:48px;">
            		KitKeeper<br>
            		</div>
        		Kit/Device Management.<br>
            	Kits of all types.<br>
                <a class="ct-btn-scroll ct-js-btn-scroll" href="#ekmars"><img class="arrow-btn" alt="Arrow Down Icon" src="https://cdn0.iconfinder.com/data/icons/glyphpack/26/double-arrow-down-128.png"></a><br><br>
        	</div>
            
        	<div class="text-center col-lg-6 col-md-6 col-sm-6 col-xs-12">
        		<img src="images_prweb/kitkeeper.jpg" class="img-responsive" alt="EK-IMG1">
        	</div>
        </div>
     </div> 
     
     
<div class="container" ID="ekmars">


     <div class="row">
     	<div class="text-center headline hidden-xs" style="font-size:36px">
        KitKeeper
        </div>
        <div class="hidden visible-xs text-center headline" style="font-size:28px">
        KitKeeper
        </div>
     </div>
     
     <br>
     
     <div class="row">
        <div class="col-lg-7 col-md-6 col-sm-12 col-xs-12 text-left">
            <p>
            Using KitKeeper, your Book Clubs can reserve a single bag which contains multiple copies the book to be read, along with other resources such as a DVD, reader's guide, and large print copies of the book.<br><br>
            KitKeeper allows users to reserve kits for future pick up and keeps track of kit check outs.<br><br>
            Some libraries have started to use KitKeeper to circulate STEM kits, in-house programming kits, and hard to categorize items like fishing poles and bicycles.
            </p><br>
        </div>
        <div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 text-right">
            <div style="background-color:lightgrey; padding:15px;">
                <div class="subhead">
                SAMPLES :
                </div>
                
                <br>
                
                <div class="text-right">
                    <b><a target="_blank" href="http://www.eventkeeper.com/kitkeeper/index.cfm?curOrg=SEATTLE" style="float:left;">Seattle Public Library</a></b><br>
                    <b><a target="_blank" href="http://www.eventkeeper.com/kitkeeper/index.cfm?curOrg=madl" style="float:left;">Muskegon Area District Library</a></b><br><br>
                </div>
            </div>
        </div>
     </div>
     <div class="row"><br><br>
            <a href="prices_orders_prweb.cfm" class="col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6 hidden-xs btn btn-primary" style="font-size:22px;">+ Click here if you're ready to order!</a><br>
             <a href="prices_orders_prweb.cfm" class="hidden-lg hidden-md hidden-sm col-xs-offset-1 col-xs-10 btn btn-primary" style="font-size:22px;">+ Click here to order!</a><br>
     </div>
     
     <br><br><br>
     
     <div class="row">
     	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/calendar.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Future Reservations</div>
            Patrons can make reservations in advance for future months.<br><br>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/email.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Automatic Email Reminders</div>
            Automatically send out email reminders to patrons and staff.<br><br>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
        	<img src="images_prweb/items.jpg" class="img-responsive center-block key-icon"><br>
            <div class="subhead">Multiple Item Categorization</div>
			KitKeeper can be used for more than bookclubs! Circulate STEM kits, in-house programming kits, devices and more.
        </div>
     </div>
     
     <br>
     
        <br>
        <hr style="height:2px; background-color:#ccc;">
        <br>
     
     <div class="embed-responsive embed-responsive-16by9">
  		<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/WdkXZ086v_I?rel=0&amp;controls=0"
        	frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>
        </iframe>
	 </div>
     

</div>


	<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script>
function enableBtn()
	{
    	document.getElementById("SubmitButton").disabled = false;
   	}

function disableBtn()
	{
    	document.getElementById("SubmitButton").disabled = true;
   	}
   	

   	
</script>


	
<div id="DemoModalLive" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="DemoModalLiveLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <h3 align="center" class="modal-title" id="DemoModalLiveLabel">Request a Demo : 2021</h3>
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
      <div class="modal-body">
      
      <form name="RequestDemo" class="form-horizontal" align="center" 
      		action="index.cfm" method="post">
	   		
	   		<label for="name" class="sr-only">Name *</label>
	        <input type="text" name="name" id="inputName" class="form-control" 
	        	value="" placeholder="Name *" required autofocus >
	        <br>
		
	   		<label for="phone" class="sr-only">Phone *</label>
	        <input type="text" name="phone" id="inputPhone" class="form-control" 
	        	value="" placeholder="Phone *" required>
	        <br>
		
	   		<label for="email" class="sr-only">Email *</label>
	        <input type="text" name="email" id="inputEmail" class="form-control" size="60"
	        	value="" placeholder="Email *" required>
	        <br>
		
       		<label for="comments" class="sr-only">Comments *</label>
	        <input type="text" name="comments" id="inputComments" class="form-control" size="80" 
	        	value="" placeholder="Area(s) of Interest *" required>
	        <br>
		
      		
      			<div class="g-recaptcha" data-sitekey="6LdL3g8UAAAAAG6s41J_bT3v9ui10Vcfbmre0K5V" data-callback="enableBtn"></div><br/>
    		
    		
      </div>
      
      
      
 	<div class="modal-footer" style="text-align:center;">
					           	
      	<button class="btn btn-primary" type="submit" name="bSubmit" id="SubmitButton">Send</button>
	        
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        
      </div>
      
      </form>
      	
      	
    </div>
  </div>
</div>


<div class="container-fluid footer hidden visible-lg visible-md visible-sm" style="margin-top:30px; padding-bottom:20px; height:200px; padding-top:100px;">

    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-left">
            42 Bay Shore Drive<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
    	<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
    	<div class="col-lg-3 col-md-4 col-sm-4 col-xs-4 text-right">
            <div class="bd-demo">

            </div>
    	</div>

</div>

<div class="container-fluid footer hidden visible-xs" style="margin-top:30px; padding-bottom:20px; height:250px; padding-top:20px;">


    	<div class="col-xs-12 subhead text-center">
    		<br>
    		<a href="storytime.cfm" target="_blank" style="text-decoration:none;">Plymouth Rocket, Inc.</a>
    	</div>
        <br><br><br><br><br>
    	<div class="col-xs-5 text-left" style="font-size:14px;">
            42 Bay Shore Dr.<br>
            Plymouth, MA<br>
            855.365.5000<br>
    	</div>
        <div class="col-xs-7">
       
    	</div>


</div>

</body>
</html>