<form >
<input type="hidden" name="utm_source" value="<?php echo isset($_GET['utm_source']) ? $_GET['utm_source'] : '' ;?>" />
<input type="hidden" name="utm_medium" value="<?php echo isset($_GET['utm_medium']) ? $_GET['utm_medium'] : '' ;?>" />
<input type="hidden" name="utm_campaign" value="<?php echo isset($_GET['utm_campaign']) ? $_GET['utm_campaign'] : '' ;?>" />
<input type="hidden" name="utm_content" value="<?php echo isset($_GET['utm_content']) ? $_GET['utm_content'] : '' ;?>" />
<input type="hidden" name="utm_term" value="<?php echo isset($_GET['utm_term']) ? $_GET['utm_term'] : '' ;?>" />
<input type="text" name="name" placeholder="Ваше имя">
<input type="text" name="phone" placeholder="Телефон" required>
<button type="submit">Отправить</button>
</form>
<!DOCTYPE html>
<html>
<head>
<title>Я просто код</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
h1,h2,h3 {
text-align: center;
}
h1 {
font-size: 90px;"
}
h5 {
font-style: italic;
font-size: 30px;
}
a {
color: steelblue;
font-size: 20px;
}
</style>
</head>
<body>
<h1>Я бы</h1>
<h2>обнял</h2>
<h3>тебя</h3>
<div align="center">
<h4>— но —</h4>
<h5 >я просто</h5>
<p><a href="http://embrace.t-radya.com/" target="_blank">код</a></p>
<img src="https://pictures.s3.yandex.net/code.gif" alt="мой код" width="512">
</div>
</body>
</html>
<div class="block">
<div class="img-date">
Изображение
</div>
<div class="date">Дата</div>
<div class="title-desc">
<h2>Заголовок</h2>
<p>Описание</p>
</div>
</div>
<!doctype html>
<html lang="ru">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Привет, мир!</title>
</head>
<body>
<h1>Привет, мир!</h1>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
<div id="zvonok" class="modal_div">
<span class="modal_close"><svg viewBox="0 0 20 20">
<path fill="#000000" d="M15.898,4.045c-0.271-0.272-0.713-0.272-0.986,0l-4.71,4.711L5.493,4.045c-0.272-0.272-0.714-0.272-0.986,0s-0.272,0.714,0,0.986l4.709,4.711l-4.71,4.711c-0.272,0.271-0.272,0.713,0,0.986c0.136,0.136,0.314,0.203,0.492,0.203c0.179,0,0.357-0.067,0.493-0.203l4.711-4.711l4.71,4.711c0.137,0.136,0.314,0.203,0.494,0.203c0.178,0,0.355-0.067,0.492-0.203c0.273-0.273,0.273-0.715,0-0.986l-4.711-4.711l4.711-4.711C16.172,4.759,16.172,4.317,15.898,4.045z"></path>
</svg></span>
<!-- тут кoд -->
<div class="download_form">
<form enctype="multipart/form-data" method="post" id="form">
<h1>Заказать бесплатный звонок</h1>
<p>заполните форму и мы перезвоним вам в течение 5 мин</p>
<input type="hidden" name="form_subject" value="Клиент заказал бесплатный звонок">
<input type="text" name="name" placeholder="Ваше имя" required><br>
<input type="text" name="phone" placeholder="Контактный телефон"><br>
<button type="submit" class="btn btn-success">Заказать бесплатный звонок</button>
</form>
</div>
</div>
<div id="overlay"></div>
#dovnoload, #zvonok {
border-radius: 10px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display: none;
z-index: 5;
padding: 20px 30px;
}
#dovnoload .modal_close, #zvonok .modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
#overlay {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height:100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
$(document).ready(function() { // зaпускaем скрипт пoсле зaгрузки всех элементoв
/* зaсунем срaзу все элементы в переменные, чтoбы скрипту не прихoдилoсь их кaждый рaз искaть при кликaх */
var overlay = $('#overlay'); // пoдлoжкa, дoлжнa быть oднa нa стрaнице
var open_modal = $('.open_modal'); // все ссылки, кoтoрые будут oткрывaть oкнa
var close = $('.modal_close, #overlay'); // все, чтo зaкрывaет мoдaльнoе oкнo, т.е. крестик и oверлэй-пoдлoжкa
var modal = $('.modal_div'); // все скрытые мoдaльные oкнa
open_modal.click( function(event){
event.preventDefault();
var div = $(this).attr('href');
overlay.fadeIn(400,
function(){
$(div)
.css('display', 'block')
.animate({opacity: 1, top: '50%'}, 200);
});
});
close.click( function(){
modal
.animate({opacity: 0, top: '45%'}, 200,
function(){
$(this).css('display', 'none');
overlay.fadeOut(400);
}
);
});
});
html, body {
margin: 0;
padding: 0;
}
тогда содержимое .divchik отобразиться как нужно. А лучше использовать bootstrap - если Вам нужно нормально адаптировать сайт под мобильные устройства.