template for testing and live reloading html files

this is a template that i use while testing flat html files, if you add it to a server it will live reload. this does seem to cause issues depending on the site that is is used on, like reloading all the time if used on an aspx site (don't use aspx! :)



<!-- testing -->
<script type="text/javascript" src="http://livejs.com/live.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css" integrity="sha256-zmfNZmXoNWBMemUOo1XUGFfc0ihGGLYdgtJS3KCr/l0=" crossorigin="anonymous" />
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.css" integrity="sha256-Ed7kL1p/BVuHCwGSEpUib2v9K7JtkCQlX4CweQEimJo=" crossorigin="anonymous" />-->
<!--<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">-->
  * {
    font-family: "Open Sans", sans-serif;
  * {
    box-sizing: border-box;
    transition: all 0.2s;
    scroll-behavior: smooth;
  .mb-3 {
    margin-bottom: 3rem;
.grid-bottom-line {
  border-bottom:1px solid #EEE;
<!-- testing -->

Working Result

Other Items in html


This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.