<!DOCTYPE html>
<html>
<head>
<style>

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.btn {
  width: 400px;
  border: 2px solid black;
  background-color: dodgerblue;
  color: white;
  padding: 14px 28px;
  font-size: 18px;
  cursor: pointer;
}

/* Blue */
.info {
  border-color: #2196F3;
  color: white;
}
h1
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:lighter;
}
h3
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:lighter;
}

.arrow {
  border: solid blue;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

div.title {
  position: fixed;
  top: 80px;
  left: 300px;
  width: 800px;
  height: 100px;
  background-color: white;
  color: green;
  text-align: center;
}

div.next {
  position: fixed;
  top: 450px;
  left: 0px;
  width: 600px;
  height: 70px;
  background-color: white;
  color: green;
  text-align: center;
}

</style>

<script type="text/javascript">
  var good = 0;
  var bad = 0;

function set_score() {
  document.getElementById("good_count").innerHTML = good;
  document.getElementById("bad_count").innerHTML = bad;
}

var url = window.location.href;
var arr = url.split('?');
// if (url.length > 1 && arr[1] !== '') {
if (url.length > 1 && arr.length > 1) {
  var queryString = location.search.substring(1);
  var a = queryString.split("&");
  good = parseInt(a[0]);
  bad = parseInt(a[1]);
}
document.getElementById("good_count").innerHTML = good;
document.getElementById("bad_count").innerHTML = bad;
set_score();
</script>

</head>

<body onload="set_score()">
<img src="images/muong_stilt_house.jpg" class="center">

<div class="title">
<h1>
Bạn biết gì về người Mường?
</h1>
</div>

<div class="next">
<h1>
Hãy xem nào ... &nbsp;&nbsp;
<a href="mprovinces.html">
<img src="images/nextPage.png" height="20">
</a>
</h1>
</div>

</body>
</html>