<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Fictionalhead</title>
  <meta name="description" content="Full-service freelance graphic design services. From print ads and websites, to vehicle graphics, trade show booths, and everything in between. If it's design related, I can do it for you.">
  <meta name="author" content="Fictionalhead (Dan Meyer)">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <link type="text/css" rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="assets/js-plugin/animation-framework/animate.css" />
  <link rel="stylesheet" type="text/css" href="assets/js-plugin/pretty-photo/css/prettyPhoto.css" />
  <link type="text/css" rel="stylesheet" href="assets/js-plugin/hoverdir/css/style.css">
  <link type="text/css" rel="stylesheet" href="assets/js-plugin/isotope/css/style.css">
  <link rel="stylesheet" href="assets/js-plugin/supersized/css/supersized.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="assets/js-plugin/supersized/theme/supersized.shutter.css" type="text/css" media="screen" />
  
  <link type="text/css" rel="stylesheet" href="assets/font-icons/custom-icons/css/custom-icons.css">
  <link type="text/css" rel="stylesheet" href="assets/font-icons/custom-icons/css/custom-icons-ie7.css">
  
  <link type="text/css" rel="stylesheet" href="assets/css/layout.css">
  
  
	<link type="text/css" id="colors" rel="stylesheet" href="assets/css/colors.css">
  
  
  
  <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
  <script src="assets/js/modernizr-2.6.1.min.js"></script>

  <link rel="shortcut icon" href="assets/images/favicon_design.ico">
  <link rel="apple-touch-icon" href="assets/images/favicon_design.ico">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon_design_72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon_design_114.png">
  <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon_design_144.png">
</head>

<body data-spy="scroll" data-target="#resMainMenu" data-offset="150">

<!-- Primary Page Layout 
  ================================================== -->
  <!-- globalWrapper -->
  <div id="globalWrapper" class="localscroll">
  <div id="top"></div>
    <!-- header -->
    <header id="mainHeader" class="clearfix head-design">
      <div class="container">
        <div class="row">
          <div class="span12"> <a href="/" class="brand"><img src="assets/images/fh_logo.svg" alt="Fictionalhead Design"/></a>
            <nav id="resMainMenu" class="scrollMenu">
              <ul class="nav clearfix">
                <li class="active"><a href="design">Design</a></li>
                <li ><a href="illustration">Illustration</a></li>
                <li ><a href="music">Music</a></li>
                <li><a href="#about">About</a></li>
				<li><a href="#skills">Skills</a></li>
                <li><a href="#contact">Contact</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </header>
    <!-- header -->
    <!-- content -->


