diff --git a/css/mini-base.css b/css/mini-base.css
new file mode 100644
index 0000000..7bc938f
--- /dev/null
+++ b/css/mini-base.css
@@ -0,0 +1,206 @@
+html {
+  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0;
+  color: #222;
+  background-color: #eee; }
+
+article, aside, footer, header, nav, section, figcaption, figure, main, details, menu {
+  display: block; }
+
+h1, h2, h3, h4, h5, h6, hr {
+  line-height: 1.15;
+  margin: 0.7em 0;
+  font-weight: 500; }
+  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, hr small {
+    color: #484848;
+    font-weight: 200; }
+
+h1 {
+  font-size: 2em; }
+
+h2 {
+  font-size: 1.5em; }
+
+h3 {
+  font-size: 1.15em; }
+
+h4 {
+  font-size: 1em; }
+
+h5 {
+  font-size: 0.8em; }
+
+h6 {
+  font-size: 0.7em; }
+
+small {
+  font-size: 75%; }
+
+p {
+  margin: 0 0 0.6em; }
+
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 0.6em; }
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol {
+    margin-bottom: 0; }
+
+hr {
+  box-sizing: content-box;
+  overflow: visible;
+  height: 0;
+  border: 0;
+  border-top: 1px solid #c8c8c8; }
+
+code, kbd, samp, pre {
+  font-family: monospace;
+  font-size: 1em; }
+
+code, pre {
+  padding: 2px 4px;
+  background-color: #d8d8d8;
+  border-radius: 4px; }
+
+kbd {
+  padding: 2px 4px;
+  color: #eee;
+  background-color: #2b2b2b;
+  border-radius: 4px; }
+
+pre {
+  display: block;
+  margin: 0 0 0.6em;
+  word-break: break-all;
+  word-wrap: break-word; }
+  pre code {
+    padding: 0;
+    font-size: inherit;
+    color: inherit;
+    white-space: pre-wrap;
+    background-color: transparent;
+    border-radius: 0; }
+
+a {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  color: #2678b3; }
+  a:active, a:hover {
+    outline-width: 0;
+    color: #3793d5; }
+  a:visited {
+    color: #1d5c89; }
+    a:visited:active, a:visited:hover {
+      color: #2678b3; }
+
+figure {
+  margin: 1em 40px; }
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted; }
+
+b, strong {
+  font-weight: inherit;
+  font-weight: bolder; }
+
+dfn {
+  font-style: italic; }
+
+mark {
+  background-color: #ffff33;
+  color: #222; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+[hidden], .hidden, template {
+  display: none; }
+
+audio, video {
+  display: inline-block; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+img {
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+button, input, optgroup, select, textarea {
+  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 100%;
+  line-height: 1.3;
+  margin: 0; }
+
+button, input {
+  overflow: visible; }
+
+button, select {
+  text-transform: none; }
+
+button, html [type="button"], [type="reset"], [type="submit"] {
+  -webkit-appearance: button; }
+  button::-moz-focus-inner, html [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0; }
+  button:-moz-focusring, html [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText; }
+
+fieldset {
+  border: 1px solid #c8c8c8;
+  border-radius: 4px;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+legend, [type="checkbox"], [type="radio"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+legend {
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  white-space: normal; }
+
+progress {
+  display: inline-block;
+  vertical-align: baseline; }
+
+textarea {
+  overflow: auto; }
+
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px; }
+  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit; }
diff --git a/css/mini-base.min.css b/css/mini-base.min.css
new file mode 100644
index 0000000..39bdd30
--- /dev/null
+++ b/css/mini-base.min.css
@@ -0,0 +1 @@
+html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.15;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;overflow:visible;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;margin:0 0 .6em;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .625em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
\ No newline at end of file
diff --git a/css/mini-full.css b/css/mini-full.css
new file mode 100644
index 0000000..7bc938f
--- /dev/null
+++ b/css/mini-full.css
@@ -0,0 +1,206 @@
+html {
+  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0;
+  color: #222;
+  background-color: #eee; }
+
+article, aside, footer, header, nav, section, figcaption, figure, main, details, menu {
+  display: block; }
+
+h1, h2, h3, h4, h5, h6, hr {
+  line-height: 1.15;
+  margin: 0.7em 0;
+  font-weight: 500; }
+  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, hr small {
+    color: #484848;
+    font-weight: 200; }
+
+h1 {
+  font-size: 2em; }
+
+h2 {
+  font-size: 1.5em; }
+
+h3 {
+  font-size: 1.15em; }
+
+h4 {
+  font-size: 1em; }
+
+h5 {
+  font-size: 0.8em; }
+
+h6 {
+  font-size: 0.7em; }
+
+small {
+  font-size: 75%; }
+
+p {
+  margin: 0 0 0.6em; }
+
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 0.6em; }
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol {
+    margin-bottom: 0; }
+
+hr {
+  box-sizing: content-box;
+  overflow: visible;
+  height: 0;
+  border: 0;
+  border-top: 1px solid #c8c8c8; }
+
+code, kbd, samp, pre {
+  font-family: monospace;
+  font-size: 1em; }
+
+code, pre {
+  padding: 2px 4px;
+  background-color: #d8d8d8;
+  border-radius: 4px; }
+
+kbd {
+  padding: 2px 4px;
+  color: #eee;
+  background-color: #2b2b2b;
+  border-radius: 4px; }
+
+pre {
+  display: block;
+  margin: 0 0 0.6em;
+  word-break: break-all;
+  word-wrap: break-word; }
+  pre code {
+    padding: 0;
+    font-size: inherit;
+    color: inherit;
+    white-space: pre-wrap;
+    background-color: transparent;
+    border-radius: 0; }
+
+a {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  color: #2678b3; }
+  a:active, a:hover {
+    outline-width: 0;
+    color: #3793d5; }
+  a:visited {
+    color: #1d5c89; }
+    a:visited:active, a:visited:hover {
+      color: #2678b3; }
+
+figure {
+  margin: 1em 40px; }
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted; }
+
+b, strong {
+  font-weight: inherit;
+  font-weight: bolder; }
+
+dfn {
+  font-style: italic; }
+
+mark {
+  background-color: #ffff33;
+  color: #222; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+[hidden], .hidden, template {
+  display: none; }
+
+audio, video {
+  display: inline-block; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+img {
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+button, input, optgroup, select, textarea {
+  font-family: "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 100%;
+  line-height: 1.3;
+  margin: 0; }
+
+button, input {
+  overflow: visible; }
+
+button, select {
+  text-transform: none; }
+
+button, html [type="button"], [type="reset"], [type="submit"] {
+  -webkit-appearance: button; }
+  button::-moz-focus-inner, html [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0; }
+  button:-moz-focusring, html [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText; }
+
+fieldset {
+  border: 1px solid #c8c8c8;
+  border-radius: 4px;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+legend, [type="checkbox"], [type="radio"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+legend {
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  white-space: normal; }
+
+progress {
+  display: inline-block;
+  vertical-align: baseline; }
+
+textarea {
+  overflow: auto; }
+
+[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px; }
+  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit; }
diff --git a/css/mini-full.min.css b/css/mini-full.min.css
new file mode 100644
index 0000000..39bdd30
--- /dev/null
+++ b/css/mini-full.min.css
@@ -0,0 +1 @@
+html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.15;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;overflow:visible;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;margin:0 0 .6em;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .625em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
\ No newline at end of file
diff --git a/scss/mini-base.scss b/scss/mini-base.scss
new file mode 100644
index 0000000..be35e3b
--- /dev/null
+++ b/scss/mini-base.scss
@@ -0,0 +1,2 @@
+@import 'mini/variables';
+@import 'mini/base';
\ No newline at end of file
diff --git a/scss/mini-full.scss b/scss/mini-full.scss
new file mode 100644
index 0000000..be35e3b
--- /dev/null
+++ b/scss/mini-full.scss
@@ -0,0 +1,2 @@
+@import 'mini/variables';
+@import 'mini/base';
\ No newline at end of file
diff --git a/scss/mini/_base.scss b/scss/mini/_base.scss
new file mode 100644
index 0000000..ee5ac41
--- /dev/null
+++ b/scss/mini/_base.scss
@@ -0,0 +1,255 @@
+html {
+	font-family: "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 1em;
+	line-height: 1.5;
+	-ms-text-size-adjust: 100%;
+	-webkit-text-size-adjust: 100%; 
+}
+body {
+	margin: 0;
+	color: $body-color;
+	background-color: $body-background-color;
+}
+article,	aside,	footer,	header,	nav,	section,	figcaption,	figure,	main,	details, 	menu {
+	display: block;
+}
+
+h1, h2, h3, h4, h5, h6, hr{
+	line-height: 1.15;
+	margin: 0.7em 0;
+	font-weight: 500;
+	small{
+		color: lighten($body-color, 15%);
+		font-weight: 200;
+	}
+}
+
+h1{
+	font-size: 2em;
+}
+
+h2{
+	font-size: 1.5em;
+}
+
+h3{
+	font-size: 1.15em;
+}
+
+h4{
+	font-size: 1em;
+}
+
+h5{
+	font-size: 0.8em;
+}
+
+h6{
+	font-size: 0.7em;
+}
+
+small{
+	font-size: 75%;
+}
+
+p {
+  margin: 0 0 0.6em;
+}
+
+ul,
+ol {
+	margin-top: 0;
+	margin-bottom: 0.6em;
+	ul,
+	ol {
+		margin-bottom: 0;
+	}
+}
+
+hr {
+	box-sizing: content-box; 
+	overflow: visible; 
+	height: 0;
+	border:0;
+	border-top:1px solid darken($body-background-color, 15%);
+}
+
+code,	kbd,	samp,	pre {
+	font-family: monospace;
+	font-size: 1em;
+}
+
+code, pre {
+	padding: 2px 4px;
+	background-color: darken($body-background-color, 8.5%);
+	border-radius: 4px;
+}
+
+kbd {
+	padding: 2px 4px;
+	color: $body-background-color;
+	background-color: lighten($body-color, 3.5%);
+	border-radius: 4px;
+}
+
+pre {
+	display: block;
+	margin: 0 0 0.6em;
+	word-break: break-all;
+	word-wrap: break-word;
+	code {
+		padding: 0;
+		font-size: inherit;
+		color: inherit;
+		white-space: pre-wrap;
+		background-color: transparent;
+		border-radius: 0;
+	}
+}
+
+a {
+	background-color: transparent; 
+	-webkit-text-decoration-skip: objects;
+	color: $a-color; 
+	&:active, &:hover{
+		outline-width: 0;
+		color: lighten($a-color, 10%);
+	}
+	&:visited{
+		color: darken($a-color, 10%);
+		&:active, &:hover{
+			color: $a-color; 
+		}
+	}
+}
+
+figure {
+	margin: 1em 40px;
+}
+
+abbr[title] {
+	border-bottom: none; 
+	text-decoration: underline; 
+	text-decoration: underline dotted; 
+}
+
+b,	strong {
+	font-weight: inherit;
+	font-weight: bolder;
+}
+
+dfn {
+	font-style: italic;
+}
+
+mark {
+	background-color: $mark-color;
+	color: $body-color;
+}
+
+sub,	sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+[hidden], .hidden, template {
+	display: none;
+}
+
+audio,	video {
+	display: inline-block;
+}
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+img {
+	border-style: none;
+}
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+button,	input,	optgroup,	select,	textarea {
+	font-family: "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 100%; 
+	line-height: 1.3; 
+	margin: 0; 
+}
+
+button,	input { 
+	overflow: visible;
+}
+
+button,	select { 
+	text-transform: none;
+}
+
+button,	html [type="button"], 	[type="reset"],	[type="submit"] {
+	-webkit-appearance: button; 
+	&::-moz-focus-inner{
+		border-style: none;
+		padding: 0;
+	}
+	&:-moz-focusring{
+		outline: 1px dotted ButtonText;
+	}
+}
+
+fieldset {
+	border: 1px solid darken($body-background-color, 15%);
+	border-radius: 4px;
+	margin: 0 2px;
+	padding: 0.35em 0.625em 0.75em;
+}
+
+legend, [type="checkbox"],	[type="radio"] {
+	box-sizing: border-box; 
+	padding: 0; 
+}
+
+legend {
+	color: inherit; 
+	display: table; 
+	max-width: 100%; 
+	white-space: normal; 
+}
+
+progress {
+	display: inline-block; 
+	vertical-align: baseline; 
+}
+
+textarea {
+	overflow: auto;
+}
+
+[type="number"]::-webkit-inner-spin-button,	[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+[type="search"] {
+	-webkit-appearance: textfield; 
+	outline-offset: -2px; 
+	&::-webkit-search-cancel-button, &::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+}
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; 
+	font: inherit; 
+}
\ No newline at end of file
diff --git a/scss/mini/_variables.scss b/scss/mini/_variables.scss
new file mode 100644
index 0000000..e61f2f4
--- /dev/null
+++ b/scss/mini/_variables.scss
@@ -0,0 +1,4 @@
+$body-background-color:						#eee;
+$body-color:								#222;
+$a-color:									#2678b3;
+$mark-color:								#ffff33;
\ No newline at end of file
diff --git a/testpage.html b/testpage.html
new file mode 100644
index 0000000..fc9b86d
--- /dev/null
+++ b/testpage.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test page for mini.css</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="generator" content="http://chalarangelo.github.io/htmltemplategenerator/">
+    <link rel="stylesheet" href="css/mini-full.css">
+  </head>
+  <body>
+    <h1>Heading 1 <small>smaller</small></h1>
+    <h2>Heading 2 <small>smaller</small></h2><br>
+    <p><strong>Paragraph</strong>: Lorem ipsum dolor sit amet, <mark>consectetur</mark> adipiscing elit. <code>Praesent est mi</code>, commodo vitae mauris at, sagittis vehicula sem. Quisque malesuada dui at justo maximus, vel placerat nibh blandit. Phasellus quis ipsum aliquam, fringilla ante <kbd>sit</kbd> amet, sagittis magna. In at dignissim eros, id vulputate tellus. Quisque orci urna, pretium in porttitor et, rhoncus in nulla. Aenean viverra ante in velit tincidunt, <kbd>sit</kbd> amet tincidunt ante suscipit. In malesuada consectetur molestie.</p>
+    <br>
+    <img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">
+    <br>
+    <hr>
+    <br>
+    <ol>
+      <li>List element</li>
+      <li>List element</li>
+      <li>List element</li>
+    </ol>
+    <pre>Ut sollicitudin arcu arcu, eget fermentum sem ullamcorper in.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Phasellus nec nisl nunc. Sed sit amet urna arcu.
+Donec non consequat tortor, id fermentum felis.
+Quisque elementum hendrerit egestas. In id rhoncus neque, eget mattis neque.
+Suspendisse varius turpis et dui viverra semper.</pre>
+    <hr>
+    <br>
+    <h3>Heading 3 <small>smaller</small></h3>
+    <form method="post" action="demo_form.php"><fieldset>
+      First name: <input type="text" name="demo_form_name"><br>
+      Last name: <input type="text" name="demo_form_surname"><br></fieldset>
+      <input type="submit" value="Submit form">
+    </form>
+    <h4>Heading 4 <small>smaller</small></h4>
+    <table>
+      <tr>
+        <th>Month</th>
+        <th>Savings</th>
+      </tr>
+      <tr>
+        <td>January</td>
+        <td>$100</td>
+      </tr>
+    </table>
+    <h5>Heading 5 <small>smaller</small></h5>
+    <textarea rows="4" cols="16">This is a textarea.</textarea>
+    <h6>Heading 6 <small>smaller</small></h6>
+    <ul>
+      <li>Suspendisse convallis ac metus non efficitur.</li>
+      <li>Donec consectetur eu nisi luctus bibendum.</li>
+      <li>Nam tempor facilisis sem vitae mattis.</li>
+      <li>Fusce feugiat rhoncus eros, id auctor mauris facilisis quis.</li>
+    </ul>
+    <br>
+    <div>Etiam maximus, ante vitae porttitor tincidunt, sem erat pharetra turpis, a ornare tortor purus <a href="https://www.google.com">ut justo</a>.
+    </div>
+    <br>
+    <button type="button">Sample button</button>
+    <blockquote cite="https://www.google.com">Nam non diam ante. Curabitur non enim vitae eros luctus porta.</blockquote>
+  </body>
+</html>
\ No newline at end of file