-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
152 lines (144 loc) · 6.34 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>WatchSomething</title>
<link rel="stylesheet" href="style/homepage.css">
<link rel="stylesheet" href="style/fonts.css">
</head>
<body>
<!-- Navigation links -->
<nav>
<ul>
<li><a href="movies/latest-movies.html">movies</a></li>
<li><a href="series/series-latest.html">tv shows</a></li>
<li><a id="aboutLink">about</a></li>
</ul>
</nav>
<!-- Title section -->
<section class="title">
<h1>WatchS<span><img src="images/glasses.svg" width="45px" height="45px" alt="Eye"></span>mething</h1>
<p>No idea what to watch ? Find movies or tv shows to watch instantly, or store them in lists for later !</p>
<p id="quote"></p>
</section>
<!-- Popular movies section -->
<section class="popularMovies popular">
<h2 class="popularTitle">POPULAR MOVIES <span><i class="material-icons hot">whatshot</i></span></h2>
<a href="movies/popular-movies.html">see more...</a>
<!-- Movies output -->
<div id="movies" class="scroll"></div>
</section>
<!-- Popular TV Shows section -->
<section class="popularTvShows popular">
<h2 class="popularTitle">POPULAR TV SHOWS <span><i class="material-icons hot">whatshot</i></span></h2>
<a href="series/series-popular.html">see more...</a>
<!-- TV Shows output -->
<div id="tvShows" class="scroll"></div>
</section>
<!-- See more section -->
<section class="seeMore">
<h2>For more options, click on one of the buttons below:</h2>
<div class="seeMore_buttons">
<!-- Movies -->
<a href="movies/top-rated.html">MOVIES</a>
<!-- TV Shows -->
<a href="series/series-toprated.html">TV SHOWS</a>
</div>
</section>
<!-- Now Playing section -->
<section class="nowPlaying">
<h1>NOW PLAYING</h1>
<p id="nowPlayingText">Movies that are playing in theaters now. Find more of the latest movies <a href="movies/latest-movies.html">here</a>.</p>
<!-- Now Playing output -->
<div id="nowPlaying" class="scroll"></div>
</section>
<!-- About section -->
<section class="about" id="aboutSection">
<h1>ABOUT</h1>
<p>This website uses <a href="https://themoviedb.org">themoviedb.org</a> API to help you find movies & tv shows to watch, with ease. You can: </p>
<div class="about_boxes">
<!-- Movies box -->
<div class="moviesBox box">
<h3>MOVIES</h3>
<p>Look trough our lists of top rated, popular, latest & upcoming movies, to find something good to watch. Search by year, title, actor or genre.</p>
<div class="boxImg">
<i class="material-icons boxIcon">theaters</i>
</div>
</div>
<!-- TV SHOWS box -->
<div class="tvShowsBox box">
<h3>TV SHOWS</h3>
<p>Top rated, popular, on air... whatever you need. You can also search for tv shows by year, title or genre.</p>
<div class="boxImg">
<i class="material-icons boxIcon">tv</i>
</div>
</div>
<!-- Lists box -->
<div class="listsBox box">
<h3>LISTS</h3>
<p>Add movies & tv shows to a watchlist and favorites list, so you can keep track of what you need to watch or what you loved ! Or maybe get help with some recommendations.</p>
<div class="boxImg">
<i class="material-icons boxIcon">visibility</i>
</div>
</div>
<!-- Details box -->
<div class="detailsBox box">
<h3>DETAILS</h3>
<p>Get detailed informations about every movie or tv show, including trailers & recommendations for similar movies / tv shows.</p>
<div class="boxImg">
<i class="material-icons boxIcon">description</i>
</div>
</div>
</div>
</section>
<!-- Site name & popcorn -->
<div class="popcorn">
<a href="index.html">WatchSomething.com <span><img src="images/popcorn.svg" width="32px" alt="Popcorn"></span></a>
</div>
<!-- Footer -->
<footer>
<!-- Links -->
<div class="links">
<div class="moviesLinks">
<h3>MOVIES</h3>
<ul>
<li><a href="movies/top-rated.html">Top Rated</a></li>
<li><a href="movies/popular-movies.html">Popular</a></li>
<li><a href="movies/latest-movies.html">Latest</a></li>
<li><a href="movies/search-movies.html">Search</a></li>
</ul>
</div>
<!-- Tv Shows page links -->
<div class="tvShowsLinks">
<h3>TV SHOWS</h3>
<ul>
<li><a href="series/series-toprated.html">Top Rated</a></li>
<li><a href="series/series-popular.html">Popular</a></li>
<li><a href="series/series-latest.html">On Air</a></li>
<li><a href="series/search-series.html">Search</a></li>
</ul>
</div>
<!-- GitHub link -->
<div class="githubLink">
<h3>© 2018</h3>
<p>GitHub link: </p>
<a href="https://github.com/pecko95/WatchSomething/" target="somethingUnique"><img src="images/github.svg" width="32px" alt="GitHub"></a>
</div>
</div>
<!-- Deadpool image -->
<div class="deadpool">
<img src="images/deadpool.png" width="330px" alt="Deadpool...">
</div>
<!-- Credits -->
<div class="credits">
<a href="https://themoviedb.org" target="somethingUnique"><img src="images/tmdb2.svg" width="150px" alt="TMDB - The movie database."></a>
</div>
</footer>
</body>
<script src="scripts/config.js"></script>
<script src="scripts/homePage.js"></script>
<!-- Axios link -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</html>