-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (163 loc) · 6.21 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
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
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- import font fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Titillium+Web|Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container">
<div class="firstROW">
<div class="profilePicture">
<img src="img\profileRadu.jpg" alt="image" width="162" height="185">
</div>
<div class="nameAndTitle">
<h1>RADU GABRIEL POPA</h1>
<h2>Junior Developer</h2>
</div>
</div>
<hr>
<p class="summary">Hi! I'm Radu Gabriel Popa. I'm a Passionate developer with interest in web development, open source software and "the open source way." Self motivated with an interest for continuous learning. “Self-education is, I firmly believe, the only kind of education there is.” - Isaac Asimov
</p>
<div class="secondRow">
<img id="areYouHappy" src="img\are-you-happy1.jpg" alt="happy image" width="600">
</div>
<h2 class="featuredWork">Featured Work</h2>
<h3 class="frontEnd"> Front End</h3>
<div class="thirdRow">
<div class="firstProject">
<h4>Financial Calculator</h4>
<img src="img\finance-calculator.PNG" alt="first project img" width="454" height="300">
<p>
Custom "finance calculator".
Designed to be used as part of our internal CRM , but it can run as stand alone.<br>
Responsive design - YES <br>
Technologies used: HTML, CSS, JavaScript and jQuery.
</p>
<p>
<a href="https://github.com/radupopa2010/portfolio/tree/master/finance-calculator" target="_blank">
View code on Git Hub
</a>
<a href="#" onclick = openPop() id="finCalc">
The real web-page
</a>
<script>
function openPop(){
window.open("finance-calculator\\index.html",'popUpWindow','height=300,width=400,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes, \
menubar=no,location=no,directories=no,status=yes');
}
</script>
</p>
</div>
<div class="secondProject">
<h4>PSD to HTML</h4>
<img src="img\shopezit_sample.png" alt="second project img" width="454" height="300">
<p>Received a Photoshop mock-up from a partner designer and I had to write the code to convert it to a functional web page.
Responsive design - NO <br>
Technologies used: HTML, CSS, JavaScript and jQuery.
</p>
<p>
<a href="https://github.com/radupopa2010/portfolio/tree/master/PSD-to-HTML-project" target="_blank">
View code on Git Hub
</a>
<a href="http://shopezit.com/leasing.html/" target="_blank">
The real web-page
</a>
</p>
</div>
</div>
<h3 class="backEnd">Back End</h3>
<div class="fourthRow">
<div class="thirdProject item">
<img src="img\esxi.png" alt="first project img" width="454" height="300">
<h4>VM-Ware-ESXI-5.1-automation-back-up-bot</h4>
<p>
For this project I had to find an open source solution to do a live back-up on an VMWare ESXi 5.1 server.
This project was also my final project for my Associates Degree in Network Engineering.
Found 2 solutions: <br>
1. Write an Windows automation script in Python that simulates the work of a human doing a "manual back-up": <br>
- select the target Virtual machine; <br>
- take a snapshot; <br>
- move the folder containing the virtual machine on another data storage hard drive.<br>
2. XSI Backup: use Command Line Interface to install and use the software.
</p>
<p>
<a href="https://github.com/radupopa2010/portfolio/tree/master/VM-Ware-ESXI-5.1-automation-back-up-bot"
target="_blank">
View code on Git Hub
</a>
</p>
</div>
<div class="fourthProject item">
<img src="img\python.jpg" alt="second project img" width="454" height="300">
<h4>Parse-scraped-data-nab-15</h4>
<p>Project target: parse previously scraped data to an specified outcome.<br>
Technology used: Python
</p>
<p>
<a href="https://github.com/radupopa2010/portfolio/tree/master/parse-scraped-data-nab-15" target="_blank">
View code on Git Hub
</a>
</p>
<div class="fifthProject item">
<h4>Scrape-with-selenium-npe15</h4>
<p>Scrape a target webstie with dynamic loading content.
Use Selenium Web-driver to simulate the browser to load the content:
1) Scrape target data.
2) Save data as text file.
3) Parse data to desired output.
Technology used: Python
</p>
<p>
<a href="https://github.com/radupopa2010/portfolio/tree/master/scrape-with-selenium-npe15" target="_blank">
View code on Git Hub
</a>
</p>
</div>
</div>
</div>
<h3 class="backEnd"> Full Stack</h3>
<div class="fifthRow">
<div class="sixthProject item">
<h4>Marketing-Dashboard</h4>
<img src="img\sampleData1.PNG" alt="first project img" width="454" height="300">
<p>
Build a summary view for marketing ROI (Return Of Investment).<br>
Short project description: <br>
Create a new PostgreSQl database.
Find the fastest way to export data from multiple Microsoft SQL
databases and import it into the new database.<br>
Write SQL to manipulate data to show the requested outcome.<br>
Display the data to an user friendly interface.<br>
Technologies used: HMTL, CSS, JavaScript,
<a href="https://www.meteor.com/ target="_blank"">Meteor framework: MongoDB,
html templates.</a>
</p>
<p>
<a href="" target="_blank">
View code on Git Hub
</a>
</p>
</div>
<div class="seventhProject item">
<h4>Sales-Coach-App</h4>
<img src="" alt="Under construction " width="454" height="300">
<p> Build a Sales Coach web application.
This app will be a modern CRM that will keep track of each user's
activity
Under construction...<br>
</p>
<p>
<a href="" target="_blank">
View code on Git Hub
</a>
</p>
</div>
</div>
</div>
<br>
</body>
</html>