
<!-- 


	88                      ,ad8888ba,                     88        88  
	88                     d8"'    `"8b                    88        88  
	88                    d8'                              88        88  
	88                    88                               88        88  
	88                    88                               88        88  
	88                    Y8,                              88        88  
	88                     Y8a.    .a8P                    Y8a.    .a8P  
	88                      `"Y8888Y"'                      `"Y8888Y"'   


     						   ...----....
                         ..-:"''         ''"-..
                      .-'                      '-.
                    .'              .     .       '.
                  .'   .          .    .      .    .''.
                .'  .    .       .   .   .     .   . ..:.
              .' .   . .  .       .   .   ..  .   . ....::.
             ..   .   .      .  .    .     .  ..  . ....:IA.
            .:  .   .    .    .  .  .    .. .  .. .. ....:IA.
           .: .   .   ..   .    .     . . .. . ... ....:.:VHA.
           '..  .  .. .   .       .  . .. . .. . .....:.::IHHB.
          .:. .  . .  . .   .  .  . . . ...:.:... .......:HIHMM.
         .:.... .   . ."::"'.. .   .  . .:.:.:II;,. .. ..:IHIMMA
         ':.:..  ..::IHHHHHI::. . .  ...:.::::.,,,. . ....VIMMHM
        .:::I. .AHHHHHHHHHHAI::. .:...,:IIHHHHHHMMMHHL:. . VMMMM
       .:.:V.:IVHHHHHHHMHMHHH::..:" .:HIHHHHHHHHHHHHHMHHA. .VMMM.
       :..V.:IVHHHHHMMHHHHHHHB... . .:VPHHMHHHMMHHHHHHHHHAI.:VMMI
       ::V..:VIHHHHHHMMMHHHHHH. .   .I":IIMHHMMHHHHHHHHHHHAPI:WMM
       ::". .:.HHHHHHHHMMHHHHHI.  . .:..I:MHMMHHHHHHHHHMHV:':H:WM
       :: . :.::IIHHHHHHMMHHHHV  .ABA.:.:IMHMHMMMHMHHHHV:'. .IHWW
       '.  ..:..:.:IHHHHHMMHV" .AVMHMA.:.'VHMMMMHHHHHV:' .  :IHWV
        :.  .:...:".:.:TPP"   .AVMMHMMA.:. "VMMHHHP.:... .. :IVAI
       .:.   '... .:"'   .   ..HMMMHMMMA::. ."VHHI:::....  .:IHW'
       ...  .  . ..:IIPPIH: ..HMMMI.MMMV:I:.  .:ILLH:.. ...:I:IM
     : .   .'"' .:.V". .. .  :HMMM:IMMMI::I. ..:HHIIPPHI::'.P:HM.
     :.  .  .  .. ..:.. .    :AMMM IMMMM..:...:IV":T::I::.".:IHIMA
     'V:.. .. . .. .  .  .   'VMMV..VMMV :....:V:.:..:....::IHHHMH
       "IHH:.II:.. .:. .  . . . " :HB"" . . ..PI:.::.:::..:IHHMMV"
        :IP""HHII:.  .  .    . . .'V:. . . ..:IH:.:.::IHIHHMMMMM"
        :V:. VIMA:I..  .     .  . .. . .  .:.I:I:..:IHHHHMMHHMMM
        :"VI:.VWMA::. .:      .   .. .:. ..:.I::.:IVHHHMMMHMMMMI
        :."VIIHHMMA:.  .   .   .:  .:.. . .:.II:I:AMMMMMMHMMMMMI
        :..VIHIHMMMI...::.,:.,:!"I:!"I!"I!"V:AI:VAMMMMMMHMMMMMM'
        ':.:HIHIMHHA:"!!"I.:AXXXVVXXXXXXXA:."HPHIMMMMHHMHMMMMMV
          V:H:I:MA:W'I :AXXXIXII:IIIISSSSSSXXA.I.VMMMHMHMMMMMM
            'I::IVA ASSSSXSSSSBBSBMBSSSSSSBBMMMBS.VVMMHIMM'"'
             I:: VPAIMSSSSSSSSSBSSSMMBSSSBBMMMMXXI:MMHIMMI
            .I::. "H:XIIXBBMMMMMMMMMMMMMMMMMBXIXXMMPHIIMM'
            :::I.  ':XSSXXIIIIXSSBMBSSXXXIIIXXSMMAMI:.IMM
            :::I:.  .VSSSSSISISISSSBII:ISSSSBMMB:MI:..:MM
            ::.I:.  ':"SSSSSSSISISSXIIXSSSSBMMB:AHI:..MMM.
            ::.I:. . ..:"BBSSSSSSSSSSSSBBBMMMB:AHHI::.HMMI
            :..::.  . ..::":BBBBBSSBBBMMMB:MMMMHHII::IHHMI
            ':.I:... ....:IHHHHHMMMMMMMMMMMMMMMHHIIIIHMMV"
              "V:. ..:...:.IHHHMMMMMMMMMMMMMMMMHHHMHHMHP'
               ':. .:::.:.::III::IHHHHMMMMMHMHMMHHHHM"
                 "::....::.:::..:..::IIIIIHHHHMMMHHMV"
                   "::.::.. .. .  ...:::IIHHMMMMHMV"
                     "V::... . .I::IHHMMV"'
                       '"VHVHHHAHHHHMMV:"'


	88888888ba   88888888888  88888888888  88888888ba   88  888b      88    ,ad8888ba,   
	88      "8b  88           88           88      "8b  88  8888b     88   d8"'    `"8b  
	88      ,8P  88           88           88      ,8P  88  88 `8b    88  d8'            
	88aaaaaa8P'  88aaaaa      88aaaaa      88aaaaaa8P'  88  88  `8b   88  88             
	88""""""'    88"""""      88"""""      88""""""'    88  88   `8b  88  88      88888  
	88           88           88           88           88  88    `8b 88  Y8,        88  
	88           88           88           88           88  88     `8888   Y8a.    .a88  
	88           88888888888  88888888888  88           88  88      `888    `"Y88888P"     			


-->
<!doctype html>
<!--[if IEMobile 7 ]> <html lang="en"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
  <title>TIM FRASCONE</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="description" content="I build brands.">
  <meta property="og:title" content="TIM FRASCONE">
  <meta property="og:description" content="I build brands.">
  <meta property="og:url" content="https://timfrascone.com">
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600" rel="stylesheet"> 
  <link rel="stylesheet" type="text/css" href="/wp-content/themes/wpbo/style.css">
  <link rel="shortcut icon" href="favicon.ico">
</head>

<body class="animated fadeIn" oncontextmenu="return false">

  <main class="main">
  
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
		$(document).on("scroll", function(){
		if
      ($(document).scrollTop() > 205){
		  		 $('#shrink-it').css('font-size', '1em');
				 $('#shrink-it').css('padding', '.5em');
				 $('#headline-bg').css('height', '44px');
		}
		else
		{
				 $('#shrink-it').css('font-size', '24px');
				 $('#shrink-it').css('padding', '30px 0');
				 $('#headline-bg').css('height', '100px');
		}
	});
	
	function autoType(elementClass, typingSpeed){
  var thhis = $(elementClass);
  thhis.css({
    "position": "relative",
    "display": "inline-block"
  });
  thhis.prepend('<div class="cursor" style="right: initial; left:0;"></div>');
  thhis = thhis.find(".text-js");
  var text = thhis.text().trim().split('');
  var amntOfChars = text.length;
  var newString = "";
  thhis.text("|");
  setTimeout(function(){
    thhis.css("opacity",1);
    thhis.prev().removeAttr("style");
    thhis.text("");
    for(var i = 0; i < amntOfChars; i++){
      (function(i,char){
        setTimeout(function() {        
          newString += char;
          thhis.text(newString);
        },i*typingSpeed);
      })(i+1,text[i]);
    }
  },500);
}

$(document).ready(function(){
  // Now to start autoTyping just call the autoType function with the 
  // class of outer div
  // The second paramter is the speed between each letter is typed.   
  autoType(".type-js",300);
});
	
</script>

    <div class="grid-top container">
      <div class="grid-cell grid-cell-offset-md-1 grid-cell-md-15">
        <h1 id="shrink-it" class="headline"><a href="/">TIM FRASCONE</a></h1>
      </div>
   </div>

<div id="headline-bg"></div>

    
    <div id="contain-type">
    <div class="type-js typing-container">
		<h1 class="text-js">I build brands.</h1>
	</div>
    </div>

	<!-- div class="grid-top container">
  	   <div class="intro grid-cell grid-cell-md-9">
    	<h2>I build brands.</h2>
 	  </div>
	</div -->

	<div class="grid-top projects">

        <div class="project-container grid-cell-md grid-cell-offset-md-1 grid-cell-md-11">
            <a href="/ms4-production" class="ms4 project">
            <h3>Ms4 Production</h3>
            <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Ms4-Production_and_Casting-branding.jpg);" class="project-image"></div>
            </a>
        </div>
        
         <div class="project-container grid-cell-md grid-cell-offset-md-1 grid-cell-md-5">
            <div class="project-group">
              
              <a href="/eddie-eddie-by-billy-tommy" class="eddieeddie project">
                <h3>Eddie Eddie by Billy Tommy</h3>
                <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Eddie-Eddie-by-Billy-Tommy-website_full.jpg);" class="project-image"></div>
              </a>
              
              <a href="/morgan-lane" class="morganlane project">
                <h3>Morgan Lane</h3>
                <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Morgan_Lane-Lanie_Balloon-alternate.jpg);" class="project-image"></div>
              </a>
              
            </div><!-- class="project-group" -->
        </div>
    
        <div class="project-container grid-cell-md grid-cell-md-6">
            <a href="/modelfit" class="modelfit project">
            <h3>modelFIT</h3>
            <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/modelFIT-West_Hollywood-branding_signage.jpg);" class="project-image"></div>
            </a>
        </div>
    
        <div class="project-container grid-cell-md grid-cell-offset-md-1 grid-cell-md-7">
            <a href="/hayden-5" class="hayden5 project">
            <h3>Hayden 5</h3>
            <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Hayden5-Production_Company-branding.jpg);" class="project-image"></div>
            </a>
        </div>
    
        <div class="project-container grid-cell-md grid-cell-md-4">
            <a href="/susan-penzner-real-estate" class="susanpenzner project">
            <h3>Susan Penzner Real Estate</h3>
            <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Susan_Penzner_Real_Estate-mobile.jpg);" class="project-image"></div>
            </a>
        </div>

 	<div class="project-container grid-cell-md grid-cell-offset-md-1 grid-cell-md-11">
            <a href="/gilded-lily" class="gilded-lily project">
            <h3>Gilded Lily</h3>
            <div style="background-image: url(https://www.timfrascone.com/wp-content/uploads/Gilded-Lily.jpg);" class="project-image"></div>
            </a>
        </div>

	</div><!-- class="grid-top projects" -->
    
<div id="swipe" style="width: 100%; margin-top: 1em; text-align:center;"><img src="https://www.timfrascone.com/wp-content/uploads/swipe.gif" border="0" /></div>

<div style="width: 100%; margin-top: 4em; padding: 2em; text-align:center;"><h4 style="padding-bottom: 25px">Connect</h4>The best way to get in touch with me is by <a style="text-decoration: underline !important;" href="mailto:hello@timfrascone.com">e-mail</a>. Based in New York City.</div>

<div style="width: 100%; padding: 2em 0; text-align:center;"><h4>🌎 <a href="https://www.instagram.com/timfrascone" target="_blank">Instagram.</a></h4></div>

  </main>

<script src="https://timfrascone.com/wp-content/themes/wpbo/index.min.js" async></script>

<!-- ?php wp_footer(); // js scripts are inserted using this function ? -->

</body>
</html>