<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en" class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Boyle Creations LLC | Kalamazoo/Portage based Web Design & Development</title>
		<meta name="description" content="Web Design and Development by Freelancer Aidan Boyle" />
		<meta name="keywords" content="html5, css3, php, sql, ruby, rails, angular, jquery, wordpress, web development, agency, portfolio, web design" />
		<meta name="author" content="Aidan Boyle" />
		<!-- Bootstrap -->
		<script src="js/modernizr.custom.js"></script>
		<link href="css/bootstrap.latest.min.css" rel="stylesheet">
		<link href="css/jquery.fancybox.css" rel="stylesheet">
		<link href="css/flickity.css" rel="stylesheet" >
		<link href="css/animate.css" rel="stylesheet">
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Nunito:400,300,700" rel='stylesheet' type='text/css'>
		
		<link rel="icon" type="image/png" href="http://boylecreations.com/img/bcl_logo.png">
		
		<!--<link href="css/bootstrap-modal.css" rel="stylesheet" type="text/css">
		<link href="css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css">-->
		
		<link href="css/styles.css" rel="stylesheet">
		<link href="css/queries.css" rel="stylesheet">
		
		<link href="css/tweaks.min.css" rel="stylesheet">
		<!-- Facebook and Twitter integration -->
		<meta property="og:title" content=""/>
		<meta property="og:image" content="http://boylecreations.com/img/office-job-pink.jpg"/>
		<meta property="og:url" content="http://boylecreations.com"/>
		<meta property="og:site_name" content="Boyle Creations"/>
		<meta property="og:description" content="Kalamazoo and Portage based Web Design and Development with a focus on Wordpress, User Experience and Application Development."/>
		<meta name="twitter:title" content="" />
		<meta name="twitter:image" content="" />
		<meta name="twitter:url" content="" />
		<meta name="twitter:card" content="" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!--[if lt IE 7]>
		<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
		<![endif]-->
		<!-- open/close -->
		<header>
			<section class="hero">
				<div class="texture-overlay"></div>
				<div class="container">
					<div class="row nav-wrapper">
						<div class="col-md-6 col-sm-9 col-xs-9 text-left" id="logo-box">
							
							<a>BOYLE CREATIONS</a>
						</div>
						<div class="col-md-6 col-sm-3 col-xs-3 text-right navicon">
							<p></p><a id="trigger-overlay" class="nav_slide_button nav-toggle" href="#"><span></span></a>
						</div>
					</div>
					<div class="row hero-content">
						<div class="col-md-12 text-center">
							<h1 class="animated fadeInUp text-center">Time for a better website. Let me design yours.</h1>
							
							<a href="#contact" class="learn-btn animated fadeInUp text-center">LEARN MORE <i class="fa fa-arrow-down"></i></a>
							
						</div>
					</div>
				</div>
			</section>
		</header>
		
		
		
		<section class="video" id="about">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<h1>
						The Latest from my Blog.
						</h1>
					</div>
				</div>
			</div>
		</section>
		<section class="features-intro">
			<div class="container-fluid">
			
				<div class="row">
					<div class="col-md-6 nopadding features-intro-img">
						<div class="features-bg">
							<div class="texture-overlay"></div>
							<div class="features-img wp1">
								<img src="img/bcl_logo.jpg" />
							</div>
						</div>
					</div>
					<div class="col-md-6 nopadding ">
						<div class="features-slider">
								<ul class="slides" id="featuresSlider">
									<li>
										<h1>Learning Angular and Backbone.</h1>
										<p>This was kind of a random decision for me, but so far its been very fruitful. For a long time I was considering getting into Backbone.js. </p>
										<p><a href="http://boylecreations.com/development/learning-angular-backbone" class="arrow-btn">Read the full article <i class="fa fa-long-arrow-right"></i></a></p>
									</li>
									<li>
										<h1>What I love about the Wordpress 2015 theme.</h1>
										<p>Typically, I look for my instant WordPress site needs from theme markets such as Themeforest, ElegantThemes and many more. Really, theres a whole lot to choose from but for reliability reasons I always take a good look at the themes wordpress releases.</p>
										<p><a href="http://boylecreations.com/discussion/what-i-love-about-the-wordpress-2015-theme" class="arrow-btn">Read the full article <i class="fa fa-long-arrow-right"></i></a></p>
									</li>
									<li>
										<h1>Bootstrap 3 Modal Issues.</h1>
										<p>LAs some of you may know , I’ve been working on a new website using the new version of Bootstrap. I had previously been using Bootstrap 2 before switching to Bootstrap 3 and have welcomed the plethora of new features.</p>
										<p><a href="http://boylecreations.com/development/bootstrap-3-modal-issues-resolved" class="arrow-btn">Read the full article <i class="fa fa-long-arrow-right"></i></a></p>
									</li>
								</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="features-list" id="about">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						
						<div class="col-md-4 feature-1 wp2">
							<div class="feature-icon">
								<i class="fa fa-desktop"></i>
							</div>
							<div class="feature-content">
								<h1>I'm in love with Design</h1>
								<p>I'm take my design work VERY seriously. I treat every new project as a new chance to improve my skills and push the boundaries of what I'm capable of. I'm not satisfied with a project until I know, deep down, that I've pushed every pixel, aligned every element and made it just right. Even then I can guarantee you I'll still be thinking about ways I can make a project look, feel and work better.</p>
								
							</div>
						</div>
						<div class="col-md-4 feature-2 wp2 delay-05s">
							<div class="feature-icon">
								<i class="fa fa-flash"></i>
							</div>
							<div class="feature-content">
								<h1>Your project is special to me.</h1>
								<p>When I take a new project on, I get emotionally invested. I want your project to look good, and knowing that your business does better because of that, makes me happy. I like to be able to maintain good business relationships with my clients and look back later knowing that I was part of something special..</p>
								
							</div>
						</div>
						<div class="col-md-4 feature-3 wp2 delay-1s">
							<div class="feature-icon">
								<i class="fa fa-heart"></i>
							</div>
							<div class="feature-content">
								<h1>Flexible and Evolving</h1>
								<p>Already have a project going on? No problem. I've worked with enough platforms and projects now that if you're hiring me on from the start or mid way through I can hop right in with ease. My biggest projects have ran like that, and while it can be tough at first, I find the challenge exciting and rewarding. </p>
								
							</div>
						</div>

					</div>
				</div>
			</div>
		</section>
		<section class="showcase">
			<div class="showcase-wrap">
				<div class="texture-overlay"></div>
				<div class="container">
					<div class="row nopadding">
						
						<div class="col-md-6">
							<h1>Web/UI Designer.</h1>
							<p>I love Photoshop. Its the industry standard, so thats probably to be expected but I really do. I like to use products like Hotgloo, Balsamiq and UXPin to make mockups and then dress them up in Photoshop.

