-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (80 loc) · 4.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>NovelDL</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/8d333124e2.js" crossorigin="anonymous"></script>
<style type="text/css" media="all">
.cover-page{
position: relative;
}
#homebtn{
position: absolute;
bottom: 0;
transform: scale(1.5);
}
</style>
</head>
<body class="bg-dark">
<div class="main-page container-fluid">
<div class="container d-flex justify-content-center align-items-center pt-5 pb-5">
<h3 id="page-title">NovelDownloader</h3>
</div>
<div class="container d-flex justify-content-between align-items-center nav-top">
<a class="p-2" href="#">Home</a>
<a class="p-2" href="#">All Novels</a>
<a class="p-2" href="#">Support Us</a>
</div>
<div class="container input-group">
<input type="text" name="search" id="search" class="form-control" placeholder="Search Novel">
<button class="btn btn-success" type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
</div>
<div class="container mt-5">
<div class="container d-flex d-flex justify-content-center align-items-center cover-page">
<img class="container-fluid p-0" src="covers/Amamiya_Kokoro.png" alt="Photo Cover" />
<button class="btn btn-warning text-dark rounded-5" id="homebtn">Go Home <i class="fa-solid fa-circle-chevron-right"></i></button>
</div>
<div class="container">
<p class="text-white pt-5"><span>For the last 2 years (2022), we made FNovels and remake it countless times to prevent server lost, but unfortunately dew to short funds, we decided to take down our service. <br><br>January 10, 2024, our service are back again with new name and server. FNovels now change into NovelDL. Where you can download official translated novels in Epub or Pdf file format for free.<br><br>NovelDL was an ad-free android application and support direct download for novels. It is made for user experience and it was currently still under maintenance<br><br><strong>Remember</strong> that we do not owned any files on our server and we do not sale files that provided.</span></p>
</div>
<div class="container d-flex d-flex justify-content-center align-items-center">
<button class="btn btn-dark rounded text-white p-3 border border-secondary mt-5"><i class="fa-solid fa-cart-shopping"></i> Purchase NovelDL</button>
</div>
</div>
<footer class="footer container-fluid p-3 mt-5">
<p class="text-light" style="font-size: 11pt">Disclaimer: NovelDL does not owned any files from it’s server. All contents are provided by non-affliated third party</p>
<ul class="list-group list-group-horizontal bg-dark" id="footer-media">
<li class="list-group-item p-0 border border-0 bg-dark text-white justify-content-center align-items-center"><i class="fa-brands fa-github"></i></li>
<li class="list-group-item p-0 border border-0 bg-dark text-white justify-content-center align-items-center"><i class="fa-brands fa-discord"></i></li>
<li class="list-group-item p-0 border border-0 bg-dark text-white justify-content-center align-items-center"><i class="fa-solid fa-shield-halved"></i></li>
<li class="list-group-item p-0 border border-0 bg-dark text-white justify-content-center align-items-center"><i class="fa-brands fa-facebook"></i></li>
</ul>
</footer>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog m-3">
<div class="modal-content bg-dark text-white">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title"><i class="fa-brands fa-discord"></i> What's New?</h4>
</div>
<!-- Modal body -->
<div class="modal-body">
Please to inform you that this page has not yet design for desktop size. Please use mobile device or resize the browser.
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="closeModal">Close</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="search.js"></script>
</body>
</html>