## VIDEO/IMAGE/HTML BANNER/SLIDER
DESKTOP SLIDER ASPECT
WALLPAPER NEIGHBOR BLOCK OVERLAY
FORCE STICKY SLIDER
MARGIN MODE
HTML OVERLAY BACKGROUND
============================================
SLIDE ARROW COLOR
SLIDE ARROW BACKGROUND COLOR
SLIDE ARROW ICON FONT
SLIDE ARROW LEFT ICON CODE
SLIDE ARROW RIGHT ICON CODE
============================================
INDICATOR TYPEdot
INDICATOR SIZE
SLIDER INDICATOR MARGIN
INDICATOR BORDER WIDTH
INDICATOR COLOR Not Set
INDICATOR BORDER COLOR
INDICATOR ACTIVE COLOR
INDICATOR ACTIVE BORDER COLOR
============================================
SUBSCRIPTION SLIDES POSITION
SLIDE INTERVAL
SLIDER PROGRESS BAR BACKGROUND COLOR
SLIDER PROGRESS BAR COLOR
============================================
VIDEO OVERLAY
| SLIDE # | 1 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | HyundaiMainDesk_March2020VK_V1.gif |
| SLIDE TOP TEXT - [ text or html ] | <h2 class="font6">Click to see featured offers</h2> |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | top-third left-full |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE MID TEXT - [ text or html ] | |
| SLIDE MID COLOR - [ hex/class ] | |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | |
| SLIDE BUTTON LABEL | Special Offers |
| SLIDE BUTTON LINK | offers/monthly-specials |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary white-btn |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 60% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-third left-half |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 4 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | _2600_9800_vkpal.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 50% |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Introducing the All New Hyundai Palisade</h2> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | weight9 top-third right-full |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 50% |
| SLIDE BUTTON LABEL | Learn More |
| SLIDE BUTTON LINK | new/vehicle-showroom |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 20% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-third right-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 2 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | _2600_9800_2019elantra_gt_fca.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Explore the Hyundai Elantra</h2> |
| SLIDE MID COLOR - [ hex/class ] | #002C5F |
| SLIDE MID CLASSES - [ see reference sheet below ] | weight9 top-third left-full |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 50% |
| SLIDE BUTTON LABEL | View Specials |
| SLIDE BUTTON LINK | offers/monthly-specials |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 20% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-third left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 3 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | _2600_9800_Image01.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Explore the Hyundai Santa Fe</h2> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | weight9 top-third right-full |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 50% |
| SLIDE BUTTON LABEL | View Specials |
| SLIDE BUTTON LINK | offers/monthly-specials |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 20% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-third right-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 1 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | mobile_hyundai_1.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Explore the Hyundai Elantra</h2> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE BUTTON LABEL | See More |
| SLIDE BUTTON LINK | new/vehicle-showroom |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | no |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 3 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | mobile_hyundai_3.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Explore the Hyundai Palisade</h2> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE BUTTON LABEL | See More |
| SLIDE BUTTON LINK | new/vehicle-showroom |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | no |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 2 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | mobile_hyundai_2.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE MID TEXT - [ text or html ] | <h2 class="font6">Explore the Hyundai Santa Fe</h2> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 40% |
| SLIDE BUTTON LABEL | See more |
| SLIDE BUTTON LINK | new/vehicle-showroom |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | no |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 30% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | top-full left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
| SLIDE # | 4 |
|---|---|
| SLIDE SOURCE - [ see reference sheet below ] | VK_Mobile_March-2020.jpg |
| SLIDE TOP TEXT - [ text or html ] | |
| SLIDE TOP COLOR - [ hex/class ] | #FFFFFF |
| SLIDE TOP CLASSES - [ see reference sheet below ] | |
| SLIDE TOP HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 5% |
| SLIDE MID TEXT - [ text or html ] | </br></br></br></br></br></br></br></br></br></br></br></br></br></br> |
| SLIDE MID COLOR - [ hex/class ] | #FFFFFF |
| SLIDE MID CLASSES - [ see reference sheet below ] | |
| SLIDE MID HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 90% |
| SLIDE BUTTON LABEL | See More |
| SLIDE BUTTON LINK | offers/monthly-specials |
| SLIDE BUTTON TARGET NEW TAB - [ yes/no ] | no |
| SLIDE BUTTON CLASS - [ e.g. btn-primary ] | btn-primary white-btn |
| SLIDE BUTTON HEIGHT - [ 1%-100%- so top+mi+cta = 100 ] | 5% |
| SLIDE HTML POSITION CLASS - [ see reference sheet] | bottom-full left-full |
| SLIDE INDICATOR NAME - [ if textual indicator is enabled ] |
## REFERENCE SHEET FOR SLIDE HTML
SLIDE SOURCE - [ Image Index^, YoutubeID or HTML5 Video Folder Path ]
- image file name : slide source will be set to the image from the carousel widget at top using its file name - [ e.g. "slide.jpg" ]
- youtube id : slide source will be a youtube video by using its embed id - [ e.g. "Zx7HliE_0-Q" ]
SLIDE TOP/MID CLASSES - [ font1-10, weight1-9, italic, underline, superscript, subscript ]
- font1-10 : sets the size of the text from 1:1 to 10:1 - [ e.g. "font2" ]
- weight1-9 : sets the weight (bold/light) of the text from 100 (lightest) to 900 (boldest) - [ e.g. "weight9" ]
- italic/underline/superscript/subscript : will set the corresponding style
SLIDE HTML POSITION CLASS - [ Vertical & Horizontal sets should be input ]
- Vertical : top, v-center or bottom "-" full, half or third - [ e.g. "top-third" sets the HTML to the top of the slide using a 1/3 of its height ]
- Horizontal : left, h-center or right "-" full, half or third - [ e.g. "h-center-half" sets the HTML to the horizontal center of the slide using half of its width ]
- Vertical & Horizontal = "top-third h-center-half"
## AIR ATTACHED BACKGROUND
## AIR QUICK SEARCH + CTAS
======= QUICKSEARCH SETTINGS =======
Quic Search Title HTML Tag
Quick Search Title Color
Form Field Background Color
Form Field Text Color
Quick Search Button Class
======= WIDE CTA SETTINGS =======
CTA Button Background Color
CTA Button Text Color
Neighbor Block Seperation
New and Used Quick Search
## SEE SMART PARAMS FOR OPTIONS
## AIR 4-SQUARE CTAS
CTA Button Background Color
CTA Button Text Color
Neighbor Block Seperation
## AIR SEO TEXT
Custom Map Style
WELCOME TO VAN KESTEREN HYUNDAI
On our website you will find a wide selection of new and pre-owned cars, trucks, SUVs and minivans. Feel free to contact us by phone or email. We also invite you to visit Van Kesteren Hyundai store for a unique shopping experience where our friendly and courteous staff will welcome you and introduce you to our showroom as well as allow you to test drive the vehicle of your choice.
## MAP CONTAINER