-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
81 lines (75 loc) · 3.42 KB
/
login.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/login.css">
<script src="js/main.js" defer></script>
<script src="https://kit.fontawesome.com/1d408b5acd.js" crossorigin="anonymous"></script>
<title>Login</title>
<meta name="description" content="FilmSpot user registration">
<meta name="keywords" content="filmspot login registration">
<link rel="shortcut icon" href="./images/filmSpotLogo.svg" type="image/x-icon">
</head>
<body onload="turnLoaderOff()">
<header>
<a href="index.html" class="logo">
<img src="./images/FilmSpotLogo.svg" alt="Logo">
<h1><span class="accentedSpan">Film</span>Spot</h1>
</a>
<div class="pcMenu">
<a href="about.html">About</a>
</div>
<button onclick="openMobileMenu()"><i class="fa-solid fa-bars"></i></button>
</header>
<div class="mobileMenu">
<h1><span><span class="accentedSpan">Film</span>Spot</span><button onclick="closeMobileMenu()"><i class="fa-solid fa-xmark"></i></button></h1>
<a href="about.html"><i class="fa-solid fa-circle-info"></i> About</a>
</div>
<main>
<form>
<h1>LOGIN</h1>
<div>
<p><i class="fa-solid fa-envelope"></i></p><input type="email" placeholder="Email" class="inputs">
</div>
<div>
<p><i class="fa-solid fa-lock"></i></p><input type="password" placeholder="Password" class="inputs">
</div>
<div class="rememberMeWrapper">
<input type="checkbox" id="rememberMe">
<label for="rememberMe">Remember me</label>
</div>
<button type="submit">LOGIN</button>
<h4>Not a member? <a href="#">Sign up now</a></h4>
</form>
</main>
<footer>
<div class="footerContent">
<section class="footerTop">
<a href="index.html"><h1><span class="accentedSpan">Film</span>Spot</h1></a>
<div>
<a href="about.html">About</a>
</div>
</section>
<p>FilmSpot® is an online platform dedicated to film enthusiasts and lovers of the seventh art. On this site you can find everything you need to enjoy the world of film. It offers you the latest movie descriptions, trailers, reviews and many other information about your favorite movies.</p>
<section class="socials">
<h2>Follow us on</h2>
<div class="icons">
<a href="https://instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://facebook.com" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://github.com" target="_blank"><i class="fa-brands fa-github"></i></a>
</div>
</section>
</div>
<section class="copyright">
<h5>Copyright © 2023 | <b><span class="accentedSpan">Film</span>Spot</b> | All Rights Reserved</h5>
</section>
</footer>
<div class="loader">
<span class="whiteCircle">
<span></span>
</span>
</div>
</body>
</html>