-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (153 loc) · 9.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Romar Marcos</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Romar Marcos</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="" /></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Romar
<span class="text-primary">Marcos</span>
</h1>
<div class="subheading">
Albano, Dingras, Ilocos Norte · +639686773349 ·
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div class="social-icons lead mb-5">
<a class="social-icon" href="https://www.linkedin.com/in/romar-marcos"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/myromr"><i class="fab fa-github"></i></a>
<a class="social-icon" href="https://www.facebook.com/myromr/"><i class="fab fa-facebook-f"></i></a>
</div>
<p class="lead mb-5">I am a student from the Philippines taking Information Technology, majoring in Web Technology at the University of the Cordilleras. My time in the university enabled me to work in a team-driven environment and developed me to be highly resourceful, objective, and reliable. </p>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">University of the Cordilleras</h3>
<div class="subheading mb-3">Bachelor of Science</div>
<div>Information Technology - Web Technology Track</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Baguio City, Benguet</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Google</h3>
<div class="subheading mb-3">Google IT Support Professional Certificate</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Coursera, Online</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">University of Michigan</h3>
<div class="subheading mb-3">Introduction to HTML5</div>
<div class="subheading mb-3">Introduction to CSS3</div>
<div class="subheading mb-3">Interactivity with JavaScript</div>
<div class="subheading mb-3">Advanced Styling with Responsive Design</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Coursera, Online</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-java"></i></li>
<li class="list-inline-item"><i class="fab fa-python"></i></li>
</ul>
<div class="subheading mb-3">Qwiklabs Profile</div>
<div><a href="https://google.qwiklabs.com/public_profiles/7955390f-6d40-4c56-99d6-03bdb914f92f">https://google.qwiklabs.com/public_profiles/7955390f-6d40-4c56-99d6-03bdb914f92f</a></div>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>Apart from being a student, I enjoy most of my time being indoors. I follow several sci-fi and fantasy genre movies and television shows.</p>
<p class="mb-0">When forced outdoors, I go for a walk a the local riverside road. I am an aspiring chef, and I spend a lot of my free time exploring the latest technology advancements in the front-end web development world.</p>
</div>
</section>
<hr class="m-0" />
<!-- Certifications-->
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/specialization/certificate/RCL8KJDM39JL">Google IT Support Specialization</a>
</li>
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/certificate/5CMXU7X8F4MS">Introduction to HTML5</a>
</li>
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/certificate/ZH9DSS8KEAXQ">Introduction to CSS3</a>
</li>
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/certificate/6GNHUXMQP6XE">Interactivity with JavaScript</a>
</li>
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/certificate/MYGZFB6Z49UA">Advanced Styling with Responsive Design</a>
</li>
<li>
<span class="fa-li"><i class="fas fa-certificate text-warning"></i></span>
<a href="https://www.coursera.org/account/accomplishments/certificate/LD74B4TZBYR5">Learning How to Learn: Powerful mental tools to help you master tough subjects</a>
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>