Pivro – Theme Documentation

Contact form

Contact form

Contact Form

<div class="row">
    <div class="col-lg-12">
        <div class="form-group mb-4">
            <label class="label">Username or email address*</label>
            [text* fname class:form-control placeholder "Amanda"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group mb-4">
            <label class="label">Email</label>
            [email* email class:form-control placeholder "[email protected]"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group mb-4">
            <label class="label">Phone</label>
            [text* Phone class:form-control placeholder "1 (827) 507-9484"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group mb-4">
            <label class="label">Subject</label>
            [text* subject class:form-control placeholder "Your subject"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group mb-4">
            <label class="label">Message</label>
            [textarea* textarea rows:2 class:form-control placeholder "Write your message here..."]
        </div>
    </div>
    <div class="form-group mb-0">
        <button type="submit" class="default-btn btn-bg-four">Submit Now</button>
    </div>
</div>

Faq Form

<div class="row">
    <div class="col-lg-12">
        <div class="form-group">
            <label class="label">Full Name</label>
            [text* fname class:form-control placeholder "Pedro Winslow"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            <label class="label">Email</label>
            [email* email class:form-control placeholder "[email protected]"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            <label class="label">Your Question</label>
            [textarea* textarea rows:3 class:form-control placeholder "Write your message here..."]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            <button type="submit" class="default-btn btn-bg-four">Submit Now</button>
        </div>
    </div>
</div>

Schedule Form

<div class="row">
    <div class="col-lg-12">
        <div class="form-group">
            <label class="label">Full Name</label>
            [text* fname class:form-control placeholder "Pedro Winslow"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Email</label>
            [email* email class:form-control placeholder "[email protected]"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Phone</label>
            [number* number class:form-control placeholder "+1 (827) 507-9484"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Booking Date</label>
            [date bdate class:form-control]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Time</label>
            [text bdate class:form-control placeholder "HH:MM"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Service</label>
            [select Outlet id:outlet class:form-control "Select your service" "Car Wash" "Car Fix"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label class="label">Brand</label>
            [select Outlet id:outlet class:form-control "Select your brand" "Cheap" "Tesla"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            <label class="label">Message</label>
            [textarea* textarea rows:5 class:form-control placeholder "Write your message here..."]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-group">
            <button type="submit" class="default-btn">Book Now</button>
        </div>
    </div>
</div>