-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
92 lines (91 loc) · 3.01 KB
/
landing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<title>Кредити Онлайн | Найшвидший шлях до необхідних коштів</title>
<style type="text/css">
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #ff4500;
text-align: center;
margin-top: 50px;
}
.container {
background-color: #fff;
width: 80%;
max-width: 1200px;
margin: auto;
padding: 20px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
border-radius: 10px;
margin-top: 50px;
}
form {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
width: 80%;
max-width: 600px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
background-color: #fff;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea {
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
width: 100%;
}
input[type="submit"] {
background-color: #ff4500;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
font-size: 16px;
margin-top: 10px;
}
input[type="submit"]:hover {
background-color: #dc143c;
}
img {
max-width: 100%;
height: auto;
margin: auto;
display: block;
margin-top: 50px;
}
</style>
</head>
<body>
<h1>Кредити Онлайн</h1>
<div class="container">
<p>Вітаємо на нашому сайті! Ми надаємо найшвидший шлях до необхідних коштів. Наша онлайн компанія пропонує широкий вибір фінансових послуг та забезпечує зручний та швидкий процес отримання кредиту. Ми пропонуємо доступні умови кредитування з низькими відсотковими ставками та гнучким графіком погашення.</p>
</div>
<form action="submit.php" method="POST">
<h2>Заповніть заявку на кредит</h2>
<input type="text" name="name" placeholder="Ім'я" required>
<input type="tel" name="phone" placeholder="Телефон" required>
<input type="email" name="email" placeholder="Email" required>
<input type="number" name="amount" placeholder="Сума кредиту" required>
<select name="term" required>
<option value="" disabled selected>Термін кредитування</option>
<option value="3">3 місяці</option>
<option value="6">6 місяців</option>
<option value="12">12 місяців</option>
<option value="24">24 місяців</option>
</select>
<textarea name="message" placeholder="Додаткова інформація"></textarea>
<input type="submit" value="Відправити заявку">
</form>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAABmJLR0QA/wD/AP+gvaeTAAAEKklEQVR4nO3be
</body>
</html>