desirae.js/views/configure/configure.html

<div class="container">
  <div class="row">
    <div class="page-header">
      <h1>Blog Configuration</h1>
    </div>
  </div>

  <form class="form-horizontal">
    <div class="row">
      <div class="col-lg-12">
        <div class="well bs-component">
            <fieldset>
              <legend>General</legend>

              <div class="form-group">
                <label for="inputBlogTitle" class="col-lg-2 control-label">Title</label>
                <div class="col-lg-10">
                  <input type="text" class="form-control" id="inputBlogTitle" placeholder="My Awesome Blog">
                </div>
              </div>

              <div class="form-group">
                <label for="inputBlogTagline" class="col-lg-2 control-label">Tagline</label>
                <div class="col-lg-10">
                  <input type="text" class="form-control" id="inputBlogTagline" placeholder="For try-hard ethical master cleanse, 3 wolf moon Tumblr, disrupt lo-fi, narwhals and kale chips. YOLO.">
                </div>
              </div>

              <div class="form-group">
                <label for="inputBlogRoot" class="col-lg-2 control-label">Blog Root</label>
                <div class="col-lg-10">
                  <input type="text" class="form-control" id="inputBlogRoot" disabled placeholder="./blog">
                </div>
              </div>

              <div class="form-group">
                <label for="inputBlogTheme" class="col-lg-2 control-label">Default Theme</label>
                <div class="col-lg-10">
                  <select class="form-control" id="inputBlogTheme"
                    ng-options="item as item for item in ['twitter', 'sunburst']"
                    ng-model="themes.default"></select>
                </div>
              </div>

              <div class="form-group">
                <label for="inputBlogNav" class="col-lg-2 control-label">Navigation</label>
                <div class="col-lg-10">
                  <div ng-repeat="nav in ['index', 'portfolio', 'archive']" class="checkbox">
                    <label>
                      <input type="checkbox" ng-model="nav.selected"> <span ng-bind="nav"></span>
                    </label>
                  </div>
                  <!--input type="text" class="form-control" id="inputBlogNav" disabled placeholder=""-->
                </div>
              </div>

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

    <div class="row">
      <div class="col-lg-6">
        <div class="well bs-component">
          <fieldset>
            <legend>Production</legend>
            <div class="form-group">
              <label for="inputProdHost" class="col-lg-3 control-label">Host</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputProdHost" placeholder="http://dear.desi">
              </div>
            </div>
            <div class="form-group">
              <label for="inputProdBase" class="col-lg-3 control-label">Base Path</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputProdBase" placeholder="/blog">
              </div>
            </div>
            <div class="form-group">
              <label for="inputProdOutput" class="col-lg-3 control-label">Output Path</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputProdOutput" disabled placeholder="./compiled">
              </div>
            </div>
          </fieldset>
        </div>
      </div>

      <div class="col-lg-6">
        <div class="well bs-component">
          <fieldset>
            <legend>Development</legend>
            <div class="form-group">
              <label for="inputDevHost" class="col-lg-3 control-label">Host</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputDevHost" disabled placeholder="http://local.dear.desi:8080">
              </div>
            </div>
            <div class="form-group">
              <label for="inputDevBase" class="col-lg-3 control-label">Base Path</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputDevBase" disabled placeholder="/compiled_dev">
              </div>
            </div>
            <div class="form-group">
              <label for="inputDevOutput" class="col-lg-3 control-label">Output Path</label>
              <div class="col-lg-9">
                <input type="text" class="form-control" id="inputDevOutput" disabled placeholder="./compiled_dev">
              </div>
            </div>
          </fieldset>
        </div>
      </div>
    </div>


    <div class="row">
      <div class="col-lg-12">
        <div class="well bs-component">
          <fieldset>
            <legend>Advanced</legend>

            <div class="form-group">
              <label for="inputRootConf" class="col-lg-2 control-label">Root Pages</label>
              <div class="col-lg-8">
                <input type="text" class="form-control" id="inputRootConf" placeholder="i.e. images">
              </div>
              <div class="col-lg-2">
                <button class="btn" type="button">Add</button>
              </div>
            </div>

            <div class="form-group">
              <label for="inputThemesConf" class="col-lg-2 control-label">Themes</label>
              <div class="col-lg-8">
                <input type="text" class="form-control" id="inputThemesConf" placeholder="i.e. images">
              </div>
              <div class="col-lg-2">
                <button class="btn" type="button">Add</button>
              </div>
            </div>

            <div class="form-group">
              <label for="inputCollectionsConf" class="col-lg-2 control-label">Collections</label>
              <div class="col-lg-8">
                <input type="text" class="form-control" id="inputCollectionsConf" placeholder="i.e. images">
              </div>
              <div class="col-lg-2">
                <button class="btn" type="button">Add</button>
              </div>
            </div>

            <div class="form-group">
              <label for="inputAssetsConf" class="col-lg-2 control-label">Assets</label>
              <div class="col-lg-8">
                <input type="text" class="form-control" id="inputAssetsConf" placeholder="i.e. images">
              </div>
              <div class="col-lg-2">
                <button class="btn" type="button">Add</button>
              </div>
            </div>

            <div class="form-group">
              <label for="inputWidgetsConf" class="col-lg-2 control-label">Widgets</label>
              <div class="col-lg-8">
                <input type="text" class="form-control" id="inputWidgetsConf" placeholder="i.e. images">
              </div>
              <div class="col-lg-2">
                <button class="btn" type="button">Add</button>
              </div>
            </div>

         </fieldset>
        </div>
      </div>
    </div>
  </form>
</div>