-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (180 loc) · 8.49 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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css2?family=Montaga&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Mob Psycho 100</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Mob Psycho 100</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.php">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://wall.alphacoders.com/by_sub_category.php?id=241999&name=Mob+Psycho+100+Wallpapers">
Wallpapers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.php">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.php">Contact</a>
</li>
</ul>
<form class="form-inline my-2 my-leg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner pb-5">
<div class="carousel-item active">
<img src="image/img1.jpg" alt="Mob Psycho 100" width="1100" height="500">
</div>
<div class="carousel-item">
<img src="image/img2.png" alt="Mob Psycho 100" width="1100" height="500">
</div>
<div class="carousel-item">
<img src="image/img3.jpg" alt="Mob Psycho 100" width="1100" height="500">
</div>
<div class="carousel-item">
<img src="image/img4.jpg" alt="Mob Psycho 100" width="1100" height="500">
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<section class="container">
<p class="pt-1" style="color:rgb(113, 33, 153);"><b>Mob Psycho 100</b> is a Japanese anime series based on the webcomic created by One. The anime adaptation was
produced by Bones and directed by Yuzuru Tachikawa. Hiroshi Seko wrote the scripts, Yoshimichi Kameda designed
the characters, and Kenji Kawai composed the music.The series aired between July 12, 2016, and September 27,
2016, on Tokyo MX. For Season 1, the opening theme song, titled "99", was performed by Mob Choir, while the ending
theme song, titled "Refrain Boy" (リフレインボーイ, Rifurein Bōi), was performed by ALL OFF.Shigeo Kageyama is an average
middle school boy, nicknamed Mob (モブ, Mobu, wasei eigo for "background character") for lacking a sense of presence.
Although he looks like an inconspicuous person, he is in fact a powerful esper with immense psychic power. To keep from
losing control of this power, he constantly lives a life under an emotional shackle. In order to help learn how to control
his abilities, Mob works as an assistant to con-man Reigen Arataka, a self-proclaimed psychic. Mob wants to live a normal life
just like those around him, but a barrage of trouble keeps coming after him. With his suppressed emotions growing inside Mob
little by little, his power threatens to break through its limits as he eventually encounters other espers like the Claws.</p>
</section>
<section class="my-5">
<div class="py-5">
<h2 class="text-center">Recommendations</h2>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-lg-4 col-12">
<div class="card" >
<img class="card-img-top" src="image/img7.jpg" alt="Card image" height="330vh">
<div class="card-body">
<h4 class="card-title">Deathnote</h4>
<p class="card-text">Anime</p>
<a href="#" class="btn btn-primary">Go To</a>
</div>
</div>
</div>
<div class="col-lg-4 col-lg-4 col-12">
<div class="card" >
<img class="card-img-top" src="image/img8.jpg" alt="Card image">
<div class="card-body">
<h4 class="card-title">One Punch Man</h4>
<p class="card-text">Anime</p>
<a href="#" class="btn btn-primary">Go To</a>
</div>
</div>
</div>
<div class="col-lg-4 col-lg-4 col-12">
<div class="card" >
<img class="card-img-top" src="image/img9.jpg" alt="Card image">
<div class="card-body">
<h4 class="card-title">Dragon Ball Super</h4>
<p class="card-text">Anime</p>
<a href="#" class="btn btn-primary">Go To</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="my-5">
<div class="py-5">
<h2 class="text-center">Our Gallery</h2>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p1.png" alt="Gallery" height="250px" width="400px">
<p style="color:red"><b>Naruto</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p2.jpg" alt="Gallery" height="250px" width="400px">
<p style="color:red"><b>One Peice</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p3.png" alt="Gallery" height="250px" width="400px">
<p style="color:red"><b>Sword Art Online</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p4.png" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>Your Name</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/u1.jpg" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>Attack on Titan</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p6.jpg" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>Tokya Ghoul</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p7.jpg" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>Pokémon</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/p8.jpg" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>You Lie in April</b></p>
</div>
<div class="col-lg-4 col-md-4 col-12">
<img src="image/u2.jpg" alt="Gallery" height="250px" width="400px" class="pt-5">
<p style="color:red"><b>Mirai Nikki</b></p>
</div>
</div>
</div>
</section>
<footer>
<p class="p-3 bg-dark text-white temp text-center">© ShiverWebsite</p>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>