| |
<!DOCTYPE html> |
| |
<html lang="en"> |
| |
<head> |
| |
<meta charset="utf-8"> |
| |
<title>Mitre | The Official Webpage</title> |
| |
<meta content="IE=edge" http-equiv="X-UA-Compatible"> |
| |
<meta content="width=device-width, initial-scale=1" name="viewport"> |
| |
<meta content="Brian Jay Mitre PortFolio" name="description"> |
| |
<meta content="BdgPixel" name="author"> |
| |
|
| |
<link href="images/favicon.ico" rel="shortcut icon"> |
| |
|
| |
|
| |
<link href="css/bootstrap.min.css" rel="stylesheet"> |
| |
<link href="css/owl.carousel.css" rel="stylesheet"> |
| |
<link href="css/owl.theme.css" rel="stylesheet"> |
| |
<link href="css/magnific-popup.css" rel="stylesheet"> |
| |
<link href="css/style.css" rel="stylesheet"> |
| |
<link href="css/responsive.css" rel="stylesheet"> |
| |
|
| |
|
| |
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> |
| |
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'> |
| |
|
| |
|
| |
|
| |
|
| |
</head> |
| |
<body><script type="text/javascript"> |
| |
|
| |
var _gaq = _gaq || []; |
| |
_gaq.push(['_setAccount', 'UA-26341965-1']); |
| |
_gaq.push(['_setDomainName', '.geocities.ws']); |
| |
_gaq.push(['_trackPageview']); |
| |
|
| |
(function() { |
| |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
| |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
| |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
| |
})(); |
| |
|
| |
</script> |
| |
|
| |
|
| |
<div id="preloader"> |
| |
<div id="status"><img src="/mitre2/images/logo-big2.png" alt="logo" /></div> |
| |
</div> |
| |
|
| |
<div class="header"> |
| |
<div class="for-sticky"> |
| |
<div class="col-md-2 col-xs-6 logo"><a href="/mitre2/index.html"><img class="logo-nav" src="/mitre2/images/logo.png" alt="logo" /></a></div> |
| |
</div> |
| |
<div class="menu-wrap"> |
| |
<div class="menu-list"><a class="active" href="#home"> <span>Home</span> </a> <a href="#about"> <span>About</span> </a> <a href="#work"> <span>Work</span> </a> <a href="#services"> <span>Services</span> </a> <a href="#skill"> <span>Skills</span> </a> <a href="#education"> <span>Education</span> </a> <a href="#testimonial"> <span>Testimonial</span> </a> <a href="#contact"> <span>Contact</span> </a></div> |
| |
<button id="close-button" class="close-button">Close Menu</button></div> |
| |
<button id="open-button" class="menu-button"> <span> </span> <span> </span> <span> </span> </button></div> |
| |
|
| |
<div class="content-wrap"> |
| |
<div class="content"> |
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="wrap-hero-content"> |
| |
<div class="hero-content"> |
| |
<h1>Hello</h1> |
| |
<br /> <span class="typed">Hello</span></div> |
| |
</div> |
| |
<div class="mouse-icon margin-20"></div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="col-md-6 col-xs-12 no-pad"></div> |
| |
<div class="col-md-6 col-sm-12 col-xs-12 white-col"> |
| |
<div class="row"> |
| |
<div class="owl-carousel2"> |
| |
<div class="col-md-12"> |
| |
<div class="wrap-about"> |
| |
<div class="w-content"> |
| |
<p class="head-about">To a masterpiece, there is three responses. - Yes, No and WOW! Yes for the acceptance, No for the rejection. WOW! is the response that should be aimed for a masterpiece!</p> |
| |
<h5 class="name">J. Mitre</h5> |
| |
<img src="/mitre2/images/signature.png" alt="signature" /></div> |
| |
</div> |
| |
</div> |
| |
<div class="col-md-12 col-sm-12 col-xs-12 white-col"> |
| |
<div class="row"> |
| |
<div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12"> |
| |
<div class="wrap-about"> |
| |
<table class="w-content"> |
| |
<tbody> |
| |
<tr> |
| |
<td class="title">Name</td> |
| |
<td class="break">:</td> |
| |
<td>Brian Jay Mitre</td> |
| |
</tr> |
| |
<tr> |
| |
<td class="title">Phone</td> |
| |
<td class="break">:</td> |
| |
<td>+63 9277 127 189</td> |
| |
</tr> |
| |
<tr> |
| |
<td class="title">Email</td> |
| |
<td class="break">:</td> |
| |
<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d3bbbababeb9b2aabebaa7a1b693b4beb2babffdb0bcbe">[email protected]</a></td> |
| |
</tr> |
| |
<tr> |
| |
<td class="title">Address</td> |
| |
<td class="break">:</td> |
| |
<td>Manila City, Philippines</td> |
| |
</tr> |
| |
</tbody> |
| |
</table> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="col-md-3"> |
| |
<h3 class="title-small"><span>Works</span></h3> |
| |
<p class="content-detail">Previous works and designs.</p> |
| |
</div> |
| |
<div class="col-md-9 content-right"> |
| |
<ul class="portfolio-image"> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-1.png"><img src="/mitre2/images/bw-1.png" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">My Resume</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-2.png"><img src="/mitre2/images/bw-2.png" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">Pangirutan</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-3.png"><img src="/mitre2/images/bw-3.png" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">Black Mug</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-4.jpg"><img src="/mitre2/images/bw-4.jpg" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">Notebook Mockup</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-5.png"><img src="/mitre2/images/bw-5.png" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">Presentation</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
<li class="col-md-6"> <a href="/mitre2/images/bw-6.png"><img src="/mitre2/images/bw-6.png" alt="image" /> |
| |
<div class="decription-wrap"> |
| |
<div class="image-bg"> |
| |
<p class="desc">Letter Branding</p> |
| |
</div> |
| |
</div> |
| |
</a> </li> |
| |
</ul> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="col-md-3"> |
| |
<h3 class="title-small"><span>Services</span></h3> |
| |
<p class="content-detail">Available services done by yours truly.</p> |
| |
</div> |
| |
<div class="col-md-9 content-right"> |
| |
<div class="row"> |
| |
<ul class="listing-item"> |
| |
<li> |
| |
<div class="col-md-4 col-sm-4"> |
| |
<h3 class="icon-use">b</h3> |
| |
<p class="head-sm">WEB DESIGN</p> |
| |
<p class="text-grey">Develop a website template designed based on your preference theme.</p> |
| |
</div> |
| |
</li> |
| |
<li> |
| |
<div class="col-md-4 col-sm-4"> |
| |
<h3 class="icon-use">d</h3> |
| |
<p class="head-sm">PHOTO EDITING</p> |
| |
<p class="text-grey">Enhancing and filtering photos.</p> |
| |
</div> |
| |
</li> |
| |
</ul> |
| |
<ul class="listing-item"> |
| |
<li> |
| |
<div class="col-md-4 col-sm-4"> |
| |
<h3 class="icon-use">p</h3> |
| |
<p class="head-sm">UX DESIGN</p> |
| |
<p class="text-grey">Improving your website user interaction experience.</p> |
| |
</div> |
| |
</li> |
| |
<li> |
| |
<div class="col-md-4 col-sm-4"> |
| |
<h3 class="icon-use">m</h3> |
| |
<p class="head-sm">FRONT END DEVELOPING</p> |
| |
<p class="text-grey">Developing a responsive and creative web projects.</p> |
| |
</div> |
| |
</li> |
| |
</ul> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="col-md-3"> |
| |
<h3 class="title-small"><span>Skills</span></h3> |
| |
<p class="content-detail">Notable skills in the field of Information Technology.</p> |
| |
</div> |
| |
<div class="col-md-9 content-right"> |
| |
<div class="skillst"> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">HTML 5</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">CSS 3</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">Javascript</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">VB.Net</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">Android Java</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
<div class="skillbar"> |
| |
<div class="title head-sm">Sql Database</div> |
| |
<div class="count-bar"></div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="col-md-3"> |
| |
<h3 class="title-small"><span>Education</span></h3> |
| |
<p class="content-detail">The educational attainment from elementary to present.</p> |
| |
</div> |
| |
<div class="col-md-9 content-right"> |
| |
<div class="row"> |
| |
<ul class="listing-item"> |
| |
<li> |
| |
<div class="col-md-6 col-sm-6"> |
| |
<div class="wrap-card"> |
| |
<div class="card"> |
| |
<h2 class="year">2003 - 2010</h2> |
| |
<p class="job">Elementary School</p> |
| |
<p class="company">Bacood Elementary School</p> |
| |
<hr /> |
| |
<div class="text-detail"> |
| |
<p>Consistent Eight Honor student from Grade 1 to Grade 2.</p> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</li> |
| |
<li> |
| |
<div class="col-md-6 col-sm-6"> |
| |
<div class="wrap-card"> |
| |
<div class="card"> |
| |
<h2 class="year">2010 - 2014</h2> |
| |
<p class="job">High School</p> |
| |
<p class="company">Arellano University Juan Sumulong Campus</p> |
| |
<hr /> |
| |
<div class="text-detail"> |
| |
<p>Honor graduate student of High School Division. The Editor-in-Chief of the High School's Yearbook Publication.</p> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</li> |
| |
</ul> |
| |
<ul class="listing-item"> |
| |
<li> |
| |
<div class="col-md-6 col-sm-6"> |
| |
<div class="wrap-card"> |
| |
<div class="card"> |
| |
<h2 class="year">2014</h2> |
| |
<p class="job">Bachelor of Science in Information Technology</p> |
| |
<p class="company">Technological Institute of the Philippines</p> |
| |
<hr /> |
| |
<div class="text-detail"> |
| |
<p>One of the top students of ITE Courses.</p> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</li> |
| |
<li> |
| |
<div class="col-md-6 col-sm-6"> |
| |
<div class="wrap-card"> |
| |
<div class="card"> |
| |
<h2 class="year">2015 - 2019</h2> |
| |
<p class="job">Bachelor of Science in Information Technology</p> |
| |
<p class="company">Jose Rizal University</p> |
| |
<hr /> |
| |
<div class="text-detail"> |
| |
<p>Consistent Web Designer.</p> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</li> |
| |
</ul> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row wrap-testimonial"> |
| |
<div class="col-md-10 col-md-offset-1"> |
| |
<div class="owl-carousel"> |
| |
<div class="list-testimonial"> |
| |
<div class="content-testimonial"> |
| |
<h3 class="testi">“ Jay did a amazing job setting up my a website for my product He performed the task very quickly and efficiently. We know we have the superior topical pain relief cream on the market and he has helped us communicate that message via the website he built from scratch. Thanks! �</h3> |
| |
<p class="people">Randy Fababier</p> |
| |
</div> |
| |
</div> |
| |
<div class="list-testimonial"> |
| |
<div class="content-testimonial"> |
| |
<h3 class="testi">“ Another successful project working with Jay. He has great design skills, is very responsive and professional. Looking forward to the next opportunity to work together. �</h3> |
| |
<p class="people">Mark Christian Corros</p> |
| |
</div> |
| |
</div> |
| |
<div class="list-testimonial"> |
| |
<div class="content-testimonial"> |
| |
<h3 class="testi">“ Great designer! I like his sense of design, especially the color scheme. Quick turnaround. Look forward to work with him again. Thanks!! �</h3> |
| |
<p class="people">Geonald Cruz</p> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="container"> |
| |
<div class="row"> |
| |
<div class="col-md-3"> |
| |
<h3 class="title-small"><span>Contact</span></h3> |
| |
<p class="content-detail">Need help for your project? Let's get it ready!</p> |
| |
</div> |
| |
<div class="col-md-9 content-right"><form> |
| |
<div class="group"><input type="text" /><span class="highlight"> </span><span class="bar"> </span><label>Name</label></div> |
| |
<div class="group"><input type="email" /><span class="highlight"> </span><span class="bar"> </span><label>Email</label></div> |
| |
<div class="group"><textarea></textarea><span class="highlight"> </span><span class="bar"> </span><label>Message</label></div> |
| |
<input id="sendMessage" name="sendMessage" type="submit" value="Send Message" /> </form></div> |
| |
</div> |
| |
</div> |
| |
|
| |
<div class="footer-top"> |
| |
<ul class="socials"> |
| |
<li class="facebook"> <a href="https://facebook.com/ZehelMitre">Facebook</a> </li> |
| |
<li class="twitter"> <a href="https://twitter.com/zehelmitre2">Twitter</a> </li> |
| |
<li class="gplus"> <a href="#">Google +</a> </li> |
| |
</ul> |
| |
</div> |
| |
<div class="footer-bottom"> |
| |
<div class="container"> |
| |
<div class="row"><a href="#home"><img class="center-block" src="/mitre2/images/logo-bottom2.png" alt="crafted with love" /></a></div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
</div> |
| |
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/mitre2/js/scrollreveal.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/scrollreveal.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/jquery-1.9.1.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/jquery.appear.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/bootstrap.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/classie.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/owl.carousel.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/jquery.magnific-popup.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/masonry.pkgd.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/masonry.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/smooth-scroll.min.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/typed.js" type="text/javascript"></script> |
| |
<script src="/mitre2/js/main.js" type="text/javascript"></script> |
| |
</body> |
| |
|
| |
</html> |