-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (107 loc) · 6.61 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
<!DOCTYPE html>
<html>
<head>
<title>Raghav Kanwal - UI/UX Developer</title>
<meta name="description" content="Raghav Kanwal is a front-end web developer from Delhi, India. He works on Responsive Web Design and JavaScript to build clean, interactive web experiences."/>
<link rel="stylesheet" type="text/css" href="styles/concat.min.css">
<meta name="keywords" content="Raghav Kanwal, RaghavKanwal, front-end web developer India, UI Developer India, UI/UX Developer India, Responsive Design, Responsive Web Designer India, Web Developer, Web Designer, iPhone, iPad, RWD, CSS3, HTML5, Javascript Developer, jQuery, jQuery UI, HTML Developer India"/>
<meta name="ROBOTS" content="INDEX"/>
<meta property="og:site_name" content="Raghav Kanwal"/>
<meta property="og:type" content="blog"/>
<meta property="og:title" content="Web Developer - HTML5, JS, CSS3 | UI/UX Developer | Responsive Web Design | Delhi, India"/>
<meta property="og:description" content="Raghav Kanwal is a front-end web developer from Delhi, India. He works on Responsive Web Design and JavaScript to build clean, interactive web experiences."/></p>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@raghavkanwal">
<meta name="twitter:creator" content="@raghavkanwal">
<meta name="twitter:title" content="Web Developer - HTML5, CSS3 | UI/UX Designer | Responsive Web Design | Delhi, India">
<meta name="twitter:description" content="Raghav Kanwal is a front-end web developer from Delhi, India. He works on Responsive Web Design and JavaScript to build clean, interactive web experiences.">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<body>
<header>
<div class="header_wrapper">
<div class="logo_area">
<h1>Raghav Kanwal</h1>
<p id="first-typer"><span class="typer" data-delay="60" data-words="User Interface Developer,Gamer,Movie buff,Coffeeholic"></span><span class="cursor" data-owner="first-typer"></span></p>
</div>
<div class="links">
<a href="work">My Work</a>
</div>
<div class="clear"></div>
</div>
</header>
<div class="body_container">
<h3>About me</h3>
<p>I'm a UI Developer currently based in Delhi. I completed my Bachelors in Computer Applications from IP University, Delhi and have been learning about and making web & mobile user experiences more accessible and vibrant ever since.</p><br/>
<p>I'm also a huge gamer and have spent more time than I'd like to admit playing competitive multiplayer games like StarCraft II, CounterStrike and DotA. </p><br/><br/>
<h3>Skills</h3>
<div class="skills_container">
<div class="skill_block">
<h5 class="skill_heading"><i class="js"></i>JavaScript</h5>
<p class="skill_content">jQuery, jQuery UI, AJAX, JSON, REST, APIs, <span data-tooltip title="Limited">AngularJS*</span></p>
</div>
<div class="skill_block">
<h5 class="skill_heading"><i class="html"></i>HTML/CSS</h5>
<p class="skill_content">HTML5, MarkDown, <span data-tooltip title="Limited">Haml*</span>, CSS3, Sass, RWD, CSS Animations, Graceful degradation</p>
</div>
<div class="skill_block">
<h5 class="skill_heading"><i class="cms"></i>CMS/Platforms</h5>
<p class="skill_content">WordPress, Magento, Shopify, BootStrap, MVC, <span data-tooltip title="Limited">Ruby on Rails*</span></p>
</div>
<div class="skill_block">
<h5 class="skill_heading"><i class="design"></i>Design</h5>
<p class="skill_content">Wireframing, Prototyping, PhotoShop, <span data-tooltip title="Limited">Sketch*</span></p>
</div>
<div class="skill_block">
<h5 class="skill_heading"><i class="misc"></i>Miscellaneous</h5>
<p class="skill_content">Git, Linux, Liquid, JIRA, Trello, PivotalTracker</p>
</div>
<div class="clear"></div>
</div>
<br/>
<h3>Work</h3>
<a href="http://www.hollandandsherry.com/"><h4><span class="title">Holland & Sherry</span> (Aug 2015 - Apr 2016)</h4></a><br/>
<p>Holland & Sherry Ltd are internationally renowned cloth merchants of distinction established in 1836, providing the finest cloths in the world. <br/>As the lead front-end developer for this project, I was responsible for communicating with the client and constructing the front-end experience for the project. </p><br/>
<div class="separator"></div>
<!-- <div class="image_banner" style="overflow:hidden;">
<img src="images/h&s_mobile2.jpg">
<img src="images/h&s_tablet.png">
<img src="images/h&s_desktop.png">
</div> -->
<a href="http://www.l-objet.com/"><h4><span class="title">L'Objet</span> (Jan 2015 - July 2015)</h4></a><br/>
<p>L'Objet strives to create luxurious & functional designs for the home. It is devoted to craftsmanship and artisan techniques. <br/>As a part of a team, I helped create the front-end layout of the projet and handled issues such as responsive web design, cross-browser compatibility and client-end interaction. </p><br/>
<!-- <div class="image_banner" style="overflow:hidden;">
<img src="images/l-objet_mobile.png">
<img src="images/l-objet_tablet.png">
<img src="images/l-objet_desktop.png">
</div> -->
<div class="separator"></div>
<a href="http://www.glassypeople.com"><h4><span class="title">GlassyPeople</span> (Nov 2014 - Dec 2014)</h4></a><br/>
<p>GlassyPeople is an online shop for stylish casual eyeglasses at extremely affordable prices. <br/>Working in a team, I helped create an online presence for our client and handled routinely scheduled client calls as well as project development. </p><br/>
<!-- <div class="image_banner" style="overflow:hidden;">
<img src="images/glassy_tablet.png">
<img src="images/glassy_desktop.png">
</div> -->
<div class="separator"></div>
</div>
</div>
<div class="footer_container">
<p class="made_with">Made with <i class="fa fa-heart heartbeat" aria-hidden="true"></i></p>
<p class="github_attribution"> Powered by <a href="https://github.com/raghavkanwal/raghavkanwal.github.io" target="_blank"><span>GitHub</span></a></p>
<div class="clear"></div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-89695617-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://use.fontawesome.com/5a60207012.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" async></script>
<script src="scripts/main.js"></script>
<script src="scripts/typer.js"></script>
<script src="scripts/tooltip.js"></script>
</body>
</html>