-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (146 loc) · 9.64 KB
/
Copy pathindex.html
File metadata and controls
146 lines (146 loc) · 9.64 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Rahul : Portfolio</title>
<meta name="theme-color" content="#03a9f4" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Lemon&family=Roboto:wght@300;500;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/style/style.css" />
<script src="/script/script.js"></script>
</head>
<body class="hidden-menu">
<div class="box hero">
<nav class="nav">
<div class="nav-menu">
<div class="title">Rahul R</div>
<div class="icon icon" id="menu"></div>
</div>
<a class="nav-item nav-active" href="./index.html">About Me</a>
<a class="nav-item" href="./resume-12.0.pdf" target="_blank">Resume</a>
<a class="nav-item" href="https://github.com/27px?tab=repositories" target="_blank">My Projects</a>
<a class="nav-item" href="mailto:rahulr0047@gmail.com" target="_blank">Contact</a>
</nav>
</div>
<div class="auto-box flex-list">
<div class="flex-item">
<div class="image animated animated-box"></div>
<div class="desc">
<div class="title">How I started Programming</div>
<div class="sub-title">
Started learning C Programming after finishing 10<sup>th</sup> Grade (Matriculation). Later at <sup>+</sup>2 (Computer Science) Started learning C++, HTML, JS, MySQL & PHP. After that while I was studying Degree (B.Sc Computer Science), I learned CSS, JS/ES6. After that I have completed an Internship on Jr. Android Developer from TCS. Meanwhile I have learned to build a complete Project from scratch in PHP & MySQL. After that, while I was studying Post Graduation
(MCA), I learned Git, Python and started learning other technologies like Node.js, Express.js (MVC), MongoDB, Angular etc. on my own from free internet resources.
</div>
</div>
</div>
<div class="flex-item">
<div class="image animated animated-box"></div>
<div class="desc">
<div class="title">Web Development</div>
<div class="sub-title">
I got interested in the Web Technologies due to the simplicity to use graphics and attractive UI designs. Web technologies had a highly customizable User Interface along with animations, Canvas (Graphics), and high user event interactions. I started learning PHP because it was a basic requirement in Higher Secondary School and College, but when I realized that PHP has in fact some security issues even though it can be fixed by using secure functions, I though about
switching to a new programming language. At that time I was interested in the ES6 feature of JS and later I realized that there was a Server Side JS version which was built on Chrome's V8 Engine, so I switched to Node.js
</div>
</div>
</div>
<div class="flex-item">
<div class="image animated animated-box"></div>
<div class="desc">
<div class="title">Web Designing</div>
<div class="sub-title">
As mentioned above, I was inspired by attractive UI designs and high customizability of Web technologies. So I practiced to make attractive UI using CSS. But still I wasn't interested in Bootstrap the UI template for web pages which makes web pages responsive (Change UI/layout according to screen size), all pages made with bootstrap looked almost the same and spoiled the creativity. That's when I learned about there were @media queries which is built in into CSS to make
the web responsive without any library or templates.
</div>
</div>
</div>
<div class="flex-item">
<div class="image animated animated-box"></div>
<div class="desc">
<div class="title">Competitive Programming</div>
<div class="sub-title">
When I first participated in a competitive programming I failed, then again another failure on second attempt, But I didn't stop trying like some others, I started practicing whenever I had free time and in next competition I got 3<sup>rd</sup> price and tried again in many other colleges and won 1<sup>st</sup> and 2<sup>nd</sup> prices for Coding as well as Web designing. I also started working on online competitive programming sites like Hackerrank ( my profile :
<a href="https://www.hackerrank.com/27pixels" target="_blank">27pixels</a> ), CodeWars ( my profile : <a href="https://www.codewars.com/users/27px" target="_blank">27px</a> )
</div>
</div>
</div>
<div class="flex-item">
<div class="image animated animated-box"></div>
<div class="desc">
<div class="title">Projects</div>
<div class="sub-title">
I had to visit a company to complete my mini project in degree (Under Graduation), after that I learned PHP by reffering the code and made a complete File Manager with Interactive UI, AppStore for html based apps, HTML IDE for building apps, and some html based apps within the file Manager like games, puzzles, dictionaries etc. MCA mini project was a Placement Prediction System, a Machine Learning Project using Node.js, Brain.js, Express.js, MongoDB. MCA Main Project was
a GUI SSH and Local File Browser that can be run as a desktop application. Built using Node.js Electron.js, Angular
</div>
</div>
</div>
</div>
<div class="box screenshot-container">
<div class="title">Project Screenshots</div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<a class="button" href="https://github.com/27px/Remote-File-Manager" target="_blank">See Source code</a>
</div>
<div class="footer">
<div class="about">
<div class="title">About</div>
<div class="sub-title">Node.js Developer, Interested in many technologies like Java, Python, etc. Knows PHP, MongoDB, MySQL, PostgreSQL. etc. I am a Quick Learner. This site is created without using any plugins or Libraries and is also responsive & Mobile friendly.</div>
</div>
<div class="contact">
<div class="title">Contact Me (Official)</div>
<div class="table" border="0">
<div class="tr">
<div class="td">Phone</div>
<div class="td">:</div>
<div class="td"><a href="tel:+919895951554">+91 9895951554</a></div>
</div>
<div class="tr">
<div class="td">E-Mail</div>
<div class="td">:</div>
<div class="td"><a href="mailto:twentysevenpixels@gmail.com">twentysevenpixels@gmail.com</a></div>
</div>
<div class="tr">
<div class="td">Github</div>
<div class="td">:</div>
<div class="td"><a href="https://github.com/27px">27px</a></div>
</div>
<div class="tr">
<div class="td">Linkedin</div>
<div class="td">:</div>
<div class="td"><a href="https://www.linkedin.com/in/27px/">27px</a></div>
</div>
</div>
</div>
<div class="contact">
<div class="title">Find Me (Personal)</div>
<div class="table" border="0">
<div class="tr">
<div class="td">Facebook</div>
<div class="td">:</div>
<div class="td"><a href="https://www.facebook.com/27pixels">27pixels</a></div>
</div>
<div class="tr">
<div class="td">E-Mail</div>
<div class="td">:</div>
<div class="td"><a href="mailto:rahulr0047@gmail.com">rahulr0047@gmail.com</a></div>
</div>
<div class="tr">
<div class="td">Instagram</div>
<div class="td">:</div>
<div class="td"><a href="https://www.instagram.com/hedge_._knight/">@hedge_._knight</a></div>
</div>
<div class="tr">
<div class="td">Whatsapp</div>
<div class="td">:</div>
<div class="td"><a href="https://wa.me/9895951554">+91 9895951554</a></div>
</div>
</div>
</div>
</div>
</body>
</html>