<script><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function($) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /* Blurbs as Tabs */<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('.tab-title').each(function () { <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var section_id = $(this).find("a").attr("href");<!-- [et_pb_line_break_holder] --> $(this).find("a").removeAttr("href");<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(this).hover(function() {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(this).siblings().removeClass("active-tab");<!-- [et_pb_line_break_holder] --> $(this).addClass("active-tab");<!-- [et_pb_line_break_holder] --> $('.tab-content').hide();<!-- [et_pb_line_break_holder] --> $(section_id).show();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --></script>
<style><!-- [et_pb_line_break_holder] -->/* Blurb Tabs Column Styling */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_column {<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: center;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> -ms-flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Width of Tab Title - Dependent on Item Number */<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title {<!-- [et_pb_line_break_holder] --> width: 20%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Hide Tab Content until clicked */<!-- [et_pb_line_break_holder] -->.tab-content {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Display tab on-click, or when class is added */<!-- [et_pb_line_break_holder] -->.tab-open {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Blurb Transition Styles */<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title {<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] --> -o-transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] --> transition: all .3s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Use Descrition Instead of H4 for Granular Breakpoints */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb_description {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> line-height: 1em;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Blurb Style */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb {<!-- [et_pb_line_break_holder] --> padding: 1em;<!-- [et_pb_line_break_holder] --> -webkit-transition: all ease .3s;<!-- [et_pb_line_break_holder] --> -o-transition: all ease .3s;<!-- [et_pb_line_break_holder] --> transition: all ease .3s;<!-- [et_pb_line_break_holder] --> background: #373b586e;<!-- [et_pb_line_break_holder] --> margin-bottom:0!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Cursor Style*/<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title:hover {<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Icon margin */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_main_blurb_image {<!-- [et_pb_line_break_holder] --> margin-bottom: 1em;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Icon Style */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb .et-pb-icon {<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> color: #ffffff69!Important;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Hover & Active Tab Block */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb:hover,<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title.active-tab {<!-- [et_pb_line_break_holder] --> background: #ffffff;<!-- [et_pb_line_break_holder] --> border-radius: 2px 2px 0 0;<!-- [et_pb_line_break_holder] --> box-shadow: 0 -0.4em 1em #0000000d;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Hover & Active Tab Text */<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb:hover,<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title.active-tab,<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb:hover .et-pb-icon,<!-- [et_pb_line_break_holder] -->#blurb-tabs .et_pb_blurb:hover .et_pb_blurb_description,<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title.active-tab .et-pb-icon,<!-- [et_pb_line_break_holder] -->#blurb-tabs .tab-title.active-tab .et_pb_blurb_description {<!-- [et_pb_line_break_holder] --> color: #bc9f5a!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Tab Titles Mobile Styles */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 1023px) {<!-- [et_pb_line_break_holder] --> #blurb-tabs .tab-title {<!-- [et_pb_line_break_holder] --> width: 33%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 660px) {<!-- [et_pb_line_break_holder] --> #blurb-tabs .tab-title {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> #blurb-tabs .et_pb_row {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #blurb-tabs .tab-title .et_pb_blurb_content {<!-- [et_pb_line_break_holder] --> /* This moves icon to the right */<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-align: center;<!-- [et_pb_line_break_holder] --> -ms-flex-align: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: start;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: start;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #blurb-tabs .tab-title .et_pb_main_blurb_image {<!-- [et_pb_line_break_holder] --> /* Fix icon margins on mobile */<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] --> margin-right: 30px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #blurb-tabs .et_pb_blurb_description {<!-- [et_pb_line_break_holder] --> /* Align text left */<!-- [et_pb_line_break_holder] --> text-align: left;}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<style><!-- [et_pb_line_break_holder] -->/* Hide Tab Content until clicked */<!-- [et_pb_line_break_holder] -->.tab-content {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* Display tab on-click, or when class is added */<!-- [et_pb_line_break_holder] -->.tab-open {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
Divi Website Design
I pride myself on producing premium, branded websites where the visual elements are important to conveying brand quality. Money-making sites that convert to clients, not just pretty brochures. Click over to my Portfolio to view a few of my latest designs.
One Page Websites are a great option for a quick and cost-effective web presence or a unique blog may be what you need. Or a unique design created just for you. We discuss your vision and goals to nail down your needs for the blog you will spend building.
Support Services
Are you looking for support for your website? I can help you with that. I can be the long-term partner you can call on if you get stuck. I will design a support service plan that is tailor-made for you. You can hire me by the hour or on a monthly retainer. I can assist you with WordPress, Divi, landing pages, newsletters, troubleshooting, etc.
Project Management
Every client has different objectives, budgets, deadlines, and integration needs. Our Project Management Team assures you receive a personalized, flowing design by utilizing expert designers, researchers, brand specialist, and SEO professionals who collaborate with you throughout the project.
Virtual Assistance
I offer an extensive collection of services. The bulk of the services is administrative in nature. Although my background is predominantly in accounting, I have the skill set to complete almost any tasks that you need to have done.I also have several professional associates available for subcontracting in the event you should request a service not offered by me.
Search Engine Optimization
Add the number of blurbs you need. In the CSS module, find this section, and change the percentage to accommodate the number. Divide 100% by the number of blurbs you need. This may/may not affect your padding and spacing, so be careful. /* Width of Tab Title – Dependent on Item Number */ #blurb-tabs .tab-title { width: 20%; }
Let’s connect
I'd love to hear from you, so pick an option and drop me a line!
Copyright Ellen Marie Design | Design by Ellen Marie Design