<!DOCTYPE html>
<html lang="en">
<head>
  <title>
      Dave Ruiz | Dribbble
  </title>
  <meta name="description" content="Connect with this designer on Dribbble, the best place for designers to gain inspiration, feedback, community, and jobs worldwide." />
  <meta charset="utf-8" />
  <meta name="theme-color" content="#333333">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <meta name="referrer" content="origin-when-cross-origin">
  <!--[if gte IE 7]><!-->
  <link rel="stylesheet" media="screen, projection" href="https://cdn.dribbble.com/assets/master-bd70cc1aeba1a97710d20accffa69bf661205c2493fa3585063bbf3b5fbafcfa.css" />
  <link rel="stylesheet" media="screen, projection" href="https://cdn.dribbble.com/assets/infinite-a36092b28f275f37a74707a5efb864387c3bb03caceba0d9cb45801a9e410b50.css" /><link rel="stylesheet" media="screen" href="https://cdn.dribbble.com/assets/profile-new-7c4176bb5aa812f55c66e268e26d5bbb452989b81db9d5eed45a8b3fbd880682.css" />
  <link rel="preload" href="https://cdn.dribbble.com/assets/attachment-overlay-a166aea1391a1b2afb37d6ed80bcbc7924252390dc62b05c8faf6f828dc6f0c1.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/attachment-overlay-a166aea1391a1b2afb37d6ed80bcbc7924252390dc62b05c8faf6f828dc6f0c1.css"></noscript>

  <link rel="preload" href="https://cdn.dribbble.com/assets/master_async-5adbf94da7d3dc692dd2734dbaccbf9c85529007071ffde9d6f5e11e37ce55ae.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.dribbble.com/assets/master_async-5adbf94da7d3dc692dd2734dbaccbf9c85529007071ffde9d6f5e11e37ce55ae.css"></noscript>


  <!-- <![endif]-->
  <link href="https://cdn.dribbble.com/assets/dribbble-vector-ball-95ca193529993e9b3904f7adb541680aba196642f557cfaf3cdbb0a48a284be4.svg" rel="mask-icon" color="#ea4c89" />
<link href="https://cdn.dribbble.com/assets/apple-touch-icon-precomposed-4a188d3f4dd693b67971fda843fd4bdeae751f9a245e3b878cae17e0a9d6a0a3.png" rel="apple-touch-icon-precomposed" />
<link href="https://cdn.dribbble.com/assets/favicon-63b2904a073c89b52b19aa08cebc16a154bcf83fee8ecc6439968b1e6db569c7.ico" rel="icon" />
<link href="https://cdn.dribbble.com/assets/dribbble-ball-192-ec064e49e6f63d9a5fa911518781bee0c90688d052a038f8876ef0824f65eaf2.png" sizes="192x192" rel="icon" />

  
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="tKwQqwWr0d0EEvrcV10kD8X5aKedUy7+nSDZNobhg4Zm1+rIC4J7TrulT+tp2zBwBqE0teyZEWmWScyilhLwtA==" />
      <script src="https://m.servedby-buysellads.com/monetization.custom.js"></script>
  <meta name="description" content="Product Designer." />
