forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
65 lines (57 loc) · 4.04 KB
/
index.html
File metadata and controls
65 lines (57 loc) · 4.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<nav class="navbar">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<h1>The Untamed</h1>
<p>The 2019 hit television series, The Untamed, adapted from the danmei novel Mo Dao Zu Shi by Mo Xiang Tong Xiu. </p>
</header>
<section class="all_info">
<article>
<div class="image">
<image src="https://drive.google.com/thumbnail?id=1w08KS0msTwP-TGMxqTVIM_u1oJTvodKo" id="image" alt="The-untamed" >
</div>
<div class="first">
<h2 class="gradient">Introduction</h2>
<p> Nam pretium arcu eget mattis condimentum. Phasellus egestas justo ut bibendum viverra. Ut euismod metus vel elit ultricies ultrices. In efficitur varius est, ut congue diam tempor vitae.<a href="https://www.webnovel.com/book/the-untamed-grandmaster-of-demonic-cultivation_17542835005407605">The Untamed Book</a> Morbi malesuada odio id consectetur lacinia. Phasellus egestas lorem nunc, vitae euismod leo efficitur in. Suspendisse vel turpis id leo auctor fringilla. Suspendisse condimentum efficitur diam, ac commodo nisl mattis id. Cras eu placerat lorem, ac commodo odio. Vivamus interdum ante auctor erat eleifend posuere. Cras volutpat tristique nisl, at lobortis nunc lacinia ac. Aliquam vitae felis urna. Fusce malesuada massa vitae semper facilisis.</p>
</div>
</article>
<aside>
<h2 class="aside">News</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<a href="https://myanimelist.net/anime/37208/mo_dao_zu_shi">The Untamed Anime.</a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas nisi pharetra ante venenatis, vel auctor augue blandit. Etiam non est molestie, laoreet odio id, eleifend nisi. Cras suscipit mi at urna euismod, sit amet pellentesque massa lacinia. Suspendisse tempor suscipit eros.</p>
</aside>
<article>
<h2 class="gradient">The Characters</h2>
<p class="about">Duis sit amet nibh nulla.<a href="https://modao-zushi.fandom.com/wiki/Grandmaster_of_Demonic_Cultivation_Wiki#">Description.</a> Ut pellentesque, velit nec laoreet dictum, velit lorem imperdiet est, a vulputate ligula lorem eu ligula. Vestibulum ornare elementum purus, quis pulvinar quam. Sed aliquam malesuada ipsum, vitae molestie nibh tempus scelerisque.<a href="https://en.wikipedia.org/wiki/The_Untamed_(TV_series)">The Untamed Wikipedia.</a> Nullam nec mollis augue, vitae pulvinar dui. Mauris sagittis pulvinar purus sed pellentesque. Donec ornare commodo nunc, quis posuere odio viverra in.</p>
</article>
<article>
<h2 class="gradient">The Fandom</h2>
<p>Etiam dictum quam quis odio iaculis, id porta lacus ultrices. Nullam volutpat risus et nisl pretium convallis. Curabitur posuere pharetra molestie. Proin ullamcorper sollicitudin dui, sit amet lobortis eros. Nulla id nunc tellus.<a href="https://www.mangago.me/read-manga/mo_dao_zu_shi_novel/">The Untamed Manhua.</a> Quisque congue sapien quis est efficitur, varius molestie ante varius. Nulla ac tincidunt nisl. In ac libero a urna molestie tristique. Etiam id tellus risus. In vel diam eu tortor aliquam venenatis. Aenean gravida, ipsum at iaculis sagittis, dolor velit malesuada tortor, nec elementum elit leo ut est.</p>
</article>
</section>
<footer>
© Created by NishkaKisten.
This site is a mock site. The links are relevant to the topic site.
</footer>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>