forked from Prajwal0225/My-Favorite-SuperHero
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
179 lines (179 loc) · 7.03 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
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
<!doctype html>
<html lang="en">
<head>
<!-- global head -->
<meta charset="UTF-8" />
<meta name="author" content="Prajwal,MadhuraFulkar and Our Contributers" />
<meta
name="description"
content="the site generates images and information of your favourite superhero, know your hero"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="icon" href="/images/superhero.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Eater&family=Inter:wght@400;600;700&family=Lilita+One&family=Rowdies:wght@700&family=Rubik:wght@500&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/hamburgers/1.2.1/hamburgers.min.css"
integrity="sha512-+mlclc5Q/eHs49oIOCxnnENudJWuNqX5AogCiqRBgKnpoplPzETg2fkgBFVC6WYUVxYYljuxPNG8RE7yBy1K+g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- end global head -->
<title>About - Superheroes</title>
<link href="styles/about.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- navigation -->
<nav class="navigation">
<div class="brand">
<a href="/">
<i class="fa-solid fa-mask"></i>
</a>
</div>
<div id="menu">
<button class="hamburger hamburger--elastic" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="list">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contributor.html">Contributors</a>
</div>
</nav>
<!-- end navigation -->
<section id="content-1" class="container">
<div>
<div data-aos="fade-up" data-aos-duration="700">
<h2 class="color-orange">My Fav Superhero</h2>
<p class="color-gray">
Welcome to the mind-blowing universe of superheroes! My Fav
Superhero caters to enthusiasts of all levels, sparking awe and
wonder with its addictive user-friendly platform.
</p>
</div>
<div data-aos="fade-up" data-aos-duration="1000">
<h2 class="color-orange">
Find Heroes Faster Than a Speeding Bullet
</h2>
<p class="color-gray">
With a clean interface, you can swiftly search for your treasured
heroes and instantly discover stunning visuals of their legendary
actions.
</p>
</div>
<div data-aos="fade-up" data-aos-duration="1300">
<h2 class="color-orange">
Expect the Unexpected: Random Superhero Generator
</h2>
<p class="color-gray">
Unleash a realm of adventure with our random superhero generator.
With just a click, you’ll be amazed by exhilarating images of heroes
waiting to be discovered!
</p>
</div>
</div>
<div>
<img src="images/hero.png" alt="" />
</div>
</section>
<section id="content-2" class="container">
<h2 align="center">Curious Cases</h2>
<div>
<div data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">
<h3 class="color-orange">Who can use the website?</h3>
<p class="color-gray">
Everyone! My Fav Superhero is designed for both superhero fanatics
and casual enthusiasts seeking fun and excitement.
</p>
</div>
<div data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">
<h3 class="color-orange">How often is it updated?</h3>
<p class="color-gray">
We update our content frequently to keep you hooked on your beloved
heroes!
</p>
</div>
<div data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">
<h3 class="color-orange">Is it free to use?</h3>
<p class="color-gray">
Absolutely! Dive into our mystifying superhero world at no cost!
</p>
</div>
</div>
</section>
<section class="info-contribute">
<div>🚀</div>
<h1>
Contributions to this repository will count towards participation in
this year's Hacktoberfest.
</h1>
<div>🚀</div>
</section>
<section class="container" data-aos="fade-down" data-aos-duration="1000">
<div class="hacktoberfest">
<div>
<img src="images/hacktos.png" alt="" />
<p>
Hacktoberfest is DigitalOcean’s annual event that encourages people
to contribute to open source throughout October. Much of modern tech
infrastructure-including some of DigitalOcean’s own products-relies
on open-source projects built and maintained by passionate people
who often don’t have the staff or budgets to do much more than keep
the project alive. Hacktoberfest is all about giving back to those
projects, sharpening skills, and celebrating all things open source,
especially the people that make open source so special. For the past
10 years, thousands of people-coders and non-coders alike-have
participated in Hacktoberfest to support the projects they use and
love, learn and practice skills that will enhance their careers, and
meet new people who love open source as much as they do.
</p>
</div>
</div>
</section>
<!-- footer -->
<footer class="footer">
<div class="link">
<a target="blank" href="https://www.linkedin.com/in/prajwalsomalkar/">
<i class="fa-brands fa-linkedin"></i>
</a>
<a target="blank" href="https://twitter.com/Prajwal__02">
<i class="fa-brands fa-x-twitter"></i>
</a>
<a target="blank" href="https://github.com/Prajwal0225" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
<div>
<p align="center" class="bookmark">
©
<span id="year"></span>
Superhero's World By Prajwal Somalkar. All rights reserved.
</p>
</div>
</footer>
<!-- end footer -->
<!-- script -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="js/app.js" type="module"></script>
<script src="js/about.js" type="module"></script>
<!-- end script -->
</body>
</html>