 
<!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">
<meta name=description content="Portfolio of Cristina Rogando Web Developer based in Philippines. My skills shines on PHP, MySQL, MongoDB, Elasticsearch, MeteorJS, Yii2, Wordpress, Joomla.">
<meta name=keywords content="web design and developments solutions, php developer, web design, graphic design, websites, graphics, wordpress developer, freelance, developer, meteorjs" />
<META NAME=robots CONTENT="index, follow">
<meta name=author content="Cristina Rogando">
<meta http-equiv=Cache-control content="max-age=2628000, public">
<meta property=og:image content=http://crogando.neo-webdesigns.com/img/header-bg.jpg>
<meta property=og:image:type content=image/jpeg>
<meta property=og:image:width content=200>
<meta property=og:image:height content=200>
<meta property=og:url content=http://crogando.neo-webdesigns.com/>
<meta property=og:title content="Portfolio | Cristina Rogando : PHP Web Developer">
<meta property=og:description content="Portfolio of Cristina Rogando Web Developer based in Philippines. My skills shines on PHP, MySQL, MongoDB, Elasticsearch, MeteorJS, Yii2, Wordpress, Joomla.">
<meta property=og:type content=website>
<meta property=fb:app_id content=929194087221449>
<meta name=twitter:card content=summary>
<meta name=twitter:url content=http://crogando.neo-webdesigns.com/>
<meta name=twitter:title content="Portfolio | Cristina Rogando : PHP Web Developer">
<meta name=twitter:description content="Portfolio of Cristina Rogando Web Developer based in Philippines. My skills shines on PHP, MySQL, MongoDB, Elasticsearch, MeteorJS, Yii2, Wordpress, Joomla.">
<meta name=twitter:image content=http://crogando.neo-webdesigns.com/img/header-bg.jpg>
<title>Portfolio | Cristina Rogando : PHP Web Developer</title>
<link rel=apple-touch-icon sizes=57x57 href=/img/favicon/apple-icon-57x57.png>
<link rel=apple-touch-icon sizes=60x60 href=/img/favicon/apple-icon-60x60.png>
<link rel=apple-touch-icon sizes=72x72 href=/img/favicon/apple-icon-72x72.png>
<link rel=apple-touch-icon sizes=76x76 href=/img/favicon/apple-icon-76x76.png>
<link rel=apple-touch-icon sizes=114x114 href=/img/favicon/apple-icon-114x114.png>
<link rel=apple-touch-icon sizes=120x120 href=/img/favicon/apple-icon-120x120.png>
<link rel=apple-touch-icon sizes=144x144 href=/img/favicon/apple-icon-144x144.png>
<link rel=apple-touch-icon sizes=152x152 href=/img/favicon/apple-icon-152x152.png>
<link rel=apple-touch-icon sizes=180x180 href=/img/favicon/apple-icon-180x180.png>
<link rel=icon type=image/png sizes=192x192 href=/img/favicon/android-icon-192x192.png>
<link rel=icon type=image/png sizes=32x32 href=/img/favicon/favicon-32x32.png>
<link rel=icon type=image/png sizes=96x96 href=/img/favicon/favicon-96x96.png>
<link rel=icon type=image/png sizes=16x16 href=/img/favicon/favicon-16x16.png>
<link rel=manifest href=/img/favicon/manifest.json>
<meta name=msapplication-TileColor content=#ffffff>
<meta name=msapplication-TileImage content=/img/favicon/ms-icon-144x144.png>
<meta name=theme-color content=#ffffff>
<link href=vendor/bootstrap/css/bootstrap.min.css rel=stylesheet>
<link href=vendor/font-awesome/css/font-awesome.min.css rel=stylesheet type=text/css>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel=stylesheet type=text/css>
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel=stylesheet type=text/css>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel=stylesheet type=text/css>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel=stylesheet type=text/css>
<link href=css/sim-prev-anim.css rel=stylesheet type=text/css />
<link href=css/theme.css rel=stylesheet>
<style type="text/css">

	#wrap {
		position: fixed;
		z-index: 999;
		top: 0; left: 0; right: 0; bottom: 0;
		background-color: #000;
		overflow: hidden;
	}

	#popup {
		display: none;
		position: absolute;
		width: 500px;
		height: auto;
		top: 50%; left: 45%;
		margin-left: -150px; margin-top: -100px; 

		-webkit-perspective: 800px;
	  	-webkit-perspective-origin: 50% 50px;
	   perspective: 800px;
	   perspective-origin: 50% 50px;  	
	}

	.piece {
		background: #ce1818;
		float: left;
	}

	#popup h1 {
		position: absolute;
		text-align: center;
		width: 100%;		
		top: 50%; margin-top: -40px;			
		color: #ccc;
		text-transform: capitalize;
	}

	.reverse {
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -30px;
		font-family: 'Noto Sans', sans-serif;
		color: #ccc;
		cursor: pointer;
	}