I have degrees in both Web Design and Graphic Design and while I rarely do print work the time spent learning its been pivotal in helping me learn Illustrator. Working together with Photoshop I can manage and design multiple media types.</p>
							<!--<blockquote class="team-quote">
								<div class="avatar"><img src="img/avatar.png" alt="User Avatar"></div>
								<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc." - Brian Culver, All American Roll Models</p>
								
							</blockquote>-->
							
						</div>
						<div class="col-md-6">
							<h1>Web Developer.</h1>
							<p>I've never been satisfied with just designing. I've always been interested in development and almost always have an idea for a cool new application. I like to use my favorite programming tools ( Sublime Text and Terminal right now ).

I write a lot of javascript (jQuery in particular) and love working with a good API to create new stuff. I have a special love for PHP & MySQL and specialize in Wordpress development. I'm also learning backbone, node and express right now.</p>
							<!--<blockquote class="team-quote">
								<div class="avatar"><img src="img/avatar.png" alt="User Avatar"></div>
								<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc." - Bill Hampton, AutoBeat Group</p>
								
							</blockquote>-->
							
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="screenshots-intro">
			<div class="container">
				<div class="row nopadding">
					<div class="col-md-12">
						<h1 class="">Projects and Recent Work</h1>
						<p class="">
Some projects currently under development may not be listed here.

