ifair.html

---
layout: ifair
title: Internship Fair
permalink: /ifair/
fields:
  - fieldname: About the Startup
    fieldkey: about
  - fieldname: Project Name
    fieldkey: project
  - fieldname: About the Project
    fieldkey: about_project
  - fieldname: Number of positions
    fieldkey: npos
  - fieldname: Duration
    fieldkey: duration
  - fieldname: Starting time
    fieldkey: start
  - fieldname: Skills Required
    fieldkey: skills
  - fieldname: Stipend per Month
    fieldkey: stipend
  - fieldname: Type of internship
    fieldkey: type
  - fieldname: Perks
    fieldkey: perks
  - fieldname: More details
    fieldkey: more_details

description: "Internship Fair: get intern'd"
---
<!--{% comment %}
    the row.* have been taken from `_data/ifair_headers`
    The default names for columns [ generated by google forms ] were not usable

    If the csv gets updated, please copy paste the first line from `_data/ifair_headers` to `_data/ifair.csv`
    {% endcomment %} -->

  <div class="row">
    <div class="col-sm-3 bg-navy text-white text-center">
      <div id="filter-list" class="sticky-top">
        <b>Filter by:</b>
        <ul class="list-unstyled">
          <li class="pt-3">Stipend range (per month): </li>
          <li><input id="minstipend" type="number" placeholder="Minimum" class="form-control"></li>
          <li>to</li>
          <li><input id="maxstipend" type="number" placeholder="Maximum" class="form-control"></li>
          <li class="pt-3">Minimum work duration (months): <input type="number" id="minduration"  class="form-control"></li>
          <li class="pt-3">
              <label for="remotework">Remote work</label>
              <input type="checkbox" id="remotework">
          </li>
          <li class="pt-3"><button class="btn btn-primary">Filter</button></li>
        </ul>
        <div class="pt-3 pb-2">
          <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0lHayGJtO5IqGhXyyTKaZmMqtQ1BjuP7YGeYfwdfwSBH8YA/viewform"><button class="btn bg-pinkred text-white apply-btn">Apply Now!</button></a>
        </div>
      </div>
    </div>
    <div id="company-list" class="pb-5 pt-5 col-sm-9">
      {% for row in site.data.ifair %}
      {% if row.name %}
          {% capture cnt %}{% increment count %}{% endcapture %}
          <div class="card mb-5">
              <div class="card-header" id="company{{ cnt }}">
                  <h5><span class="company-name">{{ row.name }}</span></h5>
                  <p><b>Stipend Per Month</b>: <span class="stipend">{{ row.stipend }}</span></p>
                  <p><b>About the project</b>: {{ row.about_project }}</p>

                  <a class="btn bg-pinkred text-white" data-toggle="collapse" data-target="#collapse{{ cnt }}" aria-expanded="true" aria-controls="collapse{{ cnt }}">
                      See more
                  </a>
              </div>

              <div id="collapse{{ cnt }}" class="card-body collapse" aria-labelledby="heading{{ cnt }}" data-parent="#company-list">
                  <ul>
                    {% for field in page.fields %}
                      {% if row[field.fieldkey] %}
                        <li><span class="field">{{ field.fieldname }}</span>: <span class="{{ field.fieldkey }}">{{ row[field.fieldkey] }}</span></li>
                      {% endif %}
                    {% endfor %}
                  </ul>
              </div>
          </div>
      {% endif %}
      {% endfor %}
    </div>
  </div>