UCOMmandIt
/
uci-hugo-landingpage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

button styling added, bulleted list custom font working.

master
David Kebler 2017-03-14 00:07:16 -07:00
parent 05c229d9aa
commit 3a37a9677c
12 changed files with 321 additions and 303 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/base.css
View File

@ -100,7 +100,7 @@ ul {
a {
color: inherit;
opacity: 0.9;
opacity: 0.8;
outline: 0;
text-decoration: none;
cursor: pointer;
@ -111,13 +111,12 @@ a:hover {
}
.btn {
padding: 0.5em;
padding: 0.3em;
color: white;
border: 3px solid grey;
border-radius: 5px;
background-color: black;
border: 4px solid grey;
border-radius: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 grey;
font-weight: bold;
cursor: pointer;
}

1
assets/css/navbar.css
View File

@ -60,6 +60,7 @@
.nav-bar__menu-item > a {
flex-grow: 1;
text-align: center;
opacity: 1;
}
.nav-bar__menu-item:hover {

15
assets/css/page.css
View File

@ -79,6 +79,7 @@
flex-wrap: wrap;
align-content: center;
justify-content: center;
padding: 0.5em;
}
.box--column {
@ -106,10 +107,18 @@
align-items: center;
}
/*turn off default bullets*/
.box--gallery {
/*justify-content: flex-start;*/
list-style: none;
}
.gallery__item {
padding: 3px;
.box--gallery li,
.box--gallery__item {
padding: 0.2em;
}
/*turn off fontawesome bullets*/
.box--gallery li::before,
.box--gallery__item li::before {
display: none;
}

43
config.toml
View File

@ -6,25 +6,25 @@ staticDir ="assets"
publishDir = "dist"
[params]
custom_css = ["css/custom.css"]
# font = "Lato" # a valid google font name, default Roboto
# list_item_icon
# For List of html colors
# http://www.quackit.com/css/color/charts/css_color_names_chart.cfm
custom_css = ["css/custom.css"] # can add other files in array and file in assets/css/
font = "Acme" # a valid google font name, default Roboto, sets for entire site, can be specifically overridden
[params.navbar]
logo_text = "For Sale By Owner: 4005 Rock Way" # default is to use the page title
logo_text_short = "For Sale By Owner"
logo_text_short = "For Sale By Owner" # helps to fit on small screens without wrapping
# logo_text_size="1" # unit is em, 2em is default for small
# font = "Ranga"
# color = "white"
# bg_color = "seagreen"
# For List of html colors see either
# http://www.quackit.com/css/color/charts/css_color_names_chart.cfm
# https://www.colorcodehex.com/html-color-names.html
color = "honeydew"
bg_color = "olivedrab"
[params.hero]
img = "../images/4005front.jpg" # default is images/hero.jpg, must provide the full path or url
# img_medium = "intro-medium.jpg" # min 1024
# img_small "intro-small.jpg"
font = "Acme" # a valid google font name, default Roboto for all hero text
# font = "Acme" # a valid google font name, default Roboto for all hero text
color = "honeydew"
# color = "green"
# bg_color = "red"
@ -47,13 +47,10 @@ custom_css = ["css/custom.css"]
divider_color = "seagreen"
# divider_thickness = "3"
[params.sections]
font = "Acme"
# maxFont =
# fontRatio =
# bullet_icon = '\f069' # the font awesome hex number "\nnnn"
headline_font = "Lato"
#font = "Acme"
# bullet_icon = "\uF069" # the font awesome 4 digit unicode number, CAPS for letters, preface with \u
# headline_font = "Lato"
# headline_size = "3"
[params.sections.odd]
color = "#363636"
@ -63,10 +60,20 @@ custom_css = ["css/custom.css"]
bg_color = "darkolivegreen"
[params.sections.footer]
# color = "white"
# bg_color = "darkolivegreen"
# bg_color = "olive"
# these will overide the default which is even section button scheme comes from odd section scheme and vice versa
# default hover is simply
[params.buttons.even]
# color = "blue"
# bg_color = "red"
# hover_color ="white"
# hover_bg_color ="purple"
[params.buttons.odd]
# color = "red"
# bg_color = "blue"
# hover_color ="purple"
# hover_bg_color ="white"
[[params.social]]
title = "email"

4
content/about.md
View File

@ -7,8 +7,8 @@ link_text = "About"
anchor="atext ut"
+++
Built in 1977 in Central Point, Oregon this 1548 sq. ft. Rambler/Ranch Style House has 3 bedrooms, 2 baths, covered patio, and an attached 2-car garage. It would be perfect for two child family or a couple wanting a spare bedroom and an office. Since 2007 the house has had numerous updates and is move-in ready. It is located within easy walking distance to Central Point's high and middle schools as well as the Bear Creek Greenway, Jackson County Expo and a RVTD bus stop.
Built in 1977 in Central Point, Oregon this 1548 sq. ft. Rambler/Ranch Style House has 3 bedrooms, 2 baths, covered patio, and an attached 2-car garage. It would be perfect for two child family or a couple wanting a spare bedroom and an office. Since 2007 when we bought it the house has had numerous updates. It's had a three month primping and is move-in ready! It is located within easy walking distance to Central Point's high and middle schools as well as the Bear Creek Greenway, Jackson County Expo and a RVTD bus stop.
{{< embed type="google-map" title="A Title" caption="A caption" >}}
{{< embed google-map >}}
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2946.84955578167!2d-122.92451728429863!3d42.38835127918494!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54cf7c44f081d5df%3A0x72a99d35e8998a87!2s4005+Rock+Way%2C+Central+Point%2C+OR+97502!5e0!3m2!1sen!2sus!4v1488952358943" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
{{< /embed >}}

12
content/details.md
View File

@ -8,31 +8,35 @@ weight = 4
## Amenities
* Two mature trees in front yard provide summer shade
* Sliding doors from master bedroom and dining room open to patio
* Additional off street parking
* Fenced back yard for Bowser
* Fenced side yard with 10ft wide gated street access
* Covered 8 x 40 back patio with sliding door access from dinning room and master bedroom
* 8' x 12' matching storage shed
* Dog door
* Great neighbors
* One block to Bear Creek Greenway - Ride your bike to downtown or Food For Less.
* All appliances included
* One block to convenience store (and growler fills)
* Middle school across the street with access to track and playing fields
* One block to Crater Rock Museum
* Ride your bike or take an easy, safe walk to downtown Central Point
* Rays/Ace, Grange and Alberstons conveniently nearby in downtown Central Point.
* Easy "backroads" drive to Jackson Forest Park, Denman, and Table Rock for walking/hiking
## House Updates Since 2007
* Architect designed and professionally installed landscaping (now 10 years mature) with automated sprinkler/irrigation
* Hot Tub!
* Complete kitchen remodel with tile back splash and custom maple cabinets
* Heil furnace and heat pump, plus all ducting replaced
* R-38 Attic Insulation and Solar Attic Fan
* New [Heil](https://www.heil-hvac.com/en/us/) furnace and heat pump, plus all ducting replaced
* R-38 Attic Insulation plus Solar Attic Fan
* Solar tubes in kitchen, family, and living rooms
* 50 gallon water heater
* All windows, sliding doors replaced with vinyl ones using argon low-e glass
* Entry door replaced featuring argon low-e window and built in shade.
* All light fixtures replaced with LED bulbs
* All vinyl flooring replaced with high quality with Mannington Adura locking tiles.
* All vinyl flooring replaced with high quality [Mannington Adura](http://www.mannington.com/Residential/Adura/About-Adura) lock solid tiles.
* Custom birch fireplace mantle and cabinets on north wall of family room
* Raised beds garden with automated irrigation
* Additional shelving and workbench in garage

4
content/footer.md
View File

@ -2,6 +2,6 @@
draft = false
weight = 100
+++
{{% box footer %}}
<!-- {{% box footer %}}
This is a footer
{{% /box %}}
{{% /box %}} -->

17
content/openhouse.md
View File

@ -5,11 +5,18 @@ title = "Open House"
link_text = "OpenHouse"
weight = 5
+++
# Tuesday and Thursday
## March 28 and 30th
## 4:30-7pm
# Saturday and Sunday
## March 25/26th
## 1-4pm# Wednesday
## March 29th
## 4-7pm
#### and the following weekend and Wednesday if necessary
## April 1st and 2nd
## 2-5:30pm
#### and the following weeks same days and times until an offer is accepted
###### any offers made prior to April 3rd will be considered at that time so no need to rush to make it to the first open house
###### after April 2nd if you just can't make one of our open house times you will be able to contact us via email to set up an appointment
{{< jotform 70645504427152 "RSVP Please" >}}

2
layouts/partials/head/meta.html
View File

@ -1,4 +1,4 @@
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">

51
layouts/partials/head/styles.html
View File

@ -1,11 +1,9 @@
<!-- Configurable Styles partial to appear in head -->
<style>
{{ with .Site.Params.font }}
html { font-family:{{ . }},Helvetica,Arial,sans-serif; }
body { font-family:{{ . }},Helvetica,Arial,sans-serif; }
{{ end }}
{{ with .Site.Params }}
{{ with .navbar }}
@ -16,7 +14,7 @@
{{ with .bg_color }}
.nav-bar__menu-item:hover {color: {{ . }}; }
.nav-bar, .nav-bar__menu-button { background-color: {{ . }}; }
.nav-bar, .section--footer { background-color: {{ . }}; }
{{ end }}
{{ with .text_size }}
@ -24,7 +22,7 @@
{{ end }}
{{ with .color }}
.nav-bar__logo, .nav-bar__menu, .nav-bar__menu-button { color: {{ . }}; }
.nav-bar__logo, .nav-bar__menu, .nav-bar__menu-button, .section--footer { color: {{ . }}; }
.nav-bar__menu-item:hover { background-color: {{ . }}; }
{{ end }}
@ -152,21 +150,28 @@
{{ with .bullet_icon }}
.section__content li::before {
content: '{{ . }}';
/*content: "\f069";*/
content: "{{ . }}";
}
{{ end }}
{{ with .odd }}
.section--odd {
.section--odd, .section--even .btn {
color: {{ .color }};
background-color: {{ .bg_color }};
}
{{ end }}
{{ with .even }}
.section--even, .section--odd .btn {
color: {{ .color }};
background-color: {{ .bg_color }};
}
{{ end }}
{{ with .even }}
.section--even {
{{ with .footer }}
.section--footer {
color: {{ .color }};
background-color: {{ .bg_color }};
}
@ -174,8 +179,34 @@
{{ end }} /* end sections */
{{ with .buttons }}
{{ with .odd }}
.section--odd .btn {
color: {{ .color }};
background-color: {{ .bg_color }};
}
.section--odd .btn:hover {
color: {{ .hover_color }};
background-color: {{ .hover_bg_color }};
}
{{ end }}
{{ with .even }}
.section--even .btn {
color: {{ .color }};
background-color: {{ .bg_color }};
}
.section--even .btn:hover {
color: {{ .hover_color }};
background-color: {{ .hover_bg_color }};
}
{{ end }}
{{ end }} /* .buttons */
{{ end }} /* .Site.Params*/
</style>

2
layouts/partials/sections.html
View File

@ -1,6 +1,6 @@
<!-- Renders Section Based on Content -->
{{ $parity := "odd" }} {{ range $i, $e := .Data.Pages }}
<section id="{{ .File.BaseFileName }}" class="section section--{{ .File.BaseFileName }} section--{{ if modBool $i 2 }}odd{{ else }}even{{ end }}">
<section id="{{ .File.BaseFileName }}" class="section section--{{ .File.BaseFileName }} {{ if ne .File.BaseFileName "footer" }} section--{{ if modBool $i 2 }}odd{{ else }}even{{ end }} {{ end }}">
<div class="section__container">
<div class="section__headline section__headline--{{ .File.BaseFileName }}">
<h1>{{ .Title }}</h1>

250
layouts/shortcodes/4005-gallery.html
View File

@ -1,252 +1,212 @@
<div id="4005" class="box box--gallery">
<div class="gallery__item" data-src="media/large/100_1994.JPG"
<li data-src="media/large/IMG_20170305_131046830.jpg"
data-sub-html=""
data-download-url="media/large/100_1994.JPG">
<a href="media/large/100_1994.JPG">
<img src="media/thumbs/100_1994.JPG"
data-download-url="media/large/IMG_20170305_131046830.jpg">
<a href="media/large/IMG_20170305_131046830.jpg">
<img src="media/thumbs/IMG_20170305_131046830.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2001.JPG"
</li>
<li data-src="media/large/IMG_20170306_133435743.jpg"
data-sub-html=""
data-download-url="media/large/100_2001.JPG">
<a href="media/large/100_2001.JPG">
<img src="media/thumbs/100_2001.JPG"
data-download-url="media/large/IMG_20170306_133435743.jpg">
<a href="media/large/IMG_20170306_133435743.jpg">
<img src="media/thumbs/IMG_20170306_133435743.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/front-view.JPG"
</li>
<li data-src="media/large/IMG_20170306_140343733.jpg"
data-sub-html=""
data-download-url="media/large/front-view.JPG">
<a href="media/large/front-view.JPG">
<img src="media/thumbs/front-view.JPG"
data-download-url="media/large/IMG_20170306_140343733.jpg">
<a href="media/large/IMG_20170306_140343733.jpg">
<img src="media/thumbs/IMG_20170306_140343733.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2002.JPG"
</li>
<li data-src="media/large/IMG_20170306_140432087_HDR.jpg"
data-sub-html=""
data-download-url="media/large/100_2002.JPG">
<a href="media/large/100_2002.JPG">
<img src="media/thumbs/100_2002.JPG"
data-download-url="media/large/IMG_20170306_140432087_HDR.jpg">
<a href="media/large/IMG_20170306_140432087_HDR.jpg">
<img src="media/thumbs/IMG_20170306_140432087_HDR.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2003.JPG"
</li>
<li data-src="media/large/IMG_20170306_141721695.jpg"
data-sub-html=""
data-download-url="media/large/100_2003.JPG">
<a href="media/large/100_2003.JPG">
<img src="media/thumbs/100_2003.JPG"
data-download-url="media/large/IMG_20170306_141721695.jpg">
<a href="media/large/IMG_20170306_141721695.jpg">
<img src="media/thumbs/IMG_20170306_141721695.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2034.JPG"
</li>
<li data-src="media/large/IMG_20170306_141736529.jpg"
data-sub-html=""
data-download-url="media/large/100_2034.JPG">
<a href="media/large/100_2034.JPG">
<img src="media/thumbs/100_2034.JPG"
data-download-url="media/large/IMG_20170306_141736529.jpg">
<a href="media/large/IMG_20170306_141736529.jpg">
<img src="media/thumbs/IMG_20170306_141736529.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2039.JPG"
</li>
<li data-src="media/large/IMG_20170306_141819562.jpg"
data-sub-html=""
data-download-url="media/large/100_2039.JPG">
<a href="media/large/100_2039.JPG">
<img src="media/thumbs/100_2039.JPG"
data-download-url="media/large/IMG_20170306_141819562.jpg">
<a href="media/large/IMG_20170306_141819562.jpg">
<img src="media/thumbs/IMG_20170306_141819562.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2131.JPG"
</li>
<li data-src="media/large/IMG_20170306_142044057.jpg"
data-sub-html=""
data-download-url="media/large/100_2131.JPG">
<a href="media/large/100_2131.JPG">
<img src="media/thumbs/100_2131.JPG"
data-download-url="media/large/IMG_20170306_142044057.jpg">
<a href="media/large/IMG_20170306_142044057.jpg">
<img src="media/thumbs/IMG_20170306_142044057.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/100_2132.JPG"
</li>
<li data-src="media/large/IMG_20170306_143054243.jpg"
data-sub-html=""
data-download-url="media/large/100_2132.JPG">
<a href="media/large/100_2132.JPG">
<img src="media/thumbs/100_2132.JPG"
data-download-url="media/large/IMG_20170306_143054243.jpg">
<a href="media/large/IMG_20170306_143054243.jpg">
<img src="media/thumbs/IMG_20170306_143054243.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/000_0043.JPG"
data-sub-html="THis is a caption iptc"
data-download-url="media/large/000_0043.JPG">
<a href="media/large/000_0043.JPG">
<img src="media/thumbs/000_0043.JPG"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/000_0046.JPG"
</li>
<li data-src="media/large/IMG_20170306_143121112_HDR.jpg"
data-sub-html=""
data-download-url="media/large/000_0046.JPG">
<a href="media/large/000_0046.JPG">
<img src="media/thumbs/000_0046.JPG"
data-download-url="media/large/IMG_20170306_143121112_HDR.jpg">
<a href="media/large/IMG_20170306_143121112_HDR.jpg">
<img src="media/thumbs/IMG_20170306_143121112_HDR.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/000_0055.JPG"
</li>
<li data-src="media/large/IMG_20170306_143406731.jpg"
data-sub-html=""
data-download-url="media/large/000_0055.JPG">
<a href="media/large/000_0055.JPG">
<img src="media/thumbs/000_0055.JPG"
data-download-url="media/large/IMG_20170306_143406731.jpg">
<a href="media/large/IMG_20170306_143406731.jpg">
<img src="media/thumbs/IMG_20170306_143406731.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/000_0058.JPG"
</li>
<li data-src="media/large/IMG_20170306_143436669.jpg"
data-sub-html=""
data-download-url="media/large/000_0058.JPG">
<a href="media/large/000_0058.JPG">
<img src="media/thumbs/000_0058.JPG"
data-download-url="media/large/IMG_20170306_143436669.jpg">
<a href="media/large/IMG_20170306_143436669.jpg">
<img src="media/thumbs/IMG_20170306_143436669.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/000_0061.JPG"
</li>
<li data-src="media/large/IMG_20170306_145155906.jpg"
data-sub-html=""
data-download-url="media/large/000_0061.JPG">
<a href="media/large/000_0061.JPG">
<img src="media/thumbs/000_0061.JPG"
data-download-url="media/large/IMG_20170306_145155906.jpg">
<a href="media/large/IMG_20170306_145155906.jpg">
<img src="media/thumbs/IMG_20170306_145155906.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20150504_121104281.jpg"
</li>
<li data-src="media/large/IMG_20170307_134610791.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20150504_121104281.jpg">
<a href="media/large/IMG_20150504_121104281.jpg">
<img src="media/thumbs/IMG_20150504_121104281.jpg"
data-download-url="media/large/IMG_20170307_134610791.jpg">
<a href="media/large/IMG_20170307_134610791.jpg">
<img src="media/thumbs/IMG_20170307_134610791.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20150504_121132851.jpg"
</li>
<li data-src="media/large/IMG_20170307_134641347.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20150504_121132851.jpg">
<a href="media/large/IMG_20150504_121132851.jpg">
<img src="media/thumbs/IMG_20150504_121132851.jpg"
data-download-url="media/large/IMG_20170307_134641347.jpg">
<a href="media/large/IMG_20170307_134641347.jpg">
<img src="media/thumbs/IMG_20170307_134641347.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20150505_181743342.jpg"
</li>
<li data-src="media/large/IMG_20170307_134902325.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20150505_181743342.jpg">
<a href="media/large/IMG_20150505_181743342.jpg">
<img src="media/thumbs/IMG_20150505_181743342.jpg"
data-download-url="media/large/IMG_20170307_134902325.jpg">
<a href="media/large/IMG_20170307_134902325.jpg">
<img src="media/thumbs/IMG_20170307_134902325.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20160420_151931423.jpg"
</li>
<li data-src="media/large/IMG_20170307_134913439.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20160420_151931423.jpg">
<a href="media/large/IMG_20160420_151931423.jpg">
<img src="media/thumbs/IMG_20160420_151931423.jpg"
data-download-url="media/large/IMG_20170307_134913439.jpg">
<a href="media/large/IMG_20170307_134913439.jpg">
<img src="media/thumbs/IMG_20170307_134913439.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20160504_185507586.jpg"
</li>
<li data-src="media/large/IMG_20170307_134922987.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20160504_185507586.jpg">
<a href="media/large/IMG_20160504_185507586.jpg">
<img src="media/thumbs/IMG_20160504_185507586.jpg"
data-download-url="media/large/IMG_20170307_134922987.jpg">
<a href="media/large/IMG_20170307_134922987.jpg">
<img src="media/thumbs/IMG_20170307_134922987.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20160506_191013753.jpg"
</li>
<li data-src="media/large/IMG_20170307_134938781.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20160506_191013753.jpg">
<a href="media/large/IMG_20160506_191013753.jpg">
<img src="media/thumbs/IMG_20160506_191013753.jpg"
data-download-url="media/large/IMG_20170307_134938781.jpg">
<a href="media/large/IMG_20170307_134938781.jpg">
<img src="media/thumbs/IMG_20170307_134938781.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20160507_203930220.jpg"
</li>
<li data-src="media/large/IMG_20170307_135020923.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20160507_203930220.jpg">
<a href="media/large/IMG_20160507_203930220.jpg">
<img src="media/thumbs/IMG_20160507_203930220.jpg"
data-download-url="media/large/IMG_20170307_135020923.jpg">
<a href="media/large/IMG_20170307_135020923.jpg">
<img src="media/thumbs/IMG_20170307_135020923.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/IMG_20160623_184623498.jpg"
</li>
<li data-src="media/large/IMG_20170307_135055994.jpg"
data-sub-html=""
data-download-url="media/large/IMG_20160623_184623498.jpg">
<a href="media/large/IMG_20160623_184623498.jpg">
<img src="media/thumbs/IMG_20160623_184623498.jpg"
data-download-url="media/large/IMG_20170307_135055994.jpg">
<a href="media/large/IMG_20170307_135055994.jpg">
<img src="media/thumbs/IMG_20170307_135055994.jpg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/4005 rock way.png"
data-sub-html=""
data-download-url="media/large/4005 rock way.png">
<a href="media/large/4005 rock way.png">
<img src="media/thumbs/4005 rock way.png"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/floorplan.jpeg"
data-sub-html=""
data-download-url="media/large/floorplan.jpeg">
<a href="media/large/floorplan.jpeg">
<img src="media/thumbs/floorplan.jpeg"
width="120"
height="120"
alt="" />
</a>
</div>
<div class="gallery__item" data-src="media/large/sf.jpeg"
data-sub-html=""
data-download-url="media/large/sf.jpeg">
<a href="media/large/sf.jpeg">
<img src="media/thumbs/sf.jpeg"
width="120"
height="120"
alt="" />
</a>
</div>
</li>
</div>