The following is a sampling of selected works from what I'm working on now or have done for various clients over the years. If you're interested in what technology I've used you can learn more about what services I offer or download my resume. All designs implement the latest web design technologies including, but not limited to, HTML5, CSS3 and jQuery. All projects are designed to be responsive, cross browser friendly, easy to use and easily adaptable for multiple devices.

Not all work is listed here. If you'd like to see more, have a specific request, or would like your project listed here please please send me an email.</p>
						
					</div>
				</div>
			</div>
		</section>
					
		<!-- Projects Section -->
		
		<section class="screenshots" id="projects">
			<div class="container-fluid">
				<div class="row">
					<ul class="grid">
					
					
						<!-- FIRST PROJECT / AUTOBEAT GROUP-->
					
						<li>
							<figure data-toggle="modal" data-target="#myModal1">
								<img src="img/projects/amp_shot.jpg" alt="autobeat group">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="abg-open" class="single_imagez" >
										<i class="fa fa-search"></i><br>
										<p>AutoBeat Group</p>
									</a>
								</div>
								</figcaption>
							</figure>
							
							<!-- Modal  Meader -->
							
							<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="abg-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													
													<!-- had data-dismiss="modal" -->
													<a href="#" id="abg-btn" class="button btn btn-info pagination-btn" data-toggle="modal"  data-dismiss="modal" data-target="#myModal2">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" class="btn btn-default return-btn" id="abg-exit" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">The AutoBeat Group.</h1>
													<a href="http://autobeatgroup.com" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      
							      <!-- Modal Body -->
							      
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12 downpadding">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-responsive img-thumbnail" src="img/projects/modal/abg-shot.png">
																						
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>AutoBeat Group.</h1>
													<p>
													I first started working for The AutoBeat Group in November, 2010 and have since then been building,designing and iterating versions of the their websites. 
													
													In 2010, I was initially hired to make a number of Wordpress theme customizations to the autobeatgroup website to display to their clients. For this project I scripted a number of functions with PHP & SQL using the Wordpress developer API to enhance and further enable the administrators ability to control what data was displayed. I also added a number of various basic Wordpress functionality such as more sidebars, ad space and widgets. I continued to do contract work for AutoBeat Group for a time. As the scripts that are used to maintain the companies clients are done seperately, it was also my job to make sure that the two communicated properly and remained secure. </p>
													
												</div>
											</div>
										</div>	
										<div class="col-md-12 downpadding">
											
											<div class="col-md-6 feature-3 wp2 delay-1s">
												<div class="feature-icon">
													<i class="fa fa-heart"></i>
												</div>
												<div class="feature-content">										
													<img class="img-responsive img-thumbnail" src="img/projects/modal/abi-shot.png">
												</div>
											</div>
											<div class="col-md-6 feature-3 wp2 delay-1s">
												<div class="feature-icon">
													<i class="fa fa-heart"></i>
											    </div>

												<div class="feature-content">
													
													<h1>AutoBeat Insider</h1>
													<p>Less then half a year later I was hired to develop the AutoBeat Insider website. Working with a small team of creatives hired by AutoBeat Group, my role was to develop the theme and framework from which AutoBeat Insider would run and ensure that the website fit the dimensions of the Fox2Detroit website.</p>
													
													<p>I developed the theme used on AutoBeat Insider from scratch and worked with the Brightcove platform for distributing its videos to both the Insider and Group websites. Since its release I’ve developed a small number of plugins for the website and maintained its installation and versions as well as incrementally enhanced its theme framework capability and options as needed. As the webmaster for both sites, I maintain security for the server that was chosen to host them and perform routine security maintenance and updates to Apache to prevent malware, SQL Injection and other malicious attempts on the server.</p>
													</div>
												</div>
											</div>
											
											<div class="col-md-12 downpadding">
											
											<div class="col-md-6 feature-3 wp2 delay-1s">
												<div class="feature-icon">
													<i class="fa fa-heart"></i>
												</div>
												<div class="feature-content">										
													<img class="img-responsive img-thumbnail" src="img/projects/modal/amp-shot.png">
												</div>
											</div>
											<div class="col-md-6 feature-3 wp2 delay-1s">
												<div class="feature-icon">
													<i class="fa fa-heart"></i>
											    </div>

												<div class="feature-content">
													
													<h1>Advanced Mobility Project</h1>
													<p>While I was not involved in the design or development of the Advanced Mobility Project website, it was built upon the same server that I currently maintain for AutoBeat Group. As a result, post launch, I have performed a number of framework and options updates to the one that was used for its development as well as maintained the security and analytics for it and both of the other websites.</p>
													
													
													</div>
												</div>
											</div>
					
										</div>
									</div>

							        
							        
							      </div>
							      
							    </div>
							  </div>
							</div>

						</li>
						
						
						<!-- NEXT PROJECT PIECE / ALL AMERICAN ROLL MODELS -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal2">
								<img src="img/projects/thumbs/aarm-mast-thumb.jpg" alt="all american roll models">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="aarm-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>AARM</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="aarm-header">
							      <section class="hero">
							      <div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													
													
													<a href="#" id="aarm-btn" class="button btn btn-info pagination-btn" data-toggle="modal"  data-dismiss="modal" data-target="#myModal3">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" id="" class="btn btn-default exit-modal return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">All American Roll Models</h1>
													<a href="http://allamericanrollmodels.com" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							        <div class="row nopadding">
					<div class="col-md-12">

						<div class="col-md-6">
							<div class="feature-icon">
								<i class="fa fa-desktop"></i>
							</div>
							<div class="feature-content">
								<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/aarm-shot.jpg" />
								
							</div>
						</div>
						<div class="col-md-6 feature-2 wp2 delay-05s">
							<div class="feature-icon">
								<i class="fa fa-flash"></i>
							</div>
							<div class="feature-content">
								
								<h1>Desktop Design</h1>
								<p>I was hired on by All American Roll Models both as a Web and User Interface Designer and Front End Developer. I worked with another freelancer with whom I knew who developed a custom CMS for the organization. Focused on assisting spinal cord injury survivors, they required a setup that allowed different levels of access for both mobile and desktop users. I designed many iterations of the website to be used, and although much of the page content has changed since last I handed the project much of the usability remains the same. I developed the front end using Foundation 4 by Zurb with jQuery scripts and page templates with PHP provided by the Back end Developer. 

