HTML & CSS - call_back

part_1

by Denis Tverdokhlebov

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Expires" CONTENT="-1">

			<title>
				Заказ обратного звонка
			</title>
			<link rel="stylesheet" type="text/css" href="style.css">
			<script src="jquery-1.11.1.js" type="text/javascript"></script>
			<script src="scripts.js" type="text/javascript"></script>
			
		</head>

		<body>

			<form method="POST" action="#" id="call-form">
				<input type="text" id="name" class="inpt" name="name" placeholder="Ваше имя">
				<input type="text" id="phone" class="inpt" name="phone" placeholder="Номер телефона">
				<input class="btn" type="submit" value="Заказать обратный звонок">
			</form>
			
			<div id="call-result"></div><!-- В этот блок будут выводиться сообщения об отправки формы -->
		</body>

		</html>

CSS

#call-result {
  width:20%;
  height:10%;
  background:#f4f4f4;
  position:absolute;
  top:40%;
  left:40%;
  display:none;
}

#call-result button {
  border:none;
  background:none;
  color:#cc0000;
  font-weight:bold;
  cursor:pointer;
  margin:10px;
}

#call-result p {
  text-align:center;
}