<section class="slice color3" id="design">
		<div class="container clearfix">
			<div class="row">
			<nav id="filter" class="span12 text-center">
					<ul id="nav_categories" class="nav_categories">
			<li><a href="" class="current btn btn-small" data-filter="*">All</a>
						<a href="" class="btn btn-small" data-filter=".3d">3D</a></li>
			<li>
						<a href="" class="btn btn-small" data-filter=".branding">Branding</a></li>
			<li>
						<a href="" class="btn btn-small" data-filter=".interactive">Interactive</a></li>
			<li>
						<a href="" class="btn btn-small" data-filter=".packaging">Packaging</a></li>
			<li>
						<a href="" class="btn btn-small" data-filter=".print">Print</a></li>
			<li>
						<a href="" class="btn btn-small" data-filter=".web">Web</a></li>
		</ul>

			</nav>
			<div class="span12">
				<div class="row">
					<div class="portfolio-items isotopeWrapper clearfix imgHover" id="3">
					
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/thorn_main_card.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/thorn_main_card_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/thorn_cards.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/thorn_cards_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/thorn_brochure.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/thorn_brochure_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dcw_main_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dcw_main_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dcw_icon_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dcw_icon_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dcw_cards.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dcw_cards_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/hyper_main.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/hyper_main_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/hyper_site.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/hyper_site_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/3dchar_main.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/3dchar_main_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/3dchar_all.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/3dchar_all_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/3dchar_all_props.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/3dchar_all_props_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/nullen_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/nullen_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/001.png" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/001_420_236.png">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/002.png" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/002_420_236.png">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/003.png" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/003_420_236.png">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/005.png" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/005_420_236.png">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/006.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/006_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/2015_Star_Wars_01.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/2015_Star_Wars_01_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/2015_Star_Wars_05.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/2015_Star_Wars_05_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/2015_Star_Wars_04.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/2015_Star_Wars_04_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/vega_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/vega_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding interactive web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dan_meyer_portfolio_interactive4.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dan_meyer_portfolio_interactive4_420_272.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding print web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dds_main_slide.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dds_main_slide_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dds_cards.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dds_cards_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dds_print_web.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dds_print_web_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dds_brochure.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dds_brochure_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/all_slides29.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/all_slides29_420_228.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/all_slides30.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/all_slides30_420_228.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/all_slides31.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/all_slides31_420_228.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/all_slides32.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/all_slides32_420_228.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/all_slides33.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/all_slides33_420_227.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d branding interactive print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/skechers_concept_deck4-5.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/skechers_concept_deck4-5_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d branding interactive print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/NEN5-150313-085_2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/NEN5-150313-085_2_420_278.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/2018.05.09_exploded_views_alljpgw.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/2018.05.09_exploded_views_alljpgw_420_160.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/montessori_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/montessori_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding interactive web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/_chaco_desktop_2018_04_30_pacman_landing_v1.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/_chaco_desktop_2018_04_30_pacman_landing_v1_420_590.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_main_slide.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_main_slide_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_boxes.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_boxes_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_box1.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_box1_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_box2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_box2_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_bottle_bottoms.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_bottle_bottoms_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/wheaton_caps.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/wheaton_caps_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/ailu_main_card.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="Label and Logo" src="/images/made/assets/uploads/portfolio/ailu_main_card_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/ailu_packaging.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="Label" src="/images/made/assets/uploads/portfolio/ailu_packaging_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/ailu_all_labels.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="Product Photos and Labels" src="/images/made/assets/uploads/portfolio/ailu_all_labels_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem branding print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/ailu_photos2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="All Labels" src="/images/made/assets/uploads/portfolio/ailu_photos2_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding packaging print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dan_meyer_portfolio_interactive2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dan_meyer_portfolio_interactive2_420_272.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding interactive web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/_chaco_desktop_2018_07_30_npf_03_rockies_v1.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/_chaco_desktop_2018_07_30_npf_03_rockies_v1_420_488.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/floor_002.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/floor_002_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/floor_001.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/floor_001_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/floor_004.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/floor_004_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/floor_006.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/floor_006_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dan_meyer_portfolio_interactive14.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dan_meyer_portfolio_interactive14_420_250.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/HD.HWEEN16.0001Ac.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/HD.HWEEN16.0001Ac_420_104.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/turbo_main.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/turbo_main_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/turbo_01.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/turbo_01_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding interactive web ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dan_meyer_portfolio_interactive9.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dan_meyer_portfolio_interactive9_420_252.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/fictionalhead_main_slide.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/fictionalhead_main_slide_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/fictionalhead_album4.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/fictionalhead_album4_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/fictionalhead_album3.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/fictionalhead_album3_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/fictionalhead_album2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/fictionalhead_album2_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem 3d print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/fictionalhead_album1.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/fictionalhead_album1_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/llm_ebook1.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/llm_ebook1_420_236.jpg">
										</a>
									
								</section>
							</article>
						
							<article class="boxLink boxNew span4 isotopeItem print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/llm_ebook2.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/llm_ebook2_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem 3d branding ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/logo_various.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/logo_various_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/lafleur_logo.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/lafleur_logo_420_236.jpg">
										</a>
									
								</section>
							</article>
						
					
						
							<article class="boxLink boxNew span4 isotopeItem branding packaging print ">
								<section class="imgWrapper">
									
										<a href="http://www.fictionalhead.com/assets/uploads/portfolio/dan_meyer_portfolio_interactive8.jpg" class="prettyPhotoGallery prettyPhoto" rel="prettyPhoto[1]">
											<img alt="" src="/images/made/assets/uploads/portfolio/dan_meyer_portfolio_interactive8_420_272.jpg">
										</a>
									
								</section>
							</article>
						
					
					</div>
				</div>
			</div>
			</div>
		</div>
	</section>
		
	<nav class="arrowsNav"> 
		<a href="#top" class="navUp color3"><i class="icon-up-open"></i></a> 
	</nav>


 	





	<section id="about">
		<div id="paralaxSlice4" data-stellar-background-ratio="0.2" class="slice color3">
			<div class="container">
		  <div class="row">
			<div class="span4"> <img class="statimg" src="assets/images/about_me2.jpg" alt="Dan Meyer (Fictionalhead)"> </div>
			<div class="span8">
			<h1>ABOUT ME</h1>
			  <br/>
			  <p>My name is Dan Meyer, and I'm a self-professed geek/nerd with a love of all things creative. Especially if it involves a computer. I love designing, making art, and writing music.</p>
			  <p>If I'm not in front of a computer making up new creations, I'm probably hanging out with my wife Elise, our dog Parzana, or our two boys Miles &amp; Iver.</p>
				<p>If you need to reach me, the easiest way is usually email. <a href="mailto:dan@fictionalhead.com">dan@fictionalhead.com</a>
			</div>
		  </div>
		</div>
		</div>
	</section>

	
	<nav class="arrowsNav"> 
		<a href="#about" class="navUp color3"><i class="icon-up-open"></i></a> 
	</nav>
