-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
147 lines (134 loc) · 8.85 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
<!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, maximum-scale=1, user-scalable=no">
<title>Miraj Patel - UI/UX Designer</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/psmiraj-theme.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="movetest">
<div class="container nopadding">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="http://www.psmiraj.com">Miraj Patel</a>
<a href="#" id="trigger-overlay" class="pull-right visible-xs" type="button"><i class="fa fa-navicon fa-lg"></i></a>
</div>
<ul class="nav navbar-nav navbar-right hidden-xs">
<li><a id="trigger-overlay2" type="button"><i class="fa fa-navicon"></i> Navigation Menu</a></li>
</ul>
</div><!-- /.container-fluid -->
</nav>
</div>
<div class="container">
<div class="row aboutme">
<div class="col-md-4">
<img src="img/aboutme.jpg" class="img-responsive" />
</div>
<div class="col-md-7">
<h1>Me. In a nutshell.</h1>
<h4>I am 21 years old and I have been professionally designing for about six years, both independently and as part of a team. I have been an intern every year since I graduated from high school in 2011. I have done internships for <a href="http://www.andepartners.com/" target="_blank">Ande & Partners</a>, <a href="http://www.ispeech.org/" target="_blank">iSpeech</a>, <a href="http://vydia.com/" target="_blank">Vydia</a>, and <a href="http://hertz.com/" target="_blank">Hertz</a>.</h4>
<h4>I see my previous experiences as a journey that I have been taking with design; using what I learn from my past experience to bring to my next.</h4>
<a href="docs/mirajpatel-resume-January2015.pdf" target="_blank"><button type="button" class="btn btn-primary btn-lg">Take a look at my resume</button></a>
<a href="work.html"><button type="button" class="btn btn-default btn-lg">My work</button></a>
</div>
</div>
</div>
<div class="container aboutme2">
<div class="row">
<div class="col-md-6">
<h1>I'm a pretty cool kid.</h1>
<h4>I attend New Jersey Institute of Technology (NJIT) pursuing my Bachelor of Science in Information Technology with a concentration in Web Applications and a minor in Human-Computer Interaction. I expect to graduate in May 2016.</h4>
<h4>What makes me unique is my ability to bridge the gap between design and development processes in the software development life cycle, where I believe communication plays a huge role. I aspire to make this world a better place with what I have ― my passion and aptitude towards design.</h4>
<h4>I find joy in the simplest things in life. Aside from work and school, I try to keep myself busy at home as well. I find work-life balance to be extremely important and that one should always be pursuing other hobbies besides the one you get paid for.</h4>
</div>
<div class="col-md-6">
<div class="col-md-6">
<h3>On my playlist:</h3>
<h5>JAY-Z, Eminem, Drake, Childish Gambino, Martin Garrix, Avicii, Twenty One Pilots, Imagine Dragons, American Authors, Sam Smith...</h5>
</div>
<div class="col-md-6">
<h3>Currently watching:</h3>
<h5>Game of Thrones, Silicon Valley, Homeland, Orange is the New Black, Marco Polo, Mad Men, House of Cards, Brooklyn Nine-Nine...</h5>
</div>
<div class="col-md-12">
<h3>Websites I frequent:</h3>
<h5><a href="http://sidebar.io/" target="_blank">Sidebar</a>, <a href="https://medium.com/" target="_blank">Medium</a>, <a href="http://heydesigner.com/" target="_blank">HeyDesigner</a>, <a href="https://news.layervault.com/" target="_blank">Designer News</a>, <a href="https://news.ycombinator.com/" target="_blank">Hacker News</a>, <a href="http://www.awwwards.com/">Awwwards</a>, <a href="http://www.smashingmagazine.com/">Smashing Magazine</a>, <a href="http://www.videry.me/" target="_blank">Videry</a>, <a href="http://www.organizedwonder.com/" target="_blank">Organized Wonder</a>, <a href="http://techcrunch.com/" target="_blank">TechCrunch</a>, <a href="http://www.producthunt.com/" target="_blank">Product Hunt</a>, <a href="http://dribbble.com/" target="_blank">Dribbble</a>, <a href="http://www.reddit.com/" target="_blank">Reddit</a>, <a href="http://tympanus.net/codrops/" target="_blank">Codrops</a>, <a href="http://codyhouse.co/" target="_blank">Codyhouse</a>, <a href="http://codepen.io/" target="_blank">Codepen</a>, <a href="http://alistapart.com/" target="_blank">A List Apart</a>, <a href="http://stackoverflow.com/" target="_blank">Stack Overflow</a>, <a href="http://teamtreehouse.com/" target="_blank">Team Treehouse</a>, <a href="https://scotch.io/" target="_blank">Scotch</a>, <a href="https://www.codeschool.com/" target="_blank">Code School</a>, <a href="http://www.skillshare.com/" target="_blank">Skill Share</a>, <a href="https://onemonth.com/" target="_blank">OneMonth</a>, <a href="http://thestocks.im/" target="_blank">The Stocks</a>...</h5>
</div>
<div class="col-md-6">
<h3>Teams I follow:</h3>
<img src="img/teams.jpg" class="img-responsive"/>
</div>
<div class="col-md-6">
<h3>Causes I support:</h3>
<img src="img/causes.jpg" class="img-responsive"/>
</div>
</div>
</div>
</div>
<div class="container nopadding">
<footer class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#">©2015 Miraj Patel. All Rights Reserved.</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="ln"><a href="https://www.linkedin.com/in/psmiraj" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a></li>
<li class="db"><a href="https://dribbble.com/psmiraj" target="_blank"><i class="fa fa-dribbble fa-lg"></i></a></li>
<li class="gh"><a href="https://github.com/psMiraj" target="_blank"><i class="fa fa-github fa-lg"></i></a></li>
<li class="tw"><a href="https://twitter.com/psMiraj" target="_blank"><i class="fa fa-twitter fa-lg"></i></a></li>
<li class="sp"><a href="https://play.spotify.com/user/psmiraj" target="_blank"><i class="fa fa-spotify fa-lg"></i></a></li>
<li class="ig"><a href="https://instagram.com/psMiraj" target="_blank"><i class="fa fa-instagram fa-lg"></i></a></li>
</ul>
</div><!-- /.container-fluid -->
</footer>
</div>
</div>
<div class="overlay overlay-contentscale">
<div class="container">
<div class="row">
<div class="col-md-12">
<button type="button" class="overlay-close"><i class="fa fa-close"></i> Close</button>
</div>
</div>
</div>
<nav>
<ul>
<li><a href="http://www.psmiraj.com">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="comingsoon.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/modernizr-custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/menu.js"></script>
<script src="js/jquery.cbpQTRotator.min.js"></script>
<script>
$(document).ready(
function() {
$("html").niceScroll({cursorwidth:"10", cursorcolor:"#DDD", cursorborder:"0", background:"#202020", scrollspeed:"100", cursorborderradius:"0px"});
}
);
</script>
</body>
</html>