forked from Prajwal0225/My-Favorite-SuperHero
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
162 lines (133 loc) · 5.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Superheroes/About</title>
<link rel="icon" href="./images/superhero.png" type="image/x-icon">
<link rel="stylesheet" href="abt.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<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"
/>
</head>
<body>
<!--navbar-->
<section class="navigation">
<div class="nav-container">
<div class="brand">
<a href="https://prajwal0225.github.io/My-Favorite-SuperHero/"
><i class="fa-solid fa-mask"></i
></a>
</div>
<nav>
<div class="nav-mobile">
<a id="nav-toggle" href="#!"><span></span></a>
</div>
<ul class="nav-list">
<!-- Setting the links to #! will ensure that no action takes place on click. -->
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contributers.html">Contributors</a></li>
</ul>
</nav>
</div>
</section>
<!-- about page -->
<div class="first-para">
<div class="image">
<img class="mainpic" src="images/mainicon.png" alt="" />
</div>
<p>My Fav Superhero</p>
<div>Welcome to the mind-blowing universe of superheroes!<br/>
My Fav Superhero caters to enthusiasts of all levels, <br/>
sparking awe and wonder with its addictive user-friendly <br/>
platform.</div>
</div>
<div class="second-para">
<p>Find Heroes Faster Than a Speeding Bullet</p>
<div>With a clean interface, you can swiftly search for your <br/>
treasured heroes and instantly discover stunning visuals of their<br/>
legendary actions.</div>
</div>
<div class="third-para">
<p>Expect the Unexpected: Random Superhero Generator</p>
<div>Unleash a realm of adventure with our random superhero generator.<br/>
With just a click, you’ll be amazed by exhilarating images of heroes<br/>
waiting to be discovered!</div>
</div>
<div class="heading">
<p>Curious Cases</p>
</div>
<div class="grid-container">
<div class="grid-item">
<h2><b>Who can use the website?</b></h2><br/>
Everyone! My Fav Superhero is designed<br/>
for both superhero fanatics and casual<br/>
enthusiasts seeking fun and excitement.
</div>
<div class="grid-item">
<h2><b>How often is it updated?</b></h2><br/>
We update our content frequently<br/>
to keep you hooked on your beloved heroes!
</div>
<div class="grid-item">
<p>
<h2>Is it free to use?</h2><br>
Absolutely! Dive into our mystifying <br/>
superhero world at no cost!
</p>
</div>
</div>
</div>
</div>
<!--hacktoberfest part idea-->
<div class="head">
<p>🚀 Contributions to this repository will count towards </br>participation in this year's Hacktoberfest.
🚀</br></p>
</div>
<div class="l-container">
<div class="m-container">
<img class="mainpic1" src="images/hacktos.png" alt="" />
</div>
<div class="wr">
<p>
HACKTOBERFEST !!</br>
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>
<!-- main actions elements : end-->
</div>
<div class="footer-container">
<div class="social-icons">
<a href="https://www.linkedin.com/in/prajwalsomalkar/"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://twitter.com/Prajwal__02"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://github.com/Prajwal0225/My-Favorite-SuperHero"><i class="fa-brands fa-github"></i></a>
</div>
</div>
<div class="footer-bottom">
<p>
©<span id="year"></span> Superhero's World By Prajwal Somalkar. All
rights reserved.
</p>
</div>
</body>
</html>