<commit_before><!DOCTYPE html>
<html>

<head>
  <title>UX Recipe - a tool by <NAME></title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="bower_components/labelauty/source/jquery-labelauty.css">
  <link rel="stylesheet" type="text/css" href="bower_components/sweetalert2/dist/sweetalert2.css">
  <link rel="stylesheet" type="text/css" href="app.css">
</head>

<body>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12" id="uxlogo">
        <img class="img-responsive" src="img/uxrecipe-logo.png" alt="ux recipe logo"/>
        <h3>Did your clients ever say "add some UX to the project"?</h3>
        <h4>Well, it's time to serve them some real home made cooking. </h4>
        <a href="#getstarted" class="btn btn-primary"> Let's cook some awesomeness.</a>
      </div>
    </div>

   
    <div class="row">
      <div class="col-md-8" id="getstarted">
        <h3> Select the ingredients of your UX baking process </h3>

        <div class="row">
            <div class="col-md-12"><h5>Preparation is the key. <a href="#" id="planning"><em>#planning</em></a></h5></div>
        </div>

        <div class="row titleRow">
            <div class="col-md-12"><h5>Preparation is the key. <a href="#" id="planning"><em>#planning</em></a></h5></div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Expert" data-labelauty="<i class='fa fa-university'></i><span class='labelautyLabel'> Expert Review </span>|<i class='fa fa-university'></i><span class='labelautyLabel'> Expert Review </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Client" data-labelauty="<i class='fa fa-briefcase'></i><span class='labelautyLabel'> Client Workshop </span>|<i class='fa fa-briefcase'></i><span class='labelautyLabel'> Client Workshop </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Competitor" data-labelauty="<i class='fa fa-trophy'></i><span class='labelautyLabel'> Competitor Analysis </span>|<i class='fa fa-trophy'></i><span class='labelautyLabel'> Competitor Analysis </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Requirements" data-labelauty="<i class='fa fa-area-chart'></i><span class='labelautyLabel'> Requirements Analysis </span>|<i class='fa fa-area-chart'></i><span class='labelautyLabel'> Requirements Analysis </span>"/>
          </div>
        </div>


        <div class="row titleRow">
            <div class="col-md-12"><h5>Study the recipes. <a href="#" id="research"><em>#research</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="SEO" data-labelauty="<i class='fa fa-google'></i><span class='labelautyLabel'> SEO & Analytics </span>|<i class='fa fa-google'></i><span class='labelautyLabel'> SEO & Analytics </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Mobile" data-labelauty="<i class='fa fa-mobile-phone'></i><span class='labelautyLabel'> Mobile Assesment </span>|<i class='fa fa-mobile-phone'></i><span class='labelautyLabel'> Mobile Assesment </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Contextual" data-labelauty="<i class='fa fa-search'></i><span class='labelautyLabel'> Contextual Research </span>|<i class='fa fa-search'></i><span class='labelautyLabel'> Contextual Research </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Surveys" data-labelauty="<i class='fa fa-file-text-o'></i><span class='labelautyLabel'> Surveys </span>|<i class='fa fa-file-text-o'></i><span class='labelautyLabel'> Surveys </span>"/>
          </div>
        </div>


        <div class="row titleRow">
            <div class="col-md-12"><h5>Know your hungry people. <a href="#" id="exploration"><em>#exploration</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Personas" data-labelauty="<i class='fa fa-users'></i><span class='labelautyLabel'> Personas </span>|<i class='fa fa-users'></i><span class='labelautyLabel'> Personas </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="User" data-labelauty="<i class='fa fa-random'></i><span class='labelautyLabel'> User Flow </span>|<i class='fa fa-random'></i><span class='labelautyLabel'> User Flow </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Storyboards" data-labelauty="<i class='fa fa-comment-o'></i><span class='labelautyLabel'> Storyboards </span>|<i class='fa fa-comment-o'></i><span class='labelautyLabel'> Storyboards </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Journey" data-labelauty="<i class='fa fa-location-arrow'></i><span class='labelautyLabel'> Journey Maps </span>|<i class='fa fa-location-arrow'></i><span class='labelautyLabel'> Journey Maps </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>There's order even in a messy kitchen. <a href="#" id="information"><em>#information architecture</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Sitemap" data-labelauty="<i class='fa fa-sitemap'></i><span class='labelautyLabel'> Sitemap </span>|<i class='fa fa-sitemap'></i><span class='labelautyLabel'> Sitemap </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Card Sorting" data-labelauty="<i class='fa fa-trello'></i><span class='labelautyLabel'> Card Sorting </span>|<i class='fa fa-trello'></i><span class='labelautyLabel'> Card Sorting </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="IA" data-labelauty="<i class='fa fa-list-alt'></i><span class='labelautyLabel'> IA </span>|<i class='fa fa-list-alt'></i><span class='labelautyLabel'> IA </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>If you bake it, they will come. <a href="#" id="design"><em>#design</em></a></h5></div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Sketching" data-labelauty="<i class='fa fa-pencil'></i><span class='labelautyLabel'> Sketching </span>|<i class='fa fa-pencil'></i><span class='labelautyLabel'> Sketching </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Wireframes" data-labelauty="<i class='fa fa-newspaper-o'></i><span class='labelautyLabel'> Wireframes </span>|<i class='fa fa-newspaper-o'></i><span class='labelautyLabel'> Wireframes </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Styleguide" data-labelauty="<i class='fa fa-paint-brush'></i><span class='labelautyLabel'> Styleguide </span>|<i class='fa fa-paint-brush'></i><span class='labelautyLabel'> Styleguide </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Mockups" data-labelauty="<i class='fa fa-picture-o'></i><span class='labelautyLabel'> Mockups </span>|<i class='fa fa-picture-o'></i><span class='labelautyLabel'> Mockups </span>"/>
          </div>
        </div>

        <div class="row titleRow2">
          <div class="col-md-3">
            <input type="checkbox" value="Prototyping" data-labelauty="<i class='fa fa-paper-plane-o'></i><span class='labelautyLabel'> Prototyping </span>|<i class='fa fa-paper-plane-o'></i><span class='labelautyLabel'> Prototyping </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>Taste before serving. <a href="#" id="testing"><em>#testing</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="AB" data-labelauty="<i class='fa fa-desktop'></i><span class='labelautyLabel'> A/B Testing </span>|<i class='fa fa-desktop'></i><span class='labelautyLabel'> A/B Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Guerilla" data-labelauty="<i class='fa fa-coffee'></i><span class='labelautyLabel'> Guerilla Testing </span>|<i class='fa fa-coffee'></i><span class='labelautyLabel'> Guerilla Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Lab" data-labelauty="<i class='fa fa-flask'></i><span class='labelautyLabel'> Lab Testing </span>|<i class='fa fa-flask'></i><span class='labelautyLabel'> Lab Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Remote" data-labelauty="<i class='fa fa-building-o'></i><span class='labelautyLabel'> Remote Testing </span>|<i class='fa fa-building-o'></i><span class='labelautyLabel'> Remote Testing </span>"/>
          </div>
        </div>



      </div>

      <div class="col-md-4">
        <h3>The mix</h3>
        <table class="table table-hover">
          <tr>
            <th class="col-md-4">
              <h6>Ingredient name</h6>
            </th>
            <th class="col-md-2">
              <h6>People</h6>
            </th>
            <th class="col-md-2">
              <h6>Days</h6>
            </th>
            <th class="col-md-4">
              <h6>Cost 
              <span class="coin"><input type="radio" name="coin" checked> &#36;</span>
              <span class="coin"><input type="radio" name="coin"> &#128;</span>
              </h6>
            </th>
          </tr>
          <tr class="toggled-off result">
            <td class="col-md-4">
              <h6>Expert Review</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result2">
            <td class="col-md-4">
              <h6>Client Workshop</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result3">
            <td class="col-md-4">
              <h6>Competitor Analysis</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result4">
            <td class="col-md-4">
              <h6>Requirements Analysis</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result5">
            <td class="col-md-4">
              <h6>SEO & Analytics</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result6">
            <td class="col-md-4">
              <h6>Mobile Assesment</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result7">
            <td class="col-md-4">
              <h6>Contextual Research</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result8">
            <td class="col-md-4">
              <h6>Surveys</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result9">
            <td class="col-md-4">
              <h6>Personas</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result10">
            <td class="col-md-4">
              <h6>User Flow</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result11">
            <td class="col-md-4">
              <h6>Storyboards</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result12">
            <td class="col-md-4">
              <h6>Journey Maps</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result13">
            <td class="col-md-4">
              <h6>Sitemap</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result14">
            <td class="col-md-4">
              <h6>Card Sorting</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result15">
            <td class="col-md-4">
              <h6>IA</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result16">
            <td class="col-md-4">
              <h6>Sketching</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result17">
            <td class="col-md-4">
              <h6>Wireframes</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result18">
            <td class="col-md-4">
              <h6>Styleguide</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result19">
            <td class="col-md-4">
              <h6>Mockups</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result20">
            <td class="col-md-4">
              <h6>Prototyping</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result21">
            <td class="col-md-4">
              <h6>A/B Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result22">
            <td class="col-md-4">
              <h6>Guerilla Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result23">
            <td class="col-md-4">
              <h6>Lab Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result24">
            <td class="col-md-4">
              <h6>Remote Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
        </table>

      </div>
    </div>

  </div>



  <!-- scripts -->
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/labelauty/source/jquery-labelauty.js"></script>
  <script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
  <script src="app.js"></script> 