<section class="slice color3" id="skills">
                <div class="container">
                    <div class="row">
                        <div class="span6 clearfix">
                            <div class="boxFeature clearfix">
                                <div class="one_third">
                                        <img src="assets/images/icon_design.png"/>
                                </div>
                                <div class="two_thirds last">
                                    <h2 class="centerChunk">Design</h2>
                                    <p class="centerChunk">Logos<br/>Business Cards<br/>Printed Materials<br/>Websites</p>
                                </div>
                            </div>
                        </div>
						
                        <div class="span6 clearfix">
                            <div class="boxFeature clearfix">
                                <div class="one_third">
                                        <img src="assets/images/icon_illustration.png"/>
                                </div>
                                <div class="two_thirds last">
                                    <h2 class="centerChunk">Illustration</h2>
                                    <p class="centerChunk">Vector<br/>3D<br/>Digital<br/>Handmade</p>
                                </div>
                            </div>
                        </div>
                    </div>
					
                    <div class="row">
                        <div class="span6 clearfix">
                            <div class="boxFeature clearfix">
                                <div class="one_third">
                                        <img src="assets/images/icon_sound.png"/>
                                </div>
                                <div class="two_thirds last">
                                    <h2 class="centerChunk">Sound</h2>
									<p class="centerChunk">Music Composition<br/>Editing<br/>Mixing<br/>Production</p>
                                </div>
                            </div>
                        </div>
                        <div class="span6 clearfix">
                            <div class="boxFeature clearfix">
                                <div class="one_third">
                                        <img src="assets/images/icon_3d.png"/>
                                </div>
                                <div class="two_thirds last">
                                    <h2 class="centerChunk">3D</h2>
									<p class="centerChunk">Technical Illustration<br/>Concept Rendering<br/>Character Creation<br/>Environmental Visualization</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
