Skip to content

Latest commit

 

History

History
65 lines (53 loc) · 1.81 KB

00starterfiles.md

File metadata and controls

65 lines (53 loc) · 1.81 KB
Raw

How to develop this App [Guide] ⌨️

  1. 🏠 Home here

  2. 🏁 Start UI project here

  3. 🔥 Start Firebase project here

  4. ✏️ [C]rud Operation here

  5. 📓 c[R]ud Operation here

  6. 📝 cr[U]d Operation here

  7. 🗑️ cru[D] Operation here

Starter files: Html and CSS, the UI

Html Content

In an index.html file we will have the following html code:

<div class="container p-4">
  <div class="row">
    <div class="col-md-4 offset-md-4">
      <div class="card">
        <div class="card-body">
          <form id="task-form">
            <div class="form-group">
              <input
                type="text"
                id="task-title"
                class="form-control"
                placeholder="Task Title"
                autofocus
              />
            </div>
            <div class="form-group">
              <textarea
                id="task-description"
                rows="3"
                class="form-control"
                placeholder="Task Description"
              ></textarea>
            </div>
            <button type="submit" class="btn btn-primary" id="btn-task-form">
              Save
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

CSS Bootswatch CDN link

In the same index.html file, head section, you can add a Bootstrap/Bootswatch theme:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/pulse/bootstrap.min.css">

More templates on Bootswatch and CDN links on BootstrapCDN

Home here

Next Step here