GET TEMPLATE CODE
Project quote
Return to Template
<link rel="stylesheet" type="text/css" href="assets/admin-tools/admin-forms/css/admin-forms.css">
Copy

<!-- Project Quote -->
<div class="admin-form theme-warning" id="quote1">
    <div class="panel panel-warning heading-border">
        <div class="panel-heading">
            <span class="panel-title"><i class="fa fa-tachometer"></i>Project quote</span>
        </div>
        <!-- end .form-header section -->

        <form method="post" action="/" id="form-quote1">
            <div class="panel-body p25">
                <div class="section row">
                    <div class="col-md-4">
                        <div class="section">
                            <label for="fullname" class="field-label">Full name</label>
                            <label for="fullname" class="field">
                                <input type="text" name="fullname" id="fullname" class="gui-input">
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="company" class="field-label">Company name</label>
                            <label for="company" class="field">
                                <input type="text" name="company" id="company" class="gui-input">
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="email" class="field-label">Email address</label>
                            <label for="email" class="field">
                                <input type="email" name="email" id="email" class="gui-input">
                            </label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->

                    <div class="col-md-4">
                        <div class="section">
                            <label for="projectname" class="field-label">Project name</label>
                            <label for="projectname" class="field">
                                <input type="text" name="projectname" id="projectname" class="gui-input">
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="website" class="field-label">Current website url</label>
                            <label for="website" class="field">
                                <input type="url" name="website" id="website" class="gui-input">
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="likewebsite" class="field-label">Websites you like</label>
                            <label for="likewebsite" class="field">
                                <input type="text" name="likewebsite" id="likewebsite" class="gui-input" placeholder="Seperate with comas">
                            </label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->

                    <div class="col-md-4">
                        <div class="section">
                            <label for="budget" class="field-label">Project budget</label>
                            <label class="field select">
                                <select id="budget" name="budget">
                                    <option value="">Select budget...</option>
                                    <option value="500-1000">$500 - $1000</option>
                                    <option value="1000-2000">$1000 - $2000</option>
                                    <option value="2000-4000">$2000 - $4000</option>
                                    <option value="5000+">$5000+</option>
                                </select>
                                <i class="arrow double"></i>
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="timeframe" class="field-label">Project time frame</label>
                            <label class="field select">
                                <select id="timeframe" name="timeframe">
                                    <option value="">Select time frame...</option>
                                    <option value="1week">1 Week</option>
                                    <option value="2week">2 Weeks</option>
                                    <option value="3week">3 Weeks</option>
                                    <option value="4week">4 Weeks</option>
                                </select>
                                <i class="arrow double"></i>
                            </label>
                        </div>
                        <!-- end section -->

                        <div class="section">
                            <label for="services" class="field-label">Services required</label>
                            <label class="field select">
                                <select id="services" name="services">
                                    <option value="">Choose a service...</option>
                                    <option value="webdesign">Web design</option>
                                    <option value="wordpress">Wordpress</option>
                                    <option value="identity">Corporate identity</option>
                                    <option value="cms">Custom CMS</option>
                                </select>
                                <i class="arrow double"></i>
                            </label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->

                </div>
                <!-- end .section row section -->

                <div class="section row">
                    <div class="col-md-8">
                        <div class="section">
                            <label for="details" class="field-label">Project details</label>
                            <label for="details" class="field">
                                <textarea class="gui-textarea" id="details" name="details"></textarea>
                                <span class="input-footer">
                                    <strong>Hint:</strong>A maxmum of 3000 words.</span>
                            </label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->
                    <div class="col-md-4">
                        <div class="mb10">
                            <label class="field-label">Services required</label>
                        </div>
                        <div class="section">
                            <label class="option block mb10">
                                <input type="checkbox" name="webdesign">
                                <span class="checkbox"></span>Webdesign &amp; Info</label>
                            <label class="option block mb10">
                                <input type="checkbox" name="wordpress">
                                <span class="checkbox"></span>Wordpress Setup</label>
                            <label class="option block mb10">
                                <input type="checkbox" name="identity">
                                <span class="checkbox"></span>Corporate Branding</label>
                            <label class="option block">
                                <input type="checkbox" name="html">
                                <span class="checkbox"></span>HTML5 &amp; CSS3</label>
                        </div>
                        <!-- end section -->

                    </div>
                    <!-- end .colm section -->
                </div>
                <!-- end .section row section -->

            </div>
            <!-- end .form-body section -->
            <div class="panel-footer">
                <button type="submit" class="button btn-primary">Receive Quote</button>
            </div>
            <!-- end .form-footer section -->
        </form>
    </div>
    <!-- end .admin-form section -->
</div>
<!-- end: .admin-form -->