-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (194 loc) · 10.8 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html>
<head>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--hasta aqui borrar si va mal-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Personal Page</title>
<!--Jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!--Link to my Css and JS-->
<link href="index.css" rel="stylesheet" type="text/css" />
<script src="index.js"></script>
<!--Viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script src="index.js"></script>
<!--Nav Bar-->
<div class="nav navbar navbar-fixed-top" >
<ul class="menu">
<li class="">
<a href="#home"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></a>
</li>
<li>
<a class="page-scroll" href="#About">About</a>
</li>
<li>
<a class="resize" href="#Work">Work</a>
</li>
<li>
<a class="page-scroll" href="#Education">Education</a>
</li>
<li>
<a class="page-scroll" href="#Skills">Skills</a>
</li>
<li>
<a class="resize" href="#Porfolio">Porfolio</a>
</li>
<li>
<a class="page-scroll" href="#Contact">Contact</a>
</li>
</ul>
<hr>
</div>
<!--Home-->
<div id="home">
<div class="container">
<div class="intro">
<div class=""><h2>MIGUEL PENADES</h2></div>
<div class="">Welcome to my personal space.</div>
<a href="#links" class="page-scroll">Imagenes y links social media</a>
</div>
</div>
</div>
<!--About-->
<div id="About">
<div class="container">
<div class="AboutMe">
<h3>About me</h3>
<p>Its quite hard to describe oneself, in just a few lines, so many tings get out of sight. I will place a lorem ipsum here and will develope further later.</p>
<p>PS: If I have to show this in class, I will just smile and improvise and introducion. </p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Whats better than one lorem ipsum? Two lorem ipsum.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</div>
<div class="AboutMe">
<h3>Contact details</h3>
<p><strong>Phone: </strong>(+852) 6014 1896</p>
<p><strong>Mail: </strong>[email protected]</p>
</div>
</div>
</div>
<!--Work-->
<div id="Work">
<div class="container">
<div class= "title col-md-2"><h2>Work</h2></div>
<div class= "cv col-md-10">
<div><a href="http://www.suayhk.com/"><h4>Market Research/Company Director</h4></a>
<ul class="details"><li>Suay limited</li><li>Hong Kong</li><li>June 2016-Present</li></ul>
<p>I started my own company at Hong Kong. Suay Limited aims to provide
commercial and market research services to help the exportation of Asian goods
to Spanish Speaking countries.</p>
<p>My duties involve market research, client negotiation, cold calling, e-mailing and producing market research reports.
</p></div>
<hr>
<div><a href="http://www.suayhk.com/"><h4>Marketing Executive</h4></a>
<ul class="details"><li>GLOBAL EMS HK</li><li>Hong Kong</li><li>April 2015- May 2016</li></ul>
<p>I was responsible of South America and Spanish Market development. My main duties involved finding new clients and providing customer services to current clients.</p>
<ul>Major duties:
<li>Market research, prospects e-mailing and cold calling to find new clients.</li>
<li>Customer order follow up, working as the main communication point between
the client and the diverse company departments (Such as Production, Engineering
or Logistics)</li>
<li>Fair attendance. Promotion of our Electronic production services at the booth of the company.</li> </ul></div>
<hr>
<div><a href="http://www.suayhk.com/"><h4>Operations Manager</h4></a>
<ul class="details"><li>Fortune Century Hong Kong Limited</li><li>Hong Kong</li><li>October 2014-March 2015</li></ul>
<p>Introduction of Spanish delicacy foods from Europe into Hong Kong</p>
<ul><p>Major duties:</p>
<p>Due being a small company I was in charge of diverse functions:</p>
<li>Purchasing. I was in charge of contacting the food providers in Spain, negotiate with them and ensure product quality</li>
<li>Sales and Marketing. I was responsible of finding new clients for the company through cold calling and visits.</li>
<li>Logistics. Calculate freight costs, coordinate with transport carriers, arrange deliveries to clients and keep record of goods stored on warehouse</li>
</ul></div>
<hr>
</div>
</div>
</div>
<!--Education-->
<div id="Education">
<div class="container">
<div class= "title col-md-2"><h2>Education</h2></div>
<div class= "cv col-md-10">
<div><a href="http://www.suayhk.com/"><h4>Master Degree Intelligence Analysis</h4></a>
<ul class="details"><li>University Rey Juan Carlos I // University Carlos III de Madrid
</li><li>Madrid (Spain)</li><li>Sep 2012 to Dec 2013</li></ul>
<p>
The Master in Analysis of Intelligence is the postgraduate program specialized in Analysis of Intelligence of reference in Spain. Through a unique program of information analysis and production of intelligence for decision making, bilingual training, a methodology that combines a master's degree, a case study, active and experiential learning techniques, as well as other teaching methodologies, our Students develop the knowledge and skills necessary to initiate and professionally develop the intelligence function, both within the administration, as well as in international organizations, companies and non-governmental organizations. </p></div>
<hr>
<div><a href="http://www.suayhk.com/"><h4>Licenciate in Psychology</h4></a>
<ul class="details"><li>University of Valencia</li><li>Valencia (Spain)</li><li>Sept 2007- Sept 2012</li></ul>
<p>5 year degree in Psychology, where I also coursed several electives on statistical and aata analysis.</p></div>
<hr>
<div><a href="http://www.suayhk.com/"><h4>International Exchange programme</h4></a>
<ul class="details"><li>York University</li><li>Toronto (Canada)</li><li>Sept 2010- May 2011</li></ul>
<p>Scholarsip to course a year of my studies at Canada. </p></div>
<hr>
</div>
</div>
</div>
<!--Skills-->
<div id="Skills">
<div class="container">
<div class= "title col-md-2"><h2>Skills</h2></div>
<div class= "cv col-md-10">
<script src="index.js"></script>
<div class="bar">
<div id= "a" class="progress">Javascript</div>
</div>
<p> <div class="bar">
<div id= "b" class="progress">Jquery</div>
</div>
<p><div class="bar">
<div id= "c" class="progress">Node Js</div>
</div>
<p><div class="bar">
<div id= "d" class="progress">Express</div>
</div>
<p><div class="bar">
<div id= "e" class="progress">Python</div>
</div>
<p><div class="bar">
<div id= "f" class="progress">Spss</div>
</div>
<p><div class="bar">
<div id= "g" class="progress">Google_Adwords</div>
</div>
</div>
</div>
</div>
<!--Porfolio-->
<div id="Porfolio">
<div class="container">
<div><h2>Porfolio</h2></div>
<div>
<div class= "cv col-md-3 col-sm-6"><a class="project" href="https://miguelsuay.github.io/Album_1/"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"><p>Gallery</p></a> </div>
<div class= "cv col-md-3 col-sm-6"><a class="project" href="https://miguelsuay.github.io/Chess360/"><img class="img_a" src="https://raw.githubusercontent.com/MiguelSuay/Album_1/master/photos/N3.jpg"> <p>Chess960</p></a></div>
<div class= "cv col-md-3 col-sm-6"><a href="https://miguelsuay.github.io/Album_1/"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"></a> </div>
<div class= "cv col-md-3 col-sm-6"><a href="https://www.suayhk.com"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"></a> </div>
<div>
<div>
<div class= "cv col-md-3 col-sm-6"><a href="https://www.suayhk.com"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"></a> </div>
<div class= "cv col-md-3 col-sm-6"><a href="https://www.suayhk.com"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"></a> </div>
<div class= "cv col-md-3 col-sm-6"><a href="https://www.suayhk.com"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"></a> </div>
<div class= "cv col-md-3 col-sm-6"><a href="https://www.suayhk.com"><img class="img_a" src="https://s-media-cache-ak0.pinimg.com/236x/e0/de/1e/e0de1e485889c1e5064a94cd68cf9bd8.jpg"> </a></div>
</div>
</div>
</div>
</div>
</div>
<!--Contact-->
<div id="Contact">
<div>
<p>You can reach me at:</p>
<p><a class= "col-md-2 col-md-offset-3" href="mailto:[email protected]"> <span class="glyphicon glyphicon-envelope" aria-hidden="true"></a>
<a class= "col-md-2 col-md-offset-2"href="[email protected]"> <span class="glyphicon glyphicon-earphone" aria-hidden="true"></a></p>
</div>
</div>
</body>
</html>