Design Specifications

Freedom Dental

uabb-device-desktop

View template homepage in NEW One Drive

Client Facing Website Example

Search and Replace
Blue #7d94b5

Headings
Inter - Normal - Capitalize

Text Font:
Raleway Normal

Scrolling Row Button

new patient special offer

/// {type:button} Thu Oct 14 2021 ///
{"text":"new patient special offer","icon":"fas fa-angle-double-right","icon_position":"before","icon_animation":"disable","click_action":"link","link":"/special/","lightbox_content_type":"html","lightbox_content_html":"","lightbox_video_link":"","width":"auto","custom_width":"200","align":"right","text_color":"ffffff","text_hover_color":"ffae00","typography":{"font_family":"Raleway","font_weight":"800","font_size":{"length":"","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":".2"},"text_transform":"uppercase","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"duo_color1":"","duo_color2":"","bg_color":"ffae00","bg_hover_color":"ffffff","style":"flat","button_transition":"disable","border":{"style":"solid","color":"ffae00","width":{"top":"2","right":"2","bottom":"2","left":"2"},"radius":{"top_left":"0","top_right":"0","bottom_left":"0","bottom_right":"0"},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"border_hover_color":"ffae00","responsive_display":"","visibility_display":"","visibility_user_capability":"","visibility_logic":"[]","animation":{"style":"","delay":"0","duration":"1"},"container_element":"div","id":"","class":"","export":"","import":"","connections":{"text":"","link":"","lightbox_content_html":"","lightbox_video_link":"","text_color":"","text_hover_color":"","bg_color":"","bg_hover_color":"","border_hover_color":""},"link_target":"_self","link_nofollow":"no","link_download":"","link-search":"","custom_width_unit":"px","align_medium":"","align_responsive":"center","padding_top":"","padding_right":"","padding_bottom":"","padding_left":"","padding_top_medium":"","padding_right_medium":"","padding_bottom_medium":"","padding_left_medium":"","padding_top_responsive":"","padding_right_responsive":"","padding_bottom_responsive":"","padding_left_responsive":"","typography_medium":{"font_size":{"length":"15","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":""},"text_transform":"","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"typography_responsive":{"font_size":{"length":"","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":""},"text_transform":"","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"border_medium":{"style":"","color":"","width":{"top":"","right":"","bottom":"","left":""},"radius":{"top_left":"","top_right":"","bottom_left":"","bottom_right":""},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"border_responsive":{"style":"","color":"","width":{"top":"","right":"","bottom":"","left":""},"radius":{"top_left":"","top_right":"","bottom_left":"","bottom_right":""},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"margin_top":"0","margin_right":"0","margin_bottom":"0","margin_left":"0","margin_unit":"px","margin_top_medium":"5","margin_right_medium":"","margin_bottom_medium":"5","margin_left_medium":"","margin_medium_unit":"px","margin_top_responsive":"","margin_right_responsive":"","margin_bottom_responsive":"15","margin_left_responsive":"","margin_responsive_unit":"px","as_values_link-search":""}

Copy the Code

Standard Button

click here

/// {type:button} Thu Oct 14 2021 ///
{"text":"click here","icon":"","icon_position":"before","icon_animation":"disable","click_action":"link","link":"/","lightbox_content_type":"html","lightbox_content_html":"","lightbox_video_link":"","width":"auto","custom_width":"200","align":"left","text_color":"ffffff","text_hover_color":"36ed45","typography":{"font_family":"Raleway","font_weight":"800","font_size":{"length":"","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":".2"},"text_transform":"uppercase","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"duo_color1":"","duo_color2":"","bg_color":"36ed45","bg_hover_color":"ffffff","style":"flat","button_transition":"disable","border":{"style":"solid","color":"36ed45","width":{"top":"2","right":"2","bottom":"2","left":"2"},"radius":{"top_left":"0","top_right":"0","bottom_left":"0","bottom_right":"0"},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"border_hover_color":"36ed45","responsive_display":"","visibility_display":"","visibility_user_capability":"","visibility_logic":"[]","animation":{"style":"","delay":"0","duration":"1"},"container_element":"div","id":"","class":"","export":"","import":"","connections":{"text":"","link":"","lightbox_content_html":"","lightbox_video_link":"","text_color":"","text_hover_color":"","bg_color":"","bg_hover_color":"","border_hover_color":""},"link_target":"_self","link_nofollow":"no","link_download":"","link-search":"","custom_width_unit":"px","align_medium":"","align_responsive":"center","padding_top":"","padding_right":"","padding_bottom":"","padding_left":"","padding_top_medium":"","padding_right_medium":"","padding_bottom_medium":"","padding_left_medium":"","padding_top_responsive":"","padding_right_responsive":"","padding_bottom_responsive":"","padding_left_responsive":"","typography_medium":{"font_size":{"length":"15","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":""},"text_transform":"","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"typography_responsive":{"font_size":{"length":"","unit":"px"},"line_height":{"length":"","unit":""},"text_align":"","letter_spacing":{"length":""},"text_transform":"","text_decoration":"","font_style":"","font_variant":"","text_shadow":{"color":"","horizontal":"","vertical":"","blur":""}},"border_medium":{"style":"","color":"","width":{"top":"","right":"","bottom":"","left":""},"radius":{"top_left":"","top_right":"","bottom_left":"","bottom_right":""},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"border_responsive":{"style":"","color":"","width":{"top":"","right":"","bottom":"","left":""},"radius":{"top_left":"","top_right":"","bottom_left":"","bottom_right":""},"shadow":{"color":"","horizontal":"","vertical":"","blur":"","spread":""}},"margin_top":"0","margin_right":"0","margin_bottom":"0","margin_left":"0","margin_unit":"px","margin_top_medium":"5","margin_right_medium":"","margin_bottom_medium":"5","margin_left_medium":"","margin_medium_unit":"px","margin_top_responsive":"","margin_right_responsive":"","margin_bottom_responsive":"15","margin_left_responsive":"","margin_responsive_unit":"px","as_values_link-search":""}

Copy the Code

Other Colors Used
NPS Color ffae00, hover #e59c00
Blue #7d94b5
Dk Blue #56667c
Grey #e0e3e8
Grey #ededed

HPH Heading:

Inter Normal Capitalize & Inter Bold Capitalize

Unique Template Items

Office Hours Popup in the Footer - be sure to update

Symptom Boxes - Update To Symptoms/Services as needed

Custom CSS Code that must be in the site (see below)

Code that must be in the site CSS Code

/* Freedom Define the base styling for the image */
.img-lift {
position: relative;
z-index: 1;
overflow: visible; /* This is important for the lifting effect */
transition: transform 0.3s ease-in-out;
width: 100%;
height: auto;
}

/* Freedom Define the hover effect */
.img-lift:hover {
z-index: 9000;
transform: scale(1.1); /* Enlarge the image by 10% on hover */
}

/* Freedom Linear Gradient For Row*/
.linear-gradient div.fl-row-content-wrap
{
height: 100%;
background-color: #536d92;
background-image:
linear-gradient(
to right,
#aebcd1,
#536d92,
#aebcd1
);
}

/* Freedom change background image on mobile view*/
@media (max-width: 767px) {
.fl-builder-content .mobile-image2 > .fl-row-content-wrap {
background-image:url( https://www.chiro.inceptionimages.com/wp-content/uploads/2023/09/Chiropractic-Care-For-Hikers-Freedom-HPH-Mobile.webp);
background-repeat: no-repeat;
background-size: cover;
}
.fl-builder-content .mobile-image2 .fl-bg-slideshow {
display: none;
visibility: hidden;
}
}

Code that must be in the site CSS Code
Freedom DEN XL Desktop
Freedom DEN Desktop
Freedom DEN Laptop
Freedom DEN IPad
Freedom DEN Mobile
Home
Creative Area

Your Feedback
Is Appreciated

clip board