-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
142 lines (123 loc) · 8.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Title -->
<title>About My Page</title>
<!-- Metadata (data about page data) about character encoding -->
<meta charset="UTF-8">
<!-- Letting browser know website is scalable and to be scaled 1x by default to look good on all screens -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=yes">
<!-- Setting Page Theme Color, some browsers use it to change tab color accordingly -->
<meta name="theme-color" content="#000">
<!-- Setting Page Description -->
<meta name="description" content="My Personal Website - About Page">
<!-- Setting Page Icon -->
<link rel="icon" href="uploads/images/MyLogo.svg" type="image" sizes="16x16 32X32" />
<!-- Compiled and minified Materialize CSS and JavaScript -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Bootstrap 4.5.0 CSS and JS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Common CSS file for all webpages -->
<link rel="stylesheet" href="uploads/css/common-stylesheet.css" />
</head>
<body>
<div id="preloader" class="position-fixed d-flex justify-content-center align-items-center"> <!-- Page Preloader -->
<div class="loader fixBox">
<div class="absolutePositionedDivisionAsALoaderContainer">
<div class="loadBar">
<div class="loader-dot"></div>
<div class="loader-dot"></div>
<div class="loader-dot"></div>
</div>
<span class="text-element">Loading</span>
</div>
</div>
</div>
<nav class="nav nav-wrapper navbar-nav sticky-top navbar-dark bg-dark">
<a class="brand-logo" href="/">HG</a>
<a data-target="mobile-sidebar" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down ml-auto">
<li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="feedback.html">Feedback</a></li>
</ul>
<ul class="sidenav" id="mobile-sidebar">
<li><a href="/">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li> <div class="divider"></div> </li>
<li>
<div class="social-links">
<a class="social-link" id="link-github" href="https://github.com/Git-Harshit" target="_blank" data-toggle="tooltip" title="GitHub"><i class="fa fa-github"></i></a>
<a class="social-link" id="link-linkedin" href="https://www.linkedin.com/in/harshitkumargupta" target="_blank" data-toggle="tooltip" title="LinkedIn"><i class="fa fa-linkedin"></i></a>
<a class="social-link" id="link-mail" href="mailto:askharshitgupta@gmaill.com" data-toggle="tooltip" title="Mail"><i class="fa far fa-envelope"></i></a>
</div>
</li>
</ul>
</nav>
<div class="about-content content">
<h2 class="content-header">About the Site</h2>
<h4 class="content-subheader">Motive</h4>
<p class="body-content">
This website is solely created to establish an easy to access, online page on me, Harshit Kumar Gupta,
and provide all the essential details that must be included for anyone to get to know more about me with this reliable
source of information.
<br><br>
Apart from other online social media sites, this webpage includes some professional as well as personal information on
me. With this page, I also aim to deliver whatever people would like to know about me, in general. Using this page, you
may find it easier to get my introduction and have knowledge about my deeds and preferences. For more details, feel free
to contact and connect with me.
</p>
<h4 class="content-subheader">Development</h4>
<p class="body-content">
This website is parked for free here<span class="URL_Box"></span>. The page is kept open-source for anyone to check or
contribute to its development and/or further improvements. You can check its repository at GitHub. There, you should also
be able to clone, follow, fork and star it.
</p>
<div class="buttons-toCheck-list">
<button class="btn btn-info waves-effect waves-light btn-large" id="github-repo-button"> </> Check GitHub Repository </button>
</div>
<br>
<h4 class="content-subheader">Additional Information</h4>
<p class="body-content">
While this website is made as you're surfing it, anyone is free to use any part of this project, <mark><em>without including any
of my personal information.</em></mark>
Also, any further improvisations to parts that are to be reused, are highly appreciated.
While copying, make sure that your use will be adhered to GNU GPL (General Public License) v3.0. It is available in the github repository. You can also find it at <a href="https://www.gnu.org/licenses/">GNUs Official Site</a>.
</p>
</div>
<footer class="footer page-footer site-footer">
<div class="footer-copyright bg-dark">
<div class="container">
This site is maintained and published by <a href="https://github.com/Git-Harshit" class="text-light">Harshit Gupta</a>.
<a class="grey-text text-lighten-4 right" href="https://github.com/Git-Harshit/git-harshit.github.io/blob/master/LICENSE">| License |</a>
<a class="grey-text text-lighten-4 right" href="#top">| Back to Top |</a>
</div>
</div>
</footer>
<!-- Using Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Noticia%20Text&family=Text+Me+One" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Rajdhani&family=Play&display=swap');
</style>
<!-- Font Awesome (Free Version) - Imported using Registered Kit via official CDN, using official CDN -->
<script src="https://kit.fontawesome.com/256e304746.js" crossorigin="anonymous"></script>
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" crossorigin="anonymous"> < !-- Renders Icons as Webfonts [Facing Error with social media icons] -->
<!-- <script defer src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" integrity="sha384-ujbKXb9V3HdK7jcWL6kHL1c+2Lj4MR4Gkjl7UtwpSHg/ClpViddK9TI7yU53frPN" crossorigin="anonymous"></script> < !-- Renders Icons as SVGs [Facing Error with social media icons] -->
<!-- Material Icons, compatible with materialize.css -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Including Add-ON Toolkits -->
<!-- Compiled and minified Materialize JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- jQuery, Popper and Bootstrap 4.5.0 JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<!-- Page Specific CSS -->
<link rel="stylesheet" href="uploads/css/about-stylesheet.css" />
<!-- Linking common JS file, programmed for all pages in this webpage -->
<script src="uploads/js/common-script.js"></script>
<!-- Page Specfic JS File -->
<script src="uploads/js/about-script.js"></script>
</body>
</html>