{{< layout}}

{{$pageTitle}}Upload your photo{{/pageTitle}}

{{$header}}
    <h1>Take your photo</h1>
{{/header}}

{{$content}}
        <p>If you need to, <a href="/priority_service_170215/photoguide-short/">read the photo guide again</a>.</p>


        <p>
              We’ll store all photos for up to 30 days in line with our <a href="" rel="external">privacy policy</a>.
            </p>



<!-- browse button
        <div id="photo-group" class="form-group">
            <label for="photo" class="button photo-upload-label" role="button">
                <span id="photo-label-text" class="">Upload your photo</span>
            </label>
            <input type="file" accept="image/jpeg" id="photo" class="photo-choose-file" name="photo" aria-controls="progress-container" aria-required="true" style="display:none">
        </div>
-->

        <a href="/prototype_170123/uploadphoto/processing-image" class="button">Upload your photo</a><br/><br/>

        <details>
            <summary><span class="summary">I have a printed photo</span></summary>
            <div class="panel panel-border-narrow">
              <p>
                You can’t use a printed photo with this service. You’ll either need to <a href="">get a digital photo</a>, or <a href="">use a different service</a> to renew your passport.
              </p>
            </div>
        </details>

        <h3>How to take a good passport photo</h3>

<div class="column-half">
        <ol class="list-number">
            <li>Get a friend to take your photo.</li>
            <li>Use a plain background.</li>
            <li>Don’t crop your photo — include your face, shoulders and upper body.</li>
            <li>Keep your hair away from your face and brushed down.</li>
            <li>Make sure there are no shadows on your face or behind you.</li>
        </ol>
        </div>
                    <object type="image/jpg" data="/public/images/woman-with-reddish-hair_ex@2x.jpg"type="image/svg+xml" class="svg" tabindex="-1" style="width:100%;padding-left:0px;padding-top:30px">
                          <img src="/public/images/woman-with-reddish-hair_ex@2x.jpg" width="206" height= alt="">
                      </object>




{{/content}}

{{/ layout}}
