-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (153 loc) · 12.7 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Trial page
</title>
<link rel="stylesheet" href="css/fableCove.css">
<script src="https://kit.fontawesome.com/bffd979f90.js" crossorigin="anonymous"></script>
<script src="js/dropdown.js"></script>
</head>
<body>
<header>
<p><i class="fas fa-hat-wizard"></i>Fable Cove <i class="fas fa-magic"></i></p>
<div onclick="myFunction()" class="dropbtn"><i class="fas fa-bars"></i></div>
</header>
<nav id="myDropdown" class="dropdown-content">
<a href="#" aria-label="Log-in"><i class="fas fa-sign-in-alt"></i>Log In</a>
<a href="#" aria-label="register"><i class="fas fa-address-book"></i>Register</a>
<a href="#genre" aria-label="Genres"><i class="fas fa-swatchbook"></i>Genres</a>
<a href="#discussion" aria-label="Discussions"><i class="fas fa-comments"></i>Discussions</a>
<a href="#new" aria-label="Trending"><i class="fas fa-bolt"></i>What's New</a>
</nav>
<div class="intro-image"> The big image comes here with a logo maybe</div>
<section class="content" id="description">
<h1>A Community for Fantasy Fiction Fanatics</h1>
<p>Fable cove is a platform where you can read, write encompassing fantasy fiction stories all of all genres,discuss your theories on different books, tv series,novels and everything else.</p><a href="#genre" class="btn">Begin your adventure!</a>
</section>
<section class="content" id="genre">
<h2>Genres</h2>
<p>Explore the myraid of genres we have.Scroll Down!</p>
<div class="card-container">
<div class="card-image"><img src="https://i2.wp.com/www.rubbertrampartist.com/wp-content/uploads/2020/05/cameron-vaughan-0AV7XLABuZk-unsplash-scaled.jpg?fit=652%2C435" alt="thumbnail"></div>
<div class="card-details">Action and Adventure</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="https://images.unsplash.com/photo-1569008593571-a98b326533a3?ixlib=rb-1.2.1&w=1000&q=80" alt="thumbnail"></div>
<div class="card-details">Sci-Fi and Cyber-Punk</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT3ip-NNvxohMzWH_dD1yOj3vxFROQQBvFhzddg4VjBKfSUL7yF&usqp=CAU" alt="thumbnail"></div>
<div class="card-details">Fables and Fairytales</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="https://images.unsplash.com/photo-1551269901-5c5e14c25df7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="thumbnail"></div>
<div class="card-details">Sorcery and Magical realism</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="https://images.unsplash.com/photo-1494972688394-4cc796f9e4c5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="thumbnail"></div>
<div class="card-details">Wars & Political fiction</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="data:image/jpeg;base64,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" alt="thumbnail"></div>
<div class="card-details">DarkFanatsy and Horror</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
<div class="card-container">
<div class="card-image"><img src="https://newsvinewa.com.au/wp-content/uploads/2019/05/dariusz-sankowski-56725-unsplash-1-900x675.jpg" alt="thumbnail"></div>
<div class="card-details">Detective and Murder Mysteries</div>
<div class="card-caption"><a href="">Explore!</a></div>
</div>
</section>
<section class="content Card-Links">
<h2>Featured Authors</h2>
<p>These are some of our best Authors from the myraid of genres we provide!Check them out. </p>
<div class="link-container">
<div class="main-link">
<a href="">Astha Thakur</a>
</div>
<a href="">Genre:Cyberpunk</a><a href="">Popular Work:The Dark galaxy</a><a href="">follow</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Indu Sundaresan</a>
</div>
<a href="">Genre:Political Fiction</a><a href="">Popular Work:The 20th Wife</a><a href="">follow</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Della Ng</a>
</div>
<a href="">Genre:Horror</a><a href="">Popular Work:Eerie heights</a><a href="">follow</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Grimm Brothers</a>
</div>
<a href="">Genre:Fables and fairytales</a><a href="">Popular Work:Cinderella</a><a href="">follow</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Shruti</a>
</div>
<a href="">Genre:Action and Adventure</a><a href="">Popular Work:Adventures of Almella</a><a href="">follow</a>
</div>
</section>
<section class="content" id="discussion">
<h2>Discussion Threads</h2>
<p>Discuss anything from books,TV series,history,conspiracy theories and what not!</p>
<ul>
<li><a href="" aria-label="Discussion thread"><i class="fas fa-comments"></i>How did Ishkvaku land in Meluha?</a></li>
<li><a href="" aria-label="Discussion thread"><i class="fas fa-comments"></i>The anti-heroes of death note</a></li>
<li><a href="" aria-label="Discussion thread"><i class="fas fa-comments"></i>World War Conspiracy Theories</a></li>
<li><a href="" aria-label="Discussion thread"><i class="fas fa-comments"></i>Sherlock Season 5 is out!!!</a></li>
<li><a href="" aria-label="Discussion thread"><i class="fas fa-comments"></i>The rise of guardians!New thread</a></li>
</ul>
<a href="" class="btn">Explore More!</a>
</section>
<section class="content Card-Links" id="new">
<h2>Latest Posts!</h2>
<p>Checkout the latest posts by our creators!</p>
<div class="link-container">
<div class="main-link">
<a href="">Chapter 3:The scion of Ishkvaku</a>
</div>
<a href="">Genre:Action and Adventure</a><a href="">Author:Amish</a><a href="">Previous Chapter</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Murders at Stalingrad:Part II</a>
</div>
<a href="">Genre:Detective Mystery</a><a href="">Author:Saki</a><a href="">Previous Chapter</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">VasuBoi Ki kashmakash:Nehi on the run!</a>
</div>
<a href="">Genre:Fables and fairytales</a><a href="">Author:Vasuboi</a><a href="">Previous Chapter</a>
</div>
<div class="link-container">
<div class="main-link">
<a href="">Hotel Del Luna:Prologue</a>
</div>
<a href="">Genre:Horror and dark fantasy</a><a href="">Author:Della Ng</a><a href="">follow</a>
</div>
</section>
<footer>
<div>
<p>Contact us</p>
<a href="" aria-label="twitter"><i class="fab fa-twitter"></i></a>
<a href="" aria-label="Email"><i class="fas fa-envelope-square"></i></a>
<a href="" aria-label="Contact No."><i class="fas fa-phone"></i></a>
</div>
<div><a href="">Publishing Rights</a></div>
<div><a href="">Terms and Regulations</a></div>
</footer>
</body>
</html>