forked from NateWr/html-css-project
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
99 lines (64 loc) · 6.5 KB
/
index.html
File metadata and controls
99 lines (64 loc) · 6.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The best anime series and movies</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div class="container">
<header>
<h1>The best Anime series and movies</h1>
</header>
<section>
<main>
<article>
<h1>Your name: kimi no na wa </h1>
<img src="img/kimi-no-na-ha-your-name.jpg" alt="">
<a href="https://www.youtube.com/watch?v=6Y3YzFy20Q4">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
<article>
<h1>Black Clover </h1>
<img src="img/black-clover.jpg" alt="">
<a href="https://www.youtube.com/watch?v=TiIZ2NZxjMI">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
<article>
<h1>Attack on titan: Shingeki No Kyojin</h1>
<img src="img/attack-on-titan.jpg" alt="">
<a href="https://www.youtube.com/watch?v=6scZ1qj2w38">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
<article>
<h1>Black Clover </h1>
<img src="img/black-clover.jpg" alt="">
<a href="https://www.youtube.com/watch?v=TiIZ2NZxjMI">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
<article>
<h1>Attack on titan: Shingeki No Kyojin</h1>
<img src="img/attack-on-titan.jpg" alt="">
<a href="https://www.youtube.com/watch?v=6scZ1qj2w38">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
<article>
<h1>Your name: kimi no na wa </h1>
<img src="img/kimi-no-na-ha-your-name.jpg" alt="">
<a href="https://www.youtube.com/watch?v=6Y3YzFy20Q4">Click here to see the trailer</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu tortor sit amet quam faucibus accumsan. Proin condimentum magna at suscipit hendrerit. Etiam a ante turpis. Etiam varius facilisis orci eleifend tristique. Duis eget orci feugiat, vestibulum orci ac, ornare ex. Mauris mattis lectus vitae volutpat finibus. Nulla euismod ut libero eu tincidunt. In dignissim malesuada arcu eget placerat. Ut pretium eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sit amet euismod velit. Nulla lacinia metus non iaculis interdum.</p>
</article>
</main>
<aside>
<p>A recopilation of the best anime series and movies you can find on the internet. You can see the trailers for each one of them, and if you want to recommend some, don't hesitate! <span>Enjoy!</span></p>
</aside>
</section>
<hr>
<footer>
<p>Website by Anandamaya Arno</p>
<p>arnoananda@gmail.com</p>
</footer>
</div>
</body>
</html>