-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-miraj.html
94 lines (85 loc) · 5.46 KB
/
about-miraj.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"><!-- Favicon -->
<link href="assets/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="76x76">
<link href="assets/favicon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="assets/favicon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="assets/favicon/site.webmanifest" rel="manifest">
<link href="assets/favicon/safari-pinned-tab.svg" rel="mask-icon">
<meta content="#ffffff" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color"><!-- Bootstrap CSS -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Ubuntu:300,700" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
<link href="css/miraj.css" rel="stylesheet">
<title>About Miraj Patel - Portfolio</title>
</head>
<body>
<button onclick="topFunction()" id="BackToTop" class="display-4" title="Go to top of the page"><i class="fas fa-chevron-circle-up"></i></button>
<div class="navigation d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="index.html" title="Home"><img class="logo" src="assets/logo.svg" class="img-fluid" /></a>
<ul class="list-inline float-right">
<li class="list-inline-item"><a href="about-miraj.html" title="Learn more about Miraj">About</a></li>
<li class="list-inline-item"><a href="assets/mirajpatel-resume-april2019.pdf" title="View resume" target="_blank">Resume <i class="far fa-file-pdf"></i></a></li>
<li class="list-inline-item"><a href="mailto:[email protected]" title="Contact" target="_blank">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="gray">
<div class="container">
<div class="row mb-5">
<div class="col-lg-6 mt-5">
<div class="card show-card">
<div class="card-body">
<img src="assets/mirajpatel-profile.jpg" alt="Photo of Miraj Patel" class="img-fluid" />
</div>
</div>
</div>
<div class="col-lg-6 mt-5">
<h2 class="display-4 mb-4 mt-4">About Me</h2>
<p>I bring a diverse set of skills, across multiple industries, with companies of all sizes including at a design agency, tech startups, and implementing design change in the enterprise. Mostly recently worked as a Product Designer for Prudential Financial, I have also previously worked alongside the teams at Hertz, Vydia, iSpeech, and Ande & Partners.</p>
<p>As a self-starter and curious learner, I consider myself a <a href="https://medium.com/desk-of-van-schneider/what-being-a-jack-of-all-trades-really-means-5ad47e84d1f0" target="_blank" title="Link to article about Jack of All Trades">Jack of All Trades</a>, and a master of <s>none</s> some, practicing User Experience, Visual Design and Front-End Development. I enjoy taking a human-centric approach to find a balance between both form and functionality in digital interfaces.</p>
<p>When I'm not designing, I love to travel and indulge myself in the diverse cultures and history the world has to offer. My most recent travel include trips to Spain and South Korea. Outside of traveling, I am also a huge basketball and football fan and love to support my teams.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mb-5">
<div class="col-md-12 text-center">
<h3 class="h1 mt-5 mb-5">Miraj's Journey</h3>
<img src="assets/miraj-journey.png" alt="Miraj's journey" class="img-fluid" />
</div>
</div>
</div>
<footer class="gray">
<div class="container">
<div class="row">
<div class="col-lg-6">
<p><strong>Get in touch with Miraj:</strong></p>
<p><span class="mr-3"><a href="mailto:[email protected]" title="By Email" target="_blank">Email <i class="fas fa-envelope"></i></a></span><span class="mr-3"><a href="https://www.linkedin.com/in/madebymiraj/" title="On LinkedIn" target="_blank">LinkedIn <i class="fab fa-linkedin"></i></a></span><span class="mr-3"><a <a href="https://www.twitter.com/madebymiraj/" title="On Twitter" target="_blank">Twitter <i class="fab fa-twitter"></i></a></span><span class="mr-3"><a <a href="https://www.github.com/madebymiraj/" title="On Github" target="_blank">Github <i class="fab fa-github"></i></a></span></p>
</div>
<div class="col-lg-6 text-md-right">
<p>©2019 Miraj Patel, All Rights Reserved.</br>Built with care using <a href="https://getbootstrap.com" title="Visit Bootstrap's website" target="_blank">Bootstrap</a> & <a href="https://jekyllrb.com/" title="Visit Jekyll's website" target="_blank">Jekyll</a>.</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js">
</script>
<script src="js/miraj.js">
</script>
</body>
</html>