<commit_before>@@include('../templates/_head.tpl')

<body class="project project-sabin">

  @@include('../templates/_homenav.tpl')

  <main>
    <section id="js-panel-fullwidth" class="panel-full panel-fullwidth-img">
      <img id="js-pixelate-scroll" class="img-pixelate-scroll img-fullwidth" src="/assets/img/projects/sabin/sabin-cover-image@2x.jpg" alt="sabin-image-cover">
      <canvas id="jsPixelateCanvas" class="img-fullwidth" width="1200" height="600"></canvas>
      <div class="panel-fullwidth-content vertical-center color-white">
        <h2 class="text--normal">Sabin Vaccine Institute</h2>
        <h1 class="heading-primary">Health advocacy</h1>
      </div>     
    </section> <!-- /panel -->
  
    <section class="panel-full spacing--lg-xx">
      <div class="container--text">
        <img class="center-element" src="/assets/img/projects/sabin/sabin-devices@2x.png" alt="sabin-image-devices">
      </div>
    </section>

    <section class="panel-full panel-bg-pattern spacing--lg">
      <div class="container--mid">
        <div class="h2 center-text">KEY POINTS</div>
        <div class="spacing--sm-x"></div>
        <ul class="ul-default text--small">
          <li>Native iOS mobile application and web platform</li>
          <li>Mobile and web UX</li>
          <li>Business development support with a sales MVP</li>
          <li>Custom code scanning technology to replace QR codes</li>
          <li>Content focused design process</li>
        </ul>
      </div>
    </section>

    <section>
      <div class="container--text spacing--mid-xx">
        <p>Humans are curious by nature. We want to know. We want to know where a thing comes from - who made it and how? For a long time consumers have been buying blind. Imagine knowing the full story behind the goods you choose - including the faces behind the people who made them.</p>
      </div>
    </section>

    <section class="panel-full panel-bg-solo-full project-device-panel">
      <div class="container--text spacing--lg-xx clearfix">
        <div class="col-50-flt">
          <img src="/assets/img/projects/into/into-panel1-device1@2x.png" alt="into-panel1-device" class="center-element"> 
          
        </div>

        <div class="col-50-flt">
          <img src="/assets/img/projects/into/into-panel1-device2@2x.png" alt="into-panel2-device" class="center-element">
        </div>
      </div>
    </section>

    <section>
      <div class="container--text spacing--mid-xx">
        <p>CoLab was thrilled to be approached with an opportunity to support consumer rights. We firmly believe that informed consumers makes better decisions, and from there a better world is not far behind. We signed on as designers, developers, and strategic consultants. It's not every day a visionary company like INTO finds a technical support team who can share their vision with passion and excitement.</p>
        <p>INTO's ambitions were set high. Their intention was to become the preeminent storytelling platform for the green economy through partnerships with companies like Whole Foods, Fair Trade USA, and Sambazon. We were excited to help INTOget traction from their MVP product while building an enterprise-grade application, CMS and API.</p>
        <p>In order to provide the best possible opportunity for success, CoLab brought together a cross-disciplinary team that included:</p>
        <ul class="ul-default">
          <li>Cross-platform UX and UI design</li>
          <li>Native iOS application development</li>
          <li>API development</li>
          <li>Strategic business consulting, calling on our management team's experience in venture capital</li>
        </ul>
        <p>Success came quickly for INTO once CoLab jumped on board.</p>
        <p>Using a modular server running NodeJS, we built a REST API to serve both iOS and web applications. The custom AngularJS CMS uses Amazon S3 to store all of INTO’s high-definition photos and videos.</p>
        <p>Our business development strategy team helped the visionaries come up with a marketing and sales plan. The first step was entering trade-shows, giving INTO exposure to potential clients. Soon one-on-one meetings were being held with the top green companies. Before long, INTO was securing pre-sales commitments to a product that was still under development.</p>
        <p>Through our strategic efforts, CoLab helped INTO successfully raise additional capital right from the beginning. This enabled them to further invest in their product development and market roll-out strategy.
CoLab's success with INTO culminated in our ability to approach a vision with incredible technical and business complexity and distill it into an elegant solution.</p>
        <p>Through a combination of INTO's ecologically, socially, and economically compelling vision and CoLab's technical and strategic expertise, INTO is truly tracked for success.</p>

      </div>
    </section>

    <section>
      <div class="container--text spacing--sm project-site-links">
          <a href="http://lookin.to" class="button--brand-outline color-red">Visit Site</a>
      </div> <!--  /project-site-links -->
    </section>

    <section>
      <div class="center-text container--text spacing--mid-x">
        <div class="grid-parent">
          <div class="project-info grid-child project-info-50">
            <h2 class="h2">TEAM MEMBERS</h2>
            <div class="members-team">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">                
            </div> <!-- /members-team -->
          </div> <!-- /project-info -->

          <div class="project-info grid-child project-info-50">
            <h2 class="h2">IN COLLABORATION WITH</h2>
              <div class="spacing--sm-x"></div>
              <img src="/assets/img/projects/into/into-partner@2x.png" alt="brierwood-design-cooperative" class="project-collaboration">
          </div>
        </div> <!-- /grid-parent -->
        <div class="spacing--mid"></div>
      </div> <!-- /container--text -->
    </section>

    <section class="panel-full color-graylight-bg">
      <div class="container--sm center-text spacing--lg-x">
        <h2 class="h2">NEXT</h2>
        <div class="spacing--mid"></div>
        <div class="img-pixelate-parent">
          <a href="/pivot">
            <img src="/assets/img/projects/pivot/pivot-preview-image.jpg" class="img-pixelate-hover" alt="pivot-preview-image">
            <div class="img-pixelate-content">
              <div class="img-pixelate-meta">
                <div class="text--small"><strong>PIVOT</strong></div>
                <div class="img-pixelate-tagline">Promoting renewable fuel</div>
              </div>
              <span class="button--brand-outline">View Project</span>
            </a>
            </div>        
          </div>                
        </div> <!-- /img-pixelate-parent -->
      </div> <!-- /container--sm -->
    </section>
  </main>

  @@include('../templates/_footer.tpl')

  @@include('../templates/_tail.tpl')<commit_msg>CLBWEBSITE-97 text and links for project sabin<commit_after>@@include('../templates/_head.tpl')