</section>

	
	<nav class="arrowsNav"> 
		<a href="#home" class="navUp color3"><i class="icon-up-open"></i></a> 
	</nav>
	<section id="contact">
		<div id="paralaxSlice6" data-stellar-background-ratio="0.2" class="slice color3">
			<div class="container">
			  <div class="row">

				<div class="span12">
					<h2 class="centerChunk"><a href="mailto:dan@fictionalhead.com">dan@fictionalhead.com</a></h2>
					<h2 class="centerChunk">616.805.9714</h2>
				</div>
			  </div>
		</div>
		</div>
	</section>
	
		<nav class="arrowsNav"> 
			<a href="#top" class="navUp color3"><i class="icon-up-open"></i></a> 
		</nav>
                            <!-- content -->
                            <!-- footer -->
                            <footer>
                              <section id="mainFooter">
                                <div class="container" id="footer">
                                  <div class="row">
                                      <div class="span12">
                                        <ul class="socialNetwork">
                                          <li><a class="iconWrapper tips" title="Facebook" href="http://www.facebook.com/fictionalhead"><i class="icon-facebook"></i></a></li>
                                          <li><a class="iconWrapper tips" title="iStockPhoto" href="http://www.istockphoto.com/portfolio/fictionalhead"><i class="icon-camera"></i></a></li>
                                          <li><a class="iconWrapper tips" title="Twitter" href="http://twitter.com/fictionalhead"><i class="icon-twitter"></i></a></li>
                                          <li><a class="iconWrapper tips" title="Google+" href="https://plus.google.com/+fictionalhead"><i class="icon-gplus"></i></a></li>
                                          <li><a class="iconWrapper tips" title="YouTube" href="http://www.youtube.com/user/fictionalhead"><i class="icon-youtube"></i></a></li>
                                          <li><a class="iconWrapper tips" title="Bandcamp" href="http://fictionalhead.bandcamp.com/"><i class="icon-bandcamp"></i></a></li>
										  <li class="last"><a class="iconWrapper tips" title="Linkedin" href="http://www.linkedin.com/in/fictionalhead"><i class="icon-linkedin"></i></a></li>
                                        </ul>
                                      </div>
                                      <div class="span12"> </div>
                                    </div>
                                  </div>
                                </section>
                              </footer>
                              <section  id="footerRights">
                                <div class="container">
                                  <div class="row">
                                    <div class="span12">
                                      <p>Copyright &copy; 2019 <a href="http://www.fictionalhead.com/" target="blank">Fictionalhead</a> | All rights reserved.</p>
                                    </div>
                                  </div>
                                </div>
                              </section>
                              <!-- End footer -->
                            </div>
                            <!-- global wrapper -->

<!-- End Document 
  ================================================== -->
  <script type="text/javascript" src="assets/js-plugin/respond/respond.min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/jquery-ui/jquery-ui-1.8.23.custom.min.js"></script>
  <!-- third party plugins  -->
  <script type="text/javascript" src="assets/bootstrap/js/bootstrap.js"></script>
  <script type="text/javascript" src="assets/bootstrap/js/bootstrap-carousel-ie.js"></script>
  <script type="text/javascript" src="assets/js-plugin/easing/jquery.easing.1.3.js"></script>

  <script type="text/javascript" src="assets/js-plugin/responsive-nav/responsive-nav.min.js"></script>

  <script type="text/javascript" src="assets/js-plugin/isotope/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/neko-contact-ajax-plugin/js/jquery.form.js"></script>
  <script type="text/javascript" src="assets/js-plugin/neko-contact-ajax-plugin/js/jquery.validate.min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/pretty-photo/js/jquery.prettyPhoto.js"></script>
  <script type="text/javascript" src="assets/js-plugin/hoverdir/jquery.hoverdir.js"></script>
  <script type="text/javascript" src="assets/js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/parallax/js/jquery.stellar.min.js"></script>
  <script type="text/javascript" src="assets/js-plugin/smoothscroll/SmoothScroll.js"></script>
  <!-- Custom  -->
  <script type="text/javascript" src="assets/js/custom.js"></script>
  <script type="text/javascript">
  $(function() {
       $('a[href*="#"]:not([href="#"])').click(function() {
         if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
           var target = $(this.hash);
           target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
           if (target.length) {
             $('html, body').animate({
               scrollTop: target.offset().top
             }, 1000);
             return false;
           }
         }
       });
     });
	</script>
</body>
</html>