-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
135 lines (131 loc) · 4.17 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- external css -->
<link rel="stylesheet" href="style.css" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<!-- Google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Open+Sans:wght@300&family=Oswald:wght@400;700&display=swap"
rel="stylesheet"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="./images/android-chrome-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./images/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
<title>SuperHeroInfo</title>
</head>
<body style="background-color: rgba(0, 0, 0, 0.2)">
<h1 class="my-2">Search Any SuperHero Of Your Choice</h1>
<nav
class="navbar navbar-expand-lg navbar-light bg-danger sticky-top my-3 mx-3"
>
<div class="container-fluid">
<a class="navbar-brand" href="./home.html">
<img
src="./images/images.png"
alt="logo"
width="30"
height="30"
class="rounded-pill"
/>
</a>
<span class="navbar-text">Super-Hero-Info</span>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link mx-2" aria-current="page" href="./home.html"
>Home</a
>
</li>
<li class="nav-item">
<a
class="nav-link mx-2"
href="https://www.buzzfeed.com/kristenharris1/marvel-movie-random-trivia-quiz"
target="_blank"
>Marvel Fans Quiz</a
>
</li>
<li class="nav-item">
<a class="nav-link active mx-2" href="./about.html">About Us</a>
</li>
<li class="nav-item">
<a
class="nav-link mx-2"
href="mailto:superheroinfo18@gmail.com?subject=Regarding Feedback"
>Mail Us</a
>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<h2 class="text-center">What This Website Do?</h2>
<p>
This Website Provides You The Full Information About Your Favourite
Super Hero Character Like What's His/Her Full Name Place Of Birth etc.
</p>
<hr />
<h2>
<p>
Special Credits To The Developer Of The API I Used To Make This
Website To Fetch Data
</p>
</h2>
</div>
<footer class="bg-light text-center text-lg-start">
<!-- Copyright -->
<div
class="text-center p-3"
style="background-color: rgba(0, 0, 0, 0.541)"
>
© 2022 Copyright:
<h6>SuperHeroInfo All Rights Reserved</h6>
</div>
<!-- Copyright -->
</footer>
</body>
<script src="./main.js"></script>
<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>
</html>