.</p>
							</div>
						</div>
						

					</div><div class="col-md-12">

						<div class="col-md-6">
							<div class="feature-icon">
								<i class="fa fa-desktop"></i>
							</div>
							<div class="feature-content">
								<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/aarm-ui.png" />
								
							</div>
						</div>
						<div class="col-md-6 feature-2 wp2 delay-05s">
							<div class="feature-icon">
								<i class="fa fa-flash"></i>
							</div>
							<div class="feature-content">
								
								<h1>Admin Design</h1>
								<p>The admin end of the website was created with intent to make seamless transitions during the creating of events and news for registered members. The Design itself was fashioned for changing the event photos much like a Facebook cover photo and to use google maps to generate location for events, with text data to be sent as reminders when selected during preferences.</p>
							</div>
						</div>
						

					</div>
</div>
							      </div>
							      
							    </div>
							  </div>
							</div>
						</li>
						
						
						<!-- NEXT PROJECT PIECE / THE RIVER -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal3">
								<img src="img/projects/thumbs/theriver-mast-thumb.jpg" alt="the river">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="river-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>THE RIVER</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="river-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													
													
													<a href="#" id="river-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal4">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" class="btn btn-default return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">The River.</h1>
													<a href="http://theriver.info" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													<img class="img-thumbnail img-responsive downpadding" src="img/projects/modal/river-shot.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Theme Modifications and PHP Functions.</h1>
													The River is a project I was hired on for to fix a number of Wordpress UI related theme errors and modifcations. These updates included mostly jQuery and and PHP scripts to be rewritten to allow for different navigation patterns in the website. Once written, further population of the data was automated and the client no longer had to concern about it changing unfavorably while pushing content to the website.
													
												</div>
											</div>
										</div><div class="col-md-12">
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													<img class="img-thumbnail img-responsive downpadding" src="img/projects/modal/river-shot2.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Image and CSS Corrections.</h1>
													Another of the issues that needed solving, was that the theme didn't match the original design by the client in its color scheme. Parts of the website that used images to create folding effects, had to be remade in different colors while the CSS was altered to allow for the seamless change in colors in the website. The two displayed images here are white, while the footer of the actual website is a slighly darker hue. 
													
												</div>
											</div>
											
					</div>
										</div>
									</div>

							        
							        
							      </div>
							      
							    </div>
							  </div>
							</div>						</li>
						
						<!-- NEXT PROJECT PIECE / TASTE OF HEAVEN -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal4">
								<img src="img/projects/thumbs/toh-mast-thumb.jpg" alt="taste of heaven">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="toh-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>TASTE OF HEAVEN</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="toh-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													<!--<a href="#"><img src="img/bcl_logo.jpg" alt="Boxify Logo"></a>-->
													
													<a href="#" id="toh-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal5">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" class="btn btn-default return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">TASTE OF HEAVEN</h1>
													<a href="http://drizzled.org" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-thumbnail img-responsive downpadding" src="img/projects/modal/drizzled-shot.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Cross Browser, Woocommerce and Theme Development.</h1>
													<p>Similarly to the River, this is another project I was hired on as a Wordpress theme editor. During pre launch there were numerous modifications that needed to be made to allow for the proper scaling of objects in the DOM for different browsers, most notably Internet Explorer. Other changes included a slew of changes to the theme itself assisting in the end result we now have. These include but are not limited to changes to pop up displays and the overall functionality of the woocommerce plugin, exclusively for this website.</p>
													
												</div>
											</div>
										</div><div class="col-md-12">
												<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
												
													<img class="img-thumbnail img-responsive" src="img/projects/modal/drizzled-shot2.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Javascript plugin errors.</h1>
													<p>In addition to the standard cross browser and PHP errors that were prevalent at the time, other notable Javascript conflictions had arisen at some point during development preventing tabular data, ( most notably in the product review section )from showing. Through some troubleshooting with the plugins being used with woocommerce and others being used for front end development, I was able to identify and remove the errors restoring the theme back to its intended behavior.
													
												</div>
											</div>
										</div>
									</div>

							         
							        
							      </div>
							      
							    </div></div>
							  </div>
							</div>												
						</li>
					</ul>
				</div>
				
				<!-- NEXT PORTFOLIO PIECE / PLC PROFESSOR -->
				
				<div class="row">
					<ul class="grid">
						<li>
							<figure data-toggle="modal" data-target="#myModal5">
								<img src="img/projects/thumbs/plc-mast-thumb.jpg" alt="plc professor">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="plc-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>PLC PROFESSOR</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="plc-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													
													
													<a href="#" id="plc-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal6">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
												
													 <button type="button" class="btn btn-default return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">PLC PROFESSOR</h1>
													<a href="http://plcprofessor.com" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
																									</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/plc-shot.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>From Youtube to the Wordpress.</h1>
													<p>The PLC Professor is the website for the registration and product purchases for the PLC professor youtube channel. Having been using an older website for a while for processing payments the PLC professor was looking for a way to push his video content and provide more options for the sale of his products as well as adding responsiveness for mobile users. Establishing a good framework for his setup, I aimed to extend as much control over the website data as possible, since so much needed done. The end result was a website that could have nearly any part of the data changed either by a metabox, theme option or via a framework option.</p>
													
												</div>
											</div>
											</div>
											<div class="col-md-12">
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/plc-shot2.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Woocommerce, Mailchimp and extensions.</h1>
													<p>Once the design was complete and the site was merged over, I did a full security audit, set up SSL for purchases and registration and extended Woocommerce and the registration system with Mailchimp and USPS. I then linked his services together so that he could control everything except for video uploading on youtube at his website dashboard. Now the PLC Professor can make money on youtube, while simultaneously blogging, keeping track of his clients and sell products without having to repost all of the content in different locations.</p>
													
												</div>
											</div>
					
										</div>
									</div>

							       
							        
							      </div>
							   
							    	</div>
							    </div>
							  </div>
							</div>												
						</li>
						
						
						<!-- NEXT PROJECT PIECE 6 / KALAMAZOO VALLEY COMMUNITY COLLEGE -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal6">
								<img src="img/projects/thumbs/kvcc-mast-thumb.jpg" alt="kalamazoo valley community college">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="kvcc-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>KVCC</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="kvcc-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													
													
													<a href="#" id="kvcc-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal7">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" class="btn btn-default return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 text-center">
													<h1 class="animated fadeInUp text-center">Kalamazoo Valley Community College.</h1>
													<a href="http://kvcc.edu" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-thumbnail img-responsive downpadding" src="img/projects/modal/kvcc.shot.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Novell Groupwise Email Client Development.</h1>
													<p>Some time after graduation at the college, I was hired on by the Marketing Department in KVCC Brand Central, to help develop email templates for their Groupwise client. As I'd had a lot of experience working email templates from using Mailchimp, Campaign Monitor, other clients and doing custom development for LKF Marketing this was no problem. </p>
													
													<p>For the time I did this , I was simply given PSD's to convert to Groupwise templates. I did this for a few months for their newsletter until I was finally hired to create several dynamic templates for the college to use, which should still be used to this day. </p>
													
												</div>
											</div>
											
					
										</div>
									</div>

							       
							        
							      </div>
							     </div>
							    </div>
							  </div>
							</div>
						</li>
						
						
						<!-- NEXT PROJECT PIECE 7 / DYNAMIC REHAB -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal7">
								<img src="img/projects/thumbs/dynamic-mast-thumb.jpg" alt="dynamic rehabilitation">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="dynamic-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>DYNAMIC REHAB</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="dynamic-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													<!--<a href="#"><img src="img/bcl_logo.jpg" alt="Boxify Logo"></a>-->
													
													<a href="#" id="dynamic-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal8">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													
													 <button type="button" class="btn btn-default return-btn" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">DYNAMIC REHAB.</h1>
													<a href="http://dynamicrehab.com" rel="nofollow" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/dynamic-shot.jpg" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Server update and website fixes.</h1>
													<p>When I was first hired to work on Dynamic Rehab I was thrust into a position where there was no one taking care of the server. I was entrusted to upgrade and correct any flaws and to integrate the Wordpress theme I was given to the website. It wasn't long before the website was entrusted to me and I took over hosting as well prior to the launch of the blog. I did a backup and made an image of the entire website and merged it over to my server where I did frequent security updates and edits to the main pages using PHP and Javascript</p>
													
												</div>
											</div>
											
							
										</div>
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">
													
													<img class="img-thumbnail img-responsive downpadding" src="img/projects/modal/dynamic-shot2.png" />
													
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Blog Development and Maintenance.</h1>
													<p>Once the Blog was launched, I continued to due security regularly while the marketing campaign for Dynamic Rehab started. As that continued and new materials were required I uploaded media and to the system and provided reports on data. For its marketing campaign I also developed branded Mailchimp templates and integrated with Facebook, Youtube and Vimeo.</p>
													
												</div>
											</div>
											
							
										</div>
										
									</div>