</body>
</html>


<!--



Legend? + Resources + Template

Calculator?

Rezultat calculator + SEND VIA MAIL




Stakeholder Interview

IA TOOLS?







--><commit_msg>added logo and text<commit_after><!DOCTYPE html>
<html>

<head>
  <title>UX Recipe - a tool by <NAME></title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="bower_components/fontawesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="bower_components/labelauty/source/jquery-labelauty.css">
  <link rel="stylesheet" type="text/css" href="bower_components/sweetalert2/dist/sweetalert2.css">
  <link rel="stylesheet" type="text/css" href="app.css">
</head>

<body>
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12" id="uxlogo">
        <img class="img-responsive" src="img/uxrecipe-logo.png" alt="ux recipe logo"/>
        <h3>Did your clients ever say "add some UX to the project"?</h3>
        <h4>Well, it's time to serve them some real home made cooking. </h4>
        <a href="#getstarted" class="btn btn-primary"> Let's cook some awesomeness.</a>
      </div>
    </div>

   
    <div class="row">
      <div class="col-md-8" id="getstarted">
        <h3> Select the ingredients of your UX baking process </h3>

        <div class="row">
            <div class="col-md-12"><h5>Preparation is the key. <a href="#" id="planning"><em>#planning</em></a></h5></div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Expert" data-labelauty="<i class='fa fa-university'></i><span class='labelautyLabel'> Expert Review </span>|<i class='fa fa-university'></i><span class='labelautyLabel'> Expert Review </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Client" data-labelauty="<i class='fa fa-briefcase'></i><span class='labelautyLabel'> Client Workshop </span>|<i class='fa fa-briefcase'></i><span class='labelautyLabel'> Client Workshop </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Competitor" data-labelauty="<i class='fa fa-trophy'></i><span class='labelautyLabel'> Competitor Analysis </span>|<i class='fa fa-trophy'></i><span class='labelautyLabel'> Competitor Analysis </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Requirements" data-labelauty="<i class='fa fa-area-chart'></i><span class='labelautyLabel'> Requirements Analysis </span>|<i class='fa fa-area-chart'></i><span class='labelautyLabel'> Requirements Analysis </span>"/>
          </div>
        </div>


        <div class="row titleRow">
            <div class="col-md-12"><h5>Study the recipes. <a href="#" id="research"><em>#research</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="SEO" data-labelauty="<i class='fa fa-google'></i><span class='labelautyLabel'> SEO & Analytics </span>|<i class='fa fa-google'></i><span class='labelautyLabel'> SEO & Analytics </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Mobile" data-labelauty="<i class='fa fa-mobile-phone'></i><span class='labelautyLabel'> Mobile Assesment </span>|<i class='fa fa-mobile-phone'></i><span class='labelautyLabel'> Mobile Assesment </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Contextual" data-labelauty="<i class='fa fa-search'></i><span class='labelautyLabel'> Contextual Research </span>|<i class='fa fa-search'></i><span class='labelautyLabel'> Contextual Research </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Surveys" data-labelauty="<i class='fa fa-file-text-o'></i><span class='labelautyLabel'> Surveys </span>|<i class='fa fa-file-text-o'></i><span class='labelautyLabel'> Surveys </span>"/>
          </div>
        </div>


        <div class="row titleRow">
            <div class="col-md-12"><h5>Know your hungry people. <a href="#" id="exploration"><em>#exploration</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Personas" data-labelauty="<i class='fa fa-users'></i><span class='labelautyLabel'> Personas </span>|<i class='fa fa-users'></i><span class='labelautyLabel'> Personas </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="User" data-labelauty="<i class='fa fa-random'></i><span class='labelautyLabel'> User Flow </span>|<i class='fa fa-random'></i><span class='labelautyLabel'> User Flow </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Storyboards" data-labelauty="<i class='fa fa-comment-o'></i><span class='labelautyLabel'> Storyboards </span>|<i class='fa fa-comment-o'></i><span class='labelautyLabel'> Storyboards </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Journey" data-labelauty="<i class='fa fa-location-arrow'></i><span class='labelautyLabel'> Journey Maps </span>|<i class='fa fa-location-arrow'></i><span class='labelautyLabel'> Journey Maps </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>There's order even in a messy kitchen. <a href="#" id="information"><em>#information architecture</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Sitemap" data-labelauty="<i class='fa fa-sitemap'></i><span class='labelautyLabel'> Sitemap </span>|<i class='fa fa-sitemap'></i><span class='labelautyLabel'> Sitemap </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Card Sorting" data-labelauty="<i class='fa fa-trello'></i><span class='labelautyLabel'> Card Sorting </span>|<i class='fa fa-trello'></i><span class='labelautyLabel'> Card Sorting </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="IA" data-labelauty="<i class='fa fa-list-alt'></i><span class='labelautyLabel'> IA </span>|<i class='fa fa-list-alt'></i><span class='labelautyLabel'> IA </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>If you bake it, they will come. <a href="#" id="design"><em>#design</em></a></h5></div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="Sketching" data-labelauty="<i class='fa fa-pencil'></i><span class='labelautyLabel'> Sketching </span>|<i class='fa fa-pencil'></i><span class='labelautyLabel'> Sketching </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Wireframes" data-labelauty="<i class='fa fa-newspaper-o'></i><span class='labelautyLabel'> Wireframes </span>|<i class='fa fa-newspaper-o'></i><span class='labelautyLabel'> Wireframes </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Styleguide" data-labelauty="<i class='fa fa-paint-brush'></i><span class='labelautyLabel'> Styleguide </span>|<i class='fa fa-paint-brush'></i><span class='labelautyLabel'> Styleguide </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Mockups" data-labelauty="<i class='fa fa-picture-o'></i><span class='labelautyLabel'> Mockups </span>|<i class='fa fa-picture-o'></i><span class='labelautyLabel'> Mockups </span>"/>
          </div>
        </div>

        <div class="row titleRow2">
          <div class="col-md-3">
            <input type="checkbox" value="Prototyping" data-labelauty="<i class='fa fa-paper-plane-o'></i><span class='labelautyLabel'> Prototyping </span>|<i class='fa fa-paper-plane-o'></i><span class='labelautyLabel'> Prototyping </span>"/>
          </div>
        </div>


       <div class="row titleRow">
            <div class="col-md-12"><h5>Taste before serving. <a href="#" id="testing"><em>#testing</em></a></h5></div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <input type="checkbox" value="AB" data-labelauty="<i class='fa fa-desktop'></i><span class='labelautyLabel'> A/B Testing </span>|<i class='fa fa-desktop'></i><span class='labelautyLabel'> A/B Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Guerilla" data-labelauty="<i class='fa fa-coffee'></i><span class='labelautyLabel'> Guerilla Testing </span>|<i class='fa fa-coffee'></i><span class='labelautyLabel'> Guerilla Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Lab" data-labelauty="<i class='fa fa-flask'></i><span class='labelautyLabel'> Lab Testing </span>|<i class='fa fa-flask'></i><span class='labelautyLabel'> Lab Testing </span>"/>
          </div>
          <div class="col-md-3">
            <input type="checkbox" value="Remote" data-labelauty="<i class='fa fa-building-o'></i><span class='labelautyLabel'> Remote Testing </span>|<i class='fa fa-building-o'></i><span class='labelautyLabel'> Remote Testing </span>"/>
          </div>
        </div>



      </div>

      <div class="col-md-4">
        <h3>The mix</h3>
        <table class="table table-hover">
          <tr>
            <th class="col-md-4">
              <h6>Ingredient name</h6>
            </th>
            <th class="col-md-2">
              <h6>People</h6>
            </th>
            <th class="col-md-2">
              <h6>Days</h6>
            </th>
            <th class="col-md-4">
              <h6>Cost 
              <span class="coin"><input type="radio" name="coin" checked> &#36;</span>
              <span class="coin"><input type="radio" name="coin"> &#128;</span>
              </h6>
            </th>
          </tr>
          <tr class="toggled-off result">
            <td class="col-md-4">
              <h6>Expert Review</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result2">
            <td class="col-md-4">
              <h6>Client Workshop</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result3">
            <td class="col-md-4">
              <h6>Competitor Analysis</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result4">
            <td class="col-md-4">
              <h6>Requirements Analysis</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result5">
            <td class="col-md-4">
              <h6>SEO & Analytics</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result6">
            <td class="col-md-4">
              <h6>Mobile Assesment</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result7">
            <td class="col-md-4">
              <h6>Contextual Research</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result8">
            <td class="col-md-4">
              <h6>Surveys</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result9">
            <td class="col-md-4">
              <h6>Personas</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result10">
            <td class="col-md-4">
              <h6>User Flow</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result11">
            <td class="col-md-4">
              <h6>Storyboards</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result12">
            <td class="col-md-4">
              <h6>Journey Maps</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result13">
            <td class="col-md-4">
              <h6>Sitemap</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result14">
            <td class="col-md-4">
              <h6>Card Sorting</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result15">
            <td class="col-md-4">
              <h6>IA</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result16">
            <td class="col-md-4">
              <h6>Sketching</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result17">
            <td class="col-md-4">
              <h6>Wireframes</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result18">
            <td class="col-md-4">
              <h6>Styleguide</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result19">
            <td class="col-md-4">
              <h6>Mockups</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result20">
            <td class="col-md-4">
              <h6>Prototyping</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result21">
            <td class="col-md-4">
              <h6>A/B Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result22">
            <td class="col-md-4">
              <h6>Guerilla Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result23">
            <td class="col-md-4">
              <h6>Lab Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
          <tr class="toggled-off result24">
            <td class="col-md-4">
              <h6>Remote Testing</h6>
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-2 form-control">
            </td>
            <td>
              <input type="number" class="col-md-4 form-control">
            </td>
          </tr>
        </table>

      </div>
    </div>

  </div>



  <!-- scripts -->
  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/labelauty/source/jquery-labelauty.js"></script>
  <script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
  <script src="app.js"></script> 
</body>
</html>


<!--



Legend? + Resources + Template

Calculator?

Rezultat calculator + SEND VIA MAIL




Stakeholder Interview

IA TOOLS?







-->
{'fraction_non_alphanumeric': 0.18174243125636516, 'fraction_numerical': 0.0123599666697528, 'mean_word_length': 1.7447430277618956, 'pattern_counts': {'":': 0, '<': 1565, '<?xml version=': 0, '>': 1565, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, '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': '555087', 'n_tokens_mistral': 13910, 'n_tokens_neox': 13572, 'n_words': 2695}