-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (59 loc) · 2.44 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Filmadict</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" src="code.js"></script>
</head>
<body>
<!-- Navigation -->
<div class="header" id="home-header">
<nav>
<div class="logo">
<h6>Filmadict</h6>
</div>
<div class="menu">
<ul>
<li id="selected"><a href="index.html">Home</a></li>
<li><a href="recommendations.html">Recommendations</a></li>
<li><a href="aboutme.html">About me</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<img id="welcome" src="images/transparent-welcome.png" width="500px">
</div>
<!-- xxx Navigation xxx -->
<div class="home">
<!-- Main content -->
<div class="main-content">
<img src="images/cinephile.jpg" width="300px">
<h3>Introduction</h3>
<p>
Filmadict is a page created for movie or film recommendations based on your mood or in what you want to see in that concrete moment in order to bring the best experience to you. Also, it prevents you from wasting too much time looking for the best movie to watch.
</p>
<h3>Suggestions</h3>
<p>
If you want just a recommendation, go to the
<a href="recommendations.html" recomm = "Look for your film!"><i>recommendations</i></a>
page and search for what you want thanks to the menu. If you want to know something more about this page and about me, go to the
<a href="aboutme.html" aboutme = ""><i>about me</i></a>
page and finally, if you want to contact me or recommend me anything, check the
<a id="contact" href="contact.html"><i>contact</i></a>
page! And welcome again to Filmadict.
</p>
</div>
</div>
<!-- xxx Main content xxx -->
</body>
<footer>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</footer>
</html>