<body class="project project-sabin">

  @@include('../templates/_homenav.tpl')

  <main>
    <section id="js-panel-fullwidth" class="panel-full panel-fullwidth-img">
      <img id="js-pixelate-scroll" class="img-pixelate-scroll img-fullwidth" src="/assets/img/projects/sabin/sabin-cover-image@2x.jpg" alt="sabin-image-cover">
      <canvas id="jsPixelateCanvas" class="img-fullwidth" width="1200" height="600"></canvas>
      <div class="panel-fullwidth-content vertical-center color-white">
        <h2 class="text--normal">Sabin Vaccine Institute</h2>
        <h1 class="heading-primary">Health advocacy</h1>
      </div>     
    </section> <!-- /panel -->
  
    <section class="panel-full spacing--lg-xx">
      <div class="container--text">
        <img class="center-element" src="/assets/img/projects/sabin/sabin-devices@2x.png" alt="sabin-image-devices">
      </div>
    </section>

    <section>
      <div class="container--text">
        <p>This project was brought to CoLab through <a href="http://echo.co">Echo &amp; Co</a>, who have been designing participatory campaigns and building technology tools that make the world a better place since 2003. We partnered with Echo &amp; Co and Sabin as the development team, executing the site design on the open source Drupal platform. The site features a gorgeously bold slide show allowing nearly any content to be promoted to the front page. It also features a data ticker that allows Sabin to display results of the organizations’ efforts throughout the site.</p>
        <p>There are more than 2 billion people who live on less than $1.25 per day, putting them at risk for contracting vaccine-preventable and neglected tropical diseases. The good news is that through Sabin’s programs diverse partnerships, vaccines and treatments are delivered to people in developing nations who need it most. If you are interested in saving lives, look to the Sabin Vaccine Institute for inspiration.</p>
      </div>
      <div class="spacing--mid-xx"></div>
    </section>

    <section>
      <div class="container--text  spacing--sm project-site-links">
          <a href="http://sabin.org" class="button--brand-outline color-red">Visit Site</a>
      </div> <!--  /project-site-links -->
    </section>

    <section>
      <div class="center-text container--text spacing--mid-x">
        <div class="grid-parent">
          <div class="project-info grid-child project-info-50">
            <h2 class="h2">TEAM MEMBERS</h2>
            <div class="members-team">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">
              <img src="http://placehold.it/80x80" alt="<NAME>">                
            </div> <!-- /members-team -->
          </div> <!-- /project-info -->

          <div class="project-info grid-child project-info-50">
            <h2 class="h2">IN COLLABORATION WITH</h2>
              <div class="spacing--sm-x"></div>
              <img src="/assets/img/projects/sabin/sabin-partner@2x.png" alt="echo-and-co" class="project-collaboration" width="175">
          </div>
        </div> <!-- /grid-parent -->
        <div class="spacing--mid"></div>
      </div> <!-- /container--text -->
    </section>

    <section class="panel-full color-graylight-bg">
      <div class="container--sm center-text spacing--lg-x">
        <h2 class="h2">NEXT</h2>
        <div class="spacing--mid"></div>
        <div class="img-pixelate-parent">
          <a href="/stop-the-pity">
            <img src="/assets/img/projects/pivot/pivot-preview-image.jpg" class="img-pixelate-hover" alt="pivot-preview-image">
            <div class="img-pixelate-content">
              <div class="img-pixelate-meta">
                <div class="text--small"><strong>Stop the Pity</strong></div>
                <div class="img-pixelate-tagline">Unlock the potential</div>
              </div>
              <span class="button--brand-outline">View Project</span>
            </a>
            </div>        
          </div>                
        </div> <!-- /img-pixelate-parent -->
      </div> <!-- /container--sm -->
    </section>
  </main>

  @@include('../templates/_footer.tpl')

  @@include('../templates/_tail.tpl')
{'fraction_non_alphanumeric': 0.14473347547974413, 'fraction_numerical': 0.009978678038379532, 'mean_word_length': 2.635968992248062, 'pattern_counts': {'":': 0, '<': 259, '<?xml version=': 0, '>': 259, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 8, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '309861', 'n_tokens_mistral': 3471, 'n_tokens_neox': 3295, 'n_words': 954}