-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
185 lines (172 loc) · 8.7 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
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
176
177
178
179
180
181
182
183
184
185
<!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/">Ande & Partners</a>, <a href="http://www.ispeech.org/">iSpeech</a>, <a href="http://vydia.com/">Vydia</a>, and <a href="http://hertz.com/">Hertz</a>.</h4>
<h4>I see my previous experiences as a journey that I have been taking with design; using what I learned from my past experience to bring to my next.</h4>
<a href="docs/mirajpatel-resume.pdf"><button type="button" class="btn btn-primary btn-lg">Take a look at my resume</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 for 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-3">
<h3>Teams I follow:</h3>
<img src="img/teams.jpg"/>
</div>
<div class="col-md-3">
<h3>Causes I support:</h3>
<img src="img/teams.jpg"/>
</div>
<div class="col-md-3">
<h3>Now playing:</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-3">
<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-6">
<h3>Websites I frequent:</h3>
<h5>Sidebar, Medium, Hey Designer, Designer News, Hacker News, Awwwards, Smashing Magazine, Videry, Organized Wonder, TechCrunch, Product Hunt, Mashable, Reddit, Codrops, Codyhouse, Codepen, A List Apart, StackOverflow, Team Treehouse, Scotch, Code School, SkillShare, OneMonth, The Stocks...</h5>
</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="http://blog.psmiraj.com">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>
<script>
autoPlayYouTubeModal();
//FUNCTION TO GET AND AUTO PLAY YOUTUBE VIDEO FROM DATATAG
function autoPlayYouTubeModal() {
var trigger = $("body").find('[data-toggle="modal"]');
trigger.click(function () {
var theModal = $(this).data("target"),
videoSRC = $(this).attr("data-theVideo"),
videoSRCauto = videoSRC + "?autoplay=1&showinfo=0";
$(theModal + ' iframe').attr('src', videoSRCauto);
$(theModal + ' iframe').attr('iv_load_policy', '3');
$(theModal + ' iframe').attr('allowfullscreen', '');
$(theModal + ' button.close').click(function () {
$(theModal + ' iframe').attr('src', videoSRC);
});
$('.modal').click(function () {
$(theModal + ' iframe').attr('src', videoSRC);
});
});
}
</script>
<script>
$( function() {
/*
- how to call the plugin:
$( selector ).cbpQTRotator( [options] );
- options:
{
// default transition speed (ms)
speed : 700,
// default transition easing
easing : 'ease',
// rotator interval (ms)
interval : 8000
}
- destroy:
$( selector ).cbpQTRotator( 'destroy' );
*/
$( '#cbp-qtrotator' ).cbpQTRotator();
} );
</script>
</body>
</html>