</div>
							        
							        
							      </div>
							      </div>
							    </div>
							  </div>
							
						</li>
						
						
						<!-- NEXT PROJECT PIECE / DREAM WEDDING -->
						
						
						<li>
							<figure data-toggle="modal" data-target="#myModal8">
								<img src="img/projects/thumbs/dreamwedding-mast-thumb.jpg" alt="dream wedding">
								<figcaption>
								<div class="caption-content">
									<a href="#" id="dream-open" class="single_imagez">
										<i class="fa fa-search"></i><br>
										<p>DREAM WEDDING</p>
									</a>
								</div>
								</figcaption>
							</figure>
							<!-- Modal -->
							<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							  <div class="modal-dialog">
							    <div class="modal-content">
							      <div class="modal-header" id="dream-header">
							      	<section class="hero">
										<div class="texture-overlay"></div>
										<div class="container">
											<div class="row nav-wrapper">
												<div class="col-md-6 col-sm-6 col-xs-6 text-left" id="logo-box">
													<!--<a href="#"><img src="img/bcl_logo.jpg" alt="Boxify Logo"></a>-->
													
													<a href="#" id="dream-btn" class="button btn btn-info pagination-btn" data-toggle="modal" data-dismiss="modal" data-target="#myModal1">NEXT</a>
												</div>
												<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
													<!--<p>MENU</p><a id="trigger-overlay" class="nav_slide_button nav-toggle" href="#"><span></span></a>-->
													 <button type="button" class="btn btn-default return-btn" id="" data-dismiss="modal">RETURN HOME</button>
												</div>
											</div>
											<div class="row hero-content text-center">
												<div class="col-md-12 text-center">
													<h1 class="animated fadeInUp text-center">Dream Wedding.</h1>
													<a href="http://dreamwedding.net.au" rel="nofollow" class="learn-btn animated fadeInUp text-center">VISIT URL <i class="fa fa-arrow-down"></i></a>
													
												</div>
											</div>
										</div>
									</section>
							        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							        
							      </div>
							      <div class="modal-body">
							      <div class="container modal-padding">
							      <div class="row nopadding">
										<div class="col-md-12">
					
											<div class="col-md-6">
												<div class="feature-icon">
													<i class="fa fa-desktop"></i>
												</div>
												<div class="feature-content">

													<img class="img-responsive img-thumbnail downpadding" src="img/projects/modal/dream-shot.png">
										
												</div>
											</div>
											<div class="col-md-6 feature-2 wp2 delay-05s">
												<div class="feature-icon">
													<i class="fa fa-flash"></i>
												</div>
												<div class="feature-content">
													<h1>Mobile stylesheet development.</h1>
													<p>Ever since Responsive websites became a thing, I've done as many websites as possible responsive. Although I typically prefer to use existing frameworks like the popular Bootstrap and Foundation frameworks, this is not always possible when using an existing theme. in this project, the client had a specific desire for how things would look when event venues were interacted with, but positioning and the CSS was preventing this. My job was to fix that.</p>
												</div>
											</div>
										</div>
						
									</div>

							        
							        
							      </div> </div>
							      </div>
							    </div>
							  </div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</section>
		
		<section class="download" id="download">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center wp4">
						<h3 id="resume-talk">I put great care into each and every project I work on and enjoy working on new projects. Download my resume to see documentation on what I can offer your business.</h3>
						<a href="http://boylecreations.com/_include/attach/BC_RESUME-BRANDED.pdf" class="download-btn">Download Resume <i class="fa fa-download"></i></a>
					</div>
				</div>
			</div>
		</section>
		<div id="contact" class="page">
