-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
182 lines (169 loc) · 6.78 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
<!DOCTYPE HTML>
<html>
<head>
<title>Christopher Bermudez</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="SiteSrc/assets/css/main.css" />
<noscript><link rel="stylesheet" href="SiteSrc/assets/css/noscript.css" /></noscript>
<link rel="icon" href="SiteSrc/images/headerIcon.png">
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Activities</a></li>
<li><a href="#two">About Me</a></li>
<li><a href="#three">Contact Me</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<img src="SiteSrc/images/CImage.png" style="width:20%" /> <h1>Christopher M. Bermudez </h1>
<p>Hello World! Welcome to my ePortfollio, feel free to explore around and enjoy what you see :)<br/>
Inside this are my activities, some info about me, and ... more XD.
This is my journey in my CS years @ The <a href="http://www.uc-bcf.edu.ph/" target="_blank">University of the Cordilleras</a>.
</p>
<ul class="actions">
<li><a href="#two" class="button scrolly">More info about me</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="CCActivities.html" class="image"><img src="SiteSrc/images/CC_AA.jpg" alt="" data-position="25% 25%" /></a>
<div class="content" style="background: url('SiteSrc/images/CC.jpg'); background-size: 20%;">
<div class="inner">
<h2>Mixed Stuffs</h2>
<p></p>
<ul class="actions">
<li><a href="CCActivities.html" class="button">Open Activities</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="CCSActivities.html" class="image"><img src="SiteSrc/images/CCS_AA.jpg" alt="" data-position="25% 25%" /></a>
<div class="content" style="background: url('SiteSrc/images/CCS.jpg'); background-size: 10%;">
<div class="inner">
<h2>Computer Science Stuffs</h2>
<p></p>
<ul class="actions">
<li><a href="CCSActivities.html" class="button">Open Activities</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up" style="background: url('SiteSrc/images/About.jpg'); background-size: 20%;">
<div class="inner">
<h2>About <a href="SiteSrc/MyResume.pdf" target="_blank">Christopher</a></h2>
<p>Hello Again, I am here ready to join and code in the world of codes.
I am one of the CS (Computer Science) Student taking up a course of BSCS
(Bachelors of Science in Computer Science) who loves to write codes
and ready to help other people. Click my name to get a copy of my resume :)</p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Development</h3>
<p>Here is my <a href="https://github.com/Tupx">github link</a>. My current projects thar are under development is
<a href="https://github.com/Tupx/Quanty">Quanty</a>.
It is a cloud quantum computing platform good for the researchers outhere but it is
just a prototype for now.</p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3>Design</h3>
<p>I apprently design less, but I have a good eye that can create
pleasing graphics that users can enjoy and somehow gets their attention.</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up" style="background: url('SiteSrc/images/Contacts.jpg'); background-size: 20%;">
<div class="inner">
<h2>Contacts</h2>
<p>Feel free to ask everything about me, for now sending a messaging
to this site wont work but you can always check my details at your
right side. I hope you understand XD</p>
<div class="split style1">
<section>
<!-- <form> -->
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
</div>
<br/>
<ul class="actions">
<li><a href="#three" class="button primary disabled submit">Send Message</a></li>
</ul>
<!-- </form> -->
</section>
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span>Camp 7, Baguio City<br />
Philippines | 2600</span>
</li>
<li>
<h3>Email</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Mobile Number</h3>
<span>09995753343</span>
</li>
<li>
<h3>Social Stuffs</h3>
<ul class="icons">
<li><a href="https://www.facebook.com/Tupzmellow" target="_blank" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/Tupx" target="_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.instagram.com/Tupzmellow/" target="_blank" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© CB. All rights reserved. 2020</li><li>Design by: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="SiteSrc/assets/js/jquery.min.js"></script>
<script src="SiteSrc/assets/js/jquery.scrollex.min.js"></script>
<script src="SiteSrc/assets/js/jquery.scrolly.min.js"></script>
<script src="SiteSrc/assets/js/browser.min.js"></script>
<script src="SiteSrc/assets/js/breakpoints.min.js"></script>
<script src="SiteSrc/assets/js/util.js"></script>
<script src="SiteSrc/assets/js/main.js"></script>
</body>
</html>