63 lines
1.6 KiB
HTML
63 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Video Downloading</title>
|
|
</head>
|
|
<style>
|
|
|
|
.custom-btn {
|
|
width: 130px;
|
|
height: 40px;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
padding: 10px 25px;
|
|
font-family: 'Lato', sans-serif;
|
|
font-weight: 500;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
position: relative;
|
|
display: inline-block;
|
|
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
|
|
7px 7px 20px 0px rgba(0,0,0,.1),
|
|
4px 4px 5px 0px rgba(0,0,0,.1);
|
|
outline: none;
|
|
}
|
|
.btn-1 {
|
|
background: rgb(6,14,131);
|
|
background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%);
|
|
border: none;
|
|
}
|
|
.btn-1:hover {
|
|
background: rgb(0,3,255);
|
|
background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%);
|
|
}
|
|
input {
|
|
width: 300px;
|
|
font-size: 13px;
|
|
padding: 6px 0 4px 10px;
|
|
border: 1px solid #cecece;
|
|
background: #F6F6f6;
|
|
border-radius: 8px;
|
|
}
|
|
.col {
|
|
background: #f0f0f0; /* Цвет фона */
|
|
width: 1000px; /* Ширина блока */
|
|
padding: 10px; /* Поля */
|
|
font-size: 1.5em; /* Размер шрифта */
|
|
word-wrap: break-word; /* Перенос слов */
|
|
}
|
|
</style>
|
|
<body>
|
|
<form method="post" action="/submit">
|
|
<input type="text" name="link">
|
|
<button type="submit" class="custom-btn btn-1">Download</button>
|
|
</form>
|
|
<div class="col">
|
|
<p> Ссылка для скачивания:</p>
|
|
<br>
|
|
<a href={{result}}>{{result}}</a>
|
|
</div>
|
|
</body>
|
|
</html> |