<div class="container">
    <!-- Title Page -->
    <div class="row nopadding">
        <div class="col-md-12 text-center" id="contact-callout">
            <div class="title-page">
            
            	
                <h2 class="title">Looking for an Estimate?</h2>
                <h3 class="title-description">I'm currently accepting new client projects. I look forward to working with you.</h3>
                <div class="page-description">
                
                	
                    <p>If you are interested in working with me or just want to talk, send me an email. If you are unable or having trouble with email please use the information provided below to contact me using your email platform of choice or just give me a call. You can also get in touch with me by following me on <a href="https://twitter.com/boylecreations">twitter.</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Title Page -->
    
    <!-- Contact Form 
    
<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>
<div class="container">
    <div class="row">-->
        <div class="col-md-12">
            <div class="well well-sm" id="contact-well">
                <form id="contact-form">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">Name</label>
                            <input type="text" class="form-control" value="" name="name" id="contact_name" placeholder="Enter name" required="required">
                        </div>
                        <div class="form-group">
                            <label for="email">
                                Email Address</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                                </span>
                                <input type="email" class="form-control" id="contact_email" value="" name="email" placeholder="Enter email" required="required"></div>
                        </div>
                        <div class="form-group">
                            <label for="subject">
                                Subject</label>
                            <select id="subject" name="subject" class="form-control" required="required">
                                <option value="na" selected="">Choose One:</option>
                                <option value="estimate">Request Estimate</option>
                                <option value="support">Technical Support</option>
                                <option value="other">Other</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">
                                Message</label>
                            <textarea name="message" id="contact_message" class="form-control" rows="9" cols="25" required="required" placeholder="Message"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-primary pull-right" id="contact-submit">
                            Send Message</button>
                            <div id="response">
                
               	    </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
            </div>
