Skip to content

Commit 5e62b03

Browse files
BSAndrikov24BSAndrikov24
committed
Add Registration page and add videos to latest inventory
1 parent 905b662 commit 5e62b03

8 files changed

+122
-8
lines changed

‎BMW.HTML

+5-2
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,15 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
66
<title>BMW M3 Competition Sedan</title>
7-
<link rel="stylesheet" href="CSS/Mercedes.css" />
7+
<link rel="stylesheet" href="CSS/latest-inventory.css" />
88
</head>
99
<body>
1010
<section class="car-details">
1111
<h2>BMW M3 Competition Sedan</h2>
12-
<img src="IMG/BMWM3.jpg" alt="BMW M3 Competition Sedan" style="width: 100%; height: auto;">
12+
<video controls style="width: 80%; height: auto;">
13+
<source src="MP4/THE M3 CS (2023)..mp4" type="video/mp4">
14+
Your browser does not support the video tag.
15+
</video>
1316

1417
<table>
1518
<tr>

‎CSS/register-now.css

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
body {
2+
font-family: 'Roboto', Arial, sans-serif;
3+
background-color: #f8f9fa;
4+
margin: 0;
5+
padding: 0;
6+
display: flex;
7+
justify-content: center;
8+
align-items: center;
9+
height: 100vh;
10+
color: #212529;
11+
background-image: url('../IMG/copy.jpg');
12+
background-size: cover;
13+
background-position: center;
14+
}
15+
16+
.registration-form {
17+
background: #ffffff;
18+
padding: 40px;
19+
border-radius: 12px;
20+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
21+
width: 400px;
22+
transition: transform 0.3s ease, box-shadow 0.3s ease;
23+
}
24+
25+
.registration-form:hover {
26+
transform: translateY(-8px);
27+
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
28+
}
29+
30+
.registration-form h2 {
31+
margin-bottom: 30px;
32+
font-size: 28px;
33+
text-align: center;
34+
color: #1e3c72;
35+
font-weight: 700;
36+
letter-spacing: 1px;
37+
}
38+
39+
.registration-form label {
40+
display: block;
41+
font-weight: 600;
42+
color: #555;
43+
}
44+
45+
.registration-form input {
46+
width: 100%;
47+
padding: 12px;
48+
margin-bottom: 20px;
49+
border: 1px solid #ddd;
50+
border-radius: 6px;
51+
font-size: 14px;
52+
transition: border-color 0.3s ease;
53+
}
54+
55+
.registration-form input:focus {
56+
border-color: #1e3c72;
57+
outline: none;
58+
box-shadow: 0 0 5px #1e3c72;
59+
}
60+
61+
.registration-form button {
62+
width: 105%;
63+
padding: 12px;
64+
justify-content: center;
65+
background-color: #1e3c72;
66+
color: white;
67+
border: none;
68+
border-radius: 6px;
69+
font-size: 16px;
70+
font-weight: 600;
71+
cursor: pointer;
72+
transition: background-color 0.3s ease, transform 0.2s ease;
73+
}
74+
75+
.registration-form button:hover {
76+
background-color: #1e3c72;
77+
transform: translateY(-2px);
78+
}
79+
80+
.registration-form button:active {
81+
background-color: #1e3c72;
82+
transform: translateY(0);
83+
}

‎Golf 8R.HTML

+5-3
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,11 @@
88
</head>
99
<body>
1010
<section class="car-details">
11-
<h2>Golf 8R</h2>
12-
<img src="IMG/Golf8R.png" alt="Golf 8R" style="width: 100%; height: auto;">
13-
11+
<h2>Golf 8R</h2>
12+
<video controls style="width: 80%; height: auto;">
13+
<source src="MP4/Meet the new Golf R Volkswagen R.mp4" type="video/mp4">
14+
Your browser does not support the video tag.
15+
</video>
1416
<table>
1517
<tr>
1618
<th>Characteristic</th>

‎MP4/Meet the new Golf R Volkswagen R.mp4

3.92 MB
Binary file not shown.

‎MP4/THE M3 CS (2023)..mp4

4.92 MB
Binary file not shown.

‎index.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ <h1>Find Your Perfect Ride</h1>
4242
<option value="Varna">Varna near the Airport</option>
4343
</select>
4444
<input type="date" required />
45-
<a href="pages/search-now.html"><button type="button" >Search now</button></a>
45+
<a href="search-now.html"><button type="button" >Search now</button></a>
4646
</form>
4747
</div>
4848
</div>
@@ -84,6 +84,5 @@ <h3>Golf 8R</h3>
8484
</div>
8585
</footer>
8686
</section>
87-
8887
</body>
8988
</html>

‎login.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ <h1>Login</h1>
1212
<form action="/submit-login" method="POST">
1313
<input type="text" name="username" placeholder="Username" required>
1414
<input type="password" name="password" placeholder="Password" required>
15-
<p>If you don't have an account <a href="">Register now</a></p>
15+
<p>If you don't have an account <a href="register-now.html">Register now</a></p>
1616
<button type="submit">Login</button>
1717
</form>
1818
</div>

‎register-now.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Register Now</title>
7+
<link rel="stylesheet" href="CSS/register-now.css">
8+
</head>
9+
<body>
10+
<form class="registration-form">
11+
<h2>Register Now</h2>
12+
<label for="username">Username</label>
13+
<input type="text" id="username" name="username" placeholder="Enter your username" required>
14+
15+
<label for="email">Email</label>
16+
<input type="email" id="email" name="email" placeholder="Enter your email" required>
17+
18+
<label for="password">Password</label>
19+
<input type="password" id="password" name="password" placeholder="Enter your password" required>
20+
21+
<label for="confirm-password">Confirm Password</label>
22+
<input type="password" id="confirm-password" name="confirm-password" placeholder="Confirm your password" required>
23+
24+
<button type="submit">Register</button>
25+
</form>
26+
</body>
27+
</html>

0 commit comments

Comments
 (0)