-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
130 lines (107 loc) · 4.8 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
<!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">
<link href = "css/style.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Oxygen&family=Oxygen+Mono&display=swap" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />
<title>AboutMe</title>
</head>
<body>
<!-- Introductory Navigation bar -->
<nav>
<ul>
<li>
<h1> <a href="index.html">
<span class="fas fa-hiking spin" aria-hidden = "true"></span></span>
<span>Ankita Zaveri</span>
</a>
<h1>
</li>
<li><a href="https://marcellia.github.io/AnkitaZaveri/">Projects</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://www.linkedin.com/in/ankitazaveri/" target="_blank"><span class="fab fa-linkedin" aria-hidden="true"></span>
<span class="sr-only">LinkedIn</span></a></li>
<li><a href="https://medium.com/@ankitazaveri.dev" target="_blank"><span class="fab fa-medium" aria-hidden="true"></span>
<span class="sr-only">MediumPost</span></a></li>
<li><a href="https://github.com/Marcellia" target="_blank"> <span class="fab fa-github-square" aria-hidden="true"></span>
<span class="sr-only">Github</span></a></li>
<li><a href="./Ankita Zaveri (1).pdf" download target="_blank" class = "button">Resume</a></li>
</ul>
</nav>
<!-- instructions in JavaScript block -->
<div class = gradient-box> <div style=width:5% class=gradient data-index="gradient"></div></div>
<div class="section-blue">
<section id="projects">
<h2 > About Me</h2>
<article>
<div class="text">
<h4> Hello! My name is Ankita Zaveri </h4>
<h3>I am a Self-Taught Full-Stack Developer</h3>
<p class="blackbox"> I love being part of a creative process.
My work experience ranged from a Subway sandwich artist to a Risk Associate professional. This range of experience makes me very resourceful and a creative problem solver. My focus these days is to build accessible, and inclusive web applications.
When I am not working, coding, learning, or drinking coffee, I am reading a mystery novel, solving a sudoku or taking to the trails and immersing myself in nature.
I also recently published few <a href="https://medium.com/@ankitazaveri.dev" target="_blank">articles </a> that provides valuable resources to learn more about React, NodeJS, Express, and Axios.<br> Here are a few technologies I’ve been working with recently:</p>
<ul>
<li>ReactJS</li>
<li>NodeJS</li>
<li>JavaScript</li>
<li>HTML5</li>
<li>CSS</li>
</ul>
</div>
<img src="img/Anki.jpg" />
</article>
</section>
</div>
<div class=gradient></div>
<!-- contact -->
<div class="section-plum">
<section id = "contact">
<h2>Contact me</h2>
<p>I'm always interested in hearing about new job opportunities, website development projects, and design work.</p>
<h4> <a href="mailto: [email protected]" target="_blank" class = "button">Email me</a></h4>
</section>
</div>
<div class=gradient></div>
<!-- Form
<div class="section-plum Form">
<form action="mailto:[email protected]" method="post" enctype="text/plain" >
FirstName:<input type="text" name="FirstName">
Email:<input type="text" name="Email">
<input type="submit" name="submit" value="Submit">
</form> -->
<!-- Footer -->
<div class=gradient></div>
<footer>
<h2>Ankita Zaveri · Software Developer </h2>
<ul>
<li>
<a href= "https://www.linkedin.com/in/ankitazaveri/" target="_blank">
<span class="fab fa-linkedin" aria-hidden="true"></span>
<span class="sr-only">LinkedIn</span>
</a>
</li>
<li><a href="https://medium.com/@ankitazaveri.dev" target="_blank"><span class="fab fa-medium" aria-hidden="true"></span>
<span class="sr-only">MediumPost</span></a></li>
<li>
<a href=https://github.com/Marcellia target="_blank">
<span class="fab fa-github-square" aria-hidden="true"></span>
<span class="sr-only">Github</span>
</a>
</li>
<li>
<a href="mailto:[email protected]">
<span class="fas fa-envelope" aria-hidden="true"></span>
<span class="sr-only">Email</span>
</a>
</li>
</ul>
<p><small>© 2021 Ankita Zaveri. All rights reserved.</small></p>
</footer>
<script src="about.js"></script>
</body>
</html>