-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (143 loc) · 7.07 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
<!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.0">
<link rel="stylesheet" href="./style/style.css">
<title>Ruben Barraza | Homepage</title>
</head>
<body>
<!-- NAVBAR SECTION -->
<nav class="navbar">
<div class="container">
<ul>
<li><a href="#skills-section">Skills</a></li>
<!-- <li><a href="#">Projects</a></li> -->
<li><a href="#experience-section">Experience</a></li>
<!-- <li><a href="#">Contact</a></li> -->
<li><a href="./pages/spanish.html">Español</a></li>
</ul>
</div>
</nav>
<!-- HERO SECTION -->
<header class="hero">
<div class="container">
<h1>Rubén Barraza</h1>
<img class="profile-pic" src="./images/profile-pic.jpeg" alt="An image of myself">
<p>Software Engineer student</p>
<div class="socials">
<a href="MAILTO:[email protected]" target="_blank" rel="noopener noreferrer">
<img src="https://cdn-icons-png.flaticon.com/512/60/60543.png" alt="Gmail's logo">
</a>
<a href="https://github.com/rubenpablobm" target="_blank" rel="noopener noreferrer">
<img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="GitHub's logo">
</a>
<a href="https://www.linkedin.com/in/rubenpablobm/" target="_blank" rel="noopener noreferrer">
<img src="https://cdn-icons-png.flaticon.com/512/61/61109.png" alt="Linkedin's logo">
</a>
</div>
</div>
</header>
<!-- ABOUT ME -->
<section class="about-me">
<div class="container">
<h2>Hi.</h2>
<p>I'm a 6th semester student at Tecnológico de Monterrey México. I'm dedicated to learning and growing
constantly and I love helping people with what I develop.</p>
<p>I can help you jumpstart your internet presence with beautiful, intuitive and responsive websites
that will boost your business.</p>
</div>
</section>
<!-- SKILLS -->
<section class="skills" id="skills-section">
<h2>Skills</h2>
<!-- <div class="bg-image"></div> -->
<div class="container">
<div class="box" id="cpp-box">
<h3>C++</h3>
<p>Data structures</p>
<p>Advanced algorithms</p>
</div>
<div class="box" id="html-box">
<h3>HTML</h3>
<p>The cornerstone of web developement</p>
</div>
<div class="box" id="css-box">
<h3>CSS</h3>
<p>Responsive pages with Flexbox layout</p>
</div>
<div class="box" id="python-box">
<h3>Python</h3>
<p>Data analysis</p>
</div>
<div class="box" id="mySQL-box">
<h3>My SQL</h3>
<p>Database management</p>
</div>
<div class="box" id="hitfilm">
<h3>Hitfilm</h3>
<p>Experience with video editing software</p>
</div>
<div class="box" id="office">
<h3>Microsoft Office</h3>
<p>Power Point</p>
<p>Excel</p>
<p>Word</p>
</div>
<div class="box" id="obs">
<h3>OBS Studio</h3>
<p>Live transmission of online events</p>
</div>
</div>
</section>
<!-- EXPERIENCE -->
<section class="experience" id="experience-section">
<h2>Experience</h2>
<div class="container">
<a href="https://www.centroscomunitariosdeaprendizaje.org.mx/" target="_blank" rel="noopener noreferrer" class="box-link"><div class="box">
<h3>Web Developer</h3>
<h4>Tec of Monterrey's Virtual Learning Center</h4>
<p class="duration">since JUN 2022</p>
<p>I build web pages for my college's <strong>Virtual Learning Center</strong>, a website with free academic
courses such as chemistry, math, and digital technologies for people of all ages.</p>
</div></a>
<a href="https://www.facebook.com/actuaFETEC/videos/951196575653096" target="_blank" rel="noopener noreferrer" class="box-link"><div class="box">
<h3>Logistics Coordinator</h3>
<h4>at the Student's Citicenship Program (FETEC)</h4>
<p class="duration">JAN - DEC 2021</p>
<p>Directed the Operations team for the <strong>Actúa Forum</strong>. I managed the transmission of live interviews
with local political figures using OBS and Restream. On hybrid events I oversaw the Covid-19
regulations where met during interviews with the candidates for my state's governorship.</p>
</div></a>
<a href="https://www.cpemty.com/" target="_blank" rel="noopener noreferrer" class="box-link"><div class="box">
<h3>Design Coordinator</h3>
<h4>Student Participation Comittee (FETEC)</h4>
<p class="duration">AUG - DEC 2020</p>
<p>I designed, maintained and updated the website where the 2020 Tec's Student
Federation (FETEC) presidential elections took place. This were the first digital elections for
our campus because of the COVID-19 pandemic and more than a thousand students were able to vote
successfully.</p>
</div></a>
<a href="https://www.instagram.com/p/CHeQUEgMI8T/" target="_blank" rel="noopener noreferrer" class="box-link"><div class="box">
<h3>Received the Transformative Leadership Award</h3>
<p>2020</p>
<p>I designed the storyboard and made the video-demo for <strong>SheSafe</strong>, a security app for women. Our startup won
this award on the Social Entrepreneurship category. This is where I found my passion for
developing software. I hope to complete and launch this app in the future.</p>
</div></a>
<a href="https://www.instagram.com/eb_udem/" target="_blank" rel="noopener noreferrer" class="box-link"><div class="box">
<h3>Business to Customer Team Member</h3>
<h4>AIESEC, UDEM Committee</h4>
<p class="duration">JAN-MAY 2019</p>
<p>I worked on generating leads for global volunteer positions trough digital media and project offers
to university students. I designed marketing strategies for social networks and employment fairs.</p>
</div></a>
</div>
</section>
<!-- FOOTER -->
<section class="footer">
<a href="https://www.flaticon.com/free-icons/c-">Icons by Freepik - Flaticon</a>
</section>
</body>
</html>