<div class="res-img" align="center" style="border-radius:var(--border-radius--large);">[[File:{{{image}}}]]</div>
<!-- The flexible grid (content) -->
<div class="flex-container">
{{Navplatephoto
<div class="left-side" style="border:none; background:none; box-shadow:none;">
|id = Photo
<div class="res-img" style="margin:0 0 1em 0;" align="center">[[File:{{{image}}}|center|{{{image-size}}}px|{{{image-alt}}}]]{{c|{{{image-caption}}}}}</div>
|subtitle = The English Lakes – Photo details
<div style="font-family:avenir; float:left; font-size:5.6em; margin:0 0.1em -0.2em 0; line-height:1em;">{{{drop-cap}}}</div>{{{text}}}
|title = {{{title}}}
</div>
<div class="right-side">
|label1 = Description
<div class="res-img">
|list1 = {{{description}}}
{{leaflet map
|latitude = {{{latitude}}}
|label2 = Author
|longitude = {{{longitude}}}
|list2 = {{{author}}}
|service = leaflet
|static = no <!--yes or no-->
|label3 = Date taken
|zoom = {{{zoom}}}
|list3 = {{{date taken}}}
|fullscreen = yes <!--yes or no-->
|scrollwheel = no <!--yes or no-->
|label4 = Camera
|width =
|list4 = {{{camera}}}
|height =
|clicktarget = {{{maplink}}} }}
|label5 = View direction
<div style="margin:10px; font-size:90%;">{{c|Coordinates are specific to the camera's location – '''not''' the location of the subject.}}</div></div>
|list5 = {{{view direction}}}
{|class="" style="width:100%; font-size:; <!--background-color:#f7f7f7; border:1px #ccc solid;--> margin:0; padding:px; border-collapse:; line-height:2em;"
|-
|label6 = Coordinates
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-profile.svg|26px|link=]] || {{{author}}}
|list6 = {{{coordinates}}}
|-
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-calendar.svg|26px|link=]] || {{{date-taken}}}
|label7 = OS Grid
|-
|list7 = {{{os grid}}}
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-camera.svg|26px|link=]] || {{{camera}}}
|-
<!--|label8 = [https://what3words.com/ {{{w3w}}} {{{w3w}}}what3words] -->▼
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-location.svg|26px|link=]] || {{{latitude}}} / {{{longitude}}}
|list8 = [https://what3words.com/{{{w3w}}} {{{w3w}}}]
|-
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-gps.svg|26px|link=]] || {{{os-grid}}}
|label9 = Image size
|-
|list9 = {{{image size}}}. For other sizes and metada, see the [[:File:{{{image}}}|original upload page]]
|style="width:2em; vertical-align:top;" | [[File:Mountain icon (Noun Project).svg|26px|link=]] || {{{elevation}}}
|-
|label10= Licence
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-compass.svg|26px|link=]] || {{{view-direction}}}
|list10 = {{{licence}}}
|-
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-crop.svg|26px|link=]] || {{{file-size}}}
|-
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-image.svg|26px|link=]] || {{{dimensions}}}
|-
|style="width:2em; vertical-align:top;" | [[File:Circle-icons-document.svg|26px|link=]] || {{{licence}}}<br>{{{licence-addendum-1}}}<br>{{{licence-addendum-2}}}<br>{{{licence-addendum-3}}}<br>{{{licence-addendum-4}}}
▲<!-- [https://what3words.com/{{{w3w}}} {{{w3w}}}]-->
</div>
{{doc|{{Photo/doc}}}}
<!-- Categories go on the /doc subpage -->
|