<!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">
  
  
  
  
  <!--[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-general">
      <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 ><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 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>