<!DOCTYPE html>
<html lang="en">
  <head>
    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    META
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>pionezero</title>

    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    FAVICONS, thanks to http://realfavicongenerator.net/
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/manifest.json">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff">

    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    CSS
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/navbar-top.css" rel="stylesheet">
    <link href="css/sticky-footer.css" rel="stylesheet">
    <link href="css/new.css" rel="stylesheet">

    <!-- thanks to http://stackoverflow.com/questions/17281486/use-target-blank-in-css -->
    <base target="_blank">

    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    GOOGLE FONT
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <link href="https://fonts.googleapis.com/css?family=Lemon" rel="stylesheet">

    <!— last edit: december 13 2016 -->

  </head>

  <body>





    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    DROP DOWN NAV
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <div class="collapse tophide" id="navbar-header">

      <!— + + + + + + + + + 2 columns + + + + + + + + + —>
      <div class="container-fluid bg-inverse p-a-1 lemon-top">

        <!— ``````````````````` CONTACT -->
        <div class="col-md-6 connectcnt">
            <div class="connect">
                 <!— ``````` EMAIL —>
                <a href="mailto:pionezero@protonmail.ch" target="_self">send a message</a>
            </div>
            <div class="connect2">
                <!— ``````` CELL —>
                <!-- call <a href="tel://12624215780">262-421-5780</a>-->
            </div>
        <!— / col-md-6 connectcnt —>
        </div>

        <!— ``````````````````` SOCIAL ICONS -->
        <div class="col-md-6 socsec">
                <!— ``````` LINKEDIN —>
               <a href="https://www.linkedin.com/in/cssninja"><img src="img/soc_linkedin.png" class="socicon"></a>
                <!— ``````` GITHUB —>
               <a href="https://github.com/cssninja"><img src="img/soc_github.png" class="socicon"></a>
                <!— ``````` TWITTER —>
                <a href="https://twitter.com/cssninja"><img src="img/soc_twitter.png" class="socicon"></a>
                <!— ``````` PINTEREST —>
                <a href="https://www.pinterest.com/auuumoksa/likes/"><img src="img/soc_pinterest.png" class="socicon" style="margin-right:7px;"></a>
        <!— / col-md-6 socsec —>
        </div>

      <!— / container-fluid —>
      </div>

       <!— ``````````````````` NAV ICONS -->
       <!— + + + + + + + + + 5 columns + + + + + + + + + —>
      <div class="row" style="text-align:center !important;margin:0px 10px 0px 10px;">
        <div class="col-md-15 col-sm-15">
            <!— ``````` IDEAS —>
            <a href="#idea"><img src="img/ideas.png"></a><br />
                <span class="iconztxt-t"><a href="#idea">ideas</a></span>
        </div>
        <div class="col-md-15 col-sm-15">
            <!— ``````` CODING —>
            <a href="#coding"><img src="img/coding.png"></a><br />
                <span class="iconztxt-t"><a href="#coding">coding</a></span>
        </div>
        <div class="col-md-15 col-sm-15">
            <!— ``````` DESIGN —>
            <a href="#design"><img src="img/design.png"></a><br />
                <span class="iconztxt-t"><a href="#design">design</a></span>
        </div>
        <div class="col-md-15 col-sm-15">
            <!— ``````` GROWTH —>
            <a href="#incubator"><img src="img/incubator.png"></a><br />
                <span class="iconztxt-t"><a href="#incubator">growth</a></span>
        </div>
        <div class="col-md-15 col-sm-15">
            <!— ``````` FUNDING —>
            <a href="#funding"><img src="img/funding.png"></a><br />
                <span class="iconztxt-t"><a href="#funding">funding</a></span>
        </div>
      <!— / row —>
      </div>

    <!— / drop down nav collapse —>
    </div>

    <!— ``````````````````` COLLAPSABLE 3 BARS -->
    <div class="navbar navbar-light bg-faded navbar-static-top m-b-1">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header" style="outline:none !important;">

        <!— ``````` 3 BARS ICON, toggles header content —>
        <img src="img/bars.png" style="height:30px;border:0 !important;">

      </button>
    </div>





    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    UPPER SECTION
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <!— + + + + + + + + + 2 columns + + + + + + + + + —>
    <div class="container">
	  <div class="row">

                  <!— ``````````````````` LOGO -->
		  <div class="col-md-6 pi10logo">
                  <img src="img/logo.png">
		  </div>

                  <!— ``````````````````` INTRO -->
		  <div class="col-md-6 lemon">i am an innovator who creates <span class="txtbg"><a href="https://www.crunchbase.com/#/home/index">startups</a></span> and assists them to be successful with well researched <span class="txtbg"><a href="#idea">ideas</a></span>, robust ninja <span class="txtbg"><a href="#coding">coding</a></span>, crowd-attracting <span class="txtbg"><a href="#design">design</a></span>, <span class="txtbg"><a href="#incubator">growth & sustainability</a></span> and seed <span class="txtbg"><a href="#funding">funding</a></span>.<br /><br />

		  <p class="perhaps">
		  { perhaps you just need a simple <span class="txtbg_res">mobile-friendly web site</span>? or <span class="txtbg_res">branding</span> or <span class="txtbg_res">business-building</span> of some sort? <span class="txtbg"><a href="resume.htm" target="_self">i can do this as well.</a></span> }</p><br />

                  <!— ``````````````````` TALK, scrolls to bottom -->
<p><span class="txtbg"><a href="#talk">let's talk!</a></span></p>
		  </div>

           <!— / row —>
	  </div>
    <!— / upper section container —>
    </div>





    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    MAIN CONTENT
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <div class="container container_home">

          <!— / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  IDEAS —>
          <!— + + + + + + + + + 3 columns + + + + + + + + + —>
	  <div class="row">

                  <!— ``````````````````` IDEAS ICON -->
		  <div id="idea" class="col-md-4 iconz">
                  <img src="img/ideas.png">
		  </div>

                   <!— ``````` empty —>
		  <div class="col-md-4">
		  </div>

                   <!— ``````````````````` CONTENT -->
		  <div class="col-md-4 iconztxt">

                   <!— ``````` TITLE —>
		  <p>well researched ideas</p>

                   <!— ``````` BLURB ON IDEAS —>
		  <p class="samples">
		  the following is a typical ‘todo’ list for <span class="txtbg_res">pure concept development</span> of your startup (discussions, emphasis, research, planning, strategies, models, white boarding, etc.):</p><br />

                   <!— ``````` YOUR DESTINATION —>
		  <p class="samples">
		  <span class="txtbg3">[ your destination? ]</span><br /><br />
                  - discussions on your <span class="txtbg2">vision and the value of your idea</span><br /><img src="img/ideas_map.png" class="coolicons">
		    - <span class="txtbg2">trends</span> discussions of past, current and future<br />
                  - <span class="txtbg2">niche</span> research<br />
                  - <span class="txtbg2">mobile</span> emphasis<br />
                  - white boarding <span class="txtbg2">‘hack-a-thons’</span>

                   <!— ``````` TOGGLE CONTENT LINK -->
                  <br /><br />( <a href ="#" class="samples" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1"><span class="txtbg">more: design, code, pre-launch</span></a> )</p><br />

                   <!— ``````` COLLAPSABLE CONTENT -->
		  <div class="collapse" id="collapseExample1">

                  <!— ``````` DESIGN —>
		  <p class="samples">
                  <span class="txtbg3">[ design ]</span><br /><br /><img src="img/design.png" class="coolicons">
                  - <span class="txtbg2">creative direction and branding</span><br />
                  - front end <span class="txtbg2">ui/ux</span> discussions<br />
                  - <span class="txtbg2">simplicity</span> emphasis</p><br />

                  <!— ``````` CODE —>
		  <p class="samples">
                  <span class="txtbg3">[ code ]</span><br /><br /><img src="img/coding.png" class="coolicons">
                  - <span class="txtbg2">front and back end</span> development discussions<br />
                  - <span class="txtbg2">scalability, add-ons and mapping</span> discussions<br />
                  - facebook <span class="txtbg2">chat bots</span> and other technologies consideration</p><br />

                  <!— ``````` PRE-LAUNCH —>
		  <p class="samples">
                  <span class="txtbg3">[ pre-launch ]</span><br /><br /><img src="img/ideas_rocket.png" class="coolicons">
                  - <span class="txtbg2">onboarding</span> planning<br />
                  - <span class="txtbg2">launch</span> strategy<br />
                  - marketing assistance from the <span class="txtbg2">perspectives</span> of 1) ui/ux, 2) back end and 3) the startup world expertise<br />
                  - <span class="txtbg2">monetization</span> research<br />
                  - <span class="txtbg2">business growth models</span><br />
                  - think globally, <span class="txtbg2">bloom locally</span> emphasis</p>

                  <!— / collapse—>
		  </div>

                   <!— / col-md-4 iconztxt —>
		  </div>

          <!— / row —>
	  </div>



          <!— / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  CODING —>
          <!— + + + + + + + + + 3 columns + + + + + + + + + —>
	  <div class="row">

                  <!— ``````````````````` CODING ICON -->
		  <div  id="coding" class="col-md-4 iconz">
                  <img src="img/coding.png">
		  </div>

                   <!— ``````` empty —>
		  <div class="col-md-4">
		  </div>

                   <!— ``````````````````` CONTENT -->
		  <div class="col-md-4 iconztxt">

                   <!— ``````` TITLE —>
		  <p>robust ninja coding</p>

                   <!— ``````` BLURB ON CODING —>
		  <p class="samples">
		  - front end responsive coding using <span class="txtbg2">css3, sass, html5, jquery, angularjs and bootstrap v4</span><br />
		  - i partner with a team of very talented back-end developers from india .. <span class="txtbg2">we can create any mobile app or web application you want</span></p>

                   <!— ``````` TOGGLE CONTENT LINK -->
		  <p><a href ="#" class="samples" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2"><span class="txtbg">samples</span></a></p>

                   <!— ``````` COLLAPSABLE CONTENT -->
		  <div class="collapse" id="collapseExample2">

		  <p class="samples">
		  <a href="code/snHTML.html"><span class="txtbg">html5 snippet</span></a><br />
		  <a href="code/snCSS.html"><span class="txtbg">css3 snippet</span></a>

                  <!— / collapse—>
		  </div>

                  <!— / col-md-4 iconztxt —>
		  </div>

          <!— / row —>
	  </div>



          <!— / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  DESIGN —>
          <!— + + + + + + + + + 3 columns + + + + + + + + + —>
	  <div class="row">

                  <!— ``````````````````` DESIGN ICON -->
		  <div  id="design" class="col-md-4 iconz">
                  <img src="img/design.png">
		  </div>

                   <!— ``````` empty —>
		  <div class="col-md-4">
		  </div>

                   <!— ``````````````````` CONTENT -->
		  <div class="col-md-4 iconztxt">

                   <!— ``````` TITLE —>
		  <p>crowd-attracting design</p>

                   <!— ``````` BLURB ON DESIGN —>
		  <p class="samples">
              - <span class="txtbg2">ui design</span> for web and web applications<br />
		  - <span class="txtbg2">mobile</span> app ui design<br />
		  - <span class="txtbg2">illustration</span> and <span class="txtbg2">graphic design</span><br />
		  - <span class="txtbg2">ui/ux</span><br />
		  - <span class="txtbg2">branding</span><br />
		  -<span class="txtbg2"> information design</span></p>

                   <!— ``````` TOGGLE CONTENT LINK TO SIX SAMPLES (HIDDEN TO EVERYTHING BELOW IPAD) -->
		  <p><a href ="#" class="samples byeee2" data-toggle="collapse" data-target="#SIX_SAMPLES" aria-expanded="false" aria-controls="SIX_SAMPLES"><span class="txtbg">samples</span></a></p>

                   <!— ``````` TOGGLE CONTENT LINK TO MINIFIED GALLERY (HIDDEN TO EVERYTHING ABOVE IPAD) —>
		  <p><a href ="#" class="samples byeee3" data-toggle="collapse" data-target="#MINIFIED_PORT" aria-expanded="false" aria-controls="MINIFIED_PORT"><span class="txtbg">portfolio</span></a></p>

                   <!— ``````` TOGGLE CONTENT LINK TO FULL GALLERY (HIDDEN TO EVERYTHING BELOW IPAD) —>
		  <p><a href ="masonry/index.htm" class="samples byeee2" target="_self"><span class="txtbg">portfolio</span></a></p>

                   <!— ``````` COLLAPSABLE CONTENT modals thanks to http://v4-alpha.getbootstrap.com/components/modal/) -->
		  <div class="collapse" id="SIX_SAMPLES">
                   <!— + + + + + + + + + 1 column + + + + + + + + + —>
		  <div class="card card-block">

	             <div class="row ipadp2">
                             <!— ``````` SAMPLE 1 —>
		                 <div class="grid-item">
		                     <a href="img/ext/dronevision.png" data-toggle="modal" data-target="#ms1">
		                       <div class="col-md-6 img-circular1"></div>
		                     </a>
		                     <div id="ms1" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
		                       <div class="modal-dialog modal-lg">
		                         <div class="modal-content">
		                           <img src="img/ext/dronevision.png" class="mimgc" />
		                         </div>
		                       </div>
		                     </div>
		                   </div>
                             <!— ``````` SAMPLE 2 —>
		                 <div class="grid-item">
                                 <a href="img/ext/STOREFRONT.jpg" data-toggle="modal" data-target="#s1">
                                   <div class="col-md-6 img-circular2"></div>
                                 </a>
                                 <div id="s1" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                   <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                       <img src="img/ext/STOREFRONT.jpg" class="mimgc" />
                                     </div>
                                   </div>
                                 </div>
                               </div>
                     <!— / row ipadp2 —>
	             </div>

	             <div class="row ipadp2">
                             <!— ``````` SAMPLE 3 —>
		                 <div class="grid-item">
                                 <a href="img/ext/saturn.jpg" data-toggle="modal" data-target="#ms3">
                                   <div class="col-md-6 img-circular3"></div>
                                 </a>
                                 <div id="ms3" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                   <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                       <img src="img/ext/saturn.jpg" class="mimgc" />
                                     </div>
                                   </div>
                                 </div>
                               </div>
                             <!— ``````` SAMPLE 4 —>
		                 <div class="grid-item">
                                 <a href="img/ext/choicchis_banner.jpg" data-toggle="modal" data-target="#ms4">
                                   <div class="col-md-6 img-circular4"></div>
                                 </a>
                                 <div id="ms4" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                   <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                       <img src="img/ext/choicchis_banner.jpg" class="mimgc" />
                                     </div>
                                   </div>
                                 </div>
                               </div>
                     <!— / row ipadp2 —>
	             </div>

	             <div class="row ipadp2">
                             <!— ``````` SAMPLE 5 —>
		                 <div class="grid-item">
                                 <a href="img/ext/illus1d_edited.jpg" data-toggle="modal" data-target="#ms5">
                                   <div class="col-md-6 img-circular5"></div>
                                 </a>
                                 <div id="ms5" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                   <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                       <img src="img/ext/illus1d_edited.jpg" class="mimgc" />
                                     </div>
                                   </div>
                                 </div>
                               </div>
                             <!— ``````` SAMPLE 6 —>
		                 <div class="grid-item">
                                 <a href="img/ext/newhours_preprint.jpg" data-toggle="modal" data-target="#ms6">
                                   <div class="col-md-6 img-circular6"></div>
                                 </a>
                                 <div id="ms6" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                   <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                       <img src="img/ext/newhours_preprint.jpg" class="mimgc" />
                                     </div>
                                   </div>
                                 </div>
                               </div>
                     <!— / row ipadp2 —>
	             </div>

                   <!— / card card-block dezs (6 samples) —>
		  </div>
                  <!— / collapse—>
		  </div>

                   <!— ``````` COLLAPSABLE CONTENT (portfolio) -->
		  <div class="collapse" id="MINIFIED_PORT">
                   <!— + + + + + + + + + 1 column + + + + + + + + + —>
		  <div class="card card-block dezs">
	             <div class="row andw iphw iphwS">
                               <!— ``````` peaceful yak —>
		              <a href="img/ext/STOREFRONT.jpg"><span class="img-circular_ex0"></span></a>
                             <span class="perhaps txtbrks_ap lift">peaceful yak branding</span><br />
		               <span class="txtbg"><a href="http://peacefulyak.bigcartel.com/" class="perhaps linktwk">peaceful yak</a></span><br /><br />

                               <!— ``````` ap bar & kitchen —>
		              <a href="img/ext/logo_big_lc2.png"><span class="img-circular_ex1"></span></a>
                             <span class="perhaps txtbrks_ap lift">ap bar and kitchen logo</span><br />
		               <span class="txtbg"><a href="http://www.apbarandkitchen.com" class="perhaps linktwk">ap bar and kitchen</a></span><br /><br />

                               <!— ``````` chocolate chisel —>
		              <a href="img/ext/choicchis_banner.jpg"><span class="img-circular_ex2"></span></a>
		              <span class="perhaps txtbrks_cc lift">chocolate chisel graphic</span><br />
		               <span class="txtbg"><a href="http://www.chocolatechisel.com/" class="perhaps linktwk">chocolate chisel</a></span><br /><br />

                               <!— ``````` hernandez roofing —>
		              <a href="img/ext/dronevision.png"><span class="img-circular_ex3"></span></a>
		              <a href="img/ext/c_RED_industrial.jpg"><span class="img-circular_ex4"></span></a>
		              <a href="img/ext/buscard_front_BRIAN.jpg"><span class="img-circular_ex5"></span></a><br /><br />
		              <span class="perhaps txtbrks_hr">hernandez roofing: drone icon, web ui, print</span><br /><br />

                               <!— ``````` crazy water —>
		              <a href="img/ext/crazywater_fb.jpg"><span class="img-circular_ex6"></span></a>
		              <a href="img/ext/crazywater_2D_3.png"><span class="img-circular_ex7"></span></a>
		              <a href="img/ext/crazywater_1D_3.png" class="ipadp"><span class="img-circular_ex8"></span></a><br /><br />
		              <span class="perhaps txtbrks_cw lift">crazy water: facebook graphic, print 1, print 2</span><br />
		              <span class="txtbg"><a href="http://crazywatermilwaukee.com" class="perhaps linktwk">crazy water</a></span><br /><br />

                               <!— ``````` optimal health —>
		              <a href="img/ext/ohn_rebrand.jpg"><span class="img-circular_ex9"></span></a>
		              <a href="img/ext/ohn_fb.jpg" class="ipadp"><span class="img-circular_ex10"></span></a><br /><br />
		              <span class="perhaps txtbrks_ohn">optimal health network: web ui, facebook app</span><br /><br />

                               <!— ``````` pionezero —>
		              <a href="img/ext/saturn.jpg" class="ipadp"><span class="img-circular_ex11"></span></a><br /><br />
		              <span class="perhaps txtbrks_pio">former pionezero logo</span><br /><br />

                               <!— ``````` sweetrio —>
		              <a href="img/ext/sweettrio_100.jpg"><span class="img-circular_ex12"></span></a>
		              <a href="img/ext/newhours_preprint.jpg"><span class="img-circular_ex13"></span></a>
		              <a href="img/ext/summer_preprint.jpg"><span class="img-circular_ex14"></span></a><br /><br /><br />
		              <a href="img/ext/winter_preprint.jpg"><span class="img-circular_ex15"></span></a>
		              <a href="img/ext/deandeluca_printed.jpg"><span class="img-circular_ex16"></span></a>
		              <a href="img/ext/autumn_preprint.jpg"><span class="img-circular_ex17"></span></a><br /><br /><br />
		              <a href="img/ext/mothersday_preprint.jpg"><span class="img-circular_ex18"></span></a>
		              <a href="img/ext/valentinesday_preprint.jpg"><span class="img-circular_ex19"></span></a>
		              <a href="img/ext/autumn_printed.jpg"><span class="img-circular_ex20"></span></a><br /><br /><br />
		              <a href="img/ext/july4_preprint.jpg"><span class="img-circular_ex21"></span></a>
		              <a href="img/ext/santa_preprint.jpg" class="ipadp"><span class="img-circular_ex22"></span></a><br /><br />
		              <span class="txtbrks_st"></span><span class="perhaps">sweettrio print</span><br /><br />

                               <!— ``````` illustrations —>
		              <a href="img/ext/illus1a_edited.jpg"><span class="img-circular_ex23"></span></a>
		              <a href="img/ext/illus1b_edited.jpg"><span class="img-circular_ex24"></span></a>
		              <a href="img/ext/illus1d_edited.jpg"><span class="img-circular_ex25"></span></a><br /><br /><br />
		              <a href="img/ext/sketch5_edited.jpg"><span class="img-circular_ex26"></span></a>
		              <a href="img/ext/print6_edited_2.jpg"><span class="img-circular_ex27"></span></a>
		              <a href="img/ext/twitter_owl_v.png" class="ipadp"><span class="img-circular_ex28"></span></a><br /><br />
		              <span class="perhaps txtbrks_ils">illustrations</span><br /><br />

                               <!— ``````` off the beadn path —>
		              <a href="img/ext/otbp.jpg" class="ipadp"><span class="img-circular_ex29"></span></a><br /><br />
		              <span class="perhaps txtbrks_obp">off the beadn path web ui</span><br /><br />

                               <!— ``````` art asia —>
		              <a href="img/ext/artasia.jpg" class="ipadp"><span class="img-circular_ex30"></span></a><br /><br />
		              <span class="perhaps txtbrks">art asia gallery web ui</span><br /><br />

                               <!— ``````` barkow —>
		              <a href="img/ext/barkow_mrbarkow.jpg" class="ipadp"><span class="img-circular_ex31"></span></a><br /><br />
		              <span class="perhaps txtbrks lift">barkow graphic</span><br />
		              <span class="txtbg"><a href="http://barkow.com" class="perhaps linktwk">barkow inc.</a></span><br /><br />

                               <!— ``````` zipcoat —>
		              <a href="img/ext/zc.jpg" class="ipadp"><span class="img-circular_ex32"></span></a><br /><br />
		              <span class="perhaps txtbrks">zipcoat web ui</span><br /><br />

                               <!— ``````` info graphic —>
		              <a href="img/ext/trek_fest.jpg" class="ipadp"><span class="img-circular_ex33"></span></a><br /><br />
		              <span class="perhaps txtbrks">information design graphic</span><br /><br />

                               <!— ``````` startup —>
		              <a href="img/ext/sprint1B(blue-green).jpg" class="ipadp"><span class="img-circular_ex34"></span></a><br /><br />
		              <span class="perhaps txtbrks">startup web ui</span><br /><br />
	             </div>
                  <!— / card card-block dezs (long links) —>
		  </div>
                  <!— / collapse—>
		  </div>

                   <!— / col-md-4 iconztxt —>
		  </div>

          <!— / row —>
	  </div>



          <!— / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  GROWTH —>
          <!— + + + + + + + + + 3 columns + + + + + + + + + —>
	  <div class="row">

                  <!— ``````````````````` GROWTH ICON -->
		  <div  id="incubator" class="col-md-4 iconz">
                  <img src="img/incubator.png">
		  </div>

                   <!— ``````` empty —>
		  <div class="col-md-4">
		  </div>

                   <!— ``````````````````` CONTENT -->
		  <div class="col-md-4 iconztxt">

                   <!— ``````` TITLE —>
		  <p>growth & sustainability</p>

                   <!— ``````` BLURB OF GROWTH —>
		  <p class="samples">the <span class="txtbg"><a href="https://techcrunch.com/2016/03/22/y-combinator-demo-day-winter-2016/">latest info</a></span> coming out of y combinator these days is that vc’s are looking for profitability, or, startups that can become <span class="txtbg2">sustainable quickly and won’t need lots of funding to succeed</span>.</p>

                   <!— ``````` TOGGLE CONTENT LINK -->
		  <p class="samples">( <a href ="#" class="samples" data-toggle="collapse" data-target="#collapseExample4" aria-expanded="false" aria-controls="collapseExample4"><span class="txtbg">more ..</span></a> )</p>

                   <!— ``````` COLLAPSABLE CONTENT -->
		  <div class="collapse" id="collapseExample4">
		  <p class="samples">one of the original employees at apple was guy kawasaki, who once said: <span class="txtbg2">"always make progress"</span>, and it’s our expertise that will kickstart your startup into essential growth and sustainability.</p>

		  <p class="samples">if you want to consider an incubator or accelerator growth approach in preparation for larger seed funding, we will help you find the right incubator or accelerator <span class="txtbg"><a href="http://qz.com/682975/boston-is-now-ranked-the-best-city-to-launch-a-startup/">environment</a></span>.

		  <p class="samples">want to do some homework? try the <span class="txtbg"><a href="http://playbook.samaltman.com/">startup playbook</a></span> which is straight out of <span class="txtbg"><a href="https://www.ycombinator.com/">y combinator’s</a></span> best talent.</p>
                  <!— / collapse—>
		  </div>

                   <!— / col-md-4 iconztxt —>
		  </div>

          <!— / row —>
	  </div>



          <!— / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /  FUNDING —>
          <!— + + + + + + + + + 3 columns + + + + + + + + + —>
	  <div class="row">

                  <!— ``````````````````` FUNDING ICON -->
		  <div  id="funding" class="col-md-4 iconz">
                  <img src="img/funding.png">
		  </div>

                   <!— ``````` empty —>
		  <div class="col-md-4">
		  </div>

                   <!— ``````````````````` CONTENT -->
		  <div class="col-md-4 iconztxt">

                   <!— ``````` TITLE —>
		  <p>seed funding</p>

                   <!— ``````` BLURB ON FUNDING —>
		  <p class="samples">preparing for seed funding depends on these core areas of focus:</p>

		  <p class="samples">
                 - <span class="txtbg2">the market</span> for your idea,<br />
                 - a <span class="txtbg2">well designed</span> app,<br />
                 - your <span class="txtbg2">business plan</span>,<br />
                 - and your <span class="txtbg2">pitch to investors</span>.</p>

		  <p class="samples"><span class="txtbg"><a href="#idea">we help you be prepared</a></span> before applying for seed funding and will <span class="txtbg"><a href="https://www.crunchbase.com/investor-leaderboard">help you find it</a></span>.

                  <!— / col-md-4 iconztxt —>
		  </div>

          <!— / row —>
	  </div>

    <!— / main content container —>
    </div>

    <!— ``````````````````SPACING TO FOOTER -->
   <br /><br /><br /><br /><br /><br /><br />





    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    FOOTER
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <footer id="talk" class="footer">
      <!— + + + + + + + + + 3 columns + + + + + + + + + —>
      <div class="container">

        <!— ``````````````````` IDEAS ICON -->
        <div class="col-md-4 ideas">
          <img src="img/ideas3.png">
        </div>

        <!— ``````````````````` BLURB ON NEXT STEP -->
        <div class="col-md-4 have">
          <p class="samples"><span class="txtbg"><a href="resume.htm" target="_self">resume</a></span> | take your idea a step forward, <span class="txtbg"><a href="mailto:pionezero@protonmail.ch" target="_self">let’s talk! </a></span></p>
          <!-- or call <a href="tel://12624215780">262-421-5780</a>-->
        </div>

         <!— ``````` empty —>
        <div class="col-md-4 have">
        </div>

       <!— / footer container —>
      </div>
    </footer>





    <!—
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    SCRIPTING
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    —>
    <!— ``````````````````` GOOGLE JQUERY, v2.1.4 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <!— ``````````````````` LOCAL JQUERY, v2.1.4 -->
    <script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>

    <!— ``````````````````` BOOTSTRAP JQUERY, v4.0.0-alpha.2 -->
    <script src="js/bootstrap.min.js"></script>

    <!— ``````````````````` IE10 VIEWPORT HACK FOR SURFACE/DESKTOP WINDOWS 8 BUG -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>

    <!— ``````````````````` SMOOTH SCROLLING, from http://css-tricks.com/snippets/jquery/smooth-scrolling/ -->
    <script>
    $(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>

    <!— ``````````````````` GOOGLE -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-1002182-8', 'auto');
      ga('send', 'pageview');
    </script>

  </body>
</html>