Synnefo

{% extends "saas/base.html" %}

{% block content %}

<div class="row">

  <!-- Side Bar -->

  <div class="four mobile-four columns">

    <img src="http://placehold.it/500x500&text=Logo">

    <div class="hide-for-small panel">

      <h3>Step 1</h3>

      <h5 class="subheader">Choose the software you want installed to your new VM: </h5>

    </div>

  </div>

  <!-- End Side Bar -->

  <!-- Thumbnails -->

  <form action="/saas/software/" method="post">

    <div class="eight columns">

      <label>VM Name</label>

      {{ form.name }}

      {{ form.name.errors }}

    </div>

    <div class="eight columns">

      <div class="row">

        <div class="four mobile-two columns">

          <img src="http://placehold.it/1000x1000&text=Thumbnail">

          <div class="panel">

            <h5>Software Name</h5>

            <input type="checkbox" name="software" value="soft1"><br>

          </div>

        </div>

        <div class="four mobile-two columns">

          <img src="http://placehold.it/500x500&text=Thumbnail">

          <div class="panel">

            <h5>Software Name</h5>

            <input type="checkbox" name="software" value="soft2"><br>

          </div>

        </div>

        <div class="four mobile-two columns">

          <img src="http://placehold.it/500x500&text=Thumbnail">

          <div class="panel">

            <h5>Software Name</h5>

            <input type="checkbox" name="software" value="soft3"><br>

          </div>

        </div>

        <div class="four mobile-two columns">

          <img src="http://placehold.it/500x500&text=Thumbnail">

          <div class="panel">

            <h5>Software Name</h5>

            <input type="checkbox" name="software" value="soft4"><br>

          </div>

        </div>

        <div class="four mobile-two columns">

          <img src="http://placehold.it/500x500&text=Thumbnail">

          <div class="panel">

            <h5>Software Name</h5>

            <input type="checkbox" name="software" value="soft5"><br>

          </div>

        </div>

        <div class="four mobile-two columns">

          <img src="http://placehold.it/500x500&text=Thumbnail">

          <div class="panel">

            <h5>Software Name </h5>

            <input type="checkbox" name="software" value="soft6"><br>

          </div>

        </div>

      <!-- End Thumbnails -->

      </div>

    </div>

  <!-- End Managed By -->

  <hr>

  <div align="right">

    <input type="submit" class="button" value="Input Submit »">

  </div>

  </form>

</div>

{% endblock %}