Registration Section Template

Register.jsx

      <section id="sectionID">
        <h2>Section Title</h2>
        <hr />
        <small>Required fields = *</small>
        <div className="inputRow">
          <div className="col m-input small">
            <label className="required">InputName:</label>
            <input
              type="text"
              className="form-control"
              name="inputName"
            />
          </div>
          <div className="col m-input small">
            <label className="required">SelectName:</label>
            <select
              type="text"
              className="custom-select"
              name="selectName"
            >
              <Options
                options={[
                  "...",
                  "...",
                ]}
              />
            </select>
          </div>
        </div>
        <div className="inputRow">
          <div className="col m-input" style={{ flexGrow: 1 }}>
            <label className="required">LargeInputName:</label>
            <input
              type="text"
              className="form-control"
              placeholder="placeholder text"
              name="largeInputName"
            />
          </div>
        </div>
      </section>