kianurivzzz · August 29, 2024 13:23
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="ru">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Обратная связь</title>
  <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
  <form class="block-center form">

    

    <button class="btn btn-green">Отправить сообщение</button>
  </form>
 </body>
 </html>
diff --git a/style.css b/style.css
 body {
  width: 100vw;
  height: 100vh;
  margin: 0;

  font: 18px/1.5 sans-serif;

  background-color: #0093e9;
  background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
 }

 .form {
  box-sizing: border-box;
  width: 500px;
  padding: 30px 80px;

  background: #fff;

  border-radius: 7px;
 }






 .btn {
  padding: 15px 30px;

  font-weight: bold;

  border: none;

  cursor: pointer;
 }

 .btn-green {
  color: #fff;

  background: #4caf50;
 }

 .block-center {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
 }

 .mb-1 {
  margin-bottom: 1em;
 }

 .mb-2 {
  margin-bottom: 1.5em;
 }

 .small {
  font-size: 14px;
 }

 .sr-only {
  position: absolute;

  width: 1px;
  height: 1px;
  padding: 0;

  overflow: hidden;

  white-space: nowrap;

  border: 0;
 }
diff --git a/TASK.md b/TASK.md
	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Обратная связь</title>
	<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
	<form class="block-center form">



	<button class="btn btn-green">Отправить сообщение</button>
	</form>
	</body>
	</html>
	body {
	width: 100vw;
	height: 100vh;
	margin: 0;

	font: 18px/1.5 sans-serif;

	background-color: #0093e9;
	background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%);
	}

	.form {
	box-sizing: border-box;
	width: 500px;
	padding: 30px 80px;

	background: #fff;

	border-radius: 7px;
	}






	.btn {
	padding: 15px 30px;

	font-weight: bold;

	border: none;

	cursor: pointer;
	}

	.btn-green {
	color: #fff;

	background: #4caf50;
	}

	.block-center {
	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
	}

	.mb-1 {
	margin-bottom: 1em;
	}

	.mb-2 {
	margin-bottom: 1.5em;
	}

	.small {
	font-size: 14px;
	}

	.sr-only {
	position: absolute;

	width: 1px;
	height: 1px;
	padding: 0;

	overflow: hidden;

	white-space: nowrap;

	border: 0;
	}