<meta property="og:description" content="Product Designer." />
<meta name="twitter:description" content="Product Designer." />
<meta property="og:type" content="profile" />
<meta property="og:title" content="Dave Ruiz" />
<meta name="twitter:title" content="Dave Ruiz" />
<meta property="og:site_name" content="Dribbble" />
<meta name="twitter:site" content="@dribbble" />
<meta name="twitter:domain" content="dribbble.com" />
<meta property="og:url" content="https://dribbble.com/foundationsix" />
<meta name="twitter:url" content="https://dribbble.com/foundationsix" />
<meta name="twitter:creator" content="@foundationsix" />
<meta property="og:image" content="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag.png" />
<meta property="og:image:secure_url" content="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag.png" />
<meta property="og:image:alt" content="Dribbble shot titled &quot;H. Wentworth Clothing Tag&quot; by Dave Ruiz" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="600" />
<meta name="twitter:image" content="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag.png" />
<meta name="twitter:image:alt" content="Dribbble shot titled &quot;H. Wentworth Clothing Tag&quot; by Dave Ruiz" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:label1" content="Dribbbled by" />
<meta name="twitter:data1" content="@foundationsix" />

  
  <script src="https://cdn.dribbble.com/assets/packs/js/profile-e1413328b30a7280e68d.js"></script>


  <meta property="fb:app_id" content="811749452338490">

  <script>
    if (location.hash.match(/^#\./) && window.history) {
      window.history.replaceState({}, window.title, location.origin + location.pathname + location.search)
    }
  </script>
  <noscript>
    <style>ol.dribbbles { display: block !important }</style>
  </noscript>
  <meta name="segment-controller" content="shots" />
<meta name="segment-action" content="index" />


</head>

<body id="profile" class="logged-out not-pro not-player not-self not-team not-on-team  ">


<div id="header" role="banner" class="nav-wrapper">

  <div id="header-inner" class="group nav-inner">

    <div id="logo" class="nav-logo">
        <a href="/"><svg xmlns="http://www.w3.org/2000/svg" width="76" height="19" viewBox="0 0 76 19" fill="none" class="fill-current">
<path fill-rule="evenodd" clip-rule="evenodd" d="M75.8822 14.657C72.7063 20.0415 67.6766 18.4791 66.166 17.2558C65.5231 17.692 64.3958 18.6481 62.8926 18.5377C59.6913 18.3027 58.5449 13.7279 58.5449 13.7279C58.5679 13.7462 57.5913 14.0649 57.0635 14.0592C57.0567 15.4008 55.897 18.6056 52.7672 18.5646C49.2551 18.5188 48.5411 13.2864 48.5411 13.2864C48.5411 13.2864 48.1916 13.7717 46.8627 14.2551C46.9296 13.2244 46.8807 18.4077 42.6713 18.4839C39.3435 18.5442 38.4452 13.2057 38.4452 13.2057C38.4452 13.2057 37.8679 13.8054 36.7491 14.0134C36.8202 12.9659 36.7046 18.5015 32.4947 18.4839C29.6497 18.4721 28.6775 15.1954 28.7531 14.7406C28.8496 14.161 27.7916 18.5654 25.0281 18.4968C23.8877 18.4633 23.0375 17.6376 22.504 16.5368C21.7898 17.354 20.7529 18.4968 19.5897 18.4968C17.5017 18.4968 16.5812 16.7504 16.7371 11.7624C16.7504 11.1708 16.7077 10.9381 16.1196 10.8496C15.7666 10.7907 15.4051 10.6792 15.0226 10.6204C14.9 11.0295 13.8602 18.3637 10.2847 18.5029C9.08519 18.5496 8.4293 17.5105 7.89066 16.7393C7.06497 17.8316 5.97501 18.5377 4.42227 18.5377C1.79205 18.5377 0 16.4114 0 13.7885C0 11.1655 1.79205 9.03942 4.42227 9.03942C4.88732 9.03942 5.01787 9.10608 5.44272 9.23004C4.569 1.27504 6.63238 0.0317866 8.43739 0.0317866C10.1703 0.0317866 13.1308 4.05384 8.96512 14.2559C9.88998 17.2989 11.8838 17.1268 12.8419 10.8626C13.0369 9.58927 12.5155 7.87099 13.3265 7.63117C14.809 7.19289 14.9663 8.50787 15.6614 8.72697C16.3964 8.95853 16.8254 8.93592 17.531 9.08327C18.7367 9.31873 19.2072 9.96643 19.0603 11.409C18.8839 13.2343 18.5753 15.891 19.5162 16.2148C20.1947 16.45 21.4335 15.0429 21.6509 14.273C21.8682 13.5031 21.9136 13.2396 21.9329 12.6749C21.9623 11.468 21.9992 10.5833 22.205 9.67055C22.2931 9.31736 22.3935 9.08347 22.7931 9.06748C23.1219 9.0591 23.7232 8.96009 23.9879 9.16611C24.3407 9.43119 24.2966 9.70017 24.2561 10.4081C23.8458 20.5015 27.0038 15.4628 27.9454 11.4283C27.6101 6.86623 27.8403 0.115326 30.6991 0.00210112C32.1859 -0.0567822 32.8432 1.13431 32.9155 2.02335C33.12 4.53433 31.9745 8.69372 30.468 11.4909C29.607 17.1984 34.2325 18.3269 34.9722 13.7712C33.762 13.1958 32.4541 10.8668 33.5184 9.73181C34.1156 9.09483 36.6015 10.0099 36.6422 12.0057C37.8616 11.6796 38.0244 10.9911 38.0413 11.1052C37.7061 6.54312 38.017 0.115385 40.876 0.00215941C42.3626 -0.0567239 43.0198 1.13437 43.0921 2.02341C43.2966 4.53438 42.1511 8.69378 40.6448 11.491C39.7837 17.1984 44.4093 18.327 45.1488 13.7713C44.2528 13.5984 42.3614 11.1212 43.4527 9.73187C44.0359 8.98944 46.5127 10.5334 46.79 12.0718C47.9614 11.7403 48.1205 11.0737 48.1373 11.1859C47.802 6.62397 48.1129 0.196235 50.9719 0.0830097C52.4585 0.0241264 53.1157 1.21522 53.188 2.10426C53.3925 4.61523 52.247 8.77471 50.7405 11.5719C49.8796 17.2794 54.5051 18.4077 55.2448 13.852C54.0135 13.647 52.2636 11.0314 53.672 9.69333C54.2347 9.15869 56.3848 10.5465 56.8881 12.1298C57.5874 12.1029 58.0227 11.8617 58.116 11.8374C56.9996 6.4818 57.8307 0.0558781 60.9062 0.00223793C62.5685 -0.0267262 64.1936 0.900905 63.4803 5.99604C62.7994 10.8574 60.3519 12.8975 60.3576 12.9287C60.5 13.5111 61.7559 18.3851 64.9185 15.8134C64.7548 15.4427 64.5909 15.064 64.4993 14.6052C63.9751 11.9327 65.0047 8.91409 67.8032 8.42622C69.4066 8.14671 70.917 8.92734 71.1558 10.6872C71.5487 13.5669 68.9484 15.6524 67.9596 16.1048C67.5167 15.8532 71.9742 18.712 74.6196 12.9829C74.773 12.6558 74.9579 12.6835 75.1975 12.8521C75.3667 12.9712 76.3305 13.8842 75.8822 14.657ZM6.33552 13.0809C6.20092 12.6785 5.92469 11.7918 5.82701 11.4076C5.28905 10.9398 4.90507 10.8638 4.21455 10.8638C2.68 10.8638 1.77679 12.2826 1.77679 13.8125C1.77679 15.3423 2.76077 16.7613 4.29533 16.7613C5.6252 16.7613 6.63735 15.8571 6.94615 14.5771C6.73001 14.0781 6.5156 13.6195 6.33552 13.0809ZM8.39979 2.13753C7.32153 2.13753 6.95576 4.70973 7.02674 6.90406C7.08953 8.84411 7.63164 10.5521 7.91286 11.3174C7.98426 11.4133 7.971 11.3509 8.03474 11.4526C9.90694 7.35053 9.13041 2.13753 8.39979 2.13753ZM30.8531 2.21833C29.4595 2.0585 29.4685 7.86389 29.6415 9.16611C30.3653 8.00823 31.6226 2.53009 30.8531 2.21833ZM41.0297 2.21833C39.6361 2.0585 39.6451 7.86389 39.8182 9.16611C40.5419 8.00823 41.7993 2.53009 41.0297 2.21833ZM51.1257 2.2991C49.732 2.13927 49.741 7.94469 49.9141 9.247C50.6378 8.08902 51.8952 2.61084 51.1257 2.2991ZM61.06 1.87849C58.8887 2.31451 59.3943 9.55399 59.7241 10.8237C62.2817 7.31085 62.3344 1.74654 61.06 1.87849ZM69.1975 10.9254C69.0871 10.4638 68.5351 10.2171 68.1541 10.2779C67.0639 10.4268 66.0065 11.7846 66.4158 13.8518C66.5069 14.3122 66.7349 14.736 66.7312 14.7219C69.1711 13.085 69.3785 11.7951 69.1975 10.9254ZM23.2205 7.46958C22.9089 7.46964 22.6043 7.37729 22.3452 7.20422C22.0861 7.03114 21.8841 6.78512 21.7648 6.49725C21.6455 6.20939 21.6143 5.89261 21.6751 5.587C21.7358 5.28138 21.8859 5.00065 22.1062 4.7803C22.3265 4.55995 22.6072 4.40989 22.9128 4.34909C23.2184 4.28829 23.5352 4.31948 23.8231 4.43873C24.111 4.55797 24.357 4.75991 24.5301 5.019C24.7032 5.27809 24.7956 5.5827 24.7956 5.89429C24.7956 6.10115 24.7549 6.30599 24.6757 6.4971C24.5966 6.68822 24.4806 6.86187 24.3343 7.00815C24.188 7.15443 24.0144 7.27047 23.8233 7.34964C23.6322 7.42882 23.4274 7.46957 23.2205 7.46958Z" fill="#0D0C22"></path>
</svg>
</a>
    </div>

    <a href="#nav" id="toggle-nav" class="toggle-nav" aria-label="Toggle Navigation">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16" fill="none" role="img" class="icon nav-icon fill-current">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2C0 1.37868 0.50368 0.875 1.125 0.875H16.875C17.4963 0.875 18 1.37868 18 2C18 2.62132 17.4963 3.125 16.875 3.125H1.125C0.50368 3.125 0 2.62132 0 2ZM0 8C0 7.37868 0.50368 6.875 1.125 6.875H16.875C17.4963 6.875 18 7.37868 18 8C18 8.62132 17.4963 9.125 16.875 9.125H1.125C0.50368 9.125 0 8.62132 0 8ZM1.125 12.875C0.50368 12.875 0 13.3787 0 14C0 14.6213 0.50368 15.125 1.125 15.125H16.875C17.4963 15.125 18 14.6213 18 14C18 13.3787 17.4963 12.875 16.875 12.875H1.125Z"></path>
</svg>

      <span class="close">×</span>
    </a>

    <ul id="nav" class="main-nav" role="navigation">
      <span class="links-container">
        <li class="nav-dropdown-item tab-link js-explore-tab actions-item" data-top-level="explore">
          <a class="has-sub" href="#">
            Explore
            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none" role="img" class="icon caret">
<path d="M1 1L5.07223 5.1517L9.23083 1" stroke="black"></path>
</svg>

</a>            <div class="nav-dropdown explore-tabs wide responsive">
  <ul>
    <li class="mega-nav-box">
      <a href="/shots">
        <div class="nav-quad-layout mega-nav-popular-shots">
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/285475/screenshots/11281503/star_wars_dribbble2.png?compress=1&amp;resize=140x105"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/182336/screenshots/11275807/dribbble-animation.png?compress=1&amp;resize=140x105"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/427857/screenshots/11278841/food_for_learning.jpg?compress=1&amp;resize=140x105"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/194964/screenshots/11264634/fended_logo.png?compress=1&amp;resize=140x105"
            >
        </div>
        <div class="mega-nav-copy">
          <div class="title">Shots</div>
          <span class="mega-description">Get inspired with designs shared by our talented community</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
      <a href="/designers">
        <img
          class="image-shadow"
          data-src="/assets/updated_navigation/top-designers-cbc697fdfc15f9c29e5a63f480d3e65d773b73ba8968412dc6e4b21ff84f0175.png"
        >
        <div class="mega-nav-copy">
          <div class="title">Top Designers</div>
          <span class="mega-description">Check out the rankings and see which designers are trending</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
      <a href="/stories">
        <div class="nav-tri-layout mega-nav-blog-posts">
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/uploads/10574/original/595e9cfabdfcafafe7575bc833da7016.png?1588287758&amp;compress=1&amp;resize=200x150"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/uploads/10144/original/27669c4c72a582daed1851af39c1933b.jpg?1587514198&amp;compress=1&amp;resize=200x150"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/uploads/10379/original/c152b3228b84ab28443eec377565c3ac.png?1588112659&amp;compress=1&amp;resize=200x150"
            >
        </div>
        <div class="mega-nav-copy">
          <div class="title">Blog</div>
          <span class="mega-description">Amazing interviews with design industry leaders, tutorials, and more</span>
        </div>
</a>    </li>

      <li class="mega-nav-box mega-nav-weekly-playoff">
        <a href="/shots/11282920-Reimagine-the-Cover-Design-of-a-Favorite-Book">
          <img
            class="image-shadow"
            data-src="https://cdn.dribbble.com/users/39/screenshots/11282920/wwu_35.png?compress=1&amp;resize=280x210"
          >
          <div class="mega-nav-copy">
            <div class="title">Weekly Warmup</div>
            <span class="mega-description">Join the fun and flex your design skills with our weekly prompt</span>
          </div>
</a>      </li>

      <li class="mega-nav-box hide-on-transition-screens">
        <a href="/shots?list=playoffs">
          <div class="nav-tri-layout mega-nav-featured-playoffs">
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/2254924/screenshots/6283328/adobexd-fonts-project-dribbble-movie.png?compress=1&amp;resize=200x150"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/1960589/screenshots/6628207/animacja_fragment_1.png?compress=1&amp;resize=200x150"
            >
            <img
              class="image-shadow"
              data-src="https://cdn.dribbble.com/users/2254924/screenshots/6764060/final_post_dribbble_xd_undraw.png?compress=1&amp;resize=200x150"
            >
          </div>

          <div class="mega-nav-copy">
            <div class="title">Playoffs</div>
            <span class="mega-description">See Shots that other designers are riffing on & participate yourself</span>
          </div>
</a>      </li>

    <li class="mega-nav-box nav-extras">
      <ul>
        <li><a href="/teams">Teams</a></li>
        <li><a href="/goods">Goods for Sale</a></li>
        <li><a href="/meetups">Meetups</a></li>
        <li><a href="https://shop.dribbble.com/">Dribbble Shop</a></li>
        <li><a text="About Dribbble" href="/about">About Dribbble</a></li>
        <li class="last-vertical-nav-item"><a href="/advertise">Advertise</a></li>
          <li class="show-on-transition-screens"><a href="/shots?list=playoffs">Playoffs</a></li>
      </ul>
    </li>
  </ul>
  <div class="textured-background"></div>
</div>

        </li>

        <li class="nav-dropdown-item tab-link js-designers-tab actions-item" data-top-level="designers">
          <a class="has-sub" href="#">
            For Designers
            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none" role="img" class="icon caret">
<path d="M1 1L5.07223 5.1517L9.23083 1" stroke="black"></path>
</svg>

</a>          <div class="nav-dropdown for-designers-tabs">
  <ul>
    <li class="mega-nav-box">
      <a href="/jobs">
        <img
          class="for-designers-img"
          data-src="https://cdn.dribbble.com/assets/updated_navigation/job-board-662c703dbd11dddab7ae4d06c0348f64cfc7dca3a8c06633bec21c2700536a56.png"
        >
        <div class="mega-nav-copy">
          <div class="title">Job Board</div>
          <span class="mega-description">Find your dream design job on Dribbble</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
      <a href="/jobs/projects">
        <img
          class="for-designers-img"
          data-src="https://cdn.dribbble.com/assets/updated_navigation/dribbble-projects-32a25d5c8142964474bcbf0c019679ea3e962c529669096c906c6354ecffb679.png"
        >
        <div class="mega-nav-copy">
          <div class="title">
            Freelance Projects
              <span class="badge badge-pro">Pro</span>
          </div>
            <span class="mega-description">Exclusive project board perfect for Freelancers and Agencies.</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
        <a href="/pro">
          <img
            class="for-designers-img"
            data-src="https://cdn.dribbble.com/assets/updated_navigation/dribbble-pro-a3cf5682d7510107532d97d5cb1a7c8b103bb1c8ba19ead129e93b274b624fe8.png"
          >
          <div class="mega-nav-copy">
              <div class="title">Go Pro</div>
                <span class="mega-description">For Designers & Design Teams, join the worlds best designers on Dribbble.</span>
          </div>
</a>    </li>
  </ul>
  <div class="textured-background"></div>
</div>

        </li>


          <li id="t-hiring" class="tab-hiring tab-link nav-dropdown-item js-hiring-tab actions-item" data-top-level="hiring">
            <a class="left-outlined" href="/hiring">
              <span>
                Hiring Designers?
                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none" role="img" class="icon caret">
<path d="M1 1L5.07223 5.1517L9.23083 1" stroke="black"></path>
</svg>

              </span>
</a>            <div class="nav-dropdown hiring-designers-tabs">
  <ul>
    <li class="mega-nav-box">
      <a data-billing-interval="quarterly" href="/jobs/new">
        <img
          class="hiring-designers-img"
          data-src="https://cdn.dribbble.com/assets/updated_navigation/job-opening-e3dbadb89d53b522708545571f1046eea84bbc2af8ccb657a12d68394392d57e.png"
        >
        <div class="mega-nav-copy">
          <div class="title">List my job opening</div>
          <span class="mega-description">Publish your open role on the world's #1 job board for creatives</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
      <a class="js-hiring-link" href="/hiring?checkout=true&amp;purchase_type=advanced-search">
        <img
          class="hiring-designers-img"
          data-src="https://cdn.dribbble.com/assets/updated_navigation/designer-search-40ed5b99009379c56e1fb4ed3abd85008c0eca2abcedd6b7ed63579fd317c7cf.png"
        >
        <div class="mega-nav-copy">
          <div class="title">
            Designer Search
          </div>
          <span class="mega-description">Find and contact designers who are looking for their next opportunity</span>
        </div>
</a>    </li>

    <li class="mega-nav-box">
      <a class="js-hiring-link" href="/hiring?checkout=true&amp;purchase_type=hiring">
        <img
          class="hiring-designers-img"
          data-src="https://cdn.dribbble.com/assets/updated_navigation/job-post-search-e533a6d072c309764eed88d5c72c0d696a4888c2404eb7af4d2ef4128b377fce.png"
        >
        <div class="mega-nav-copy">
          <div class="title">Job post + search</div>
          <span class="mega-description">Search our database for top talent and post your listing on our popular job board</span>
        </div>
</a>    </li>
  </ul>
  <div class="textured-background"></div>
</div>

          </li>
      </span>

      <span class="actions-container">

        <li id="t-search" class="tab-search actions-item" role="search">
          <form id="search" class="js-nav-search-form has-animation nav-search-wrapper " action="https://dribbble.com/search">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon js-toggle-nav-search fill-current nav-search-icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6002 12.0498C9.49758 12.8568 8.13777 13.3333 6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3333 8.15637 12.8447 9.53194 12.019 10.6419C12.0265 10.6489 12.0338 10.656 12.0411 10.6633L15.2935 13.9157C15.6841 14.3063 15.6841 14.9394 15.2935 15.33C14.903 15.7205 14.2699 15.7205 13.8793 15.33L10.6269 12.0775C10.6178 12.0684 10.6089 12.0592 10.6002 12.0498ZM11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z"></path>
</svg>

            <input class="nav-search-text" type="search" name="q" placeholder="Search" autocomplete="off" value="" />
            
          </form>
        </li>
        <div class="mobile-icons">
            <li id="t-signin" class="tab-signin actions-item" data-top-level="signin">
              <a href="/session/new?return_to=%2Ffoundationsix">
                <span>Sign in</span>
</a>            </li>
        </div>

          
          <li id="t-signup" class="tab-signup actions-item" data-top-level="signup">
              <a class="primary-btn" href="/signup/new">
                <span class="form-sub">
                  Sign up
                </span>
</a>          </li>

      </span>
    </ul>

    <div id="mobile-nav" class="mobile-nav">

      <form class="mobile-nav-search nav-search-wrapper" action="https://dribbble.com/search">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon fill-current nav-search-icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6002 12.0498C9.49758 12.8568 8.13777 13.3333 6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3333 8.15637 12.8447 9.53194 12.019 10.6419C12.0265 10.6489 12.0338 10.656 12.0411 10.6633L15.2935 13.9157C15.6841 14.3063 15.6841 14.9394 15.2935 15.33C14.903 15.7205 14.2699 15.7205 13.8793 15.33L10.6269 12.0775C10.6178 12.0684 10.6089 12.0592 10.6002 12.0498ZM11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z"></path>
</svg>

        <input class="nav-search-text" type="search" name="q" placeholder="Search" autocomplete="off" value="" />
        
      </form>

      <ul class="mobile-nav-main">
        <li>
          <a href="#" class="toggle-mobile-nav-dropdown" data-sub-nav="explore">
            Explore
            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon caret-down fill-current"><path d="m4.585 10.468 7.415 7.532 7.415-7.532c.779-.792.779-2.081 0-2.873s-2.049-.792-2.829 0l-4.586 4.659-4.587-4.659c-.378-.384-.88-.595-1.414-.595s-1.036.211-1.414.595c-.78.792-.78 2.082 0 2.873z"></path></svg>

          </a>
          <ul class="js-mobile-nav-explore mobile-dropdown-nav">
            <li><a href="/shots">Shots</a></li>
            <li><a href="/designers">Top Designers</a></li>
            <li><a href="/stories">Blog</a></li>
              <li><a href="https://dribbble.com/shots/11282920">Weekly Warm-up</a></li>
              <li><a href="/shots?list=playoffs">Playoffs</a></li>
            <li>
              <a href="#" class="toggle-mobile-nav-dropdown js-toggle-explore-sub-nav" data-sub-nav="sub-explore">
                More
                <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon caret-down fill-current"><path d="m4.585 10.468 7.415 7.532 7.415-7.532c.779-.792.779-2.081 0-2.873s-2.049-.792-2.829 0l-4.586 4.659-4.587-4.659c-.378-.384-.88-.595-1.414-.595s-1.036.211-1.414.595c-.78.792-.78 2.082 0 2.873z"></path></svg>

              </a>
              <ul class="js-mobile-nav-sub-explore mobile-dropdown-nav">
                <li><a href="/teams">Teams</a></li>
                <li><a href="/goods">Goods for Sale</a></li>
                <li><a href="/meetups">Meetups</a></li>
                <li><a href="https://shop.dribbble.com/">Dribbble Shop</a></li>
                <li><a text="About Dribbble" href="/about">About Dribbble</a></li>
                <li><a href="/advertise">Advertise</a></li>
              </ul>
            </li>
          </ul>
        </li>

        <li>
          <a href="#" class="toggle-mobile-nav-dropdown"  data-sub-nav="designers">
            For Designers
            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon caret-down fill-current"><path d="m4.585 10.468 7.415 7.532 7.415-7.532c.779-.792.779-2.081 0-2.873s-2.049-.792-2.829 0l-4.586 4.659-4.587-4.659c-.378-.384-.88-.595-1.414-.595s-1.036.211-1.414.595c-.78.792-.78 2.082 0 2.873z"></path></svg>

          </a>
          <ul class="js-mobile-nav-designers mobile-dropdown-nav">
            <li><a href="/jobs">Job Board</a></li>
            <li><a href="/jobs/projects">Freelance Projects</a></li>
              <li>
                <a href="/pro">
                    Go Pro
</a>              </li>
          </ul>
        </li>

          <li>
            <a href="#" class="toggle-mobile-nav-dropdown"  data-sub-nav="hiring-designers">
              Hiring Designers?
              <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon caret-down fill-current"><path d="m4.585 10.468 7.415 7.532 7.415-7.532c.779-.792.779-2.081 0-2.873s-2.049-.792-2.829 0l-4.586 4.659-4.587-4.659c-.378-.384-.88-.595-1.414-.595s-1.036.211-1.414.595c-.78.792-.78 2.082 0 2.873z"></path></svg>

            </a>
            <ul class="js-mobile-nav-hiring-designers mobile-dropdown-nav">
              <li><a data-billing-interval="quarterly" href="/jobs/new">List my job opening</a></li>
              <li><a href="/hiring?checkout=true&amp;purchase_type=advanced-search">Designer Search</a></li>
              <li><a href="/hiring?checkout=true&amp;purchase_type=hiring">Job post + search</a></li>
            </ul>
          </li>

      </ul>

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


<div class="ajax notice hide">
  <h2></h2>
</div>




<div id="wrap">
  
    <div class="profile-masthead ">
      <section class="profile-simple-masthead">
  <div class="container-large masthead-wrapper">
    <div class="masthead-avatar">
      <img class="profile-avatar" alt="Dave Ruiz" src="https://cdn.dribbble.com/users/771/avatars/original/IMG_5472.jpg?1305129390" />
    </div>
    <div class="masthead-content">
      <h1 class="masthead-profile-name">Dave Ruiz</h1>
        <p class="masthead-profile-locality"><a href="/places/toronto">Toronto ON</a></p>
        <p class="masthead-profile-specializations">
          
        </p>
      <div class="masthead-actions">
        <div class="profile-action-buttons">
  
  <div class="follow-prompt profile-action-item">

    <a class="form-btn  tipsy-mobile-disabled light-btn follow  " rel="tipsy" title="Follow Dave Ruiz" data-signup-trigger="" data-context="follow-user" href="/foundationsix/followers">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m20 10h-6v-6c0-1.104-.896-2-2-2s-2 .896-2 2v6h-6c-1.104 0-2 .896-2 2s.896 2 2 2h6v6c0 1.104.896 2 2 2s2-.896 2-2v-6h6c1.104 0 2-.896 2-2s-.896-2-2-2z"></path></svg>

      <span>Follow</span>
</a>    <a class="outlined form-btn tipsy-mobile-disabled link-btn unfollow  " href="/foundationsix/followers/foundationsix">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m21.28 4.473c-.848-.721-2.109-.604-2.817.262l-8.849 10.835-4.504-3.064c-.918-.626-2.161-.372-2.773.566s-.364 2.205.555 2.83l7.494 5.098 11.151-13.653c.707-.866.592-2.152-.257-2.874z"></path></svg>

      <span>Following</span>
</a>    <a class="form-btn tipsy-mobile-disabled light-btn unblock " data-hover="Unblock" href="/blocks/foundationsix">
      <span>Blocked</span>
</a></div>
</div>

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

  </div>
  <div class="container-large">
  <div class="profile-subnav">
    <div class="profile-subnav-menu">
      <nav class="scrolling-subnav">
        <span class="scroll scroll-backward">
          <a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
</a>
        </span>
        <span class="scroll scroll-forward">
          <a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
</a>
        </span>
        <ul class="scrolling-subnav-list">
          <li class="shots active">
  <a href="/foundationsix/shots">
    <span class="label">Shots</span>

      <span class="count">54</span>
</a></li>




          <li class="collections">
  <a href="/foundationsix/collections">
    <span class="label">Collections</span>

      <span class="count">3</span>
</a></li>


          <li class="liked shots">
  <a href="/foundationsix/likes">
    <span class="label">Liked Shots</span>

      <span class="count">4,937</span>
</a></li>



          

          <li class="about empty">
  <a href="/foundationsix/about">
    <span class="label">About</span>

</a></li>

        </ul>
      </nav>
    </div>

      <div class="profile-subnav-actions">
            
<div class="shots-filter">
    <span class="btn-dropdown btn-dropdown-neue js-shots-filter-select">
      <a class="form-btn outlined btn-dropdown-link" data-track-sub-nav href="#">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon btn-dropdown-caret">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>

        <span class="js-current-filter">Recent Shots</span>
      </a>
      <div class="btn-dropdown-options">
        <ul>
            <li><a class="dropdown-item active" data-selectvalue="recent" data-selectTitle="Recent Shots" href="#">Recent Shots</a></li>
            <li><a class="dropdown-item " data-selectvalue="popular" data-selectTitle="Popular Shots" href="#">Popular Shots</a></li>
        </ul>
      </div>
    </span>
</div>


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


  

  <div id="wrap-inner" class="flushed">
    <div id="content" role="main">
      <div class="notice-alert">
        <h3><!-- message goes here --></h3>
        <a href="#" class="close" aria-label="close">
          <img width="25" alt="close" src="https://cdn.dribbble.com/assets/icon-shot-x-light-2x-a4fcd61bdb114023583740bd9f5a46734e243e5be2bff1baa3e1cc33e7877fcd.png" />
        </a>
      </div>

      

<div id="main" class="main-full">
  

<div class="container-large content-wrapper">
    
    <div class="shot-grid-wrapper">
      


  <ol class="shots-grid group dribbbles   ">
    <script>if (!document.querySelector(".shots-grid")){ window.location.reload(); }</script>






<li id="screenshot-3582263" data-screenshot-id="3582263" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/3582263-H-Wentworth-Clothing-Tag"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag.png" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag.png" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag_1x.png">
  <img alt="H. Wentworth Clothing Tag" src="https://cdn.dribbble.com/users/771/screenshots/3582263/hw-tag_1x.png" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/3582263-H-Wentworth-Clothing-Tag">
      <strong>H. Wentworth Clothing Tag</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          It's been a while: I've been doing large-scale UX/UI projects for a f...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">H. Wentworth Clothing Tag</p>
</div>

            <div class="extras">
  <a href="/shots/3582263-H-Wentworth-Clothing-Tag/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-3582263  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(3582263, {
          likes_count: 343,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1580661" data-screenshot-id="1580661" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1580661-Dashboard-Widget-Selector"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1580661/widget_modal.png" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1580661/widget_modal.png" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1580661/widget_modal_1x.png">
  <img alt="Dashboard Widget Selector" src="https://cdn.dribbble.com/users/771/screenshots/1580661/widget_modal_1x.png" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1580661-Dashboard-Widget-Selector">
      <strong>Dashboard Widget Selector</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I have been working on some icons to represent the different widgets ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Dashboard Widget Selector</p>
</div>

            <div class="extras">
  <a href="/shots/1580661-Dashboard-Widget-Selector/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1580661  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1580661, {
          likes_count: 636,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1532006" data-screenshot-id="1532006" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1532006-Reporting-Facelift"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1532006/reporting.png" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1532006/reporting.png" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1532006/reporting_1x.png">
  <img alt="Reporting Facelift" src="https://cdn.dribbble.com/users/771/screenshots/1532006/reporting_1x.png" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1532006-Reporting-Facelift">
      <strong>Reporting Facelift</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          One of the several projects I am working on: giving the reporting UI ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Reporting Facelift</p>
</div>

            <div class="extras">
  <a href="/shots/1532006-Reporting-Facelift/rebounds">
    <span class="rebound-mark has-rebounds">
      1
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1532006  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1532006, {
          likes_count: 671,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1407112" data-screenshot-id="1407112" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1407112-Performance-Dashboard"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1407112/dash.png" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1407112/dash.png" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1407112/dash_1x.png">
  <img alt="Performance Dashboard" src="https://cdn.dribbble.com/users/771/screenshots/1407112/dash_1x.png" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1407112-Performance-Dashboard">
      <strong>Performance Dashboard</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          An all-new performance-based dashboard feature. Be sure to check out ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Performance Dashboard</p>
</div>

            <div class="extras">
  <a href="/shots/1407112-Performance-Dashboard/rebounds">
    <span class="rebound-mark has-rebounds">
      1
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1407112  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1407112, {
          likes_count: 2188,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1205267" data-screenshot-id="1205267" class="group team shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1205267-Mixpanel-T-Shirt-Badge-Concepts"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1205267/badges.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1205267/badges.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1205267/badges_1x.jpg">
  <img alt="Mixpanel T-Shirt Badge Concepts" src="https://cdn.dribbble.com/users/771/screenshots/1205267/badges_1x.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1205267-Mixpanel-T-Shirt-Badge-Concepts">
      <strong>Mixpanel T-Shirt Badge Concepts</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I had some time in between Mixpanel product tasks, so I thought I wou...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Mixpanel T-Shirt Badge Concepts</p>
</div>

            <div class="extras">
  <a href="/shots/1205267-Mixpanel-T-Shirt-Badge-Concepts/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1205267  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1205267, {
          likes_count: 568,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1174908" data-screenshot-id="1174908" class="group team shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1174908-Mixpanel-Career-Landing-Page"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1174908/careerthumb.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1174908/careerthumb.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1174908/careerthumb_1x.jpg">
  <img alt="Mixpanel Career Landing Page" src="https://cdn.dribbble.com/users/771/screenshots/1174908/careerthumb_1x.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1174908-Mixpanel-Career-Landing-Page">
      <strong>Mixpanel Career Landing Page</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Want to work somewhere great? 

Mixpanel is always looking for new ta...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Mixpanel Career Landing Page</p>
</div>

            <div class="extras">
  <a href="/shots/1174908-Mixpanel-Career-Landing-Page/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1174908  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1174908, {
          likes_count: 493,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-1101477" data-screenshot-id="1101477" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/1101477-Mixpanel-Android-Landing-Page"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1101477/push-notifications.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/1101477/push-notifications.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/1101477/push-notifications_1x.jpg">
  <img alt="Mixpanel Android Landing Page" src="https://cdn.dribbble.com/users/771/screenshots/1101477/push-notifications_1x.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/1101477-Mixpanel-Android-Landing-Page">
      <strong>Mixpanel Android Landing Page</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          At Mixpanel  I am generally working on UI and product-related tasks, ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Mixpanel Android Landing Page</p>
</div>

            <div class="extras">
  <a href="/shots/1101477-Mixpanel-Android-Landing-Page/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-1101477  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1101477, {
          likes_count: 536,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-897334" data-screenshot-id="897334" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/897334-Mixpanel-Feature-Page-Concept"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/897334/dribbble-2x.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/897334/dribbble-2x.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/897334/dribbble-2x_1x.jpg">
  <img alt="Mixpanel Feature Page Concept" src="https://cdn.dribbble.com/users/771/screenshots/897334/dribbble-2x_1x.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/897334-Mixpanel-Feature-Page-Concept">
      <strong>Mixpanel Feature Page Concept</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          It's been a while.

A recent concept I came up with at Mixpanel to di...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Mixpanel Feature Page Concept</p>
</div>

            <div class="extras">
  <a href="/shots/897334-Mixpanel-Feature-Page-Concept/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-897334  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(897334, {
          likes_count: 357,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-697533" data-screenshot-id="697533" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/697533-Mixpanel-T-Shirt-Concept"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/697533/throwback.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/697533/throwback.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/697533/throwback.jpg">
  <img alt="Mixpanel T-Shirt Concept" src="https://cdn.dribbble.com/users/771/screenshots/697533/throwback.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/697533-Mixpanel-T-Shirt-Concept">
      <strong>Mixpanel T-Shirt Concept</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I have been working with Julien and Mason at Mixpanel  lately, and a ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Mixpanel T-Shirt Concept</p>
</div>

            <div class="extras">
  <a href="/shots/697533-Mixpanel-T-Shirt-Concept/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-697533  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(697533, {
          likes_count: 380,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-650875" data-screenshot-id="650875" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/650875-Avid-Photography-Theme-Launch"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/650875/avid-dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/650875/avid-dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/650875/avid-dribbble.jpg">
  <img alt="Avid Photography Theme Launch" src="https://cdn.dribbble.com/users/771/screenshots/650875/avid-dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/650875-Avid-Photography-Theme-Launch">
      <strong>Avid Photography Theme Launch</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I'm excited to announce that the responsive photography theme I have ...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Avid Photography Theme Launch</p>
</div>

            <div class="extras">
  <a href="/shots/650875-Avid-Photography-Theme-Launch/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-650875  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(650875, {
          likes_count: 346,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-632571" data-screenshot-id="632571" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/632571-3D-Pricing-Page"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/632571/pricing-dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/632571/pricing-dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/632571/pricing-dribbble.jpg">
  <img alt="3D Pricing Page" src="https://cdn.dribbble.com/users/771/screenshots/632571/pricing-dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/632571-3D-Pricing-Page">
      <strong>3D Pricing Page</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I have been working with the very talented Mason Yarnell and Julien R...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">3D Pricing Page</p>
</div>

            <div class="extras">
  <a href="/shots/632571-3D-Pricing-Page/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-632571  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(632571, {
          likes_count: 599,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-612154" data-screenshot-id="612154" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/612154-Leather-Slider"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/612154/leather-dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/612154/leather-dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/612154/leather-dribbble.jpg">
  <img alt="Leather Slider" src="https://cdn.dribbble.com/users/771/screenshots/612154/leather-dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/612154-Leather-Slider">
      <strong>Leather Slider</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Here is another part of the coming soon page, which is almost complet...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Leather Slider</p>
</div>

            <div class="extras">
  <a href="/shots/612154-Leather-Slider/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-612154  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(612154, {
          likes_count: 346,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-602445" data-screenshot-id="602445" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/602445-A-sale-already"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/602445/shelf.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/602445/shelf.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/602445/shelf.jpg">
  <img alt="A sale already?" src="https://cdn.dribbble.com/users/771/screenshots/602445/shelf.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/602445-A-sale-already">
      <strong>A sale already?</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          A sale?! We haven't event launched yet!

Why don't you follow me on T...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">A sale already?</p>
</div>

            <div class="extras">
  <a href="/shots/602445-A-sale-already/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-602445  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(602445, {
          likes_count: 238,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-594133" data-screenshot-id="594133" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/594133-Premium-Themes-Blueprint"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/594133/blueprint.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/594133/blueprint.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/594133/blueprint.jpg">
  <img alt="Premium Themes Blueprint" src="https://cdn.dribbble.com/users/771/screenshots/594133/blueprint.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/594133-Premium-Themes-Blueprint">
      <strong>Premium Themes Blueprint</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Here is another piece of the coming soon page for my side project. Ju...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Premium Themes Blueprint</p>
</div>

            <div class="extras">
  <a href="/shots/594133-Premium-Themes-Blueprint/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-594133  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(594133, {
          likes_count: 428,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-590680" data-screenshot-id="590680" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/590680-Truly-Premium-Themes"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/590680/dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/590680/dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/590680/dribbble.jpg">
  <img alt="Truly Premium Themes" src="https://cdn.dribbble.com/users/771/screenshots/590680/dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/590680-Truly-Premium-Themes">
      <strong>Truly Premium Themes</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          For the first time in a while, I have been working on my own project,...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Truly Premium Themes</p>
</div>

            <div class="extras">
  <a href="/shots/590680-Truly-Premium-Themes/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-590680  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(590680, {
          likes_count: 594,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-529481" data-screenshot-id="529481" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/529481-Ansel-Adams-Quote"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/529481/quote-dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/529481/quote-dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/529481/quote-dribbble.jpg">
  <img alt="Ansel Adams Quote" src="https://cdn.dribbble.com/users/771/screenshots/529481/quote-dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/529481-Ansel-Adams-Quote">
      <strong>Ansel Adams Quote</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Here is a how a quote would look on the blog feed for the http://thet...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Ansel Adams Quote</p>
</div>

            <div class="extras">
  <a href="/shots/529481-Ansel-Adams-Quote/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-529481  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(529481, {
          likes_count: 582,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-502171" data-screenshot-id="502171" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/502171-Paris-In-The-Spring"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/502171/paris-in-the-spring.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/502171/paris-in-the-spring.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/502171/paris-in-the-spring.jpg">
  <img alt="Paris In The Spring" src="https://cdn.dribbble.com/users/771/screenshots/502171/paris-in-the-spring.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/502171-Paris-In-The-Spring">
      <strong>Paris In The Spring</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Another shot for the upcoming http://thethemefoundry.com/ WP photogra...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Paris In The Spring</p>
</div>

            <div class="extras">
  <a href="/shots/502171-Paris-In-The-Spring/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-502171  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(502171, {
          likes_count: 1268,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-500248" data-screenshot-id="500248" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/500248-Theme-Foundry-Photography-Theme"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/500248/dribbble.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/500248/dribbble.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/500248/dribbble.jpg">
  <img alt="Theme Foundry Photography Theme" src="https://cdn.dribbble.com/users/771/screenshots/500248/dribbble.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/500248-Theme-Foundry-Photography-Theme">
      <strong>Theme Foundry Photography Theme</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I'm working on a responsive photography theme this month for http://t...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Theme Foundry Photography Theme</p>
</div>

            <div class="extras">
  <a href="/shots/500248-Theme-Foundry-Photography-Theme/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-500248  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(500248, {
          likes_count: 477,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-491599" data-screenshot-id="491599" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/491599-The-Lose-For-Good-Challenge"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/491599/lose-for-good.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/491599/lose-for-good.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/491599/lose-for-good.jpg">
  <img alt="The Lose For Good Challenge" src="https://cdn.dribbble.com/users/771/screenshots/491599/lose-for-good.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/491599-The-Lose-For-Good-Challenge">
      <strong>The Lose For Good Challenge</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          A small fictitious challenge created for a Keynote presentation, that...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">The Lose For Good Challenge</p>
</div>

            <div class="extras">
  <a href="/shots/491599-The-Lose-For-Good-Challenge/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-491599  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(491599, {
          likes_count: 405,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-460341" data-screenshot-id="460341" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/460341-Browse-By-Color"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/460341/browse-by-color.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/460341/browse-by-color.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/460341/browse-by-color.jpg">
  <img alt="Browse By Color" src="https://cdn.dribbble.com/users/771/screenshots/460341/browse-by-color.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/460341-Browse-By-Color">
      <strong>Browse By Color</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Probably the last shot of this project I will post as it is near comp...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Browse By Color</p>
</div>

            <div class="extras">
  <a href="/shots/460341-Browse-By-Color/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-460341  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(460341, {
          likes_count: 217,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-415611" data-screenshot-id="415611" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/415611-Projects-Added-To-Date"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/415611/added-projects.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/415611/added-projects.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/415611/added-projects.jpg">
  <img alt="Projects Added To-Date" src="https://cdn.dribbble.com/users/771/screenshots/415611/added-projects.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/415611-Projects-Added-To-Date">
      <strong>Projects Added To-Date</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          A shot of my current project where several UI elements come together.
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Projects Added To-Date</p>
</div>

            <div class="extras">
  <a href="/shots/415611-Projects-Added-To-Date/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-415611  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(415611, {
          likes_count: 453,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-390026" data-screenshot-id="390026" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/390026-Featured-Product-Slider"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/390026/product-slider.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/390026/product-slider.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/390026/product-slider.jpg">
  <img alt="Featured Product Slider" src="https://cdn.dribbble.com/users/771/screenshots/390026/product-slider.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/390026-Featured-Product-Slider">
      <strong>Featured Product Slider</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Part of a simple slider for my current project that lets a user scrol...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Featured Product Slider</p>
</div>

            <div class="extras">
  <a href="/shots/390026-Featured-Product-Slider/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-390026  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(390026, {
          likes_count: 328,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-388603" data-screenshot-id="388603" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/388603-Fancy-Drop-Down-Navigation"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/388603/dropdown.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/388603/dropdown.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/388603/dropdown.jpg">
  <img alt="Fancy Drop Down Navigation" src="https://cdn.dribbble.com/users/771/screenshots/388603/dropdown.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/388603-Fancy-Drop-Down-Navigation">
      <strong>Fancy Drop Down Navigation</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          I am not sure if this will fly with the script menu items, but I real...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Fancy Drop Down Navigation</p>
</div>

            <div class="extras">
  <a href="/shots/388603-Fancy-Drop-Down-Navigation/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-388603  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(388603, {
          likes_count: 523,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<li id="screenshot-381144" data-screenshot-id="381144" class="group shot-thumbnail shot-thumbnail-with-hover-overlay">
  <div
    class="dribbble disabled-shot-section  "
>

    <div class="dribbble-shot with-actions">
      
<div class="dribbble-img  ">
    <a class="dribbble-link" href="/shots/381144-Deal-Of-The-Day"><picture>
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/381144/deal-of-the-day.jpg" media="(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)">
      <source srcset="https://cdn.dribbble.com/users/771/screenshots/381144/deal-of-the-day.jpg" media="(min-width: 1440px)">
  <source srcset="https://cdn.dribbble.com/users/771/screenshots/381144/deal-of-the-day.jpg">
  <img alt="Deal Of The Day" src="https://cdn.dribbble.com/users/771/screenshots/381144/deal-of-the-day.jpg" />
</picture>
</a>
    <a class="dribbble-over" href="/shots/381144-Deal-Of-The-Day">
      <strong>Deal Of The Day</strong>
      <span class="timestamp"></span>
        <span class="comment">
          <span class="text-light">—</span>
          Trying a little bit different style for me on a new project I am work...
        </span>
    </a>
</div>


        <div class="shot-display-options">
            <div class="dribbble-shot-title-date">
  <p class="shot-title">Deal Of The Day</p>
</div>

            <div class="extras">
  <a href="/shots/381144-Deal-Of-The-Day/rebounds">
    <span class="rebound-mark has-rebounds">
      0
    </span>
</a>  <a href="/foundationsix">
    <span class="rebound-mark is-rebound">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" class="icon fill-current">
  <path fill-rule="evenodd" d="M12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12.2475984,9.37352259 L12.2475984,7.59240625 C12.2488119,7.34363009 12.137166,7.09546069 11.9150878,6.9061481 C11.4715381,6.52691615 10.753121,6.52691615 10.3095714,6.9061481 L4.96634483,11.4757414 L10.3095714,16.0453348 C10.5316496,16.2346474 10.8216862,16.3299105 11.1123295,16.3299105 C11.4029729,16.3299105 11.6930095,16.2352542 11.9150878,16.0453348 C12.137166,15.8560222 12.2488119,15.6072461 12.2475984,15.3590767 L12.2475984,13.4721596 C16.235905,13.6681466 18.3153097,16.1782177 18.3153097,16.1782177 C18.3153097,12.0260829 15.7741522,9.64838988 12.2475984,9.37352259 Z"></path>
</svg>

    </span>
</a>  <span class="attachments-mark">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m21.056 2.944c-1.253-1.254-2.92-1.944-4.693-1.944-1.774 0-3.44.69-4.693 1.944-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.271.271.656.426 1.057.427.401 0 .786-.156 1.057-.427 1.374-1.373 3.785-1.373 5.158 0 .688.689 1.068 1.605 1.068 2.579s-.38 1.89-1.068 2.579l-8.726 8.726c-1.374 1.373-3.784 1.373-5.158 0-.687-.69-1.067-1.605-1.067-2.579s.38-1.89 1.068-2.579l3.718-3.718c.42-.418 1.102-.418 1.522 0 .203.203.315.474.315.761 0 .288-.112.559-.315.761l-2.657 2.657c-.283.282-.439.657-.439 1.057s.156.775.438 1.057c.541.542 1.573.542 2.114 0l2.657-2.657c.767-.767 1.19-1.788 1.19-2.875 0-1.088-.422-2.109-1.19-2.875-.767-.767-1.788-1.189-2.875-1.189s-2.106.422-2.874 1.188l-3.718 3.719c-1.254 1.252-1.944 2.92-1.944 4.693s.69 3.439 1.944 4.693c1.253 1.254 2.92 1.944 4.693 1.944 1.774 0 3.44-.69 4.693-1.944l8.726-8.726c1.254-1.252 1.944-2.92 1.944-4.693s-.69-3.439-1.944-4.693z"></path></svg>

  </span>
</div>

            <ul class="dribbble-shot-actions">
    <li data-bucket-container="true">
      
  <a class="bucket-shot form-btn " title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>


    </li>

    

  <li class="like-action-381144  ">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(381144, {
          likes_count: 468,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

</a>  </li>

</ul>

        </div>
    </div>

    
  </div>


</li>


<script>
var newestShots = [{
    id: 3582263,
    title: "H. Wentworth Clothing Tag",
    path: "/shots/3582263-H-Wentworth-Clothing-Tag",
    published_at: 'June 21, 2017',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 23907,
    comments_count: 24,
    likes_count: 343,
    liked: false,
    ga: []
  },{
    id: 1580661,
    title: "Dashboard Widget Selector",
    path: "/shots/1580661-Dashboard-Widget-Selector",
    published_at: 'June 03, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 52617,
    comments_count: 17,
    likes_count: 636,
    liked: false,
    ga: []
  },{
    id: 1532006,
    title: "Reporting Facelift",
    path: "/shots/1532006-Reporting-Facelift",
    published_at: 'April 30, 2014',
    is_rebound: false,
    rebounds_count: 1,
    attachments_count: 0,
    view_count: 51911,
    comments_count: 24,
    likes_count: 671,
    liked: false,
    ga: []
  },{
    id: 1407112,
    title: "Performance Dashboard",
    path: "/shots/1407112-Performance-Dashboard",
    published_at: 'February 04, 2014',
    is_rebound: false,
    rebounds_count: 1,
    attachments_count: 0,
    view_count: 153518,
    comments_count: 49,
    likes_count: 2188,
    liked: false,
    ga: []
  },{
    id: 1205267,
    title: "Mixpanel T-Shirt Badge Concepts",
    path: "/shots/1205267-Mixpanel-T-Shirt-Badge-Concepts",
    published_at: 'August 21, 2013',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 24160,
    comments_count: 21,
    likes_count: 568,
    liked: false,
    ga: [["mixpanel","UA-1223110-18"]]
  },{
    id: 1174908,
    title: "Mixpanel Career Landing Page",
    path: "/shots/1174908-Mixpanel-Career-Landing-Page",
    published_at: 'July 29, 2013',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 27111,
    comments_count: 21,
    likes_count: 493,
    liked: false,
    ga: [["mixpanel","UA-1223110-18"]]
  },{
    id: 1101477,
    title: "Mixpanel Android Landing Page",
    path: "/shots/1101477-Mixpanel-Android-Landing-Page",
    published_at: 'June 05, 2013',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 33228,
    comments_count: 25,
    likes_count: 536,
    liked: false,
    ga: []
  },{
    id: 897334,
    title: "Mixpanel Feature Page Concept",
    path: "/shots/897334-Mixpanel-Feature-Page-Concept",
    published_at: 'January 16, 2013',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 15782,
    comments_count: 29,
    likes_count: 357,
    liked: false,
    ga: []
  },{
    id: 697533,
    title: "Mixpanel T-Shirt Concept",
    path: "/shots/697533-Mixpanel-T-Shirt-Concept",
    published_at: 'August 22, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 11646,
    comments_count: 22,
    likes_count: 380,
    liked: false,
    ga: []
  },{
    id: 650875,
    title: "Avid Photography Theme Launch",
    path: "/shots/650875-Avid-Photography-Theme-Launch",
    published_at: 'July 18, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: 14686,
    comments_count: 43,
    likes_count: 346,
    liked: false,
    ga: []
  },{
    id: 632571,
    title: "3D Pricing Page",
    path: "/shots/632571-3D-Pricing-Page",
    published_at: 'July 05, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 41872,
    comments_count: 31,
    likes_count: 599,
    liked: false,
    ga: []
  },{
    id: 612154,
    title: "Leather Slider",
    path: "/shots/612154-Leather-Slider",
    published_at: 'June 20, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 15056,
    comments_count: 24,
    likes_count: 346,
    liked: false,
    ga: []
  },{
    id: 602445,
    title: "A sale already?",
    path: "/shots/602445-A-sale-already",
    published_at: 'June 13, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 9689,
    comments_count: 22,
    likes_count: 238,
    liked: false,
    ga: []
  },{
    id: 594133,
    title: "Premium Themes Blueprint",
    path: "/shots/594133-Premium-Themes-Blueprint",
    published_at: 'June 07, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 14292,
    comments_count: 29,
    likes_count: 428,
    liked: false,
    ga: []
  },{
    id: 590680,
    title: "Truly Premium Themes",
    path: "/shots/590680-Truly-Premium-Themes",
    published_at: 'June 05, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 25685,
    comments_count: 36,
    likes_count: 594,
    liked: false,
    ga: []
  },{
    id: 529481,
    title: "Ansel Adams Quote",
    path: "/shots/529481-Ansel-Adams-Quote",
    published_at: 'April 24, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 33388,
    comments_count: 23,
    likes_count: 582,
    liked: false,
    ga: []
  },{
    id: 502171,
    title: "Paris In The Spring",
    path: "/shots/502171-Paris-In-The-Spring",
    published_at: 'April 05, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 41653,
    comments_count: 42,
    likes_count: 1268,
    liked: false,
    ga: []
  },{
    id: 500248,
    title: "Theme Foundry Photography Theme",
    path: "/shots/500248-Theme-Foundry-Photography-Theme",
    published_at: 'April 04, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 14700,
    comments_count: 30,
    likes_count: 477,
    liked: false,
    ga: []
  },{
    id: 491599,
    title: "The Lose For Good Challenge",
    path: "/shots/491599-The-Lose-For-Good-Challenge",
    published_at: 'March 29, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 12686,
    comments_count: 13,
    likes_count: 405,
    liked: false,
    ga: []
  },{
    id: 460341,
    title: "Browse By Color",
    path: "/shots/460341-Browse-By-Color",
    published_at: 'March 07, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 7222,
    comments_count: 17,
    likes_count: 217,
    liked: false,
    ga: []
  },{
    id: 415611,
    title: "Projects Added To-Date",
    path: "/shots/415611-Projects-Added-To-Date",
    published_at: 'February 07, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 14312,
    comments_count: 34,
    likes_count: 453,
    liked: false,
    ga: []
  },{
    id: 390026,
    title: "Featured Product Slider",
    path: "/shots/390026-Featured-Product-Slider",
    published_at: 'January 18, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 13736,
    comments_count: 16,
    likes_count: 328,
    liked: false,
    ga: []
  },{
    id: 388603,
    title: "Fancy Drop Down Navigation",
    path: "/shots/388603-Fancy-Drop-Down-Navigation",
    published_at: 'January 17, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 17280,
    comments_count: 39,
    likes_count: 523,
    liked: false,
    ga: []
  },{
    id: 381144,
    title: "Deal Of The Day",
    path: "/shots/381144-Deal-Of-The-Day",
    published_at: 'January 11, 2012',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: 12794,
    comments_count: 24,
    likes_count: 468,
    liked: false,
    ga: []
  }];

if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
  Dribbble.Shots.add(newestShots);
  Dribbble.TeaserStats.init(newestShots);

    Dribbble.Screenshots.cursor = '1326295987.807141';
}
else {
  if (typeof newShots === "undefined") {
    var newShots = [];
  }
  newShots = newShots.concat(newestShots);
}

</script>


  </ol>

  <div class="page">
  <div class="pagination"><span class="previous_page disabled">&larr; Prev</span> <a class="next_page" rel="next" href="/foundationsix?page=2">Next &rarr;</a></div>
</div>


<div class="infinite shot-grid-width container-fluid infinite-login-actions">
      <a class="form-sub sign-up-to-continue" data-signup-trigger="true" data-href="/signup/new" data-context="homepage-load-more" href="/signup/new">Sign up to continue</a>
<a href="/session/new?return_to=%2Ffoundationsix">or sign in</a>

</div>

<div class="loading-more">
  <span class="processing">Loading more…</span>
</div>

<div class="back-to-top" style="display: none">
  <a href="#"><img title="Back to Top" src="https://cdn.dribbble.com/assets/icon-backtotop-1b04df73090f6b0f3192a3b71874ca3b3cc19dff16adc6cf365cd0c75897f6c0.png" alt="Icon backtotop" /></a>
</div>






    </div>
</div>


</div>











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

<hr />

<div id="footer" role="contentinfo">
  <div id="footer-inner">
    <div class="group">
      <div class="footer-mod">
        <p class="logo"><a href="/"><img width="80" alt="dribbble" data-src="https://cdn.dribbble.com/assets/logo-footer-hd-a05db77841b4b27c0bf23ec1378e97c988190dfe7d26e32e1faea7269f9e001b.png" class=" lazyload" src="" /></a><br />Show and tell for designers</p>

        <p class="about">What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.</p>

        <p class="follow">
          <a href="/dribbble"><img width="24" data-src="https://cdn.dribbble.com/assets/icon-team-dribbble-8706862cdb0afa7f43f9e0218b073515f0a2bef19780961d324ae4620ebe249b.png" class=" lazyload" src="" /></a>
          <a href="http://twitter.com/dribbble"><img width="24" data-src="https://cdn.dribbble.com/assets/icon-team-twitter-1fa6921d96b16e47f00ad0381ebbab59ba089c22b21f9bce783c9a4a077f40e9.png" class=" lazyload" src="" /></a>
          <a href="http://facebook.com/dribbble"><img width="24" data-src="https://cdn.dribbble.com/assets/icon-team-facebook-4d63851997b88eb903858057327d93df9f950a55c5104a3a19206f2005682ea3.png" class=" lazyload" src="" /></a>
          <a href="http://instagram.com/dribbble"><img width="24" data-src="https://cdn.dribbble.com/assets/icon-team-instagram-5dfdcd1478ea4a1c1e109b32adbd3878062aa1eb571da63ac379e0da1d2d5762.png" class=" lazyload" src="" /></a>
          <a href="/stories">
            <img width="24" data-src="https://cdn.dribbble.com/assets/icon-team-blog-2705adcb7ee6522051e175d10683208f0fa0ad17daa15fdf3f36aca99c540312.png" class=" lazyload" src="" />
</a>        </p>
      </div>
      <div class="footer-mod">
        <div class="extra-links">
          <h3><a href="/">Dribbble</a></h3>
          <ul>
            <li><a id="f-home" href="/about">About</a></li>
            <li><a href="https://help.dribbble.com">Help</a></li>
            <li><a href="/contact">Contact</a></li>
            <li><a href="/careers">Careers</a></li>
            <li><a href="/terms">Terms</a></li>
            <li><a href="/guidelines">Guidelines</a></li>
            <li><a href="/privacy">Privacy</a></li>
            <li><a href="/shots?list=playoffs">Playoffs</a></li>
            <li><a href="https://shop.dribbble.com/">Shop</a></li>
            <li><a href="/testimonials">Testimonials</a></li>
            <li><a href="/branding">Media Kit</a></li>
            <li><a href="/advertise">Advertise</a></li>
            <li><a href="http://developer.dribbble.com">API</a></li>
            <li><a href="/apps">Apps</a></li>
            <li><a href="/places">Places</a></li>
          </ul>
        </div>
        <div class="additional-links">
          <h3><a href="/hiring">Hiring at Dribbble</a></h3>
          <ul>
            <li><a href="/jobs/new">Post a job</a></li>
            <li><a href="/designers">Search designers</a></li>
            <li><a href="/pro">Add your team</a></li>
          </ul>
          <h3>Directories</h3>
          <ul>
            <li><a href="/directories/jobs">Jobs</a></li>
            <li><a href="/tags">Tags</a></li>
          </ul>
        </div>

          <div class="job-links">
            <h3><a href="/jobs">Jobs for Designers</a></h3>
            <ol class="jobs-list">
  
<li class="group">
  <a class="item-team" rel="tipsy" title="Visit the team’s profile" href="/basicagency">
  <img src="https://cdn.dribbble.com/users/161791/avatars/normal/fd82b6afdacde361131069c00dc43433.png?1574469095" alt="Fd82b6afdacde361131069c00dc43433" />
</a>

  <a class="job-edit" rel="tipsy" title="Edit this job" data-creator-id="161791" href="/jobs/14606/edit">
    <img src="https://cdn.dribbble.com/assets/icon-edit-button-8d0f2493aa649d9e18d5cf27ee32c93aaa6488ddda85b481f6ca341b85fde845.png" alt="Icon edit button" />
</a>
  <a class="item-link group" rel="nofollow" href="/jobs/14606-Design-Director?source=footer">
    <span class="item-info">
      <span class="item-title">BASIC</span>
      <span class="item-desc">Design Director</span>
    </span>

    <span class="item-meta">San Francisco / Bay Area / Mountain View</span>
</a></li>

<li class="group">
  <a class="item-team" rel="tipsy" title="Visit the team’s profile" href="/klarna">
  <img src="https://cdn.dribbble.com/users/1732963/avatars/normal/b002499cf66face5ef256f33ff64a5c9.png?1565271633" alt="B002499cf66face5ef256f33ff64a5c9" />
</a>

  <a class="job-edit" rel="tipsy" title="Edit this job" data-creator-id="1732963" href="/jobs/24563/edit">
    <img src="https://cdn.dribbble.com/assets/icon-edit-button-8d0f2493aa649d9e18d5cf27ee32c93aaa6488ddda85b481f6ca341b85fde845.png" alt="Icon edit button" />
</a>
  <a class="item-link group" rel="nofollow" href="/jobs/24563-Senior-Product-Designer?source=footer">
    <span class="item-info">
      <span class="item-title">Klarna</span>
      <span class="item-desc">Senior Product Designer</span>
    </span>

    <span class="item-meta">Berlin</span>
</a></li>

<li class="group">
  <a class="item-team" rel="tipsy" title="Visit the team’s profile" href="/wearephoenix">
  <img src="https://cdn.dribbble.com/users/1801836/avatars/normal/f5655e09d05e84f7f11aee6229bfb65a.png?1510657903" alt="F5655e09d05e84f7f11aee6229bfb65a" />
</a>

  <a class="job-edit" rel="tipsy" title="Edit this job" data-creator-id="1801836" href="/jobs/14712/edit">
    <img src="https://cdn.dribbble.com/assets/icon-edit-button-8d0f2493aa649d9e18d5cf27ee32c93aaa6488ddda85b481f6ca341b85fde845.png" alt="Icon edit button" />
</a>
  <a class="item-link group" rel="nofollow" href="/jobs/14712-Senior-Product-Designer-Shanghai?source=footer">
    <span class="item-info">
      <span class="item-title">Phoenix Design</span>
      <span class="item-desc">Senior Product Designer Shanghai</span>
    </span>

    <span class="item-meta">Shanghai</span>
</a></li>

</ol>

          </div>

      </div>

      <div class="footer-mod">
          <div class="ad carbon target notloaded js-ad-carbon-site-footer">
</div>

          <h4 id="shots-total" class="group">
    <strong>11,287,766</strong> shots dribbbled
  </h4>

      </div>
    </div>

    <div class="group">
      <div class="footer-mod">
        <p class="network">
          &copy; 2020 Dribbble. All rights reserved.
        </p>
      </div>

      <div class="footer-mod">
        <h5 class="remote-love">
          Made with &hearts; remotely from
          <style>
  .remote-locations span {
    animation: remoteFadeInOut 75s linear infinite 0s;
  }

    .remote-locations span:nth-child(2) {
      webkit-animation-delay: 3s;
      animation-delay: 3s;
    }
    .remote-locations span:nth-child(3) {
      webkit-animation-delay: 6s;
      animation-delay: 6s;
    }
    .remote-locations span:nth-child(4) {
      webkit-animation-delay: 9s;
      animation-delay: 9s;
    }
    .remote-locations span:nth-child(5) {
      webkit-animation-delay: 12s;
      animation-delay: 12s;
    }
    .remote-locations span:nth-child(6) {
      webkit-animation-delay: 15s;
      animation-delay: 15s;
    }
    .remote-locations span:nth-child(7) {
      webkit-animation-delay: 18s;
      animation-delay: 18s;
    }
    .remote-locations span:nth-child(8) {
      webkit-animation-delay: 21s;
      animation-delay: 21s;
    }
    .remote-locations span:nth-child(9) {
      webkit-animation-delay: 24s;
      animation-delay: 24s;
    }
    .remote-locations span:nth-child(10) {
      webkit-animation-delay: 27s;
      animation-delay: 27s;
    }
    .remote-locations span:nth-child(11) {
      webkit-animation-delay: 30s;
      animation-delay: 30s;
    }
    .remote-locations span:nth-child(12) {
      webkit-animation-delay: 33s;
      animation-delay: 33s;
    }
    .remote-locations span:nth-child(13) {
      webkit-animation-delay: 36s;
      animation-delay: 36s;
    }
    .remote-locations span:nth-child(14) {
      webkit-animation-delay: 39s;
      animation-delay: 39s;
    }
    .remote-locations span:nth-child(15) {
      webkit-animation-delay: 42s;
      animation-delay: 42s;
    }
    .remote-locations span:nth-child(16) {
      webkit-animation-delay: 45s;
      animation-delay: 45s;
    }
    .remote-locations span:nth-child(17) {
      webkit-animation-delay: 48s;
      animation-delay: 48s;
    }
    .remote-locations span:nth-child(18) {
      webkit-animation-delay: 51s;
      animation-delay: 51s;
    }
    .remote-locations span:nth-child(19) {
      webkit-animation-delay: 54s;
      animation-delay: 54s;
    }
    .remote-locations span:nth-child(20) {
      webkit-animation-delay: 57s;
      animation-delay: 57s;
    }
    .remote-locations span:nth-child(21) {
      webkit-animation-delay: 60s;
      animation-delay: 60s;
    }
    .remote-locations span:nth-child(22) {
      webkit-animation-delay: 63s;
      animation-delay: 63s;
    }
    .remote-locations span:nth-child(23) {
      webkit-animation-delay: 66s;
      animation-delay: 66s;
    }
    .remote-locations span:nth-child(24) {
      webkit-animation-delay: 69s;
      animation-delay: 69s;
    }
    .remote-locations span:nth-child(25) {
      webkit-animation-delay: 72s;
      animation-delay: 72s;
    }

  @keyframes remoteFadeInOut {
    0% { opacity: 0; }
    1% { opacity: 1; }
    2% { opacity: 1; }
    3% { opacity: 1; }
    4% { opacity: 1; }
    5% { opacity: 0; }
  }
</style>

<div class="remote-locations">
    <span>Austin, TX</span>
    <span>Cavite, Philippines</span>
    <span>Sidney, BC</span>
    <span>Worcester, MA</span>
    <span>Denver</span>
    <span>Orlando, FL</span>
    <span>Victoria, BC</span>
    <span>Montreal, Quebec</span>
    <span>Roseville, MN</span>
    <span>Silver Spring, MD</span>
    <span>Minneapolis, MN</span>
    <span>Oakland, CA</span>
    <span>Canada</span>
    <span>Ottawa, Ontario</span>
    <span>Montreal</span>
    <span>North Vancouver, BC</span>
    <span>Grass Valley, California</span>
    <span>Victoria</span>
    <span>Vancouver, BC</span>
    <span>Montreal, Canada</span>
    <span>Toronto, ON</span>
    <span>Atlanta</span>
    <span>San Diego, CA</span>
    <span>Everywhere</span>
    <span>Denver, CO</span>
</div>

        </h5>
      </div>
    </div>
  </div>
</div> <!-- /footer -->




  


    <div class="shot-overlay" tabindex="-1">
      <a href="#" class="close-overlay" aria-label="close">
        <img src="https://cdn.dribbble.com/assets/icon-shot-x-light-40c073cd65443c99d4ac129b69bf578c8cf97d69b78990c00c4f8c5873b0d601.png" alt="Icon shot x light" />
      </a>

      <ul class="shot-nav">
        <li class="shot-nav-prev">
          <a href="#">
            <img src="https://cdn.dribbble.com/assets/icon-shot-prev-light-ca583c76838d54eca11832ebbcaba09ba8b2bf347de2335341d244ecb9734593.png" alt="Icon shot prev light" />
          </a>
        </li>
        <li class="shot-nav-next">
          <a href="#">
            <img src="https://cdn.dribbble.com/assets/icon-shot-next-light-871a18220c4c5a0325d1353f8e4cc204c3b49beacc63500644556faf25ded617.png" alt="Icon shot next light" />
          </a>
        </li>
      </ul>

      <div class="overlay-content group"></div>
    </div>

  <div class="attachment-overlay" style="display:none;" tabindex="-1"></div>

<div id="signup-overlay" class="overlay ">
  <div class="lightbox">
    <a href="#" class="close" aria-label="close">
          <img alt="close" src="https://cdn.dribbble.com/assets/icon-overlay-x-2x-b7df2526b4c26d4e8410a7c437c433908be0c7c8c3c3402c3e578af5c50cf5a5.png" />
    </a>
    <div class="display">
        <div class="processing">Loading…</div>
    </div>
  </div>
</div>
  <div id="work-availability-modal-app"></div>
<div id="site-notifications"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- jquery failover -->
<script>
  if (typeof jQuery == 'undefined') {
    document.write(unescape('%3Cscript src="https://cdn.dribbble.com/assets/jquery-3.2.1.min-620f9d5d78f3d840706c60a049ee6fa359237cef4203800c0403d94c203992f0.js">%3C/script>'))
  }
</script>



<script src="https://cdn.dribbble.com/assets/global-0bd2be16c26a0243bf0678ff3a058fb751e8949f675f8ccaeb987d74f6fe0bb4.js"></script>


<script>
  var config = Dribbble.JsConfig || {}
  // the assign is so this partial can be called in other partials, e.g. modals
  // without overriding parent instantiations of JsConfig
  Dribbble.JsConfig = Object.assign(config, {
      user: {"isLoggedIn":false,"reCaptchaSiteKey":"6LdmBTIUAAAAAM4NIokaWu8p3BBuYEw3CxuDdyg_"},
      features: {"dribbbleOneFive":true,"boostedShots":true,"proColorPicker":true},
  })
</script>

<script src="https://cdn.dribbble.com/assets/packs/js/application-0d63cd50ea75fe3ead83.js"></script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>

  <script>
  </script>

  <script>
    $('.bucket-shot').off().on('click', function(event) {
      $target = $(event.target);
      Dribbble.Segment.track("shot_save_clicked", {
        shot_id: $target.attr("data-screenshot-id"),
        shot_user_id: $target.attr("data-screenshot-user-id"),
        on_hover: $target.parent().parent().hasClass('dribbble-shot-actions'),
      });
    });
  </script>
<script src="https://cdn.dribbble.com/assets/shots-manifest-24aa2a621ebf54d076da26b44f16a118049ec55ddde3d3bfb5ee8db68131671c.js"></script><script src="https://cdn.dribbble.com/assets/follow-bar-a0d29eb6ca41a843ccd3cbbfdba8026134116aee2a5d3aebaf671adfc05ecee1.js"></script>  <script>
    $(function() {

      Dribbble.Screenshots.initialize({"enable_overlay":true,"cursor":false,"deferredContent":null,"showFollowSuggestions":null,"showAds":null,"staticParams":null});


      if(Dribbble.Bucket){
        new Dribbble.Bucket({ target: "a[data-bucket-add]" });
      }
      

      $(document).on(
        'click',
        'a[data-fav-toggle=shot]',
        Screenshot.Like.Shot.toggle
      )
    });
  </script>
<script src="https://cdn.dribbble.com/assets/downgrade-hidden-tracking-19c7d5063395dbe1aa808e1cf910e891779f9ea53dc2be7f5878acdf29ce0172.js"></script>  <script>
    Dribbble.Segment.track("profile_viewed", {
      viewed_user_id: 771,
      viewed_user_type: "player"
    });
    Dribbble.DowngradeHiddenTracking.initialize();
  </script>
  <script>
setTimeout(function() {
  Dribbble.Ads.enable();
  Dribbble.Ads.load({
    context: "footer",
    placement: "site-footer",
    requestId: Math.floor(Math.random() * Date.now()),
    adElement: document.querySelector('.js-ad-carbon-site-footer')
  });
}, 1);
</script>

    <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;a.onload=a.onerror=Dribbble.cb.a();m.parentNode.insertBefore(a,m)
    })(window,document,"script","//www.google-analytics.com/analytics.js","ga");

    ga("create", "UA-24041469-1", "auto", {
      "sampleRate": 100.0
    });
  </script>

<script>
  window.analytics.load("r3TkTP6KbLj2tRyQg9nSi");
</script>

<script>
  var segmentPageProperties = {controller: "shots", action: "index"}
  if (window.location.pathname == "/") {
    Dribbble.Analytics.namedRoot = "/shots";
    Dribbble.Analytics.logDribbbleGAPageView("/")
    segmentPageProperties.url = Dribbble.Analytics.namedRoot
  } else {
    Dribbble.Analytics.logDribbbleGAPageView("/foundationsix")
  }
  Dribbble.Segment.page(segmentPageProperties)


</script>


<script async src="https://www.googletagmanager.com/gtag/js?id=AW-787470371"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-787470371');
</script>

<script type="text/javascript">
  _linkedin_partner_id = "1940404";
  window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
  window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
  (function(){
    var s = document.getElementsByTagName("script")[0];
    var b = document.createElement("script");
    b.type = "text/javascript";b.async = true;
    b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
    s.parentNode.insertBefore(b, s);
  })();
</script>
<noscript>
  <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1940404&fmt=gif" />
</noscript>



</body>
</html>
