-
Notifications
You must be signed in to change notification settings - Fork 1
/
mainsite.html
238 lines (193 loc) · 6.37 KB
/
mainsite.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<html>
<head>
<meta name = "viewport" content="width=device-width, initial-scale=1.0">
<title>Readersnepal</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="genral.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<section class ="header">
<nav>
<a href="index.html"> <img class="img12" src = "./image/Untitled.jpg"></a>
<div class="link" id="navlink">
<i class="fa fa-window-close" onclick="hidemenu()"></i>
<ul>
<li> <a href = "index.html">Home</a></li>
<li> <a href = "feature.html"> Features</a></li>
<li> <a href = "contact.html">Contact</a></li>
<li><a href = "gallery.html">Gallery</a></li>
<li> <a href = "about.html"> About us</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showmenu()"></i>
</nav>
<div class= "textbox">
<h1>Welcome to Arcypyplus</h1>
<p>Want to start reading but dont know what</p>
<p> Simply Browse through the genres</p>
<br><br>
<a href="form.html" class = "register-btn"> Register Here! </a>
</div>
</section>
<section class="feature">
<h2>Genres</h2>
<p>That we provide</p>
<div class = "row">
<div class="col">
<h2>Fantasy/Fiction/adventure</h2><br>
<p>
Do you like reading about Mighty heroes/princes/kings. Wanna explore the mystic forests
Read about the adventures of an orphan who grew up defeating one of the most evil boss villains of all time.
</p>
<p>Just click and browse</p>
<br>
<br>
<a href="fantasy.html" target="_blank">
<button class="orange">Fantacize</button>
</a>
<br /><br />
</div>
<div class="col">
<h2>Romance</h2><br>
<p>
Like reading about the chemistry that happens between two individuals. Wanna see two love interests solve crimes,uncover a secret together or a love story that takes place during war when people arent allowed to express love.
Are you a hopeless romantic who likes to read about contemporary romance or a romance fiction feauturing an empowered heroine.
</p>
<p>Go ahead and browse</p>
<br>
<br>
<a href="romance.html" target="_blank">
<button class="orange">Get ready to romanticize your life</button>
</a>
</div>
<div class="col">
<h2>Sci-Fi</h2><br>
<p>Science fiction (sometimes shortened to sci-fi or SF) is a genre of speculative fiction which typically deals with imaginative and futuristic concepts such as advanced science and technology, space exploration, time travel, parallel universes, and extraterrestrial life.
Did Intrestellar brought you to tears, are you a fan of
</p>
<br>
<br>
<a href="scifi.html" target="_blank">
<button class="orange">scintifate</button>
</a>
</div>
<div class="col">
<h2>Biography</h2><br>
<p>
Do you need the right inspiration in your life,maybe about an idea read about the great works
of Gandhi, Martin Luther King, Steve Jobs and so on..
</p>
<br>
<br>
<a href="biography.html" target="_blank">
<button class="orange">get motivated</button>
</a>
</div>
</div>
</section>
<!--feature section close-->
<!--branch section start-->
<section class="branch">
<h2>Our recommendations</h2>
<p>And to help you catch on with peers</p>
<div class = "row">
<div class="branch-col">
<img src = "image/th.jpeg">
<div class="cityname">
<h2 >Potter</h2></div>
</div>
<div class="branch-col">
<img src = "image/th (1).jpeg">
<div class="cityname">
<h2 >Man who saw everything</h2></div>
</div>
<div class="branch-col">
<img src = "image/chitwan.jpeg">
<div class="cityname">
<h2>Chitwan</h2></div>
</div>
</div>
</section>
<!--feedback section start-->
<section class="feedback">
<h2>Feedback</h2>
<p>What our people say</p>
<div class="row">
<div class="feed-col">
<img src = "image/a.jpeg">
<div class="feedname">
<h4>Random girl</h4>
<p><i>"I honestly found this website very useful as it provided me with the right books and their short reviews"</i>
</p>
<br>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
<div class="feed-col">
<img src = "image/c.jpeg">
<div class="feedname">
<h4>Random boy</h4>
<p><i>"I knew I have to get a job in software but dindt know what to read Thanks to this website "</i>
</p><br>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
<div class="feed-col">
<img src = "image/b.jpeg">
<div class="feedname">
<h4>Random her</h4>
<p><i>"Its 5 pm and jst got this god level content now I am Pretty confident with my self. thank u sir Love from butwal. "</i>
</p>
<br>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</section>
<!--feedback section close-->
<!--About us section start-->
<section class="aboutus">
<h1>Hurry Up, We have festival offer for you</h1>
<a href="https://github.com/architO21/modems/tree/stage1#readme" class = "register-btn"> About Us </a>
</section>
<!--About us section close-->
<!--footer section start-->
<section class="footer">
<h3>lets Socialize</h3>
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-linkedin"></i>
<p>Dont forget to like, comment, share and subscribe</p>
<div class="lastline">
<i class="fa fa-copyright"></i> copyright 2021 Readersnepal
<div class="privacy">
Privacy policy
</div>
</div>
</section>
<!--footer section start-->
<script>
var navlink = document.getElementById("navlink");
function showmenu(){
navlink.style.right= "0";
}
function hidemenu(){
navlink.style.right= "-200px";
}
</script>
</body>
</html>