<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Me</title>

<link rel="shortcut icon" href="ABfavicon.ico"/>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Light Blue in Logo: 34B4FC -->
<!-- Gray  in Logo:      737373 -->
<!-- Yellow  in Logo:    FFDE59 -->


<style>
/* --------------------------------------------------------------------------------*/

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.myTableStyle1 {
 		 		border-collapse: collapse;
 				border: 2px solid #FFF;
  			    width: 100%;
 		 		font-family: sans-serif;
	  			}
	  			
.myTableStyle2 {
 		 		border-collapse: collapse;
 				border: 2px solid #CCC;
  			    width: 100%;
 		 		font-family: sans-serif;
 		 		font-size: 12pt;
	  			}

.myTableStyle1 th {
 		 text-align: center;
 		 padding: 8px;
 		 border-right: 2px dashed #BBB;
 		 border-left: 2px dashed #BBB;
  		}

.myTableStyle1 td {
 		 text-align: center;
 		 padding: 8px;
 		 border-right: 2px dashed #BBB;
 		 border-left: 2px dashed #BBB;
 		 
  		}
  		
.myTableStyle2 td {
 		 text-align: left;
 		 padding: 8px;
 		 border-right: 2px dashed #BBB;
 		 border-left: 2px dashed #BBB;
 		 border-bottom: 1px solid #BBB;
  		}


.myTableStyle1 tr:nth-child(even) {background-color: #e7e7e7;}
/* #FCFAD3 is light yellow */
/* #d0eff5 is light blue */

/* Style the header */

.TwoColumnsContainer {
				margin-left: 10%;
				margin-right: 10%;
				margin-top: 15px;
				border: 0px solid #000;
			 }
			 
.tableHeaderContainer {background-color: #f1f1f1;
						padding-left: 20px;
						padding-top: 3px;
						padding-bottom: 3px;
						height: auto;
						font-family: Helvetica;
						border-radius: 0px;
						color: #000;
						font-size: 16pt;
						border-top: 3px solid #34B4FC;
						border-bottom: 3px solid #34B4FC;
						}
					
.tableHeaderContainer2 {/*background-color: #1D97DC;*/
						padding: 10px;
						font-family: Helvetica;
						border-radius: 0px;
						color: #fff;
						font-size: 16pt;
						}					
					
					
.header {
	
		 background-color: #EAEAEA;
		 /* background-image: url("holiday-graphics/halloween.webp");
		 background-repeat: no-repeat;
		 background-position: 50% 50%;
		 -webkit-background-size: 100%; */
 		 padding: 20px;
  		 text-align: center;
        }
ul {
	width: 100%;
	padding: 12px;
	margin: 0px auto 0px auto;
	/* border-top: 2px solid #000;
	border-bottom: 2px solid #000; */
	text-align: center;
	font-family: Helvetica;
	background-color: #111;
    }
    
li  {
	display: inline; 
	margin: 0px 0px;
	color: white;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
    }
    
li:hover  {
  			background-color: #444;
    	  }
    
.contentMainBox {
				background-color: #FFFFFF;
				margin: auto;
				position: relative;
				font-family: Helvetica;
				font-size: 18px;
				width: 80%;
				padding: 25px;
				border-radius: 4px;
				border: 0px solid #888;
			 }

.menuHyperLinks a {
				color: #FFF; 
				text-decoration: none; 
				padding-left: 0px;
				padding-right: 0px;
			    }

.menuHyperLinks a:hover {
				color: #FFF;
						}
						
												
img.align-left {float: left; margin-right: 15px; margin-bottom: 0px; width: 100px;}


/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  
  padding-left: 10px;
  padding-right: 10px;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  }
/* ------------------------------------------------------- */

.container {
  position: relative;
  width: 60%;
}

.image {
  opacity: 1;
  display: block;
  position: relative;
  /* left: 15%; */
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .6s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
 			 opacity: 0.3;
 			 -webkit-filter: blur(2px);
						}

.container:hover .middle {
 				 opacity: 1;
						}

.text {
  background-color: BLUE;
  color: white;
  font-size: 18px;
  padding: 16px 32px;
  border-radius: 10px;
}

/* --------------------------------------------------------------------------------*/

</style>

</head>


<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>


<!---------------------------------------------------------------->
<body>


<div class="header">
  <img width = 60% src = "web-graphics/aborne-small-logo.webp">
</div>


<ul><span class = "menuHyperLinks">
  <a href="index.html"><li>Main</li></a>
  <a href="about.html"><li>About</li></a>
  <a href="symbols.html"><li>Symbols</li></a>
  <a href="freebies.html"><li>Freebies</li></a>
  <a href="games_and_links.html"><li>Games & Links</li></a>
  <a href="ti84_projects.html"><li>TI-84 Projects</li></a>
  <a href="tinylib.html"><li>Tiny Library</li></a>
  </span>
</ul>
<p><!------------------------------------------------------------------------------------>
<!-- Google Ad is below 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-1489602250979767"
     data-ad-slot="4117859139"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
-->

<p><!------------------------------------------------------------------------------------>

<div class = "contentMainBox">
<center>
Have a link to add?<p>

<!-- ><img alt = "graveyard" width = 25% src = "web-graphics/graveyard.webp"> -->

</center>
</p>

If you have a website or an app that will provide a student or teacher with a good resource, then I will include it on the Games & Links page. Send an email of the web address to <a href = "mailto:abornemath@gmail.com">abornemath@gmail.com</a>. The cost is $5 for a lifetime (as long as I'm alive and the internet supports webpages) place in Games & Links. Payment can be transmitted via PayPal or Venmo. <p><b>A few  points to keep in mind:</b><p>
• Excessive advertisement banners or flashing graphics on a website which are distracting will not make the cut. A few ads are okay.<p>
• The theme must be related to mathematics, computer science, physics, etc.<p>
• You must have some original content. This website, and especially the Games & Links page, is a gateway to other resources. A gateway to <i>another gateway</i> is not helpful to anyone. <p>
• Your content must be free of identity politics.<p>
• If your site requires paid membership, that's fine. Some useable content must be free, or have a fully functional free trial period.


</div> <!-- end contentMainBox -->

<p style= "height: 15px;">


<p>
</body>
</html>