body {
font-family: "RobotoRegular", sans-serif;
font-size: 16px;
background-color:#666666;
}
.registration {
margin-top:300px;
}
.registration h3 , .registration p {
text-align:center;
color:#fff;
}
form {
width: 200px;
margin: 0 auto;
background: #f0f0f0;
}
.registration input {
margin:0 0 10px 0;
display:block;
}
.registration button {
display:block;
}<div><img src=картинка.пнг></div>div {
overflow: hidden;
width: 250px;
height: 250px;
}
img {
height:100%;
}<span class="filter_name"><?php
if ($price['price'] <= 250) {
echo 'до 250';
}
if ($price['price'] >= 250 and $price['price'] <= 500) {
echo '250-500';
}
?></span>.border {
width:250px;
height:100px;
border: 100px solid pink
}<!--ВСТАВЛЯЙТЕ DIV Сколько хотите, только размер border не забывайте менять-->
<div class="border"></div><form></form>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="----ПУТЬ ДО JQUERY!!!!!!!!!!!!!!!!!!!!----"></script>
</head>
<body>
<div id="menu"></div>
<script>
function show()
{
$.ajax({
url: "menu.html",
cache: false,
success: function(html){
$("#menu").html(html);
}
});
}
$(document).ready(function(){
show();
});
</script>
</body>
</html><style>
.unique {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.forvidos{
position: absolute;
height: (Подгони высоту);
display: block;
width: 100%;
}
</style>
<div class="unique">
<video class="forvidos" autoplay src="{% static "video/1.mp4" %}"></video>
</div>