-
Notifications
You must be signed in to change notification settings - Fork 0
/
dendro.html
130 lines (112 loc) · 5.27 KB
/
dendro.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
<!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, initial-scale=1.0">
<title>Dendro Element</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<div style="background: url(dendro2.webp)" class="jumbotron bg-cover text-white">
<div class="container py-5 text-center">
<h1 class="display-4 font-weight-bold">Dendro Element</h1>
<p class="font-italic mb-0">Dendro is an element of nature. Its associated Archon is Kusanali, whose domain is Sumeru.
</p>
</div>
</div>
</head>
<body style="background-color: rgb(97, 94, 94);">
<div class="container py-5">
<div class="row">
<div class="col-lg-20 mb-2">
<h2 style="font-family: 'Lucida Sans';" class="col py-3">
What is Dendro?
</h2>
<p class="font-italic"> Some enemies may create a Dendro shield or constructs, giving them great attacking or defensive skills. Breakable shields and constructions must be broken with Pyro applications. When Pyro collides with Dendro, Burning starts. This effect can go through a lot
of HP really quickly if not stopped.
</p>
</div>
<div class="col-lg-20">
<p>
Moreover,burning is unique because only Pyro characters can utilize this reaction. If you inflict
any other element onto a Dendro status, it will simply stack or not stay on for long.</p>
</div>
</div>
</div>
<div class="col-lg-20 py-4">
<h2 style="font-family: 'Lucida Sans'; color: rgb(255, 255, 255);text-align: center;">
What are the Elemental Reactions Related to Dendro Element?
</h2>
</div>
<div class="container py-3">
<div class="row">
<div class="col" style="font-family: Impact;">
Reactions
</div>
<div class="col" style="font-family: Impact;">
Elements
</div>
<div class="col-6" style="font-family: Impact;">
Results
</div>
</div>
<!--second grid-->
<div class="row">
<div class="col py-6" style="font-family: 'Lucida Sans'; color: bisque;">
Burning
</div>
<div class="col">
Dendro + Pyro
</div>
<div class="col-6">
You will deal Pyro damage over time. The grass is considered a Dendro object and will spread the burn effect around the area.
</div>
</div>
</div>
<h2 style="font-family: 'Lucida Sans';text-align: center; color: rgb(255, 255, 255);" class="col py-3">
Dendro Characters
</h2>
<p style="text-align: center; color: rgb(255, 255, 255);" class="col py-3">Currently, there are no playable Dendro characters in the game.</p>
<!--Slides-->
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="d.jpg" class="d-block w-100" alt="Dendro Vision">
<div class="carousel-caption d-none d-md-block">
<h5>Dendro Vision</h5>
<p>There's no playable Dendro Character yet.</p>
</div>
</div>
<div class="carousel-item">
<img src="Genshin-impact-baizhu.jpg" class="d-block w-100" alt="Baizhu">
<div class="carousel-caption d-none d-md-block">
<h5>Baizhu</h5>
<p style="color: black;">He is the owner of Bubu Pharmacy, a pharmacy in Liyue Harbor, and has a
talking pet character, Changsheng, the white snake resting on his shoulders. He is Qiqi's
guardian.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</body>
</html>