</style>
<!--[if lt IE 9]>
<script src=https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js integrity=sha384-0s5Pv64cNZJieYFkXYOTId2HMA2Lfb6q2nAcx2n0RTLUnCAoTTsS0nKEO27XyKcY crossorigin=anonymous></script>
<script src=https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js integrity=sha384-ZoaMbDF+4LeFxg6WdScQ9nnR1QC2MIRxA1O9KWEXQwns1G8UNyIEZIQidzb0T1fo crossorigin=anonymous></script>
<![endif]-->
</head>
<body id=page-top class=index>
<nav id=mainNav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class=container>
<div class="navbar-header page-scroll">
<button type=button class=navbar-toggle data-toggle=collapse data-target=#bs-example-navbar-collapse-1>
<span class=sr-only>Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href=#page-top>Cristina Rogando</a>
</div>
<div class="collapse navbar-collapse" id=bs-example-navbar-collapse-1>
<ul class="nav navbar-nav navbar-right">
<li class=hidden>
<a href=#page-top></a>
</li>
<li>
<a class=page-scroll href=#services>Services</a>
</li>
<li>
<a class=page-scroll href=#portfolio>Portfolio</a>
</li>
<li>
<a class=page-scroll href=#about>About</a>
</li>
<li>
<a class=page-scroll href=#contact>Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header>
<div class=container>
<div class=intro-text>
<div class=intro-lead-in></div>
<div class>
<div class=mast>
<div class=mast__header>
<div class="mast__title js-spanize intro-lead-in">Welcome To My Space!</div>
<hr class="sep"/>
<p class="mast__text js-spanize intro-heading">It's Nice To Meet You</p>
</div>
</div>
</div>
<a href=#services class="page-scroll btn btn-xl">Tell Me More</a>
</div>
</div>
</header>
<section id=services>
<div class=container>
<div class=row>
<div class="col-lg-12 text-center">
<h2 class=section-heading>Services</h2>
<h3 class="section-subheading text-muted">Im specialized in crafting the web. Making almost everything viewable on the internet for your eyes to mesmerize.</h3>
</div>
</div>
<div class="row text-center">
<div class=col-md-4>
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-globe fa-stack-1x fa-inverse"></i>
</span>
<h4 class=service-heading>Web Development</h4>
<p class=text-muted>A fast and responsive website? Its my main goal! I also assure the searchability of your site in search engines to meet your target viewers.</p>
</div>
<div class=col-md-4>
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-paint-brush fa-stack-1x fa-inverse"></i>
</span>
<h4 class=service-heading>Web Design</h4>
<p class=text-muted>You have a creative idea you want to put up? Lets talk. I can make your site responsive and good looking. Like a PRO!</p>
</div>
<div class=col-md-4>
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class=service-heading>Virtual Assistance / Consultancy</h4>
<p class=text-muted>Do you need help in managing your tasks or site? You are in the right place. You can ask consultation or hire me as your assistant to manage your everyday bucket lists.</p>
</div>
</div>
</div>
</section>
<section id=portfolio class=bg-light-gray>
<div class=container>
<div class=row>
<div class="col-lg-12 text-center">
<h2 class=section-heading>Portfolio</h2>
<h3 class="section-subheading text-muted">I love web! It turned out, it become the line of career I enjoy doing. Below are some of my works.</h3>
</div>
</div>
<div class=row>
<div class=albums>
<div class=albums-inner>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal1 class=portfolio-link data-toggle=modal>
<div class="albums-tab img-responsive">
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/bbpm-debuf-report.gif class="all studio img-responsive"/>
<img src=img/portfolio/bbpm-report.gif class="all studio img-responsive"/>
<img src=img/portfolio/bbpm-success-factor.gif class="all studio img-responsive"/>
<img src=img/portfolio/bbpm-project-status.gif class="all studio img-responsive"/>
<img src=img/portfolio/bbpm-homepage.gif class="all studio img-responsive"/>
</div>
</div>
<img src=img/portfolio/bbpm-homepage.gif class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Certus3 BBPM System</h4>
<p class=text-muted>Website/System Development</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal2 class=portfolio-link data-toggle=modal>
<div class="albums-tab img-responsive">
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/plane-jane-2.jpg class="all studio img-responsive"/>
<img src=img/portfolio/plane-jane-3.jpg class="all studio img-responsive"/>
<img src=img/portfolio/plane-jane-4.jpg class="all studio img-responsive"/>
<img src=img/portfolio/plane-jane-5.jpg class="all studio img-responsive"/>
<img src=img/portfolio/plane-jane-1.jpg class="all studio img-responsive"/>
</div>
</div>
<img src=img/portfolio/plane-jane-1.jpg class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Plane Jane</h4>
<p class=text-muted>Design Integration - Shopping Cart</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal3 class=portfolio-link data-toggle=modal>
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/korean-2.jpg class="all studio img-responsive"/>
<img src=img/portfolio/korean-4.jpg class="all studio img-responsive"/>
<img src=img/portfolio/korean-3.jpg class="all studio img-responsive"/>
<img src=img/portfolio/korean-5.jpg class="all studio img-responsive"/>
<img src=img/portfolio/korean-1.jpg class="all studio img-responsive"/>
</div>
<img src=img/portfolio/korean-1.jpg class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Korean Gallery and Forum</h4>
<p class=text-muted>PSD to HTML/ Design Integration</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal4 class=portfolio-link data-toggle=modal>
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/sf-2.jpg class="all studio img-responsive"/>
<img src=img/portfolio/sf-3.jpg class="all studio img-responsive"/>
<img src=img/portfolio/sf-4.jpg class="all studio img-responsive"/>
<img src=img/portfolio/sf-5.jpg class="all studio img-responsive"/>
<img src=img/portfolio/sf-1.jpg class="all studio img-responsive"/>
</div>
<img src=img/portfolio/sf-1.jpg class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Sourcefit</h4>
<p class=text-muted>System Development - CRM</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal5 class=portfolio-link data-toggle=modal>
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/media-1.jpg class="all studio img-responsive"/>
<img src=img/portfolio/media-1.jpg class="all studio img-responsive"/>
<img src=img/portfolio/media-1.jpg class="all studio img-responsive"/>
<img src=img/portfolio/media-1.jpg class="all studio img-responsive"/>
<img src=img/portfolio/media-1.jpg class="all studio img-responsive"/>
</div>
<img src=img/portfolio/media-1.jpg class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Media Track Reporting</h4>
<p class=text-muted>System Development - Reporting</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href=#portfolioModal6 class=portfolio-link data-toggle=modal>
<div class="albums-tab-thumb sim-anim-5">
<img src=img/portfolio/touchstar-2.png class="all studio img-responsive"/>
<img src=img/portfolio/touchstar-3.png class="all studio img-responsive"/>
<img src=img/portfolio/touchstar-4.png class="all studio img-responsive"/>
<img src=img/portfolio/touchstar-5.png class="all studio img-responsive"/>
<img src=img/portfolio/touchstar-1.png class="all studio img-responsive"/>
</div>
<img src=img/portfolio/touchstar-1.png class=img-responsive alt>
</a>
<div class=portfolio-caption>
<h4>Touchstar</h4>
<p class=text-muted>System Development - VOIP</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id=about>
<div class=container>
<div class=row>
<div class="col-lg-12 text-center">
<h2 class=section-heading>About</h2>
<h3 class="section-subheading text-muted">More about me? Let me recall my years...</h3>
</div>
</div>
<div class=row>
<div class=col-lg-12>
<ul class=timeline>
<li>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/plp.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>April 2004</h4>
<h4 class=subheading>Where things all started</h4>
</div>
<div class=timeline-body>
<p class=text-muted>Iam a BS-IT graduate from Pamantasan ng Lungsod ng Pasig. During my college years, I develop a heart inline with technology. I love to code. We are more on Visual Basic that time. We were also taught HTML, CSS, Javascript, C, Visual C++ and Visual Foxpro.</p>
</div>
</div>
</li>
<li class=timeline-inverted>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/dataline.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2004 - 2005</h4>
<h4 class=subheading>Dataline Philippines</h4>
</div>
<div class=timeline-body>
<p class=text-muted>After graduating, I land a job as a Programmer/ Analyst. I revise Application Software for Payroll, Timekeeping using Clipper. For Enrollment System, I used PHP and MySQL. I also support by answering phone calls regarding with system problems (TA). Iam also responsible for system software installation of DOS Based Program deployed on clients.</p>
</div>
</div>
</li>
<li>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/default.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2005 - 2006</h4>
<h4 class=subheading>RSCOM</h4>
</div>
<div class=timeline-body>
<p class=text-muted>This is where I work on a Tupperware Project. I transfer records from DBF Files to MS SQL SERVER. I used Visual Basic, Clipper and MS SQL SERVER. The code transfer the current DBF data to MS SQL</p>
</div>
</div>
</li>
<li class=timeline-inverted>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/default.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2006 - 2007</h4>
<h4 class=subheading>Netpros Inc</h4>
</div>
<div class=timeline-body>
<p class=text-muted>I started as a Jr Web Developer. Got promoted to Team Leader and the last title I had is a Trainor. As a web developer, I create, modify and maintain Web Sites using PHP, MySQL, AJAX. I integrate scripts for shopping cart and payment method such as paypal, authorized.net. Later on when I become a Team Leader, I delegate tasks to jr developers and handle clients. When I become a trainor, I teach or pass the knowledge I gained.</p>
</div>
</div>
</li>
<li>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/touchstar.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2007</h4>
<h4 class=subheading>Touchstar</h4>
</div>
<div class=timeline-body>
<p class=text-muted>Here, I maintain ippbx scripts. I also support clients which are the call center agents. Tools used here are MySQL, PHP, JavaScript, Asterisk.</p>
</div>
</div>
</li>
<li class=timeline-inverted>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/default.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2007 - 2011</h4>
<h4 class=subheading>Freelance Web Developer</h4>
</div>
<div class=timeline-body>
<p class=text-muted>In year 2007, I become a fulltime homebased freelancer. Who wants to enjoy life to its fullest and dream to have their own time? I modify existing scripts and make layouts if needed. I use wordpress, joomla, oscommerce, e-commerce e-templates, dolphin in creating sites.</p>
</div>
</div>
</li>
<li>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/default.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2011 - 2012</h4>
<h4 class=subheading>Endlessrise Inc</h4>
</div>
<div class=timeline-body>
<p class=text-muted>We use ActiveCollab System. The system handles file sharing, proposals and services. Handle Jr. Dev if team leader or manager is not available.</p>
</div>
</div>
</li>
<li class=timeline-inverted>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/psp.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2012 - 2013</h4>
<h4 class=subheading>Pacific Sea BPO Services</h4>
</div>
<div class=timeline-body>
<p class=text-muted>It is a BPO Company for online gaming site. I create marketing sites for them. I was also able to work on HR and Call Logs system. Technology used here are MySQL, PHP, JavaScript, Photoshop, CSS, HTML, jQuery, Bootstrap, Wordpress.</p>
</div>
</div>
</li>
<li>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/default.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2013 - 2015</h4>
<h4 class=subheading>Media Track</h4>
</div>
<div class=timeline-body>
<p class=text-muted>We create system used by plotters and analysts. We also provide tabular and graphical system for them. Technology used are mySQL, PHP, JavaScript, Photoshop, CSS, HTML, jQuery, Bootstrap, Fushionchart, MongoDB, Elasticsearch, S2 and S3.</p>
</div>
</div>
</li>
<li class=timeline-inverted>
<div class=timeline-image>
<img class="img-circle img-responsive" src=img/about/sourcefit.jpg alt>
</div>
<div class=timeline-panel>
<div class=timeline-heading>
<h4>2015 - Present</h4>
<h4 class=subheading>Sourcefit</h4>
</div>
<div class=timeline-body>
<p class=text-muted>Our goal is to make a CRM that monitors the employees attendance and even tasks. It also helps employees colaborate to each other.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id=contact>
<div class=container>
<div class=row>
<div class="col-lg-12 text-center">
<h2 class=section-heading>Contact Us</h2>
<h3 class=section-subheading>Need a website or help in your current site?<br>You can reach me by submitting your inquiries below:</h3>
</div>
</div>
<div class=row>
<div class=col-lg-12>
<form name=sentMessage id=contactForm novalidate>
<div class=row>
<div class=col-md-6>
<div class=form-group>
<input type=text class=form-control placeholder="Your Name *" id=name required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
<div class=form-group>
<input type=email class=form-control placeholder="Your Email *" id=email required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
<div class=form-group>
<input type=tel class=form-control placeholder="Your Phone *" id=phone required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class=col-md-6>
<div class=form-group>
<textarea class=form-control placeholder="Your Message *" id=message required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class=clearfix></div>
<div class="col-lg-12 text-center">
<div id=success></div>
<button type=submit class="btn btn-xl">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class=container>
<div class=row>
<div class=col-md-4>
<span class=copyright>&copy; crogando.neo-webdesigns.com 2017</span>
</div>
<div class=col-md-4>
<ul class="list-inline social-buttons">
<li><a href=#><i class="fa fa-twitter"></i></a>
</li>
<li><a href=#><i class="fa fa-facebook"></i></a>
</li>
<li><a href=#><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
<div class=col-md-4>
<ul class="list-inline quicklinks">
<li><a href=#>Privacy Policy</a>
</li>
<li><a href=#>Terms of Use</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="portfolio-modal modal fade" id=portfolioModal1 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-xs-8 col-xs-offset-2">
<div class=modal-body>
<h2>Certus3 BBPM System</h2>
<p class="item-intro text-muted">Website/System Development</p>
<img class="img-responsive img-centered" src=img/portfolio/certus3-big.jpg alt>
<p>BBPM System is connected to survey monkey to get responses and survey conducted by the company. It has calculations for Behavior-Based Program Method in predicting the dificulties a program encounter. Using this will identify the pattern used by the team to lessen the surprise sudden difficulties a team may encounter along the way.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id=portfolioModal2 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-lg-8 col-lg-offset-2">
<div class=modal-body>
<h2>Plane Jane</h2>
<p class="item-intro text-muted">Design Integration - Shopping Cart</p>
<img class="img-responsive img-centered" src=img/portfolio/plane-jane-big.png alt>
<p>Plane Jane is an ecommerce site. It uses a cms platform to showcase to its products. The cms uses a flexible payment module that can be set on its admin section. It also manage the inventory of available and non-available products.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id=portfolioModal3 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-lg-8 col-lg-offset-2">
<div class=modal-body>
<h2>Korean Gallery and Forum</h2>
<p class="item-intro text-muted">PSD to HTML/ Design Integration</p>
<img class="img-responsive img-centered" src=img/portfolio/korean-big.jpg alt>
<p>This site is a Gallery with a Forum. It showcase its images and lets users interact through the forum of the site. I dont understand Korean but yeah thanks to Google Translate. Translation using Google is not perfect but glad my fellow Korean explain it to me so I'd know where to place the changes requested from me.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id=portfolioModal4 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-lg-8 col-lg-offset-2">
<div class=modal-body>
<h2>Sourcefit CRM</h2>
<p class="item-intro text-muted">System Development - CRM</p>
<img class="img-responsive img-centered" src=img/portfolio/sourcefit-big.jpg alt>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id=portfolioModal5 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-lg-8 col-lg-offset-2">
<div class=modal-body>
<h2>Media Track Reporting</h2>
<p class="item-intro text-muted">System Development - Reporting</p>
<img class="img-responsive img-centered" src=img/portfolio/mediatrack-big.jpg alt>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id=portfolioModal6 tabindex=-1 role=dialog aria-hidden=true>
<div class=modal-dialog>
<div class=modal-content>
<div class=close-modal data-dismiss=modal>
<div class=lr>
<div class=rl>
</div>
</div>
</div>
<div class=container>
<div class=row>
<div class="col-lg-8 col-lg-offset-2">
<div class=modal-body>
<h2>Touchstar</h2>
<p class="item-intro text-muted">System Development - VOIP</p>
<img class="img-responsive img-centered" src=img/portfolio/touchstar-big.png alt>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="wrap">
  <div id="popup">
    <h1>Thank you <br>for visiting my page<br>click here close</h1>    
  </div>	
</div>

<script src=vendor/jquery/jquery.min.js defer></script>
<script src=vendor/bootstrap/js/bootstrap.min.js defer></script>
<script src=/js/jquery.easing.min.js defer></script>
<script src=js/jqBootstrapValidation.js defer></script>
<script src=js/theme.js defer></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js></script>
<script src=js/agss.js defer></script>
<script>window.fbAsyncInit=function(){FB.init({appId:"929194087221449",xfbml:true,version:"v2.9"});FB.AppEvents.logPageView()};(function(e,a,f){var c,b=e.getElementsByTagName(a)[0];if(e.getElementById(f)){return}c=e.createElement(a);c.id=f;c.src="//connect.facebook.net/en_US/sdk.js";b.parentNode.insertBefore(c,b)}(document,"script","facebook-jssdk"));</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-99911504-1', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>