mort3za/under-construction-template.html

## under-construction-template.html
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>در حال بروزرسانی</title>
  <meta name="viewport" content="width=device-width">
  <style>
    body {
      text-align: center;
      padding: 150px;
      direction: rtl;
      font: 20px Vazir, sans-serif;
      color: #333;
    }

    @media screen and (max-width: 768px) {
      body {
        padding: 20px;
      }
    }

    h1 {
      font-size: 50px;
    }

    article {
      display: block;
      text-align: right;
      width: 650px;
      max-width: 100%;
      margin: 0 auto;
    }

    a {
      color: #dc8100;
      text-decoration: none;
    }

    a:hover {
      color: #333;
      text-decoration: none;
    }
  </style>
</head>

<body>
  <article>
    <h1>تا ساعتی دیگر باز می‌گردیم!</h1>
    <div>
      <p>بابت دیدن این صفحه عذرخواهی می‌کنیم. در حال بروزرسانی سایت هستیم و تا ساعتی دیگر می‌توانید دوباره از سایت استفاده کنید.<br>با
        تشکر از صبر شما.</p>
    </div>
  </article>
</body>

</html>
	<!doctype html>
	<html>

	<head>
	<meta charset="utf-8">
	<title>در حال بروزرسانی</title>
	<meta name="viewport" content="width=device-width">
	<style>
	body {
	text-align: center;
	padding: 150px;
	direction: rtl;
	font: 20px Vazir, sans-serif;
	color: #333;
	}

	@media screen and (max-width: 768px) {
	body {
	padding: 20px;
	}
	}

	h1 {
	font-size: 50px;
	}

	article {
	display: block;
	text-align: right;
	width: 650px;
	max-width: 100%;
	margin: 0 auto;
	}

	a {
	color: #dc8100;
	text-decoration: none;
	}

	a:hover {
	color: #333;
	text-decoration: none;
	}
	</style>
	</head>

	<body>
	<article>
	<h1>تا ساعتی دیگر باز می‌گردیم!</h1>
	<div>
	<p>بابت دیدن این صفحه عذرخواهی می‌کنیم. در حال بروزرسانی سایت هستیم و تا ساعتی دیگر می‌توانید دوباره از سایت استفاده کنید.<br>با
	تشکر از صبر شما.</p>
	</div>
	</article>
	</body>

	</html>