</div>

</div>
</div>
		<footer id="site-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-5">
						<h1 class="footer-logo">
						
						</h1>
						<p>© Boyle Creations LLC 2015</p>
					</div>
					<div class="col-md-7">
						<ul class="footer-nav">
							<li><a href="http://boylecreations.com/2015/02">Blog</a></li>
							<li><a href="#about">About</a></li>
							<li><a href="#projects">Projects</a></li>
							<li><a href="#download">Resume</a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		
		<div class="overlay overlay-boxify">
			<nav>
				<ul>
					<li><a href="http://boylecreations.com/2015/02"><i class="fa fa-heart"></i>BLOG</a></li>
					<li><a href="#about"><i class="fa fa-flash"></i>ABOUT</a></li>
				</ul>
				<ul>
					<li><a href="#projects"><i class="fa fa-desktop"></i>PROJECTS</a></li>
					<li><a href="#download"><i class="fa fa-download"></i>CONTACT</a></li>
				</ul>
			</nav>
		</div>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) also update netlify stack -->
		<script src="js/min/toucheffects-min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		<script src="js/flickity.pkgd.min.js"></script>
		<script src="js/jquery.fancybox.pack.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/retina.js"></script>
		<script src="js/waypoints.min.js"></script>
		<script src="js/bootstrap.latest.min.js"></script>
		<script src="js/min/scripts-min.js"></script>
		
		<script src="js/bootstrap-modal.js"></script>
		<script src="js/bootstrap-modalmanager.js"></script>
		<script src="js/tweaks.js"></script>
		
		<script src="//use.typekit.net/zri4rtc.js"></script>
		<script>try{Typekit.load();}catch(e){}</script>
		<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
		<script>
		(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
		function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
		e=o.createElement(i);r=o.getElementsByTagName(i)[0];
		e.src='//www.google-analytics.com/analytics.js';
		r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
		ga('create','UA-43654515-1');ga('send','pageview');
		</script>
	<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a09ad44bff91d097',t:'MTc4MTEyMDIzMg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
