-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
492 lines (459 loc) · 30 KB
/
index.html
File metadata and controls
492 lines (459 loc) · 30 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
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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport"
content="width=device-width, userscalable=no, initial-scale=1.0, maximum-scale=3.0, minimum-scale=0.5">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
<title>Chinese novel</title>
</head>
<body>
<div class="modal fade" id="register-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Parfums</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade bd-ad-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<img class="img-fluid" src="https://devisefunction.com/wp-content/uploads/2010/04/Picture-1.jpg" alt=""
srcset="">
<div>
<button type="button" class="btn btn-primary modal-ok">Ok</button>
</div>
</div>
</div>
</div>
<!-- ----------------------------------------------------------------------- -->
<nav class="navbar navbar-expand-lg transition-time navbar-dark" id="nav-bar">
<img class="logo" src="images/logo.png" />
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-start" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#about">Top<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#network">Masterpiece<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#features">Hanfu<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#order">Fackts<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#reviews">Rewiev<span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="#faq">FAQ<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
<!-- ---------------------------------------------------------------------------- -->
<main>
<section class="top-cover top-background">
<div class="banner-content col-lg-10">
<h5 class="text-white text-uppercase" >Books are a uniquely portable magic</h5>
<h1 > Chinese Wizardry</h1>
</div>
</section>
<section class="about-area" id="about">
<div class="container text-center">
<h3> The Best Novels of the Decade </h3><br>
<div class="row">
<div class="col-sm-4">
<img src="https://i.pinimg.com/564x/5a/87/88/5a87882940fc2a7c77f6be645519b210.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>The Founder of Diabolism </p>
</div>
<div class="col-sm-4">
<img src="https://i.pinimg.com/564x/af/33/52/af335201b177ce374dfafae75b2e3bc1.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Heaven Officials' Blessing</p>
</div>
<div class="col-sm-4">
<img src="images/2.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>The Scum Villain's Self-Saving System </p>
</div>
</div>
</div><br>
</section>
<section class="home-about-area" id="network">
<section class="page-section" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">About Another Masterpiece</h2>
<h3 class="section-subheading text-muted">Author Mo Xiang Tong Xiu has written three danmei novels with a fourth on the way.</h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="images/1.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>April 2009</h4>
<h4 class="subheading">Heaven's Official Blessing</h4>
</div>
<div class="timeline-body"><p class="text-muted">The story has been described as follows:
“Eight hundred years ago, Xie Lian was the Crown Prince of the Xian Le kingdom; one
who was beloved by his citizens and the darling of the world. Unsurprisingly, he
ascended to the Heavens at a very young age.</p></div>
<div class="timeline-body"><p class="text-muted"> Now, eight hundred years later, Xie Lian
ascends to the Heavens for the third time as the laughing stock of all three realms.
On his first task as a god, he meets a mysterious demon who rules the ghosts and
terrifies the Heavens……yet unbeknownst to Xie Lian, this
demon king has been paying attention to him for a very, very long time.”
</p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="images/3.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>March 2011</h4>
<h4 class="subheading">Xie Lian</h4>
</div>
<div class="timeline-body"><p class="text-muted"> I’ve described the story as follows:The story follows Wei Wuxian, a spiritual cultivator
who died 13 years prior to the start of the story. He was a controversial figure in his time as
he used the ‘dark arts’ to utilize his magic. He becomes known as the founder of the Demonic
Path as a result of this practice.</p></div>
<div class="timeline-body"><p class="text-muted"> When the series begins, a man named Mo Xuanyu decides to sacrifice his soul to bring
Wei Wuxian back to life. In doing so, Wuxian would resurrect in Xuanyu’s body. </p></div>
<div class="timeline-body"><p class="text-muted">The ritual works, and Wei Wuxian returns,
slightly confused at his unexpected resurrection, but ready to do whatever task
Xuanyu has summoned him to do.
Wei Wuxian gets a surprise second chance at life, but he’s haunted by the reputation he left behind prior to his death. He quickly finds himself interacting with people he knew before he died, some of whom suspect his true identity and some who don’t. He embarks on adventures fighting monsters and solving mysteries across the countryside, dealing with the fallout
from his previous life along the way.</p></div>
</div>
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="images/4.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>December 2012</h4>
<h4 class="subheading">Grandmaster of Demonic Cultivation</h4>
</div>
<div class="timeline-body"><p class="text-muted">“Can’t I read harem novels anymore?!”
Shen Yuan is reborn into a scum villain in a harem novel,
destined to die by the hands of the protagonist, Shen Qingqiu.</p></div>
<div class="timeline-body"><p class="text-muted">But, if you must know, the original Shen Qingqiu was sliced alive by his disciple, Luo Binghe, into a human stick! A human stick!
Shen Qingqiu’s heart is a full herd of grass mud horses running full tilt, yet:
“It’s not like I don’t want to hug the protagonist’s thighs, but who let this man be so blackened. The revenge that needs to be taken is some thousands of deeds!”</p></div>
<div class="timeline-body"><p class="text-muted">Why are all the romance that should be given to the women in the plot imposed on him?
Why, as a scum villain, should he still have to take the bullet for the protagonist and sacrifice himself?
Shen Qingqiu: “……I think I can still save him one more time.”</p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="images/6.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 2016</h4>
<h4 class="subheading"> Mo Dao Zu Shi</h4>
</div>
<div class="timeline-body"><p class="text-muted">In nineteenth-century China, in a remote
Hunan county, a girl named Lily, at the tender age of seven, is paired with a laotong,
“old same,” in an emotional match that will last a lifetime.</p></div>
<div class="timeline-body"><p class="text-muted">The laotong, Snow Flower,
introduces herself by sending Lily a silk fan on which she’s painted a poem in nu shu,
a unique language that Chinese women created in order to
communicate in secret, away from the influence of men.</p></div>
</div>
</li>
<li >
<div class="timeline-image"><img class="rounded-circle img-fluid" src="images/5.jpg" alt="" /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 2019</h4>
<h4 class="subheading">ERHA </h4>
</div>
<div class="timeline-body"><p class="text-muted">Mo Ran thought becoming Chu Wanning's disciple was a mistake.
His shizun was really too much like a cat, while he himself was a dumb pup
who'd only slobber and wag his tail.
Dog and cats were different by nature; originally, the dumb pup didn't
want to extend his furry paws to that cat.</p></div>
<div class="timeline-body"><p class="text-muted">He originally thought, dogs should be with dogs, like his shixiong,
beautiful and tame like a cute Japanese Spitz, and the two of them together
would surely be a match made in heaven.
Yet, after having died and reborn, after having lived two lives, the o
ne he hauled back each time to his den in the end was always the one he couldn't stand at first: the snow-white kitty shizun.</p></div>
</div>
</li>
<li class="timeline-inverted ">
<div class="timeline-image bot">
<h4>
Foreign Magic
<br />
In
<br />
every book
</h4>
</div>
</li>
</ul>
<div class="br"> </div>
</div>
</section>
</section>
<section class="feature-area section-gap" id="features">
<div class="container-fluid">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6 home-about-left">
<img class="img-fluid1" src="images/10.jpg" alt="">
</div>
<div class="col-lg-6 home-about-right">
<h1>History of Hanfu</h1>
<p>
<span>The story of clothing and costumes is one of the most fascinating developments in human history.</span>
</p>
<p>
Every different dynastic has different scopes of territory, social values, social norms,
etc. Therefore, many aesthetic standards were made according to the environments
(socially, geographically, economically, politically) of certain dynastic.
This is the main reason why traditional Chinese clothing has such many styles.
</p>
</div>
</div>
</div>
</section>
<section class="feature-area section-gap" id="features">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="text-center">
<h1>6 fun facts about Mo Dao Zu Shi</h1>
<p>This is posted on Moxiang Tongxiu </p>
</div>
</div>
<div class="row feature-box">
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/1.png" class="number"> Fairy is actually a Husky</h4>
<p>
When I set up this character,
I didn’t know that huskies were… not that intelligent, so now in my mind
Fairy still has the look of a Husky.
Let’s just think that Fairy is an extremely intelligent mutated Husky okay…
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/2.png" class="number">Lan Qiren has a beard </h4>
<p>
However, it was shaved clean by Zangse Sanren. He was so mad!
Later, the son of Zangse Sanren also shaved his beard… (but I did not write about it).
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/31.png" class="number"> Make Xingchen laugh</h4>
<p>
Both Xueyang and Ah Qing knew about this but they would never tell Xingchen.
Song Lan did not know about this, because the dude never ever laughed
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/4.png" class="number"> Lan Sizhui is older than Jin Ling</h4>
<p>
But both of them are 172-cm tall. Sizhui suffered from malnutrition when he was a child,
and only ate bland food when he was growing up, therefore his development is a bit slow…
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/5.png" class="number"> Jiang Cheng went to blind dates</h4>
<p>
Here are Jiang Cheng’s requirements in his partner: naturally beautiful,
graceful and obedient, hard-working and thrifty, coming from a respected family,
cultivation level not too high, personality not too strong
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="feature-card">
<h4><img src="images/6.png" class="number"> In order to confess to Jiang Yanli</h4>
<p>
Jin Zixuan specifically hired someone to write a long long long cheesy essay, and he
learnt it by heart. Turned out he did not use a single sentence.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="buy-area section-gap" id="order">
<section class="faq-area section-gap" id="faq">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-lg-10">
<div class="title">
<h1 class="mb-10 text-center">Frequently Asked Questions</h1>
<p class="text-center">The Chinese aesthetic tradition</p>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-lg-6 faq-left">
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<button class="collapsed" data-toggle="collapse" data-target="#collapseOne"
aria-expanded="true" aria-controls="collapseOne">
Does Xie Lian find out that Cheng is Hong-er?
</button>
</h5>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne"
data-parent="#accordion">
<div class="card-body">
Yes. Xie Lie will realize on Cave of Ten Thousand Gods, Face of Ten Thousand
Gods Revealed. Chap. 173-179. As for when he'll
confront San Lang. That will be near the end.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<button class="collapsed" data-toggle="collapse" data-target="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">
Who would you cast to play Xie Lian?
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
data-parent="#accordion">
<div class="card-body">
I'd cast Song Jiyang as Xie Lian (but seems impossible since he already was in cql)
and Song Weilong as Hua Cheng! For Xiao Zhan, he looks beautiful no doubt but it wouldn't
be beneficial to him to get another role in a BL adaptation, specially the shou character.
Personally, seeing him playing Xie Lian
would be too confusing, he was already another of mxtx's mc's.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<button class="collapsed" data-toggle="collapse" data-target="#collapseThree"
aria-expanded="false" aria-controls="collapseThree">
Quote from the book?
</button>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree"
data-parent="#accordion">
<div class="card-body">
The one standing in infinite glory is you; the one
fallen from grace is also you.
What matters is ‘you’ and not the state of you.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour">
<button class="collapsed" data-toggle="collapse" data-target="#collapseFour"
aria-expanded="false" aria-controls="collapseFour">
What is clothing in china was in novels?
</button>
</h5>
</div>
<div id="collapseFour" class="collapse" aria-labelledby="headingFour"
data-parent="#accordion">
<div class="card-body">
Hanfu,Zhongshan Suit,Tang Suit, Cheongsam
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="review-area section-gap" id="reviews">
</section>
</main>
<footer>
<div class="container1">
<div class="row">
<div class="col-md-4">
<h6 class="text-white">Follow Us</h6>
<div>
<a href=""><a href="http://www.facebook.com"><i class="fa fa-facebook"></i> Facebook</a></a>
<a href=""><a href="http://www.twitter.com"><i class="fa fa-twitter"></i> twitter</a></a>
<a href=""><a href="http://www.pinterest.com"><i class="fa fa-pinterest"> Pinterest</i></a></a>
</div>
</div>
<div class="col-md-4">
<h6 class="text-white">Mo Xiang Tong Xiu</h6>
<p class="text-white-50"> The author of the novel Heaven Official's Blessing which
was published
for the first time on JJXWC, an online novel site</p>
</div>
<div class="col-md-4">
<h6 class="text-white">Join us</h6>
<div>
<a href="reg.html">
<button type="submit" class="btn btn-primary" id="register-btn">Register</button>
</a>
<button type="submit" class="btn btn-primary" id="register-btn">Login</button>
</div>
</div>
</div>
</div>
<a class="go-up transition-time" id="go-up-btn" href="#">
<div class="outside">
<div class="inside"></div>
</div>
</a>
</footer>
<script src="js/index.js"></script>
</body>
</html>