-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (167 loc) · 8.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Favicon -->
<link rel="icon" href="assets/img/favicon-portfolio.svg" type="image/png">
<!-- Remixicon -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<!-- Linking useful css file -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/header.css">
<link rel="stylesheet" href="assets/css/about.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/resume.css">
<link rel="stylesheet" href="assets/css/contact.css">
<!-- Social-icons script -->
<script src="https://kit.fontawesome.com/4bff2ef1c5.js" crossorigin="anonymous"></script>
<!-- Title of Home Page -->
<title>Ayush - Portfolio</title>
</head>
<body>
<!-- Header section starts -->
<!-- ------- ------- -------- --------- --------- --------- --------->
<header class="header">
<nav class="navbar">
<div id="nav-close"></div>
<a href="index.html" target="_parent">About</a>
<a href="resume.html">Resume</a>
<a href="project.html">Projects </a>
<a href="contact.html">Contact</a>
</nav>
<button class="hamburger hamburger--emphatic" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</header>
<!-- Navigation Menu starts -->
<!-- ------- ------- -------- --------- --------- --------- --------->
<nav class="navigation__menu">
<ul class="nav-categories ul-base">
<li><a href="index.html" target="_parent">About </a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="project.html">Projects </a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="social-and-copyright">
<ul class="social-list ul-base">
<li><a a class="social-media-link" href="https://twitter.com/AyushBM1" target=_blank>
<i class="fab fa-twitter fa-lg"></i>
</a></li>
<li><a a class="social-media-link" href="https://www.instagram.com/ayush.bm/" target=_blank>
<i class="fab fa-instagram fa-lg"></i>
</a></li>
<li><a a class="social-media-link" href="https://www.linkedin.com/in/ayush-b-m/" target=_blank>
<i class="fab fa-linkedin-in fa-lg"></i>
</a></li>
<li><a a class="social-media-link" href="https://github.com/ayush-sleeping" target=_blank>
<i class="fab fa-github fa-lg"></i>
</a></li>
<li> <a a class="social-media-link" href="mailto:[email protected]" target=_blank>
<i class="fas fa-envelope-open fa-lg"></i>
</a></li>
</ul>
<div class="copyright">
<span>Ayush B Mishra</span>
</div>
</div>
</nav>
<!-- Home section starts -->
<!-- ------- ------- -------- --------- --------- --------- --------->
<section class="home" id="home">
<div class="home__container container grid">
<img src="assets/img/Ayush pic.jpeg" class="home__img" alt="">
<div class="home__data">
<h1 class="home__name">Ayush Brijesh Mishra</h1>
<p class="home__work">FullStack Web Developer, Skilled in ReactJS + Laravel</p>
<dl class="home__list">
<dt>Interest:</dt>
<dd>Software Development and Fullstack Web Development</dd>
<dt>Education:</dt>
<dd>Bachelor of Science in Computer Science (2020 - 2023) </dd>
<dt>Experience:</dt>
<dd>+1 YOE in Software Development (2023 - 2024)</dd>
<dt>EMAIL:</dt>
<dd>[email protected]</dd>
<dt>ADDRESS:</dt>
<dd>Mumbai, Maharashtra, India</dd>
</dl>
<div class="home__socials">
<a href="https://github.com/ayush-sleeping" target="_blank" class="home__social-link">
<i class="ri-github-fill"></i>
</a>
<a href="https://www.linkedin.com/in/ayush-b-m/" target="_blank" class="home__social-link">
<i class="ri-linkedin-box-fill"></i>
</a>
<a href="mailto:[email protected]" target="_blank" class="home__social-link">
<i class="ri-mail-fill"></i>
</a>
</div>
</div>
</div>
</section>
<!-- About section starts -->
<!-- ------- ------- -------- --------- --------- --------- --------->
<main class="main-home">
<div class="card">
<div class="card-title">Some Information about me</div>
<p>"Meet Ayush B Mishra, a recent computer science graduate who is passionate about software development and
problem-solving. </p> <br>
<p>Throughout his academic journey, Ayush has nurtured a keen interest in a variety of
courses, with a particular focus on data structures and algorithms, C++ programming, web development,
and
software engineering. He has worked on several college projects and has developed many frontend
websites,
showcasing his skills in HTML, CSS, JavaScript, Git/GitHub, and ReactJS. </p> <br>
<p>Ayush is a skilled programmer with familiar in Android development with Kotlin, C, C#, Python, Java,
ASP.NET,
and Unity, mainly gained through his graduation practicals. <br> Currently, he is honing his
problem-solving
skills with DSA and C++, eager to learn more and make a positive impact in the world of software
development".
</p> <br>
<p>During my pursuit of a bachelor's degree, I actively participated in various open-source programs,
successfully
completing GSSOC (Global Synchronized Spring of Code), JWOC (Jr. Winter of Code), GWOC (GirlScript
Winter of
Code), and Hacktoberfest. These experiences further enhanced my technical skills and allowed me to
contribute to
real-world projects in collaboration with a diverse community of developers.</p> <br>
<p>During my involvement in open-source programs, I made substantial contributions, primarily focusing on
mini
JavaScript projects, Frontend clones, Chrome extensions, CSS effects, landing pages, and enhancing
project
documentation on GitHub. These experiences have not only honed my coding abilities but also strengthened
my
understanding of collaborative development and version control systems.</p>
</div>
</main>
<!-- Footer section starts -->
<!-- ------- ------- -------- --------- --------- --------- --------->
<footer>
<div class="footer">
<div class="row">
<ul>
<li><a href="index.html" target="_parent">About </a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://drive.google.com/file/d/169uQkHJC5THcKCzs2NvaF4hBrZUpSMAm/view?usp=sharing">
Download - Resume</a></li>
</ul>
</div>
<div class="row">
© Copyright 2023 - Ayush B Mishra
</div>
</div>
</footer>
<!-- Linking main JavaScript -->
<script src="assets/js/main.js"></script>
<!-- Icons link -->
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>