clipbucket/upload/styles/cb_2013/layout/upload.html

<div class="container upload-container">
    <div class="row">
        <div class="col-md-8">
            <div class="cb-box pad-bottom-sm progress-container">
                <div class="row">
                    <div class="col-md-3">
                        <p>Uploading 1 of 2</p>
                    </div>
                    <div class="col-md-9">
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="cb-box pad-bottom video-info-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#file-upload" data-toggle="tab">File Upload</a></li>
                    <li><a href="#remote-upload" data-toggle="tab">Remote Upload</a></li>
                    <li><a href="#remote-play" data-toggle="tab">Remote Play</a></li>
                    <li><a href="#embed-code" data-toggle="tab">Embed Code</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade in active clearfix" id="file-upload">

                        <div class="form-group">
                            <div class="upload-area col-md-12">Upload form here</div>
                        </div>

                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Title" />
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" rows="3" placeholder="Add Description"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Add Keyword (seprate with comma)" />
                        </div>
                        <div class="form-group clearfix">
                            <label for="upload-link" class="col-sm-3 control-label light">Upload Link:</label>
                            <div class="col-sm-9">
                                <input type="email" class="form-control" id="upload-link" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label for="embed-code" class="col-sm-3 control-label light">Embed Code:</label>
                            <div class="col-sm-9">
                                <input type="email" class="form-control" id="embed-code" placeholder="Email">
                            </div>
                        </div>

                    </div>
                    <div class="tab-pane fade" id="remote-upload">remote upload</div>
                    <div class="tab-pane fade" id="remote-play">remote play</div>
                    <div class="tab-pane fade" id="embed-code">embed code</div>
                </div>
            </div>

        </div>
        <div class="col-md-4">

            <div class="pad-bottom-sm submit-container">
                <button class="btn btn-primary btn-lg">Submit Now</button>
            </div>

            <div class="cb-box pad-bottom-sm download-container">
                <div class="checkbox">
                    <label>
                        <span><input type="checkbox"></span>
                        <span class="glyphicon glyphicon-cloud-download"></span>
                        <span>Allow Download</span>
                    </label>
                </div>
            </div>

            <div class="cb-box pad-bottom-sm">
                <div class="form-group">
                    <label for="categories">Categories</label>
                    <select class="form-control" id="categories">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </div>
            </div>

            <div class="cb-box pad-bottom-sm sharing-contatiner">
                <div class="form-group">
                    <label>Sharing Options</label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="sharing-options" id="sharing-options-1" value="option1" checked>
                        Public - Upload can be seen by everyone
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="sharing-options" id="sharing-options-2" value="option2">
                        Private - Upload can be seen only by you
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="sharing-options" id="sharing-options-3" value="option3">
                        Unlisted - Only people with password can see
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="sharing-options" id="sharing-options-4" value="option4">
                        Members only - Only members can see
                    </label>
                </div>
                <div class="form-group">
                    <label for="protected_password" class="light">Set Password</label>
                    <input type="password" class="form-control" id="protected_password" placeholder="Enter password to make it protected">
                </div>
                <div class="form-group">
                    <label for="allowed_users" class="light">Allowed Users</label>
                    <input type="password" class="form-control" id="allowed_users" placeholder="Enter users who can watch this video">
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        Allow comments
                    </label>
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        Allow comment voting
                    </label>
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        Allow rating
                    </label>
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        Allow embedding on other websites
                    </label>
                </div>
            </div>
            <div class="cb-box pad-bottom terms-contatiner">
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        I have read and agree to submission policy
                    </label>
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        I have read and agree to terms and conditions
                    </label>
                </div>
                <div class="checkbox">
                    <label class="light">
                        <input type="checkbox" value="">
                        Remember these settings
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>