<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="https://ukutabs.com/xmlrpc.php">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore">
var ctPublicFunctions = {"_ajax_nonce":"33922f45f0","_rest_nonce":"205d7bf7a3","_ajax_url":"\/wp-admin\/admin-ajax.php","_rest_url":"https:\/\/ukutabs.com\/wp-json\/","data__cookies_type":"none","data__ajax_type":"rest","data__bot_detector_enabled":"0","data__frontend_data_log_enabled":1,"cookiePrefix":"","wprocket_detected":true,"host_url":"ukutabs.com","text__ee_click_to_select":"Click to select the whole data","text__ee_original_email":"The complete one is","text__ee_got_it":"Got it","text__ee_blocked":"Blocked","text__ee_cannot_connect":"Cannot connect","text__ee_cannot_decode":"Can not decode email. Unknown reason","text__ee_email_decoder":"CleanTalk email decoder","text__ee_wait_for_decoding":"The magic is on the way!","text__ee_decoding_process":"Please wait a few seconds while we decode the contact data."}
</script>
<script data-no-defer="1" data-ezscrex="false" data-cfasync="false" data-pagespeed-no-defer data-cookieconsent="ignore">
var ctPublic = {"_ajax_nonce":"33922f45f0","settings__forms__check_internal":"0","settings__forms__check_external":"0","settings__forms__force_protection":"0","settings__forms__search_test":"0","settings__data__bot_detector_enabled":"0","settings__sfw__anti_crawler":0,"blog_home":"https:\/\/ukutabs.com\/","pixel__setting":"0","pixel__enabled":false,"pixel__url":null,"data__email_check_before_post":"1","data__email_check_exist_post":"1","data__cookies_type":"none","data__key_is_ok":true,"data__visible_fields_required":true,"wl_brandname":"Anti-Spam by CleanTalk","wl_brandname_short":"CleanTalk","ct_checkjs_key":"7c9a8ed83a0770afdaa2fee836eed6b2e4e38fd45e4045428bc519c47eae7d09","emailEncoderPassKey":"57d92d69004ceb480caf6d9a5e6ad5c0","bot_detector_forms_excluded":"W10=","advancedCacheExists":true,"varnishCacheExists":false,"wc_ajax_add_to_cart":false}
</script>
<!-- Google tag (gtag.js) Consent Mode dataLayer added by Site Kit -->
<script type="text/javascript" id="google_gtagjs-js-consent-mode-data-layer">
/* <![CDATA[ */
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500});
window._googlesitekitConsentCategoryMap = {"statistics":["analytics_storage"],"marketing":["ad_storage","ad_user_data","ad_personalization"],"functional":["functionality_storage","security_storage"],"preferences":["personalization_storage"]};
window._googlesitekitConsents = {"ad_personalization":"denied","ad_storage":"denied","ad_user_data":"denied","analytics_storage":"denied","functionality_storage":"denied","security_storage":"denied","personalization_storage":"denied","region":["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],"wait_for_update":500};
/* ]]> */
</script>
<!-- End Google tag (gtag.js) Consent Mode dataLayer added by Site Kit -->
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<title>Ukulele Chords Diagrams & Ukulele Fretboard • UkuTabs</title><link rel="preload" href="https://ukutabs.com/wp-content/themes/olympus/utimages/small-header-original-ukutabs-cut-optimized.jpg" as="image"><link rel="preload" href="https://ukutabs.com/wp-content/themes/olympus/utimages/logo-ukutabs-smaller-optimized.png" as="image"><link rel="preload" href="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchordnamer.png" as="image" fetchpriority="high" /><link rel="preload" href="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchords-active.png" as="image" fetchpriority="high" />
<link crossorigin data-rocket-preconnect href="https://securepubads.g.doubleclick.net" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://cdn.hadronid.net" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://btloader.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://c.amazon-adsystem.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://www.googletagmanager.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://a.pub.network" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://analytics.ahrefs.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://kit.fontawesome.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://cdn.privacy-mgmt.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://config.aps.amazon-adsystem.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://secure.cdn.fastclick.net" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://tags.crwdcntrl.net" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://cdn.id5-sync.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://secure.quantserve.com" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://live.primis.tech" rel="preconnect">
<link crossorigin data-rocket-preconnect href="https://bca76cf930ee9d10b0ebe0cf505d169a.safeframe.googlesyndication.com" rel="preconnect">
<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Open%20Sans%3A400%2C600&display=swap" rel="preload">
<style id="" media="print" onload="this.media='all'">@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(/fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-display: swap;
src: url(/fonts.gstatic.com/s/opensans/v43/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}
</style>
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open%20Sans%3A400%2C600&display=swap"></noscript>
<meta name="description" content="UkuTabs brings you the ultimate Ukulele Chord referencing tool. Advanced, easy to use and above all completely free." />
<link rel="canonical" href="https://ukutabs.com/ukulele-chords-diagrams/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Ukulele Chords Diagrams & Ukulele Fretboard • UkuTabs" />
<meta property="og:description" content="UkuTabs brings you the ultimate Ukulele Chord referencing tool. Advanced, easy to use and above all completely free." />
<meta property="og:url" content="https://ukutabs.com/ukulele-chords-diagrams/" />
<meta property="og:site_name" content="UkuTabs" />
<meta property="article:publisher" content="https://www.facebook.com/UkuTabs/" />
<meta property="article:modified_time" content="2022-09-01T18:04:34+00:00" />
<meta property="og:image" content="https://ukutabs.com/wp-content/uploads/2020/12/cropped-app-icon-1.png" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />
<meta property="og:image:type" content="image/png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@UkuTabs" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://ukutabs.com/ukulele-chords-diagrams/","url":"https://ukutabs.com/ukulele-chords-diagrams/","name":"Ukulele Chords Diagrams & Ukulele Fretboard • UkuTabs","isPartOf":{"@id":"https://ukutabs.com/#website"},"datePublished":"2021-08-24T08:36:45+00:00","dateModified":"2022-09-01T18:04:34+00:00","description":"UkuTabs brings you the ultimate Ukulele Chord referencing tool. Advanced, easy to use and above all completely free.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://ukutabs.com/ukulele-chords-diagrams/"]}]},{"@type":"WebSite","@id":"https://ukutabs.com/#website","url":"https://ukutabs.com/","name":"UkuTabs","description":"Ukulele Tabs & Chords for your Favorite Songs","publisher":{"@id":"https://ukutabs.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ukutabs.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://ukutabs.com/#organization","name":"UkuTabs","url":"https://ukutabs.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://ukutabs.com/#/schema/logo/image/","url":"https://ukutabs.com/wp-content/uploads/2021/01/logo-ukutabs.png","contentUrl":"https://ukutabs.com/wp-content/uploads/2021/01/logo-ukutabs.png","width":316,"height":70,"caption":"UkuTabs"},"image":{"@id":"https://ukutabs.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/UkuTabs/","https://x.com/UkuTabs","https://pinterest.com/UkuTabs/","https://www.youtube.com/c/UkuTabsYT"]}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="UkuTabs » Feed" href="https://ukutabs.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="UkuTabs » Comments Feed" href="https://ukutabs.com/comments/feed/" />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='bp-login-form-style-inline-css' type='text/css'>
.widget_bp_core_login_widget .bp-login-widget-user-avatar{float:left}.widget_bp_core_login_widget .bp-login-widget-user-links{margin-left:70px}#bp-login-widget-form label{display:block;font-weight:600;margin:15px 0 5px;width:auto}#bp-login-widget-form input[type=password],#bp-login-widget-form input[type=text]{background-color:#fafafa;border:1px solid #d6d6d6;border-radius:0;font:inherit;font-size:100%;padding:.5em;width:100%}#bp-login-widget-form .bp-login-widget-register-link,#bp-login-widget-form .login-submit{display:inline;width:-moz-fit-content;width:fit-content}#bp-login-widget-form .bp-login-widget-register-link{margin-left:1em}#bp-login-widget-form .bp-login-widget-register-link a{filter:invert(1)}#bp-login-widget-form .bp-login-widget-pwd-link{font-size:80%}
</style>
<style id='bp-member-style-inline-css' type='text/css'>
[data-type="bp/member"] input.components-placeholder__input{border:1px solid #757575;border-radius:2px;flex:1 1 auto;padding:6px 8px}.bp-block-member{position:relative}.bp-block-member .member-content{display:flex}.bp-block-member .user-nicename{display:block}.bp-block-member .user-nicename a{border:none;color:currentColor;text-decoration:none}.bp-block-member .bp-profile-button{width:100%}.bp-block-member .bp-profile-button a.button{bottom:10px;display:inline-block;margin:18px 0 0;position:absolute;right:0}.bp-block-member.has-cover .item-header-avatar,.bp-block-member.has-cover .member-content,.bp-block-member.has-cover .member-description{z-index:2}.bp-block-member.has-cover .member-content,.bp-block-member.has-cover .member-description{padding-top:75px}.bp-block-member.has-cover .bp-member-cover-image{background-color:#c5c5c5;background-position:top;background-repeat:no-repeat;background-size:cover;border:0;display:block;height:150px;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.bp-block-member img.avatar{height:auto;width:auto}.bp-block-member.avatar-none .item-header-avatar{display:none}.bp-block-member.avatar-none.has-cover{min-height:200px}.bp-block-member.avatar-full{min-height:150px}.bp-block-member.avatar-full .item-header-avatar{width:180px}.bp-block-member.avatar-thumb .member-content{align-items:center;min-height:50px}.bp-block-member.avatar-thumb .item-header-avatar{width:70px}.bp-block-member.avatar-full.has-cover{min-height:300px}.bp-block-member.avatar-full.has-cover .item-header-avatar{width:200px}.bp-block-member.avatar-full.has-cover img.avatar{background:#fffc;border:2px solid #fff;margin-left:20px}.bp-block-member.avatar-thumb.has-cover .item-header-avatar{padding-top:75px}.entry .entry-content .bp-block-member .user-nicename a{border:none;color:currentColor;text-decoration:none}
</style>
<style id='bp-members-style-inline-css' type='text/css'>
[data-type="bp/members"] .components-placeholder.is-appender{min-height:0}[data-type="bp/members"] .components-placeholder.is-appender .components-placeholder__label:empty{display:none}[data-type="bp/members"] .components-placeholder input.components-placeholder__input{border:1px solid #757575;border-radius:2px;flex:1 1 auto;padding:6px 8px}[data-type="bp/members"].avatar-none .member-description{width:calc(100% - 44px)}[data-type="bp/members"].avatar-full .member-description{width:calc(100% - 224px)}[data-type="bp/members"].avatar-thumb .member-description{width:calc(100% - 114px)}[data-type="bp/members"] .member-content{position:relative}[data-type="bp/members"] .member-content .is-right{position:absolute;right:2px;top:2px}[data-type="bp/members"] .columns-2 .member-content .member-description,[data-type="bp/members"] .columns-3 .member-content .member-description,[data-type="bp/members"] .columns-4 .member-content .member-description{padding-left:44px;width:calc(100% - 44px)}[data-type="bp/members"] .columns-3 .is-right{right:-10px}[data-type="bp/members"] .columns-4 .is-right{right:-50px}.bp-block-members.is-grid{display:flex;flex-wrap:wrap;padding:0}.bp-block-members.is-grid .member-content{margin:0 1.25em 1.25em 0;width:100%}@media(min-width:600px){.bp-block-members.columns-2 .member-content{width:calc(50% - .625em)}.bp-block-members.columns-2 .member-content:nth-child(2n){margin-right:0}.bp-block-members.columns-3 .member-content{width:calc(33.33333% - .83333em)}.bp-block-members.columns-3 .member-content:nth-child(3n){margin-right:0}.bp-block-members.columns-4 .member-content{width:calc(25% - .9375em)}.bp-block-members.columns-4 .member-content:nth-child(4n){margin-right:0}}.bp-block-members .member-content{display:flex;flex-direction:column;padding-bottom:1em;text-align:center}.bp-block-members .member-content .item-header-avatar,.bp-block-members .member-content .member-description{width:100%}.bp-block-members .member-content .item-header-avatar{margin:0 auto}.bp-block-members .member-content .item-header-avatar img.avatar{display:inline-block}@media(min-width:600px){.bp-block-members .member-content{flex-direction:row;text-align:left}.bp-block-members .member-content .item-header-avatar,.bp-block-members .member-content .member-description{width:auto}.bp-block-members .member-content .item-header-avatar{margin:0}}.bp-block-members .member-content .user-nicename{display:block}.bp-block-members .member-content .user-nicename a{border:none;color:currentColor;text-decoration:none}.bp-block-members .member-content time{color:#767676;display:block;font-size:80%}.bp-block-members.avatar-none .item-header-avatar{display:none}.bp-block-members.avatar-full{min-height:190px}.bp-block-members.avatar-full .item-header-avatar{width:180px}.bp-block-members.avatar-thumb .member-content{min-height:80px}.bp-block-members.avatar-thumb .item-header-avatar{width:70px}.bp-block-members.columns-2 .member-content,.bp-block-members.columns-3 .member-content,.bp-block-members.columns-4 .member-content{display:block;text-align:center}.bp-block-members.columns-2 .member-content .item-header-avatar,.bp-block-members.columns-3 .member-content .item-header-avatar,.bp-block-members.columns-4 .member-content .item-header-avatar{margin:0 auto}.bp-block-members img.avatar{height:auto;max-width:-moz-fit-content;max-width:fit-content;width:auto}.bp-block-members .member-content.has-activity{align-items:center}.bp-block-members .member-content.has-activity .item-header-avatar{padding-right:1em}.bp-block-members .member-content.has-activity .wp-block-quote{margin-bottom:0;text-align:left}.bp-block-members .member-content.has-activity .wp-block-quote cite a,.entry .entry-content .bp-block-members .user-nicename a{border:none;color:currentColor;text-decoration:none}
</style>
<style id='bp-dynamic-members-style-inline-css' type='text/css'>
.bp-dynamic-block-container .item-options{font-size:.5em;margin:0 0 1em;padding:1em 0}.bp-dynamic-block-container .item-options a.selected{font-weight:600}.bp-dynamic-block-container ul.item-list{list-style:none;margin:1em 0;padding-left:0}.bp-dynamic-block-container ul.item-list li{margin-bottom:1em}.bp-dynamic-block-container ul.item-list li:after,.bp-dynamic-block-container ul.item-list li:before{content:" ";display:table}.bp-dynamic-block-container ul.item-list li:after{clear:both}.bp-dynamic-block-container ul.item-list li .item-avatar{float:left;width:60px}.bp-dynamic-block-container ul.item-list li .item{margin-left:70px}
</style>
<style id='bp-online-members-style-inline-css' type='text/css'>
.widget_bp_core_whos_online_widget .avatar-block,[data-type="bp/online-members"] .avatar-block{display:flex;flex-flow:row wrap}.widget_bp_core_whos_online_widget .avatar-block img,[data-type="bp/online-members"] .avatar-block img{margin:.5em}
</style>
<style id='bp-active-members-style-inline-css' type='text/css'>
.widget_bp_core_recently_active_widget .avatar-block,[data-type="bp/active-members"] .avatar-block{display:flex;flex-flow:row wrap}.widget_bp_core_recently_active_widget .avatar-block img,[data-type="bp/active-members"] .avatar-block img{margin:.5em}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='cleantalk-public-css-css' href='https://ukutabs.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-public.min.css?ver=6.63_1757333909' type='text/css' media='all' />
<link rel='stylesheet' id='cleantalk-email-decoder-css-css' href='https://ukutabs.com/wp-content/plugins/cleantalk-spam-protect/css/cleantalk-email-decoder.min.css?ver=6.63_1757333909' type='text/css' media='all' />
<link rel='stylesheet' id='weglot-css-css' href='https://ukutabs.com/wp-content/plugins/weglot/dist/css/front-css.css?ver=5.0' type='text/css' media='all' />
<link rel='stylesheet' id='new-flag-css-css' href='https://ukutabs.com/wp-content/plugins/weglot/dist/css/new-flags.css?ver=5.0' type='text/css' media='all' />
<style id='custom-flag-handle-inline-css' type='text/css'>
.weglot-flags.flag-0.wg-en>a:before,.weglot-flags.flag-0.wg-en>span:before {background-image: url(https://cdn.weglot.com/flags/rectangle_mat/us.svg); }.weglot-flags.flag-1.wg-en>a:before,.weglot-flags.flag-1.wg-en>span:before {background-image: url(https://cdn.weglot.com/flags/shiny/us.svg); }.weglot-flags.flag-2.wg-en>a:before,.weglot-flags.flag-2.wg-en>span:before {background-image: url(https://cdn.weglot.com/flags/square/us.svg); }.weglot-flags.flag-3.wg-en>a:before,.weglot-flags.flag-3.wg-en>span:before {background-image: url(https://cdn.weglot.com/flags/circle/us.svg); }
</style>
<link rel='stylesheet' id='mycred-social-share-icons-css' href='https://ukutabs.com/wp-content/plugins/mycred/assets/css/mycred-social-icons.css?ver=2.9.4.5' type='text/css' media='all' />
<link rel='stylesheet' id='mycred-social-share-style-css' href='https://ukutabs.com/wp-content/plugins/mycred/assets/css/mycred-social-share.css?ver=2.9.4.5' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://ukutabs.com/wp-content/themes/olympus/Bootstrap/dist/css/bootstrap.css?ver=4.4.0' type='text/css' media='all' />
<link rel='stylesheet' id='olympus-main-css' href='https://ukutabs.com/wp-content/themes/olympus/css/main.css?ver=3.75' type='text/css' media='all' />
<style id='olympus-main-inline-css' type='text/css'>
html:root {
--primary-accent-color: #a3321b;
--primary-accent-color-darken: #932d19;
--secondary-accent-color: #38a9ff;
--secondary-accent-color-darken: #3399e6;
--third-accent-color: #7c5ac2;
--icon-color: #a3321b;
--body-font-color: #888da8;
}.fixed-sidebar-left{ background-color: #111111}#site-header {background-color:#3f4257;}#site-header .search-bar .form-group.with-button button {background-color:#494c62;}#site-header .search-bar.w-search {background-color:#494c62;}#site-header .page-title > * {color:#ffffff;}#site-header .control-icon {color:#ffffff;}#site-header .control-block .author-title {color:#ffffff;}#site-header .search-bar .form-group.with-button input {color:#9a9fbf;}#site-header .search-bar .form-group.with-button input::placeholder {color:#9a9fbf;}#site-header .search-bar .form-group.with-button button {color:#9a9fbf;}#site-header .control-block .author-subtitle {color:#9a9fbf;}#header--standard {background-color:#ffffff;}#header--standard .primary-menu {background-color:#ffffff;}#header--standard .logo {color:#3f4257;}#header--standard li.cart-menulocation > a {color:#9a9fbf;}h1, .h1{font-family:"Lobster Two", sans-serif;font-weight:regular;}h2, .h2{}h3, .h3{}h4, .h4{}h5, .h5{}h6, .h6{}.primary-menu-menu .menu-item > a,.primary-menu-responsive.primary-menu .showhide,.primary-menu-menu ul.sub-menu li a,.primary-menu-menu > li.menu-item-has-mega-menu .megamenu ul > li a,.primary-menu-menu > li.menu-item-has-mega-menu .megamenu .column-tittle {}.left-menu .left-menu-title {}body.olympus-theme.bg-custom-color {background-color: #111111;}html:root {--body-bg-color: #111111;}.may-contain-custom-bg .ui-block {background-color: #ffffff}.fixed-sidebar-left {background-color: #111111}.elementor-section:not(.elementor-inner-section),body.olympus-theme div.section-theme-padding{padding-top: 80px; padding-bottom: 80px;}.youzify-account-verified, .icon-status.online {background-color: #46bde0 !important}#youzify-members-list .is-online .youzify-item-avatar::before {border-color: #46bde0 !important}
</style>
<link rel='stylesheet' id='olympus-yz-wall-css' href='https://ukutabs.com/wp-content/themes/olympus/css/youzer/yz-wall.css?ver=3.75' type='text/css' media='all' />
<link rel='stylesheet' id='olympus-yz-profile-css' href='https://ukutabs.com/wp-content/themes/olympus/css/youzer/yz-profile-style.css?ver=3.75' type='text/css' media='all' />
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/plugins/cleantalk-spam-protect/js/apbct-public-bundle_gathering.min.js?ver=6.63_1757333909" id="apbct-public-bundle_gathering.min-js-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/plugins/weglot/dist/front-js.js?ver=5.0" id="wp-weglot-js-js" data-rocket-defer defer></script>
<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-NNZXNDF" id="google_gtagjs-js" async></script>
<script type="text/javascript" id="google_gtagjs-js-after">
/* <![CDATA[ */
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["ukutabs.com"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-NNZXNDF");
window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); };
/* ]]> */
</script>
<link rel="https://api.w.org/" href="https://ukutabs.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ukutabs.com/wp-json/wp/v2/pages/166581" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ukutabs.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://ukutabs.com/?p=166581' />
<script type="text/javascript">var ajaxurl = 'https://ukutabs.com/wp-admin/admin-ajax.php';</script>
<meta name="generator" content="Site Kit by Google 1.161.0" />
<link rel="alternate" href="https://ukutabs.com/ukulele-chords-diagrams/" hreflang="en"/>
<link rel="alternate" href="https://ukutabs.com/de/ukulele-chords-diagrams/" hreflang="de"/>
<link rel="alternate" href="https://ukutabs.com/es/ukulele-chords-diagrams/" hreflang="es"/>
<link rel="alternate" href="https://ukutabs.com/fr/ukulele-chords-diagrams/" hreflang="fr"/>
<link rel="alternate" href="https://ukutabs.com/it/ukulele-chords-diagrams/" hreflang="it"/>
<link rel="alternate" href="https://ukutabs.com/nl/ukulele-chords-diagrams/" hreflang="nl"/>
<link rel="alternate" href="https://ukutabs.com/pt/ukulele-chords-diagrams/" hreflang="pt"/>
<link rel="alternate" href="https://ukutabs.com/id/ukulele-chords-diagrams/" hreflang="id"/>
<link rel="alternate" href="https://ukutabs.com/zh/ukulele-chords-diagrams/" hreflang="zh"/>
<link rel="alternate" href="https://ukutabs.com/ja/ukulele-chords-diagrams/" hreflang="ja"/>
<link rel="alternate" href="https://ukutabs.com/ru/ukulele-chords-diagrams/" hreflang="ru"/>
<script type="application/json" id="weglot-data">{"website":"https:\/\/ukutabs.com","uid":"b14afb523d","project_slug":"ukutabs","language_from":"en","language_from_custom_flag":"us","language_from_custom_name":null,"excluded_paths":[{"type":"CONTAIN","value":"\/members\/","language_button_displayed":true,"exclusion_behavior":"REDIRECT","excluded_languages":[],"regex":"\/members\/"},{"type":"MATCH_REGEX","value":"\/\\?s=\/","language_button_displayed":true,"exclusion_behavior":"REDIRECT","excluded_languages":[],"regex":"\/\\?s=\/"}],"excluded_blocks":[{"value":".qoate-code","description":null},{"value":".fontsize","description":null},{"value":".spacing","description":null},{"value":".chordcolor","description":null},{"value":".tptn_posts_daily","description":null},{"value":".tptn_posts_shortcode","description":null},{"value":".latestlist","description":null},{"value":".randomlist","description":null},{"value":".fulltitle","description":null},{"value":".taglinenotepad","description":null},{"value":".archivelist","description":null},{"value":".liedjestitel","description":null},{"value":".topviews-posts","description":null},{"value":".chordtype","description":null},{"value":".wpd-comment-text","description":null},{"value":".biografieartist","description":null},{"value":".zoektermvertaal","description":null},{"value":".chordsinthissong","description":null},{"value":".yoast-schema-graph","description":null},{"value":".thealbum","description":null},{"value":".weglotalbum","description":null},{"value":".wpd-thread-list","description":null},{"value":".wpd-thread-info","description":null},{"value":".wpd-view-replies","description":null},{"value":".wpd-view-replies-text","description":null},{"value":".wpd-reply-to","description":null},{"value":".wpd-comment-date","description":null},{"value":".wpd-toggle","description":null},{"value":".wpd_not_clicked","description":null},{"value":".wpd-comment-footer","description":null},{"value":".wpd-comment-header","description":null},{"value":"#sliderAmount_ts","description":null},{"value":"#sliderAmount_lh","description":null},{"value":".1-item","description":null},{"value":".wg-ldjson","description":null},{"value":".fa-chevron-right","description":null},{"value":".fa-chevron-left","description":null}],"custom_settings":{"button_style":{"is_dropdown":true,"with_flags":true,"flag_type":"circle","with_name":true,"full_name":true,"custom_css":""},"translate_email":false,"translate_search":false,"translate_amp":false,"switchers":[{"templates":{"name":"default","hash":"1a616114bb619fd36144d93d50e12c6c4d0f606d"},"location":[],"style":{"with_flags":true,"flag_type":"circle","with_name":true,"full_name":true,"is_dropdown":true}}]},"pending_translation_enabled":false,"curl_ssl_check_enabled":true,"custom_css":null,"languages":[{"language_to":"de","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"es","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"fr","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"it","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"nl","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"pt","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"id","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"zh","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"ja","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null},{"language_to":"ru","custom_code":null,"custom_name":null,"custom_local_name":null,"provider":null,"enabled":true,"automatic_translation_enabled":true,"deleted_at":null,"connect_host_destination":null,"custom_flag":null}],"organization_slug":"w-123e67c715","current_language":"en","switcher_links":{"en":"https:\/\/ukutabs.com\/ukulele-chords-diagrams\/","de":"https:\/\/ukutabs.com\/de\/ukulele-chords-diagrams\/","es":"https:\/\/ukutabs.com\/es\/ukulele-chords-diagrams\/","fr":"https:\/\/ukutabs.com\/fr\/ukulele-chords-diagrams\/","it":"https:\/\/ukutabs.com\/it\/ukulele-chords-diagrams\/","nl":"https:\/\/ukutabs.com\/nl\/ukulele-chords-diagrams\/","pt":"https:\/\/ukutabs.com\/pt\/ukulele-chords-diagrams\/","id":"https:\/\/ukutabs.com\/id\/ukulele-chords-diagrams\/","zh":"https:\/\/ukutabs.com\/zh\/ukulele-chords-diagrams\/","ja":"https:\/\/ukutabs.com\/ja\/ukulele-chords-diagrams\/","ru":"https:\/\/ukutabs.com\/ru\/ukulele-chords-diagrams\/"},"original_path":"\/ukulele-chords-diagrams\/"}</script>
<!-- Youzify Open Graph Tags -->
<meta property="twitter:card" content="summary_large_image">
<meta property="og:type" content="profile">
<meta property="og:url" content="">
<meta property="og:description" content="Hi! My name is Jonas. I’ve been an ukulele fanatic for quite a few years now. I’ve been studying music since I was 6 years old and started playing the piano at the academy a while after that. After the piano I started learning to play the acoustic guitar on my own, mainly finger style (novice/intermediate) and some occasional pop songs. After a few years of playing the guitar I had a very impulsive moment and picked up my first ukulele at a local music shop which was for some reason still open at 10 pm. It was the <a href="https://geni.us/makala-shark-blue" target="_blank" rel="noopener">cheapest Makala ukulele</a> in <a href="https://ukuguides.com/before-you-buy-ukulele/ukulele-buying-guide/" target="_blank" rel="noopener">plain laminated mahogany</a>. I quickly learned that I needed to get a better ukulele: one that stays in tune, has more volume, better intonation, sustain…
After a lot of research, which was quite scarce back in the day, I found the perfect ukulele at <a href="http://www.theukulelesite.com/" target="_blank" rel="noopener">TheUkuleleSite</a> (formerly known as Hawaii Music Supply): a limited edition tenor Kala with a solid cedar top and solid golden acacia back and sides. I absolutely LOVE it, it is an incredible little thing. I still have it till this day. I <a href="/ukulele-guide/take-care-of-your-ukulele/" target="_blank" rel="noopener">store</a> it in a vintage tweed ukulele case from the lovely people over at <a href="http://ukulelemovement.com/" target="_blank" rel="noopener">TheUkuleleMovement</a>.
So after all those years my main instrument has become… a ukulele. What was the incentive for this website? Well, at first I was actually building a personal ukulele tabs and chords website, so that I’d have some kind of “online sheet music book” which I can access from everywhere: on my computer, someone else’s computer, my smartphone,… This little project of mine is however growing bigger everyday!
I had some history in freelance website developing and founded a webhosting company once, so I took the challenge to build a website with ukulele tabs and chords in March 2012. Several years later UkuTabs has grown to one of the largest websites to learn and help play songs. Besides songs, UkuTabs includes powerful but easy to use tools which are completely free (and will stay like that forever).">
<meta property="twitter:description" content="Hi! My name is Jonas. I’ve been an ukulele fanatic for quite a few years now. I’ve been studying music since I was 6 years old and started playing the piano at the academy a while after that. After the piano I started learning to play the acoustic guitar on my own, mainly finger style (novice/intermediate) and some occasional pop songs. After a few years of playing the guitar I had a very impulsive moment and picked up my first ukulele at a local music shop which was for some reason still open at 10 pm. It was the <a href="https://geni.us/makala-shark-blue" target="_blank" rel="noopener">cheapest Makala ukulele</a> in <a href="https://ukuguides.com/before-you-buy-ukulele/ukulele-buying-guide/" target="_blank" rel="noopener">plain laminated mahogany</a>. I quickly learned that I needed to get a better ukulele: one that stays in tune, has more volume, better intonation, sustain…
After a lot of research, which was quite scarce back in the day, I found the perfect ukulele at <a href="http://www.theukulelesite.com/" target="_blank" rel="noopener">TheUkuleleSite</a> (formerly known as Hawaii Music Supply): a limited edition tenor Kala with a solid cedar top and solid golden acacia back and sides. I absolutely LOVE it, it is an incredible little thing. I still have it till this day. I <a href="/ukulele-guide/take-care-of-your-ukulele/" target="_blank" rel="noopener">store</a> it in a vintage tweed ukulele case from the lovely people over at <a href="http://ukulelemovement.com/" target="_blank" rel="noopener">TheUkuleleMovement</a>.
So after all those years my main instrument has become… a ukulele. What was the incentive for this website? Well, at first I was actually building a personal ukulele tabs and chords website, so that I’d have some kind of “online sheet music book” which I can access from everywhere: on my computer, someone else’s computer, my smartphone,… This little project of mine is however growing bigger everyday!
I had some history in freelance website developing and founded a webhosting company once, so I took the challenge to build a website with ukulele tabs and chords in March 2012. Several years later UkuTabs has grown to one of the largest websites to learn and help play songs. Besides songs, UkuTabs includes powerful but easy to use tools which are completely free (and will stay like that forever).">
<!-- End of Youzify Open Graph Tags -->
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #111111; }
</style>
<script>
function olympusModal() {
return {
show: false,
modalOpen() { this.show = true; document.querySelector('body').classList.add('overlay-enable') },
modalClose() { this.show = false; document.querySelector('body').classList.remove('overlay-enable') },
isModalOpen() { return this.show === true },
}
}
</script><style type="text/css">.ulp-form{max-width:480px!important;}</style><link rel="icon" href="https://ukutabs.com/wp-content/uploads/2020/12/cropped-app-icon-1-35x35.png" sizes="32x32" />
<link rel="icon" href="https://ukutabs.com/wp-content/uploads/2020/12/cropped-app-icon-1-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://ukutabs.com/wp-content/uploads/2020/12/cropped-app-icon-1-300x300.png" />
<meta name="msapplication-TileImage" content="https://ukutabs.com/wp-content/uploads/2020/12/cropped-app-icon-1-300x300.png" />
<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> <link rel="preload" href="/wp-content/themes/olympus/utimages/ukutabs-ukulele-full-horizontal.png" as="image">
<!-- <link rel="preload" href="/wp-content/themes/olympus/utimages/logo-ukutabs-smaller-optimized.png" as="image"> -->
<!-- <link rel="preload" href="/wp-content/themes/olympus/utimages/small-header-original-ukutabs-cut-optimized.jpg" as="image"> -->
<link rel="stylesheet" href="/wp-content/themes/olympus/main-ukutabs.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="https://ukutabs.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css" title="row" type="text/css" media="screen" charset="utf-8">
<style>
html {
scroll-behavior: auto;
}
@font-face {
font-family: 'olympus';
src: url("/wp-content/themes/olympus/fonts/olympus-icons/olympus.woff2") format("woff2"), url("/wp-content/themes/olympus/fonts/olympus-icons/olympus.woff") format("woff"), url("/wp-content/themes/olympus/fonts/olympus-icons/olympus.ttf") format("truetype"), url("/wp-content/themes/olympus/fonts/olympus-icons/olympus.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="olympus-icon-"],
[class*=" olympus-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'olympus' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.olympus-icon-Camera-Icon:before {
content: "\e910";
}
.olympus-icon-Chat---Messages-Icon:before {
content: "\e911";
}
.olympus-icon-Close-Icon:before {
content: "\e917";
}
.olympus-icon-Dropdown-Arrow-Icon:before {
content: "\e91f";
}
.olympus-icon-Groups-Icon:before {
content: "\e926";
}
.olympus-icon-Happy-Face-Icon:before {
content: "\e927";
}
.olympus-icon-Heart-Icon:before {
content: "\e92b";
}
.olympus-icon-Login-Icon:before {
content: "\e936";
}
.olympus-icon-logo-OL:before {
content: "\e937";
}
.olympus-icon-Blog-Icon:before {
content: "\e90c"; }
.olympus-icon-Logout-Icon:before {
content: "\e938";
}
.olympus-icon-Manage-Widgets-Icon:before {
content: "\e93a";
}
.olympus-icon-User-Icon:before {
content: "\e980";
}
.olympus-icon-Menu-Icon:before {
content: "\e93d";
}
.olympus-icon-Settings-Icon:before {
content: "\e963";
}
.olympus-icon-Thunder-Icon:before {
content: "\e978";
}
.olympus-icon-Account-Icon:before {
content: "\e900";
}
.olympus-icon-Active-Members-Icon:before {
content: "\e901";
}
.olympus-icon-Settings-V2-Icon:before {
content: "\e964";
}
.olympus-icon-Status-Icon:before {
content: "\e970";
}
.menu-item a svg {
width: 15px;
height: 15px;
}
</style>
<style>
html:root {
--primary-accent-color: #a3321b;
--primary-accent-color-darken: #932d19;
--secondary-accent-color: #a68e45;
--secondary-accent-color-darken: #a68e45;
--third-accent-color: #a3321b;
--icon-color: #a3321b;
--body-font-color: #707070;
--heading-font-color: #636363;
}
/* selectie kleur*/
::-moz-selection {
/* Code for Firefox */
background-color: #aa914526;
color: #a3321b;
}
::selection {
background-color: #aa914526;
color: #a3321b;
}
/*menu subtext weg op kleinere schermen*/
@media (max-width: 1399px) {
.title-block{display:none}
}
</style>
<style>
/*menu op mobile scrollable maken met alle talen erbij*/
@media (max-width: 1023px){
#primary-menu {
overflow: scroll!important;
}
}
.vivalaukulelenote{
float:left;
box-shadow:1px 1px 5px #999;
-moz-box-shadow:1px 1px 5px #999;
-webkit-box-shadow:1px 1px 5px #999;
padding:1px;
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
/* margin: 0px 25px -5px -45px; */
margin: 0px 25px 15px -45px;
border-radius:5px
}
/*zit ook in main-ukutabs.css, maar wil dit sneller*/
@media (min-width: 769px){
.loginbuttoncustom {
width: auto !important;
padding: 5px 15px 0 15px;
}
}
</style>
<style>
/* maak popup mogelijk zonder gans stylesheet */
.youzify-dialog.youzify-is-visible,
.youzify-modal.youzify-is-visible,
.youzify-popup-login.youzify-is-visible {
opacity: 1 !important;
visibility: visible !important;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.youzify-is-visible {
background-color: #0000008f !important;
}
/* membership stylesheet youzify */
.youzify-membership {
width: 100%;
overflow: hidden;
position: relative;
font-family: "Open Sans", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rtl .youzify-membership {
direction: rtl;
}
.youzify-membership ul {
margin: 0;
padding: 0;
list-style: none;
}
.youzify-membership .radio {
width: initial;
height: initial;
}
.youzify-membership h1,
.youzify-membership h2,
.youzify-membership h3,
.youzify-membership h4,
.youzify-membership h5,
.youzify-membership h6 {
margin: 0;
padding: 0;
line-height: 24px;
}
.youzify-membership a {
text-decoration: none;
}
.youzify-membership a:active,
.youzify-membership a:focus,
.youzify-membership a:hover,
.youzify-membership a:visited {
outline: 0;
}
.youzify-membership input[type="checkbox"],
.youzify-membership input[type="radio"] {
padding: 0;
margin: 0;
}
.rtl .youzify-membership input[type="checkbox"],
.rtl .youzify-membership input[type="radio"] {
margin-right: 0;
margin-left: 8px;
}
.youzify-membership-form .youzify-membership-form-header {
position: relative;
}
.youzify-membership-form .youzify-membership-form-cover {
height: 200px;
overflow: hidden;
position: relative;
background-position: center;
}
.youzify-membership-custom-cover {
background-size: cover;
}
.youzify-membership-form .form-cover-title {
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 200;
line-height: 26px;
padding: 5px 15px;
position: absolute;
margin: 0 45px 25px;
letter-spacing: 2px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.45);
}
.youzify-membership-form .form-title {
padding: 45px;
text-align: center;
}
.youzify-membership-form .form-title h2 {
margin: 0;
color: #898989;
font-size: 16px;
font-weight: 200;
line-height: 24px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.youzify-membership-form .youzify-membership-form-desc {
color: #abaaaa;
font-size: 13px;
margin-top: 12px;
line-height: 24px;
display: inline-block;
}
.youzify-membership-page-box {
padding: 50px 0;
}
.youzify-membership-form.youzify-membership-signup-page {
max-width: 550px;
}
.youzify-membership-form {
width: 90%;
margin: 0 auto;
max-width: 500px;
overflow: hidden;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 10px #e2e2e2;
-moz-box-shadow: 0 2px 10px #e2e2e2;
box-shadow: 0 2px 10px #e2e2e2;
}
.youzify-membership-form form {
margin: auto;
overflow: hidden;
text-align: left;
padding: 35px 45px;
}
.rtl .youzify-membership-form form {
text-align: right;
}
.youzify-membership-form .youzify-membership-field-info {
color: #898989;
font-size: 13px;
font-weight: 600;
margin-bottom: 25px;
}
#youzify-membership-form .youzify-membership-form-item label {
color: #898989;
font-size: 13px;
font-weight: 400;
}
#activation-form .youzify-membership-form-item label {
display: block;
margin-bottom: 15px;
}
.form-with-labels #youzify-membership-form .youzify-membership-form-item label {
display: block;
font-weight: 400;
margin-bottom: 12px;
}
.form-with-labels.form-border-rounded .youzify-membership-form-item label {
margin-left: 5px;
}
.form-with-labels .youzify-membership-form-item {
margin-bottom: 25px;
}
.form-no-labels .youzify-membership-form-item {
margin-bottom: 25px;
}
.form-fields-icon .youzify-membership-field-icon {
width: 42px;
height: 42px;
color: #949494;
line-height: 42px;
text-align: center;
}
.form-fields-icon.form-border-rounded.form-icons-right.form-nobg-icons .youzify-membership-field-icon i {
padding-right: 8px;
}
.form-fields-icon.form-border-rounded.form-icons-right.form-silver-icons .youzify-membership-field-icon i {
padding-right: 4px;
}
.form-fields-icon.form-border-rounded.form-icons-left.form-nobg-icons .youzify-membership-field-icon i {
padding-left: 8px;
}
.form-fields-icon.form-border-rounded.form-icons-left.form-silver-icons .youzify-membership-field-icon i {
padding-left: 4px;
}
.form-fields-icon.form-icons-right.form-nobg-icons .youzify-membership-form-item input:not([type="checkbox"]) {
padding-right: 0;
}
.form-fields-icon.form-silver-icons .youzify-membership-field-icon {
background-color: #eee;
}
.form-fields-icon.form-nobg-icons .youzify-membership-field-icon {
background-color: transparent;
}
.form-fields-icon #youzify-membership-form .youzify-membership-form-item input:not([type="checkbox"]) {
width: calc(100% - 42px);
}
.youzify-membership-form .form-icons-left.form-nobg-icons .youzify-membership-form-item input:not([type="checkbox"]) {
padding-left: 0;
}
.form-buttons-icons.form-border-rounded.form-icons-right .youzify-membership-button-icon i {
padding-right: 4px;
}
.form-buttons-icons.form-border-rounded.form-icons-left .youzify-membership-button-icon i {
padding-left: 4px;
}
.form-buttons-icons.form-icons-left .youzify-membership-button-icon,
.form-fields-icon.form-icons-left .youzify-membership-field-icon,
.form-full-button.form-icons-left .youzify-membership-button-icon {
float: left;
}
.form-buttons-icons.form-icons-right .youzify-membership-button-icon,
.form-fields-icon.form-icons-right .youzify-membership-field-icon,
.youzify-membership-social-buttons.form-icons-right .youzify-membership-button-icon {
float: right;
}
.form-full-border .youzify-membership-field-content {
border: 1px solid #eee;
}
.form-bottom-border .youzify-membership-field-content {
border-bottom: 1px solid #eee;
}
.youzify-membership-form-item input:not([type="checkbox"]):focus {
color: #959697;
}
#youzify-membership-form .youzify-membership-form-item input:not([type="checkbox"]),
#youzify-membership-form .youzify-membership-form-item input[type="text"] {
width: 100%;
margin: 0;
min-height: 42px;
line-height: 42px;
padding: 0 18px !important;
color: #959697;
font-size: 13px;
border: none !important;
box-shadow: none !important;
border-radius: initial;
background: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.youzify_membership_checkbox_field {
display: block;
font-size: 18px;
cursor: pointer;
position: relative;
margin-bottom: 15px;
padding-left: 30px;
}
.rtl .youzify_membership_checkbox_field {
padding-left: 0;
padding-right: 30px;
}
.youzify_membership_checkbox_field input {
position: absolute;
z-index: -1;
opacity: 0;
}
.youzify_membership_field_indication {
top: 0;
left: 0;
width: 20px;
height: 20px;
position: absolute;
background: 0 0;
border: 1px solid #d8d8d8;
border-radius: 3px;
}
.rtl .youzify_membership_field_indication {
left: initial;
right: 0;
}
.youzify_membership_field_indication:after {
position: absolute;
display: none;
content: "";
}
.youzify_membership_checkbox_field input:checked~.youzify_membership_field_indication:after {
display: block;
}
.youzify_membership_checkbox_field .youzify_membership_field_indication:after {
top: 2px;
left: 7px;
width: 5px;
height: 12px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border: solid #a09e9e;
border-width: 0 2px 2px 0;
}
.youzify-membership-form .youzify-membership-remember-me {
border: none;
margin: 25px 0 0;
}
.youzify-membership-remember-me:after,
.youzify-membership-social-buttons:after,
.youzify-membership-social-buttons:before {
content: "";
clear: both;
display: table;
}
.youzify-membership-remember-me .youzify-membership-item-content {
float: left;
}
.rtl .youzify-membership-remember-me .youzify-membership-item-content {
float: right;
}
.youzify-membership-form .youzify-membership-remember-me label {
display: inline-block;
margin-bottom: 0 !important;
}
.youzify-membership-form .youzify-membership-remember-me label input[type="checkbox"] {
width: 0;
}
.youzify-membership-remember-me .youzify-membership-forgot-password {
float: right;
margin-top: 3px;
}
.rtl .youzify-membership-remember-me .youzify-membership-forgot-password {
float: left;
}
.youzify-membership-forgot-password {
color: #898989;
display: table;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.youzify-membership-form-actions .youzify-membership-forgot-password {
padding: 30px 0 0;
margin: 0 auto;
overflow: hidden;
}
.youzify-membership-forgot-password:hover,
.youzify-membership-form .form-one-button .youzify-membership-link-button:hover {
color: #666;
}
.youzify-membership-form-actions {
margin-top: 30px;
}
.youzify-membership-form .youzify-membership-form-actions button {
color: #fff;
background-color: #45b3e4;
}
.youzify-membership-link-item {
line-height: 0;
}
body .youzify-membership-form a.youzify-membership-link-button {
color: #fff;
display: inline-block;
text-decoration: none;
background-color: #8fce46;
}
body .youzify-membership-form a.youzify-membership-link-button:hover {
color: #fff !important;
}
body .youzify-membership-form a.youzify-membership-link-button:hover {
text-decoration: none;
}
.youzify-membership-form .form-one-button .youzify-membership-link-item .youzify-membership-button-icon {
float: none;
width: 25px;
display: inline-block;
background-color: transparent;
}
.youzify-membership-form .form-one-button .youzify-membership-link-button {
color: #898989;
background-color: transparent;
}
.youzify-membership-form .youzify-membership-form-actions button,
.youzify-membership-form .youzify-membership-form-actions button[type="submit"],
.youzify-membership-form .youzify-membership-link-button {
padding: 0;
border: none;
font-size: 13px;
font-weight: 600;
box-shadow: none;
text-shadow: none;
text-align: center;
position: relative;
text-transform: uppercase;
}
.youzify-membership-form .youzify-authenticating .youzify-membership-form-actions button {
font-size: 14px;
text-transform: none;
}
.youzify-membership-form .youzify-membership-form-actions button:hover,
.youzify-membership-form .youzify-membership-link-button:hover {
opacity: 0.9;
text-decoration: none;
}
.form-full-button .youzify-membership-button-icon,
.youzify-membership-form-actions .youzify-membership-button-icon {
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
}
.youzify-membership-social-buttons.form-border-flat li a {
border-radius: 0;
}
.form-no-labels.form-border-rounded .youzify-membership-field-content,
.form-with-labels.form-border-rounded .youzify-membership-field-content,
.youzify-membership-form-actions.form-border-rounded .youzify-membership-link-button,
.youzify-membership-form-actions.form-border-rounded button,
.youzify-membership-social-buttons.form-border-rounded li a {
overflow: hidden;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
}
#youzify_membership_signup_form .clear-value,
.form-no-labels.form-border-radius .youzify-membership-field-content,
.form-with-labels.form-border-radius .youzify-membership-field-content,
.youzify-close-login,
.youzify-membership-form-actions.form-border-radius .youzify-membership-link-button,
.youzify-membership-form-actions.form-border-radius button,
.youzify-membership-social-buttons.form-border-radius li a {
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.form-silver-inputs .youzify-membership-form-item .youzify-membership-field-content {
background: #fff;
}
.youzify-membership-action-item .youzify-membership-link-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-fullwidth-button .youzify-membership-action-item a,
.form-fullwidth-button .youzify-membership-action-item button {
width: 100%;
}
.form-fullwidth-button:not(.youzify-membership-bp-registration-completed) .youzify-membership-action-item a {
margin-top: 12px;
}
.form-full-button .youzify-membership-button-icon,
.form-fullwidth-button .youzify-membership-button-icon {
width: 55px;
height: 55px;
line-height: 55px;
}
.form-full-button li a,
.form-fullwidth-button .youzify-membership-link-button,
.form-fullwidth-button button {
height: 55px;
line-height: 55px;
}
.form-halfwidth-button .youzify-membership-action-item {
float: left;
width: 50%;
}
.form-halfwidth-button .youzify-membership-action-item a,
.form-halfwidth-button .youzify-membership-action-item button {
width: 100%;
}
.form-halfwidth-button .youzify-membership-submit-item .youzify-membership-item-inner {
margin-right: 12.5px;
}
.form-halfwidth-button .youzify-membership-link-item .youzify-membership-item-inner {
margin-left: 12.5px;
}
.form-halfwidth-button .youzify-membership-link-button,
.form-halfwidth-button button {
height: 45px;
line-height: 45px;
}
.form-halfwidth-button .youzify-membership-button-icon {
width: 45px;
height: 45px;
line-height: 45px;
}
.youzify-membership-social-buttons.form-only-icons {
text-align: center;
}
.youzify-membership-social-buttons.form-only-icons .youzify-membership-button-icon {
float: none;
}
.youzify-membership-social-buttons .youzify-membership-social-title {
width: 100%;
line-height: 0;
display: block;
font-size: 12px;
margin: 30px auto;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #f2f2f2;
}
.youzify-membership-social-buttons .youzify-membership-social-title span {
color: #b0b0b0;
padding: 0 10px;
font-size: 11px;
background-color: #fff;
}
#youzify_membership_signup_form .youzify-membership-social-buttons .youzify-membership-social-title {
border: none;
}
#youzify_membership_signup_form .form-full-button .youzify-membership-social-title {
padding-top: 8px;
}
.youzify-membership-form .youzify-membership-social-buttons li:first-child a {
margin-top: 0;
}
.youzify-membership-form .youzify-membership-social-buttons li {
margin: 0;
padding: 0;
list-style: none;
}
.youzify-membership-form .youzify-membership-social-buttons li a {
padding: 0;
color: #fff;
border: none;
display: block;
cursor: pointer;
font-size: 13px;
font-weight: 600;
position: relative;
}
.youzify-membership-form .form-full-button li a {
margin-top: 12px;
}
.youzify-membership-form .form-full-button li:last-child {
padding-bottom: 12px;
}
.youzify-membership-social-buttons .youzify-membership-button-title {
padding: 0 25px;
}
.youzify-membership-social-buttons.form-only-icons li {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
margin-right: 12px;
display: inline-block;
}
.youzify-membership-social-buttons.form-only-icons li:last-of-type {
margin-right: 0;
}
.youzify-membership-facebook-btn a {
background-color: #4987bd;
}
.youzify-membership-wechat-btn a {
background-color: #51c332;
}
.youzify-membership-twitter-btn a {
background-color: #63cdf1;
}
.youzify-membership-google-btn a {
background-color: #ed4242;
}
.youzify-membership-instagram-btn a {
background-color: #ffcd21;
}
.youzify-membership-linkedin-btn a {
background-color: #0077b5;
}
.youzify-membership-twitchtv-btn a {
background-color: #6441a4;
}
body .youzify-membership-form #message {
margin: 0;
border: none;
border-radius: 0;
padding: 35px 45px 0;
border-top: 10px solid #f44336;
}
.youzify-membership-form #message p,
.youzify-membership-form .youzify-membership-form-message p {
color: #8f8f8f;
font-size: 13px;
text-align: left;
line-height: 24px;
padding: 8px 15px;
margin: 0 0 10px 0;
background-color: #eee;
}
.youzify-membership-form #message p,
.youzify-membership-form .youzify-membership-form-message p:last-of-type {
margin-bottom: 0;
}
.youzify-membership-form .youzify-membership-form-message p a {
color: #6f787c;
font-weight: 600;
text-decoration: none;
}
.youzify-membership-form .youzify-membership-form-message p strong {
font-weight: 600;
margin-right: 5px;
text-transform: uppercase;
}
.form-with-header .youzify-membership-form-message {
padding: 35px 45px 0;
}
.form-with-header .youzify-membership-error-msg {
border-top: 8px solid #f44336;
}
.form-with-header .youzify-membership-info-msg {
border-top: 8px solid #45b3e4;
}
.youzify-membership-form #message.error p,
.youzify-membership-form .youzify-membership-error-msg p {
border-left: 4px solid #fb5b4f;
}
.youzify-membership-form .youzify-membership-error-msg strong {
color: #f44336;
}
.form-with-header .youzify-membership-success-msg {
border-top: 8px solid #afe371;
}
.youzify-membership-form .youzify-membership-success-msg p {
border-radius: 2px;
padding: 15px 25px;
border-left: 6px solid #afe371;
}
.youzify-membership-form .youzify-membership-success-msg strong {
color: #8fce46;
}
.youzify-membership-success-msg .youzify-membership-link-button {
display: table;
margin: auto;
color: #fff;
background-color: #afe371;
}
.youzify-membership-form .youzify-membership-info-msg p {
border-left: 4px solid #45b3e4;
}
.youzify-membership-form .youzify-membership-info-message p strong {
color: #40abda;
}
.form-no-header form {
padding-top: 0;
}
.form-no-header .youzify-membership-form-message {
padding: 0 35px 45px;
}
.youzify-membership-forgot-password,
.youzify-membership-form .form-title h2,
.youzify-membership-form .youzify-membership-form-cover .form-cover-title,
.youzify-membership-form .youzify-membership-form-desc,
.youzify-membership-form .youzify-membership-form-message p,
.youzify-membership-form-actions button,
.youzify-membership-form-item .youzify-membership-item-content input,
.youzify-membership-form-item .youzify-membership-item-content label,
.youzify-membership-form-note,
.youzify-membership-link-button,
.youzify-membership-social-buttons .youzify-membership-social-title,
.youzify-membership-social-buttons li a {
font-family: Open sans, sans-serif;
}
.youzify-membership-form .form-cover-title {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.youzify-membership-form button:focus,
.youzify-membership-form input:focus,
.youzify-membership-form select:focus,
.youzify-membership-form textarea:focus {
outline: 0;
}
.youzify-membership-form-note {
margin: 0;
padding: 0;
color: #898989;
font-size: 13px;
line-height: 24px;
}
.youzify-membership-form-note strong {
font-weight: 600;
}
.youzify-membership-lost-password-page .youzify-membership-form-note {
margin-bottom: 30px;
}
.youzify-membership-complete-registration-page .youzify-membership-form-note {
margin-bottom: 30px;
}
.youzify-membership-complete-registration-page .youzify-membership-form-actions {
margin-top: 0;
}
.youzify-membership-form-note.youzify-membership-terms-note {
font-size: 14px;
text-align: center;
margin-top: 20px;
}
.youzify-membership-form-note.youzify-membership-terms-note a {
color: #45b3e4;
font-weight: 600;
}
#pass-strength-result:empty {
display: none;
}
#pass-strength-result {
color: #8a8a8a;
font-size: 13px;
font-weight: 600;
padding: 12px 20px;
border-radius: 4px;
margin-bottom: 25px;
background-color: #f5f5f5;
border-left: 6px solid #eee;
}
#pass-strength-result.short {
border-left: 6px solid #f44336;
}
#pass-strength-result.bad {
border-left: 6px solid #f44336;
}
#pass-strength-result.good {
border-left: 6px solid #ff9800;
}
#pass-strength-result.strong {
border-left: 6px solid #8bc34a;
}
.youzify-membership-recaptcha-container {
margin-top: 25px;
}
.youzify-membership-form input:-webkit-autofill,
.youzify-membership-form input:-webkit-autofill:focus .youzify-membership-form input:-webkit-autofill,
.youzify-membership-form input:-webkit-autofill:hover,
.youzify-membership-form select:-webkit-autofill,
.youzify-membership-form select:-webkit-autofill:focus,
.youzify-membership-form select:-webkit-autofill:hover,
.youzify-membership-form textarea:-webkit-autofill,
.youzify-membership-form textarea:-webkit-autofill:hover .youzify-membership-form textarea:-webkit-autofill:focus {
border: none;
-webkit-text-fill-color: #898989;
-webkit-box-shadow: 0 0 0 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
.youzify-membership-form-item .youzify-membership-item-content input::-webkit-input-placeholder {
font-family: Open Sans, Sans-serif;
color: #9e9e9e;
}
.youzify-membership-form-item .youzify-membership-item-content input::-moz-placeholder {
font-family: Open Sans, Sans-serif;
color: #8aaebf;
}
.youzify-membership-form-item .youzify-membership-item-content input::-ms-input-placeholder {
font-family: Open Sans, Sans-serif;
color: #8aaebf;
}
#youzify_membership_signup_form .error {
color: #8a8a8a;
font-size: 13px;
font-weight: 400;
border-radius: 3px;
padding: 13px 15px;
margin-bottom: 15px;
background-color: #f6f6f6;
border-left: 5px solid #f44336;
}
#youzify_membership_signup_form h2 {
margin: 0;
padding: 0;
display: block;
color: #b0b0b0;
font-size: 11px;
font-weight: 600;
margin-bottom: 20px;
}
#youzify_membership_signup_form .youzify-membership-section-title {
width: 100%;
line-height: 0;
display: block;
font-size: 12px;
margin: 10px auto 30px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #f2f2f2;
}
#youzify_membership_signup_form .youzify-membership-section-title span {
margin: 0;
color: #b0b0b0;
padding: 0 10px;
font-size: 11px;
display: initial;
font-weight: 600;
margin-bottom: 20px;
background-color: #fff;
}
form#youzify_membership_signup_form fieldset legend,
form#youzify_membership_signup_form label {
padding: 0;
width: auto;
border: none;
display: block;
color: #898989;
font-size: 13px;
font-weight: 600;
margin: 0 0 12px;
}
form#youzify_membership_signup_form fieldset legend {
padding: 0 10px;
}
#youzify_membership_signup_form .field_type_datebox .datebox-selects label {
display: inline-block;
margin-left: 10px;
}
#youzify_membership_signup_form .field_type_datebox .nice-select,
#youzify_membership_signup_form .field_type_datebox select {
margin-left: 15px;
}
#youzify_membership_signup_form label .bp-required-field-label,
#youzify_membership_signup_form legend .bp-required-field-label {
color: #8c8c8c;
font-size: 10px;
margin-left: 5px;
font-weight: 400;
line-height: 14px;
border-radius: 2px;
padding: 2px 7px 3px;
display: inline-block;
text-transform: uppercase;
background-color: #f0f0f0;
}
.rtl #youzify_membership_signup_form label .bp-required-field-label,
.rtl #youzify_membership_signup_form legend .bp-required-field-label {
margin-left: 0;
margin-right: 5px;
}
#youzify_membership_signup_form input[type="email"],
#youzify_membership_signup_form input[type="number"],
#youzify_membership_signup_form input[type="password"],
#youzify_membership_signup_form input[type="text"] {
width: 100%;
color: #959697;
margin-top: 0;
font-size: 13px;
padding: 0 18px !important;
min-height: 42px;
line-height: 42px;
border: 1px solid #eee;
border-radius: initial;
background: 0 0;
box-shadow: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#youzify_membership_signup_form input {
margin-bottom: 25px;
}
#youzify_membership_signup_form fieldset {
margin: 0;
margin-bottom: 30px;
padding: 0 15px 15px;
border: 1px solid #f2f2f2;
}
#youzify_membership_signup_form fieldset legend {
padding: 0 15px;
}
#youzify_membership_signup_form fieldset legend:first-letter {
text-transform: uppercase;
}
#youzify_membership_signup_form fieldset input {
margin-bottom: 0;
}
#youzify_membership_signup_form select {
border: 0;
outline: 0;
color: #949494;
cursor: pointer;
height: initial;
font-size: 13px;
border-radius: 0;
padding: 5px 12px;
display: inline-block;
border: 1px solid #eee;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#youzify_membership_signup_form select option {
padding: 6px 5px;
color: #898989;
}
#youzify_membership_signup_form .field_type_textarea .wp-editor-container {
border: 1px solid #eee;
}
#youzify_membership_signup_form .field_type_checkbox .description,
#youzify_membership_signup_form .field_type_datebox .description,
#youzify_membership_signup_form .field_type_radio .description {
margin: 0 0 15px 0;
}
#youzify_membership_signup_form .description {
display: block;
color: #929292;
font-size: 13px;
margin: 15px 0 0;
line-height: 18px;
padding-right: 15px;
}
.rtl #youzify_membership_signup_form .description {
padding-right: 0;
padding-left: 15px;
}
#youzify_membership_signup_form .field-visibility-settings {
display: none;
}
#youzify_membership_signup_form .field-visibility-settings fieldset {
margin: 15px 0;
border: 1px solid #eee;
padding: 10px 15px 18px;
}
#youzify_membership_signup_form .field-visibility-settings fieldset legend {
padding: 0 12px;
}
#youzify_membership_signup_form label .field-visibility-text {
color: #929292;
font-size: 13px;
font-weight: 600;
line-height: 18px;
padding-right: 15px;
}
.rtl #youzify_membership_signup_form label .field-visibility-text {
padding-right: 0;
padding-left: 15px;
}
#youzify_membership_signup_form label[for*="adminsonly"] .field-visibility-text:before {
content: "\f023";
background: #ffca6e;
background: linear-gradient(to left, #f9d423, #ff4e50);
background: -webkit-linear-gradient(right, #f9d423, #ff4e50);
}
#youzify_membership_signup_form label[for*="loggedin"] .field-visibility-text:before {
content: "\f0c0";
background: #56ab2f;
background: linear-gradient(to right, #56ab2f, #a8e063);
background: -webkit-linear-gradient(left, #56ab2f, #a8e063);
}
#youzify_membership_signup_form label[for*="public"] .field-visibility-text:before {
content: "\f0ac";
background-color: #1ac6dc;
background-image: linear-gradient(to left, #24c6dc 0, #514a9d 100%);
background-image: -webkit-linear-gradient(right, #24c6dc 0, #514a9d 100%);
}
#youzify_membership_signup_form label[for*="friends"] .field-visibility-text:before {
content: "\f2b5";
background: #ff7376;
background: linear-gradient(to left, #fa6d9d, #ff1e6b);
background: -webkit-linear-gradient(right, #fa6d9d, #ff1e6b);
}
#youzify_membership_signup_form label .field-visibility-text:before {
color: #898989;
cursor: pointer;
font-size: inherit;
text-rendering: auto;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Font
Awesome 5 Free" !important;
}
#youzify_membership_signup_form label .field-visibility-text:before {
width: 30px;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
margin: 0 8px 0 4px;
border-radius: 100%;
background-color: #eaeaea;
}
.rtl #youzify_membership_signup_form label .field-visibility-text:before {
margin: 0 4px 0 8px;
}
#youzify_membership_signup_form .clear-value {
color: #fff;
font-size: 11px;
padding: 0 15px;
margin-top: 15px;
font-weight: 600;
background: #eee;
line-height: 28px;
text-align: center;
display: inline-block;
letter-spacing: 0.03em;
text-transform: uppercase;
}
#youzify_membership_signup_form .checkbox-options label,
#youzify_membership_signup_form .radio-button-options label {
color: #929292;
font-size: 13px;
font-weight: 600;
line-height: 18px;
margin-right: 20px;
}
.rtl #youzify_membership_signup_form .checkbox-options label,
.rtl #youzify_membership_signup_form .radio-button-options label {
margin-left: 20px;
margin-right: 0;
}
#youzify_membership_signup_form .field-visibility-settings-notoggle,
#youzify_membership_signup_form .field-visibility-settings-toggle {
color: #8a8a8a;
font-size: 13px;
margin: 15px 0 0;
padding: 10px 15px;
border-radius: 3px;
background-color: #f9f9f9;
border-left: 5px solid #b4b3b3;
}
.rtl #youzify_membership_signup_form .field-visibility-settings-notoggle,
.rtl #youzify_membership_signup_form .field-visibility-settings-toggle {
border-left: none;
border-right: 5px solid #b4b3b3;
}
#youzify_membership_signup_form label input {
vertical-align: middle;
}
.youzify-membership .editfield .checkbox-options label input,
.youzify-membership .editfield .radio-button-options label input {
width: initial;
margin-right: 7px;
}
.rtl .youzify-membership .editfield .checkbox-options label input,
.rtl .youzify-membership .editfield .radio-radio-button-options label input {
margin-left: 7px;
margin-right: 0;
}
.rtl .youzify-membership .editfield .checkbox-options label,
.rtl .youzify-membership .editfield .radio-button-options label {
margin-right: 0;
margin-left: 20px;
}
.youzify-membership-form .checkbox-options label {
color: #929292;
font-size: 13px;
display: inline-block;
margin: 0 20px 10px 0;
}
.youzify-membership-form .editfield .checkbox-options label input {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 22px;
width: 22px;
transition: all 0.15s ease-out 0s;
background: #f1f1f1;
border: none;
box-shadow: none !important;
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: 0;
border-radius: 2px;
}
.youzify-membership-form .editfield .checkbox-options input:hover {
background: #cccaca;
}
.youzify-membership-form .editfield .checkbox-options input:active {
outline: 0;
}
.youzify-membership-form .editfield .checkbox-options input:checked {
background: #8dafbe;
outline: 0;
}
.youzify-membership-form .editfield .checkbox-options input:checked::before {
width: 22px;
position: absolute;
content: "✔";
margin: 0;
display: block;
font-size: 12px;
line-height: 22px;
text-align: center;
color: #fff;
}
.youzify-membership-form .editfield .checkbox-options input:checked::after {
background: #40e0d0;
content: "";
display: block;
position: relative;
z-index: 100;
}
#youzify_membership_signup_form .field-visibility-settings input {
margin-right: 3px;
}
#youzify_membership_signup_form .field-visibility-settings input {
opacity: 1;
width: initial;
height: initial;
position: initial;
margin-right: 3px;
}
.rtl #youzify_membership_signup_form .field-visibility-settings input {
margin-right: 0;
margin-left: 3px;
}
#youzify_membership_signup_form .field-visibility-settings .field-visibility-settings-close {
color: #fff;
border: none;
font-size: 11px;
font-weight: 600;
padding: 8px 15px;
text-align: center;
border-radius: 2px;
display: inline-block;
letter-spacing: 0.03em;
background-color: #89afc1;
text-transform: uppercase;
}
#youzify_membership_signup_form .field-visibility-settings-notoggle .current-visibility-level,
#youzify_membership_signup_form .field-visibility-settings-toggle .current-visibility-level,
#youzify_membership_signup_form .field-visibility-settings-toggle .visibility-toggle-link {
padding: 0;
font-weight: 600;
text-align: center;
line-height: 18px;
border-radius: 50px;
display: inline-block;
}
#youzify_membership_signup_form .clear-value,
#youzify_membership_signup_form .field-visibility-settings .field-visibility-settings-close,
#youzify_membership_signup_form .field-visibility-settings-notoggle .visibility-toggle-link,
#youzify_membership_signup_form .field-visibility-settings-toggle .visibility-toggle-link {
background-color: #7ea3b5;
background-image: linear-gradient(to left, #00bcd4 0, #7ea3b5 100%);
background-image: -webkit-linear-gradient(right, #00bcd4 0, #7ea3b5 100%);
}
#youzify_membership_signup_form .field-visibility-settings-notoggle .current-visibility-level,
#youzify_membership_signup_form .field-visibility-settings-toggle .current-visibility-level {
font-size: 11px;
margin-left: 8px;
padding: 4px 15px;
border: 1px solid #eee;
}
.rtl #youzify_membership_signup_form .field-visibility-settings-notoggle .current-visibility-level,
.rtl #youzify_membership_signup_form .field-visibility-settings-toggle .current-visibility-level {
margin-left: 0;
margin-right: 8px;
}
#youzify_membership_signup_form .field-visibility-settings-notoggle .visibility-toggle-link,
#youzify_membership_signup_form .field-visibility-settings-toggle .visibility-toggle-link {
color: #fff;
border: none;
font-size: 11px;
padding: 4px 12px;
margin-left: 8px;
letter-spacing: 0.03em;
background-color: #89afc1;
}
.rtl #youzify_membership_signup_form .field-visibility-settings-notoggle .visibility-toggle-link,
.rtl #youzify_membership_signup_form .field-visibility-settings-toggle .visibility-toggle-link {
margin-left: 0;
margin-right: 8px;
}
#youzify_membership_signup_form .field-visibility-settings .field-visibility-settings-close i,
#youzify_membership_signup_form .field-visibility-settings-notoggle .visibility-toggle-link i,
#youzify_membership_signup_form .field-visibility-settings-toggle .visibility-toggle-link i {
font-size: 12px;
margin-right: 5px;
}
#blog-details-section #signup_with_blog {
margin-bottom: 0;
}
#blog-details-section #blog-details {
display: block;
font-size: 13px;
color: #898989;
}
#blog-details-section #signup_blog_url {
margin-top: 18px;
}
.youzify-membership-login-widget,
.youzify-membership-register-widget {
margin-bottom: 35px;
}
.youzify-membership-register-widget .youzify-membership-page-box {
padding: 0;
}
.youzify-membership-login-widget .youzify-membership-form,
.youzify-membership-register-widget .youzify-membership-form {
padding: 0;
margin: 0;
width: 100%;
}
.youzify-membership-login-widget .youzify-membership-form form,
.youzify-membership-register-widget .youzify-membership-form form {
padding: 25px;
}
#youzify_membership_signup_form .current-visibility-level,
#youzify_membership_signup_form fieldset legend {
font-family: Open sans, sans-serif;
}
.youzify-popup-login.youzify-is-visible .youzify-membership-form {
left: 0;
right: 0;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.youzify-popup-login .youzify-membership-form {
box-shadow: none;
}
.youzify-popup-login {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 9999;
position: fixed;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.youzify-popup-login .youzify-membership-form .youzify-membership-form-cover {
height: 125px;
}
.youzify-popup-login .youzify-membership-form form {
padding: 20px 45px 30px;
}
.youzify-popup-login .form-with-labels .youzify-membership-form-item {
margin-bottom: 15px;
}
.youzify-popup-login .youzify-membership-social-buttons .youzify-membership-social-title {
margin: 20px auto;
}
.youzify-popup-login .youzify-membership-form .youzify-membership-remember-me {
margin: 20px 0 0;
}
.youzify-popup-login .youzify-membership-form-actions {
margin-top: 22px;
}
.youzify-popup-login .form-full-button li a,
.youzify-popup-login .form-fullwidth-button .youzify-membership-link-button,
.youzify-popup-login .form-fullwidth-button button {
height: 50px;
line-height: 50px;
}
.youzify-popup-login .form-full-button .youzify-membership-button-icon,
.youzify-popup-login .form-fullwidth-button .youzify-membership-button-icon {
width: 50px;
height: 50px;
line-height: 50px;
}
.youzify-popup-login .youzify-membership-social-buttons.form-only-icons li {
width: 40px;
height: 40px;
line-height: 40px;
}
.youzify-popup-login .youzify-membership-form-item input:not([type="checkbox"]) {
min-height: 38px;
line-height: 38px;
}
.youzify-popup-login .form-fields-icon .youzify-membership-field-icon {
width: 42px;
height: 42px;
line-height: 42px;
}
.youzify-close-login {
top: 10px;
margin: 0;
padding: 0;
color: #fff;
width: 30px;
right: 10px;
height: 30px;
cursor: pointer;
position: absolute;
text-align: center;
line-height: 29px !important;
background-color: rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.youzify-close-login:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.youzify-popup-login .youzify-membership-form-message {
display: none;
}
.youzify-popup-login .form-no-header .form-title {
padding: 25px 0 10px;
}
.youzify-membership .youzify-membership-action-item a:hover {
color: #fff;
}
.youzify-membership .wp-core-ui .quicktags-toolbar input.button.button-small {
width: initial;
line-height: 0;
}
@media screen and (max-width: 475px) {
.youzify-membership-form form,
.youzify-popup-login .youzify-membership-form form {
padding: 25px 35px;
}
.rtl .youzify-membership-remember-me .youzify-membership-forgot-password,
.rtl .youzify-membership-remember-me .youzify-membership-item-content,
.youzify-membership-remember-me .youzify-membership-forgot-password,
.youzify-membership-remember-me .youzify-membership-item-content {
float: none;
}
.youzify-membership-remember-me .youzify-membership-forgot-password {
display: block;
margin-top: 30px;
text-align: center;
}
}
@media screen and (max-width: 425px) {
#youzify_membership_signup_form .field_type_datebox label {
display: block;
margin-bottom: 15px;
}
#youzify_membership_signup_form .field_type_datebox .nice-select,
#youzify_membership_signup_form .field_type_datebox .nice-select .list,
#youzify_membership_signup_form .field_type_datebox select {
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 375px) {
.youzify-membership-form form,
.youzify-popup-login .youzify-membership-form form {
padding: 15px 25px;
}
}
</style>
<style>
/* login youzify */
.youzify-membership-form .form-cover-title {
background: rgb(58 58 58 / 50%);
}
.youzify-membership-form {
background-color: #f1eee4;
}
.youzify-membership-form .youzify-membership-form-actions button {
color: #fff;
background-color: #aa9145;
}
body .youzify-membership-form a.youzify-membership-link-button {
color: #fff;
background-color: #736430;
}
.form-full-border .youzify-membership-field-content {
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
<!-- SORTABLE -->
<!-- PLACE THIS SECTION INSIDE OF YOUR HEAD TAGS -->
<!-- Below is a recommended list of pre-connections, which allow the network to establish each connection quicker, speeding up response times and improving ad performance. -->
<link rel="preconnect" href="https://a.pub.network/" crossorigin />
<link rel="preconnect" href="https://b.pub.network/" crossorigin />
<link rel="preconnect" href="https://c.pub.network/" crossorigin />
<link rel="preconnect" href="https://d.pub.network/" crossorigin />
<link rel="preconnect" href="https://c.amazon-adsystem.com" crossorigin />
<link rel="preconnect" href="https://s.amazon-adsystem.com" crossorigin />
<link rel="preconnect" href="https://btloader.com/" crossorigin />
<link rel="preconnect" href="https://api.btloader.com/" crossorigin />
<link rel="preconnect" href="https://confiant-integrations.global.ssl.fastly.net" crossorigin />
<!-- Below is a link to a CSS file that accounts for Cumulative Layout Shift, a new Core Web Vitals subset that Google uses to help rank your site in search -->
<!-- The file is intended to eliminate the layout shifts that are seen when ads load into the page. If you don't want to use this, simply remove this file -->
<!-- To find out more about CLS, visit https://web.dev/vitals/ -->
<link rel="stylesheet" href="https://a.pub.network/ukutabs-com/cls.css">
<script src="https://analytics.ahrefs.com/analytics.js" data-key="QgAf0WItvNHAYLyWse9nvQ" async></script>
<script data-cfasync="false" type="text/javascript">
var freestar = freestar || {};
freestar.queue = freestar.queue || [];
freestar.config = freestar.config || {};
freestar.config.enabled_slots = [];
freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) }
</script>
<script src="https://a.pub.network/ukutabs-com/pubfig.min.js" data-cfasync="false" async></script>
<style>
.qc-cmp2-persistent-link{
background-color:#a68e46!important;
opacity:0.8
}
</style>
<!-- Sortable -->
<!-- <script defer async data-cfasync="false" src="https://tags-cdn.deployads.com/a/ukutabs.com.js"></script>
<style>
#qc-cmp2-ui {
border-radius: 10px
}
.qc-cmp2-persistent-link,
#qc-cmp2-persistent-link,
.qc-ccpa-persistent-link {
display: none !important;
cursor: pointer;
position: fixed;
padding: 6px 15px;
background-color: #f2f2e8 !important;
color: #6e6e6e !important;
align-items: center;
max-height: 15px;
z-index: 2147483640;
width: auto;
box-sizing: content-box !important;
line-height: normal !important;
font-size: 12px !important;
white-space: nowrap;
text-overflow: ellipsis;
bottom: 80px !important;
right: -44px !important;
left: auto !important;
transform-origin: top left;
transform: rotate(-90deg);
}
.qc-ccpa-persistent-link {
width: auto !important;
right: -107px !important;
border-radius: 3px 3px 0 0;
}
.qc-cmp2-persistent-link img,
.qc-ccpa-persistent-link svg {
display: none !important
}
#qc-cmp2-persistent-link,
.qc-cmp2-persistent-link,
.qc-cmp2-container,
#qc-cmp2-container {
//display: none !important
}
</style> -->
<!-- TONEFUSE OP ARTIST PAGINAS PLAY BUTTON -->
<script src="https://kit.fontawesome.com/e9257790de.js" crossorigin="anonymous" data-rocket-defer defer></script>
<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.19.2.1" data-wpr-features="wpr_defer_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_automatic_lazy_rendering wpr_image_dimensions wpr_preload_links wpr_desktop" /></head>
<body class="bp-legacy wp-singular page-template page-template-template-UKUCHORDS page-template-template-UKUCHORDS-php page page-id-166581 custom-background wp-theme-olympus wp-child-theme-olympus-child youzify-gray-scheme not-logged-in youzify-light-lighting-mode disable-sticky-both-header bg-custom-color group-blog singular page-has-header-social page-has-standard-header page-has-left-panels olympus-theme" itemscope="itemscope" itemtype="https://schema.org/WebPage">
<!-- <div id="overflow-x-wrapper" x-data="olympusModal()" @keydown.escape="modalClose()"> -->
<div id="overflow-x-wrapper">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<style>
.left-menu a {
cursor: pointer !important
}
.universal-olympus-icon {
cursor: pointer !important
}
</style>
<div id="fixed-sidebar-left" class="fixed-sidebar left" x-data="{ sidebarOpen: false }" x-bind:class="{ 'menu-open': sidebarOpen }" x-on:keydown.escape="sidebarOpen = false" x-on:click.away="sidebarOpen = false">
<div class="side-menu-open js-sidebar-open" @click="sidebarOpen = ! sidebarOpen" x-bind:class="{ 'active': sidebarOpen }">
<span class="olymp-menu-icon" data-toggle="tooltip" data-placement="right" data-original-title="Open menu">
<img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/01/icon-u-menu.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/01/icon-u-menu.png" alt="" loading="lazy" /></noscript> </span>
<i class="olymp-close-icon olympus-icon-Close-Icon" data-toggle="tooltip" data-placement="right" data-original-title="Close menu"></i>
</div>
<div class="fixed-sidebar-left sidebar--small" id="sidebar-left" x-bind:class="{ 'menu-open': sidebarOpen }">
<div class="mCustomScrollbar" data-mcs-theme="dark">
<ul class="left-menu">
<li class="wp-dark-mode-ignore">
<a href="/ukulele-chord-namer/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Chord Naming Tool" class="UkuleleChordNamer wp-dark-mode-ignore">
<script type="text/javascript" style="display:none">
//<![CDATA[
window.__mirage2 = {petok:"JAHrrGdI7MYUEbIPEFg0OCYtXbav9y31Psss2HNpPjM-1800-0.0.1.1"};
//]]>
</script>
<script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
<img data-perfmatters-preload style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chord namer" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchordnamer.png" data-cfstyle="width:24px;height:24px"><noscript><img data-perfmatters-preload="" style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chord namer" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchordnamer.png" alt=""></noscript>
</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/ukulele-chords-diagrams/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Chord Diagrams" class="UkuleleChords wp-dark-mode-ignore">
<img data-perfmatters-preload style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chords" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchords-active.png" data-cfstyle="width:24px;height:24px"><noscript><img data-perfmatters-preload="" style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chords" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchords-active.png" alt=""></noscript>
</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/learn-how-to-play-ukulele/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Ukulele Guides" class="UkuleleGuides wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele guides" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuguides.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele guides" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuguides.png" alt=""></noscript>
</span>
</a>
</li>
<!-- <li class="wp-dark-mode-ignore">
<a href="/unbiased-honest-ukulele-reviews/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Ukulele Reviews" class="UkuleleReviews wp-dark-mode-ignore">
<img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele reviews" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukureviews.png" alt="">
</span>
</a>
</li> -->
<li class="wp-dark-mode-ignore">
<a href="/ukulele-scales/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Scales Archive" class="UkuleleScales wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele scales" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuscales.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele scales" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuscales.png" alt=""></noscript>
</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="https://ukutabs.com" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Songs" class="UkuleleTabs wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tabs" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutabs.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tabs" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutabs.png" alt=""></noscript>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/ukulele-tuner/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Online Tuner" class="UkuleleTuner wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tuner" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutuner.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tuner" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutuner.png" alt=""></noscript>
</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/guitar-ukulele-tab-convertor/" class="wp-dark-mode-ignore">
<span data-toggle="tooltip" data-placement="right" data-original-title="Tab Convertor" class="UkuleleConvertor wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tab convertor" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuconvert-s2.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tab convertor" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuconvert-s2.png" alt=""></noscript>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fixed-sidebar-left sidebar--large" id="sidebar-left-1">
<div class="mCustomScrollbar" data-mcs-theme="dark">
<ul class="left-menu wp-dark-mode-ignore">
<li class="wp-dark-mode-ignore">
<a href="/ukulele-chord-namer/" class="wp-dark-mode-ignore">
<img data-perfmatters-preload style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chord namer" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchordnamer.png" data-cfstyle="width:24px;height:24px"><noscript><img data-perfmatters-preload="" style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chord namer" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchordnamer.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Chord Naming Tool</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/ukulele-chords-diagrams/" class="wp-dark-mode-ignore">
<img data-perfmatters-preload style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chords" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchords-active.png" data-cfstyle="width:24px;height:24px"><noscript><img data-perfmatters-preload="" style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele chords" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuchords-active.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore" style="color:#c3b586!important">Chord Diagrams</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/learn-how-to-play-ukulele/" class="wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele guides" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuguides.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele guides" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuguides.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Ukulele Guides</span>
</a>
</li>
<!-- <li class="wp-dark-mode-ignore">
<a href="/unbiased-honest-ukulele-reviews/" class="wp-dark-mode-ignore">
<img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele reviews" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukureviews.png" alt="">
<span class="left-menu-title wp-dark-mode-ignore">Ukulele Reviews</span>
</a>
</li> -->
<li class="wp-dark-mode-ignore">
<a href="/ukulele-scales/" class="wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele scales" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuscales.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele scales" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuscales.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Scales Archive</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="https://ukutabs.com" class="wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tabs" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutabs.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tabs" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutabs.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Songs</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/ukulele-tuner/" class="wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tuner" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutuner.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tuner" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukutuner.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Online Tuner</span>
</a>
</li>
<li class="wp-dark-mode-ignore">
<a href="/guitar-ukulele-tab-convertor/" class="wp-dark-mode-ignore">
<img style="display:none;visibility:hidden;" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tab convertor" alt="" data-cfsrc="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuconvert-s2.png" data-cfstyle="width:24px;height:24px"><noscript><img style="width:24px;height:24px" width="24" height="24" class="universal-olympus-icon wp-dark-mode-ignore" alt="ukulele tab convertor" src="https://ukutabs.com/wp-content/themes/olympus/utimages/leftmenu/ukuconvert-s2.png" alt=""></noscript>
<span class="left-menu-title wp-dark-mode-ignore">Tab Convertor</span>
</a>
</li>
<!-- <li>
<div class="wp-dark-mode-switcher style-6" style="position: absolute;left: 10px;bottom:150px;margin-top:25px">
<label for="wp-dark-mode-switch" class="wp-dark-mode-none">
<div class="modes">
<img class="light" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Light" data-lazy-src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-12/sun.svg"><noscript><img class="light" src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-12/sun.svg" alt="Light"></noscript>
<img class="dark" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Dark" data-lazy-src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-3/moon.svg"><noscript><img class="dark" src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-3/moon.svg" alt="Dark"></noscript>
</div>
</label>
</div>
</li> -->
</ul>
</div>
</div>
</div>
<header class="header header--logout" id="site-header">
<div class="header-content-wrapper">
<form id="top-search-form" action="https://ukutabs.com/" method="GET" class="search-bar w-search notification-list friend-requests">
<div class="form-group with-button">
<div class="selectize-control form-control js-user-search multi">
<div class="selectize-input items not-full has-options">
<input type="text" autocomplete="off" name="s" id="s" value="" placeholder="Enter artist name or song title">
<button type="submit" aria-label="search">
<svg class="svg-inline--fa fa-search fa-w-16 wp-dark-mode-ignore" style="width: 20px;height: 20px;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
</svg>
</button>
</div>
</div>
</div>
</form>
<a href="https://ukutabs.com/user-login/" data-show-youzify-login="true" alt="login" class="side-menu-open loginbuttoncustom" data-toggle="tooltip" data-placement="left" data-original-title="Login / Register"><span class="loginiconical"><i class="olymp-login-icon olymp-menu-icon olympus-icon-Login-Icon"></i></span><span class="logintextual">LOGIN</span></a>
</div>
</header>
<div class="header--standard" id="header--standard">
<div class="container">
<div class="row">
<div class="col col-12 header--standard-wrap">
<a href="https://ukutabs.com" class="logo">
<div class="img-wrap">
<!--<div style="background: -webkit-linear-gradient(#f2e096 29.83%, #bd8f00);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Lobster Two', sans-serif;font-style: italic;font-size: 42px; font-weight: 900;filter: drop-shadow(1px 1px #444);width:150px;margin-right:10px">-->
<!--<img width="21" height="16" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2021%2016'%3E%3C/svg%3E" alt="logo" title="UkuTabs Santa Hat" style="width: 21px;height: 16px;position: absolute;z-index: 9999;margin-top: -7px;margin-left: -7px;" data-lazy-src="/wp-content/themes/olympus/utimages/ukutabs-santa-hat-optimized.png"/><noscript><img width="21" height="16" src="/wp-content/themes/olympus/utimages/ukutabs-santa-hat-optimized.png" alt="logo" title="UkuTabs Santa Hat" style="width: 21px;height: 16px;position: absolute;z-index: 9999;margin-top: -7px;margin-left: -7px;"/></noscript>-->
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20135%2030'%3E%3C/svg%3E" alt="UkuTabs logo" height="30" width="135" data-lazy-src="/wp-content/themes/olympus/utimages/logo-ukutabs-smaller-optimized.png"><noscript><img src="/wp-content/themes/olympus/utimages/logo-ukutabs-smaller-optimized.png" alt="UkuTabs logo" height="30" width="135"></noscript>
<!-- <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20132%2035'%3E%3C/svg%3E" alt="UkuTabs Holidays logo" height="35" width="132" style="max-height:35px!important" data-lazy-src="/wp-content/themes/olympus/utimages/logo-ukutabs-holidays3.png"><noscript><img src="/wp-content/themes/olympus/utimages/logo-ukutabs-holidays3.png" alt="UkuTabs Holidays logo" height="35" width="132" style="max-height:35px!important"></noscript> -->
<!--UkuTabs-->
</div>
<div class="title-block text-uppercase">
<h6 class="logo-title">Ukulele Tabs & Chords</h6>
<div class="sub-title">For Your Favorite songs</div>
</div>
</a>
<!-- <style>
@media (max-width: 1200px) {
.primary-menu-menu>li>a {
/* padding: 25px 15px; */
padding: 25px 15px 25px 10px;
}
}
.style-6 {
display: none;
}
@media(max-width:1023px) {
.style-6 {
display: block;
margin-top: 18px
}
}
@media(max-width:768px) {
.style-6 {
display: block;
margin-top: 10px
}
}
</style>
<style>
.wp-dark-mode-switcher.style-6 img {
max-height: 16px;
max-width: 16px;
position: absolute;
}
.wp-dark-mode-switcher.style-6 p {
font-size: 12px;
margin-bottom: 0;
}
.wp-dark-mode-switcher.style-6 label {
margin: 0 7px;
width: 50px;
background: #a58f46;
}
.wp-dark-mode-switcher.style-6 label .modes {
top: 0;
width: 100%;
height: 100%;
right: 0;
left: 0;
padding: 5px;
transform: none;
align-items: center;
}
.wp-dark-mode-switcher.style-6 label .modes .dark {
display: none;
}
.wp-dark-mode-switcher.style-6.active label {
background: #000000;
}
.wp-dark-mode-switcher.style-6.active label .modes .light {
display: none;
}
.wp-dark-mode-switcher.style-6.active label .modes .dark {
display: block;
right: 5px;
}
</style>
<style>
.wp-dark-mode-switcherr.style-6 img {
max-height: 16px;
max-width: 16px;
position: absolute;
}
.wp-dark-mode-switcherr.style-6 p {
font-size: 12px;
margin-bottom: 0;
}
.wp-dark-mode-switcherr.style-6 label {
margin: 0 7px;
width: 50px;
background: #a58f46;
}
.wp-dark-mode-switcherr.style-6 label .modes {
top: 0;
width: 100%;
height: 100%;
right: 0;
left: 0;
padding: 5px;
transform: none;
align-items: center;
}
.wp-dark-mode-switcherr.style-6 label .modes .dark {
display: none;
}
.wp-dark-mode-switcherr.style-6.active label {
background: #000000;
}
.wp-dark-mode-switcherr.style-6.active label .modes .light {
display: none;
}
.wp-dark-mode-switcherr.style-6.active label .modes .dark {
display: block;
right: 5px;
}
</style> -->
<!-- <div class="wp-dark-mode-switcherr style-6" style="margin-right:5px;z-index:0;transform: scale(0.70);position:absolute;top:2px;right:35px">
<label for="wp-dark-mode-switch" class="wp-dark-mode-none" style="height: 26px;border-radius: 100px;border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;border-bottom-left-radius: 100px;display: inline-block;">
<a href="https://ukutabs.com/user-login/" data-show-youzify-login="true" alt="login" data-toggle="tooltip" data-placement="left" data-original-title="Login for Dark Mode">
<div class="modes">
<img class="light" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Light" data-lazy-src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-12/sun.svg"><noscript><img class="light" src="https://ukutabs.com/wp-content/plugins/wp-dark-mode//assets/images/btn-12/sun.svg" alt="Light"></noscript>
</div>
</a>
</label>
</div> -->
<nav class="primary-menu" style="z-index:6">
<a href="#" class="open-responsive-menu showhide" alt="menu">
<i class="olympus-icon-Menu-Icon"></i>
<i class="olympus-icon-Close-Icon"></i>
</a>
<ul id="primary-menu" class="primary-menu-menu"><li id="menu-item-166609" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166609"><a title="discover ukulele songs" href="#" ><i class="universal-olympus-icon fa fa-rocket" ></i>Discover</a>
<ul class="sub-menu sub-menu-has-icons">
<li id="menu-item-166607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166607"><a title="99 latest ukulele songs" href="https://ukutabs.com/99-newest-ukulele-tabs/" ><i class="universal-olympus-icon fa fa-fire" ></i>99 Latest Songs</a></li>
<li id="menu-item-166608" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166608"><a title="99 random ukulele songs" href="https://ukutabs.com/99-random-ukulele-tabs/" ><i class="universal-olympus-icon fa fa-random" ></i>99 Random Songs</a></li>
<li id="menu-item-166610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166610"><a title="songs by alphabet" href="https://ukutabs.com/artists-alphabet/" ><i class="universal-olympus-icon fa fa-font" ></i>Artists</a></li>
<li id="menu-item-166616" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166616"><a title="songs by genres" href="https://ukutabs.com/ukulele-tabs-genres/" ><i class="universal-olympus-icon fa fa-tag" ></i>Genres</a></li>
<li id="menu-item-166617" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166617"><a title="songs by difficulty" href="/ukulele-songs-difficulty/novice-level-1/" ><i class="universal-olympus-icon fa fa-signal" ></i>Difficulty Levels</a>
<ul class="sub-menu">
<li id="menu-item-166611" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166611"><a href="https://ukutabs.com/ukulele-songs-difficulty/novice-level-1/" >Level 1 – Novice</a></li>
<li id="menu-item-166612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166612"><a href="https://ukutabs.com/ukulele-songs-difficulty/rookie-level-2/" >Level 2 – Rookie</a></li>
<li id="menu-item-166613" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166613"><a href="https://ukutabs.com/ukulele-songs-difficulty/skilled-level-3/" >Level 3 – Skilled</a></li>
<li id="menu-item-166614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166614"><a href="https://ukutabs.com/ukulele-songs-difficulty/advanced-level-4/" >Level 4 – Advanced</a></li>
<li id="menu-item-166615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166615"><a href="https://ukutabs.com/ukulele-songs-difficulty/expert-level-5/" >Level 5 – Expert</a></li>
</ul>
</li>
<li id="menu-item-166618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-has-icon menu-item-166618"><a title="song types" href="https://ukutabs.com/song-types/" ><i class="universal-olympus-icon fa fa-th-list" ></i>Song Types</a>
<ul class="sub-menu">
<li id="menu-item-166620" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166620"><a href="https://ukutabs.com/song-types/ukulele-chords/" >Only Chords</a></li>
<li id="menu-item-166619" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166619"><a href="https://ukutabs.com/song-types/ukulele-tablature-chords/" >Tablature & Chords</a></li>
<li id="menu-item-166621" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166621"><a href="https://ukutabs.com/song-types/ukulele-tablature/" >Only Tablature</a></li>
</ul>
</li>
<li id="menu-item-166635" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166635"><a title="song lists" href="#" ><i class="universal-olympus-icon fa fa-list-alt" ></i>Song Lists</a>
<ul class="sub-menu">
<li id="menu-item-167045" class="menu-item menu-item-type-post_type menu-item-object-ukulele-guides menu-item-167045"><a title="Top 10 Children Songs for ukulele" href="https://ukutabs.com/ukulele-guides/top-10-children-songs-for-ukulele/" >Top 10 Children Songs</a></li>
<li id="menu-item-167046" class="menu-item menu-item-type-post_type menu-item-object-ukulele-guides menu-item-167046"><a title="Ultimate Top 10 Christmas Songs for Ukulele" href="https://ukutabs.com/ukulele-guides/ukulele-christmas-songs/" >Top 10 Christmas Songs</a></li>
<li id="menu-item-254155" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-254155"><a href="https://ukutabs.com/ukulele-guides/top-10-country-songs-for-ukulele/" >Top 10 Country Songs</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-166625" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166625"><a title="Top 99 songs on UkuTabs" href="/top-99-ukulele-songs/by-views/all-time/" ><i class="universal-olympus-icon fa fa-star" ></i>Top 99</a>
<ul class="sub-menu sub-menu-has-icons">
<li id="menu-item-166622" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166622"><a title="Top 99 songs by favorites" href="https://ukutabs.com/top-99-ukulele-songs/by-favorites/" ><i class="universal-olympus-icon fa fa-heart" ></i>Top 99 by Favorites</a></li>
<li id="menu-item-166624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166624"><a title="Top 99 songs by views" href="/top-99-ukulele-songs/by-views/all-time/" ><i class="universal-olympus-icon fa fa-eye" ></i>Top 99 by Views</a>
<ul class="sub-menu">
<li id="menu-item-166629" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166629"><a href="https://ukutabs.com/top-99-ukulele-songs/by-views/today/" >Today</a></li>
<li id="menu-item-166628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166628"><a href="https://ukutabs.com/top-99-ukulele-songs/by-views/last-7-days/" >This week</a></li>
<li id="menu-item-166627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166627"><a href="https://ukutabs.com/top-99-ukulele-songs/by-views/all-time/" >All Time</a></li>
</ul>
</li>
<li id="menu-item-166623" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-icon menu-item-166623"><a title="Top 99 songs by likes" href="/top-99-ukulele-songs/by-likes/all-time/" ><i class="universal-olympus-icon fa fa-thumbs-up" ></i>Top 99 by Likes</a>
<ul class="sub-menu">
<li id="menu-item-166632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166632"><a href="https://ukutabs.com/top-99-ukulele-songs/by-likes/last-24-hours/" >Today</a></li>
<li id="menu-item-166631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166631"><a href="https://ukutabs.com/top-99-ukulele-songs/by-likes/last-7-days/" >This week</a></li>
<li id="menu-item-166630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166630"><a href="https://ukutabs.com/top-99-ukulele-songs/by-likes/all-time/" >All Time</a></li>
</ul>
</li>
<li id="menu-item-169442" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-169442"><a href="https://ukutabs.com/ukumember-leaderboard/" ><i class="universal-olympus-icon fa fa-trophy" ></i>Top 99 UkuMembers</a></li>
</ul>
</li>
<li id="menu-item-166636" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-has-icon menu-item-166636"><a title="ukulele tools" href="#" ><i class="universal-olympus-icon fa fa-briefcase" ></i>Tools</a>
<ul class="sub-menu sub-menu-has-icons">
<li id="menu-item-166639" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-166581 current_page_item menu-item-has-icon menu-item-166639"><a title="Chord Diagrams" href="https://ukutabs.com/ukulele-chords-diagrams/" ><img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/08/ukuchords.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/08/ukuchords.png" alt="" loading="lazy" /></noscript>Chord Diagrams</a></li>
<li id="menu-item-166638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166638"><a title="Chord Namer" href="https://ukutabs.com/baritone-ukulele-chord-namer/" ><img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/08/ukuchordnamer.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/08/ukuchordnamer.png" alt="" loading="lazy" /></noscript>Chord Namer</a></li>
<li id="menu-item-166634" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166634"><a title="Ukulele Guides" href="https://ukutabs.com/learn-how-to-play-ukulele/" ><img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/08/ukuguides.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/08/ukuguides.png" alt="" loading="lazy" /></noscript>Ukulele Guides</a></li>
<li id="menu-item-167065" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-167065"><a title="Ukulele Scales" href="https://ukutabs.com/ukulele-scales/" ><img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/08/ukuscales.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/08/ukuscales.png" alt="" loading="lazy" /></noscript>Ukulele Scales</a></li>
<li id="menu-item-166637" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166637"><a title="Ukulele Tuner" href="https://ukutabs.com/ukulele-tuner/" ><img width="48" height="48" class="universal-olympus-icon" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://ukutabs.com/wp-content/uploads/2021/08/ukutuner.png" /><noscript><img width="48" height="48" class="universal-olympus-icon" src="https://ukutabs.com/wp-content/uploads/2021/08/ukutuner.png" alt="" loading="lazy" /></noscript>Ukulele Tuner</a></li>
</ul>
</li>
<li id="menu-item-166626" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-166626"><a title="Request ukulele songs" href="https://ukutabs.com/request-ukulele-tabs/" ><i class="universal-olympus-icon fa fa-plus-circle" ></i>Request</a></li>
<li id="menu-item-305604" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-305604"><a href="https://ukutabs.com/submit-a-song-on-ukutabs/" ><i class="universal-olympus-icon fa fa-pencil" ></i>Submit</a></li>
<li id="menu-item-259458" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-icon menu-item-259458"><a href="https://ukutabs.com/contact/" ><i class="universal-olympus-icon fa fa-envelope" ></i>Contact</a></li>
<li id="menu-item-256917" class="weglot-parent-menu-item wg-en weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 en menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-256917"><a title="English" href="#weglot_switcher" data-wg-notranslate="true" >English</a>
<ul class="sub-menu">
<li id="menu-item-weglot-256917-de" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-de de wg-de menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-de"><a title="Deutsch" href="https://ukutabs.com/de/ukulele-chords-diagrams/" data-wg-notranslate="true" >Deutsch</a></li>
<li id="menu-item-weglot-256917-es" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-es es wg-es menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-es"><a title="Español" href="https://ukutabs.com/es/ukulele-chords-diagrams/" data-wg-notranslate="true" >Español</a></li>
<li id="menu-item-weglot-256917-fr" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-fr fr wg-fr menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-fr"><a title="Français" href="https://ukutabs.com/fr/ukulele-chords-diagrams/" data-wg-notranslate="true" >Français</a></li>
<li id="menu-item-weglot-256917-it" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-it it wg-it menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-it"><a title="Italiano" href="https://ukutabs.com/it/ukulele-chords-diagrams/" data-wg-notranslate="true" >Italiano</a></li>
<li id="menu-item-weglot-256917-nl" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-nl nl wg-nl menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-nl"><a title="Nederlands" href="https://ukutabs.com/nl/ukulele-chords-diagrams/" data-wg-notranslate="true" >Nederlands</a></li>
<li id="menu-item-weglot-256917-pt" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-pt pt wg-pt menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-pt"><a title="Português" href="https://ukutabs.com/pt/ukulele-chords-diagrams/" data-wg-notranslate="true" >Português</a></li>
<li id="menu-item-weglot-256917-id" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-id id wg-id menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-id"><a title="Bahasa Indonesia" href="https://ukutabs.com/id/ukulele-chords-diagrams/" data-wg-notranslate="true" >Bahasa Indonesia</a></li>
<li id="menu-item-weglot-256917-zh" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-zh zh wg-zh menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-zh"><a title="中文 (简体)" href="https://ukutabs.com/zh/ukulele-chords-diagrams/" data-wg-notranslate="true" >中文 (简体)</a></li>
<li id="menu-item-weglot-256917-ja" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-ja ja wg-ja menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-ja"><a title="日本語" href="https://ukutabs.com/ja/ukulele-chords-diagrams/" data-wg-notranslate="true" >日本語</a></li>
<li id="menu-item-weglot-256917-ru" class="weglot-lang menu-item-weglot weglot-language weglot-flags flag-3 weglot-ru ru wg-ru menu-item menu-item-type-custom menu-item-object-custom menu-item-weglot-256917-ru"><a title="Русский" href="https://ukutabs.com/ru/ukulele-chords-diagrams/" data-wg-notranslate="true" >Русский</a></li>
</ul>
</li>
</ul> </nav>
<!--<i class="olympus-icon-Menu-Icon" style="color: 777;font-size: 16px;position: absolute;right: 15px;top: 17px;z-index:0"></i>-->
</div>
</div>
</div>
</div><section id="stunning-header" class="crumina-stunning-header stunning-header--content-left" data-animate-type="fixed">
<div class="container">
<div class="stunning-header-content-wrap">
<div class="stunning-content-item"><h1 class="stunning-header-title nietliedjestitel">Ukulele Chords Diagrams</h1></div>
</div>
</div>
</section>
<div id="content" class="site-content hfeed site">
<style>
.button {
touch-action: manipulation;
}
.requestbox {
position: relative;
font-weight: 400;
margin: 0;
padding: 35px 40px;
border-radius: 4px;
background: #FDFDF3 url(/wp-content/themes/olympus/utimages/bg_paper.jpg);
box-shadow: 2px 5px 10px #999;
margin-bottom: 35px;
text-align: justify;
font-size: 16px;
line-height: 2em;
color: #77756e;
}
.requestbox ul>li {}
.seperatorguides {
border: 2px dashed #d6d6d6;
width: 100%;
height: 3px;
margin-top: 80px;
}
.page-content h2 {
margin: 60px 0 20px
}
.page-content h3 {
margin-top: 60px;
}
.page-content h3 {
text-transform: uppercase;
font-size: 1.2em;
font-weight: 500;
color: #a2321b;
margin-bottom: 15px
}
</style>
<style>
/* het ukutabs notitieblokje */
.notepad {
position: relative;
margin: 30px auto;
padding: 0 23px 14px 35px;
width: 100%;
line-height: 28px;
font-size: 14px;
color: #333;
text-shadow: 1px 1px 1px #fff;
text-align: justify;
}
.notepad,
.notepad:before,
.notepad:after {
background-color: #fdf9de;
background-image: -webkit-linear-gradient(#f6abca 1px, transparent 1px),
-webkit-linear-gradient(#f6abca 1px, transparent 1px),
-webkit-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px),
-moz-linear-gradient(#f6abca 1px, transparent 1px),
-moz-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: -o-linear-gradient(#f6abca 1px, transparent 1px),
-o-linear-gradient(#f6abca 1px, transparent 1px),
-o-linear-gradient(#e8e8e8 1px, transparent 1px);
background-image: linear-gradient(#f6abca 1px, transparent 1px),
linear-gradient(#f6abca 1px, transparent 1px),
linear-gradient(#e8e8e8 1px, transparent 1px);
background-size: 1px 1px, 1px 1px, 23px 28px;
background-repeat: repeat-y, repeat-y, repeat;
background-position: 22px 0, 24px 0, 0 50px;
border-radius: 2px;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px rgba(103, 99, 59, 0.15),
0 0 4px rgba(255, 252, 234, 0.5);
}
.notepad {
position: relative;
margin: 21px auto 35px;
padding: 0 23px 14px 35px;
width: 100%;
line-height: 28px;
font-size: 15px;
color: #333;
text-shadow: 1px 1px 1px #fff;
text-align: justify;
}
.notepad p,
.notepad blockquote {
margin-bottom: 23px;
}
.notepad:last-child {
margin-bottom: 0;
}
.notepad:before,
.notepad:after {
content: "";
position: absolute;
z-index: -1;
top: 100%;
left: 3px;
right: 3px;
margin-top: 0;
height: 3px;
background-size: 1px 1px, 1px 1px, 0 0;
}
.notepad:before {
z-index: -2;
left: 6px;
right: 6px;
height: 6px;
background-color: #eee;
}
.notepad-heading {
padding-top: 5px;
position: relative;
margin: 0 -23px 0 -35px;
height: 78px !important;
background: #fdf9de;
border-radius: 2px 2px 0 0;
background-image: linear-gradient(#f6abca 1px, transparent 1px),
linear-gradient(#f6abca 1px, transparent 1px);
background-size: 1px 1px, 1px 1px;
background-repeat: repeat-y, repeat-y;
background-position: 22px 0, 24px 0;
}
.notepad-heading>h1 {
line-height: 30px;
font-size: 26px;
color: #fff;
text-align: center;
text-shadow: 1px 1px 0 #fff;
font-family: "Lobster", Arial, sans-serif;
color: #a2321b;
}
.notepad-heading:before,
.notepad-heading:after {
content: "";
position: absolute;
bottom: 2px;
left: 1px;
right: 1px;
height: 0;
}
.notepad-heading:after {
bottom: 3px;
border-color: #071c2c;
border-color: rgba(0, 0, 0, 0.5);
}
</style>
<style>
.ukuchordschooser {
box-shadow: 2px 5px 10px #999;
border-radius: 5px;
border: 1px solid #ddd8c7;
}
/*.ukuchordschooser:hover{opacity:1!important}*/
.ukuchordschooser {
width: 49%;
float: left;
margin-right: 2%;
position: relative;
margin-bottom: 35px
}
.last {
clear: right;
margin-right: 0 !important;
}
.last:hover {
opacity: 1 !important
}
.ukuchordshand {
width: 100%;
max-width: 300px;
margin: -25px 0px -10px 35px;
z-index: 0;
float: right
}
@media (max-width:1400px) {
.ukuchordshand {
margin: 25px 0px 20px 30px;
}
}
@media screen and (max-width: 768px) {
.ukuchordschooser {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
float: none;
}
.ukuchordshand {
width: 100%;
max-width: fit-content;
margin: 0;
z-index: 0;
float: none;
padding: 0 40px 20px;
}
}
</style>
<style>
/*NEW UKUCHORDS*/
/* chordtypes note tables */
.chordtypes-table {
width: 100%;
list-style: none !important;
margin: auto !important;
}
.chordtypes-table li:last-child .chordtypes-content {}
.chordtypes {
float: left;
text-align: center;
}
.chordtypes-table ul {
list-style: none;
}
.chordtypes-content li {
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
border-bottom: 1px solid #e0e0e0;
padding: 11px;
}
.chordtypes-content li:hover {
background: #e6e8e3;
}
.chordtypes-third {
width: 33%;
}
.chordtypes-fourth {
width: 25%;
}
.chordtypes-fifth {
width: 18%;
padding: 0;
}
.chordtypes-header {
border: 1px solid transparent;
border-bottom: 0;
padding: 5px;
}
.chordtypes-header-builder {
border: 1px solid transparent;
border-bottom: 0;
padding: 5px;
}
.featured-chordtypes .chordtypes-header {
color: #9a3e3e;
background: #f7e9d2;
border: 1px solid #f9f2ea;
-moz-box-shadow: inset 0 0 45px #e5dbcb;
-webkit-box-shadow: inset 0 0 45px #e5cfb3;
box-shadow: inset 0 0 45px #e5d4bf;
text-shadow: 1px 1px 1px #fff;
text-align: center;
margin: 0 auto;
}
.featured-chordtypes .chordtypes-header-builder {
color: #9a3e3e;
background: #f7e9d2;
border: 1px solid #f9f2ea;
-moz-box-shadow: inset 0 0 45px #e5dbcb;
-webkit-box-shadow: inset 0 0 45px #e5cfb3;
box-shadow: inset 0 0 45px #e5d4bf;
text-shadow: 1px 1px 1px #fff;
text-align: center;
margin: 0 auto;
}
.chordtypes-header h4 {
font-size: 19px;
font-weight: 700;
color: #aaa;
margin: 0;
}
.chordtypes-header-builder h4 {
font-size: 19px;
font-weight: 700;
color: #aaa;
margin: 0;
}
.featured-chordtypes .chordtypes-header h4 {
font-size: 18px;
color: #9a3e3e;
text-transform: uppercase;
line-height: 25px;
}
.featured-chordtypes .chordtypes-header-builder h4 {
font-size: 18px;
color: #9a3e3e;
text-transform: uppercase;
line-height: 25px;
}
.chordtypes-content {
font-size: 14px;
margin-top: 10px;
}
.chordtypes-content ul {
margin: 0;
padding: 0;
}
.chordtypes-content li:last-child {
border-bottom: 0;
}
.chordtypes-button {
padding: 20px;
}
.chordtypes-button .button {
margin: 0;
}
.featured-chordtypes .chordtypes-button {
border-top: 0;
margin-right: -1px;
}
/* try to customize the tuning selectors */
select {
padding: 3px;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 0 #ccc, 0 0 #fff inset;
-moz-box-shadow: 0 0 0 #ccc, 0 0 #fff inset;
box-shadow: 0 0 0 #ccc, 0 0 #fff inset;
background: transparent;
color: #414141;
font-weight: 700;
border: none;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-size: 18px;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {
padding: 4px 1px 2px 5px;
}
}
/* HELP */
.help {
display: inline;
}
/* BUTTON */
div#buttoncontainer {
text-align: center;
width: 100%
}
li.button-scales.rootnote {
cursor: pointer;
width: 6.93%;
min-width: 70px;
height: 70px;
text-align: center;
vertical-align: middle;
color: #383732 !important;
padding: 17px 14px;
font-weight: 700 !important;
font-size: 28px;
margin: 0 5px;
display: inline-block;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
line-height: 14px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #0000002e;
}
div.button.scale {
cursor: pointer;
cursor: pointer;
color: #595a5a !important;
min-width: 16%;
font-weight: 200 !important;
font-size: 16px;
margin: 5px 3px;
display: inline-block;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
text-shadow: 1px 1px 1px #fff;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 6px 14px;
background: #F9F9F9;
border: 1px solid #D1D1BE;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
div.button {
cursor: pointer;
padding: 2px;
margin: 2px;
display: inline-block;
text-align: center;
font-weight: 700;
color: #323c17;
background-color: #f5803b;
-moz-transition: background-color .3s ease;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
}
div.button-scales.rootnote,
li.button-scales.rootnote {
cursor: pointer;
width: 6%;
min-width: 55px;
height: 55px;
text-align: center;
vertical-align: middle;
color: #272727 !important;
padding: 11px 0px;
font-weight: 700 !important;
font-size: 28px;
margin: 0 5px;
display: inline-block;
text-shadow: none !important;
line-height: 14px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #0000002e !important;
}
li.button-scales.rootnote.active,
li.button-scales.rootnote:hover {
color: #f4f1e3 !important;
background: #a99045 !important;
}
div.button.scale.active,
div.button.scale:hover {
color: #f4f1e3 !important;
background: #a99045 !important;
}
div.button.chordtype {
cursor: pointer;
text-shadow: none;
-moz-box-shadow: none;
padding: 6px 13px;
font-weight: 500;
font-size: 14px;
margin: 6px 1px 0px;
display: inline-block;
line-height: 16px;
background: #dcdbd0;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.button.arrow {
cursor: pointer;
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
color: #595a5a !important;
background: #f5f5f5;
background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e2e2e2));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #e2e2e2 100%);
border: 1px solid #c3c3c3;
text-shadow: 1px 1px 1px #fff;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 6px 0;
font-weight: 700 !important;
font-size: 18px;
margin: 0 5px 5px 5px;
display: inline-block;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 5px;
line-height: 14px;
}
div.button.arrow:hover {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
color: #9a3e3e !important;
background: #ffcb8c;
background: -moz-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcb8c), color-stop(100%, #ffb660));
background: -webkit-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
background: -o-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
background: -ms-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
background: linear-gradient(to bottom, #ffcb8c 0%, #ffb660 100%);
border: 1px solid #db9c51;
}
div.case.selected.root {
background-color: #ffa61f;
border: 2px solid #000000 !important
}
div.button.rootnote {
cursor: pointer;
width: 6.93%;
min-width: 49px;
height: 50px;
text-align: center;
vertical-align: middle;
color: #595a5a !important;
text-shadow: 1px 1px 1px #fff;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 6px 14px;
font-weight: 700 !important;
font-size: 18px;
margin: 0 5px;
display: inline-block;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
line-height: 14px;
background: #F9F9F9;
border: 1px solid #D1D1BE;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
div.button.rootnote.active,
div.button.rootnote:hover,
div.button.chordtype.active,
div.button.chordtype:hover {
color: #f5f1e4 !important;
background: #a88f46 !important;
transition: 0.1s;
}
div#neck {
padding: 10px 12px 0;
margin: 0;
position: absolute;
z-index: 1;
width: 100%;
margin-left: -105px !important;
}
/* SHORTCUTS */
div#shortcuts {
color: #3a3a3a;
top: 15px;
left: 342px;
position: absolute;
transform: rotate(-1.5deg);
-ms-transform: rotate(-1.5deg);
-moz-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
-webkit-transform: rotate(-1.5deg)
}
div#shortcuts a {
color: #98692d;
font-weight: 600;
text-decoration: none;
font-size: 15px;
margin: 5px;
}
/* CASES */
div.case {
width: 35px;
height: 35px;
position: absolute;
z-index: 2;
padding: 2px;
text-align: center;
font-size: 18px;
font-weight: 700;
color: rgba(0, 0, 0, 0);
}
div.case.fretX {
color: #fff;
text-shadow: 0 0 4px #000;
}
div.case.selected,
div.case.click:hover {
border-radius: 37px;
-moz-border-radius: 37px;
-webkit-border-radius: 37px;
padding: 2px;
width: 35px;
height: 35px;
background-color: #ffde66;
color: #1f1802;
border: 2px solid #ffedab;
box-shadow: 0px 0px 5px #000;
}
/* String A */
div.stringA {
top: 38px;
}
div.stringA.fret5,
div.stringA.fret6,
div.stringA.fret7,
div.stringA.fret8 {
top: 37px;
}
div.stringA.fret9,
div.stringA.fret10,
div.stringA.fret11,
div.stringA.fret12,
div.stringA.fret13 {
top: 36px;
}
div.stringA.fret14,
div.stringA.fret15,
div.stringA.fret16,
div.stringA.fret17 {
top: 37px;
}
/* String B */
div.stringB {
top: 70px;
}
div.stringB.fret5,
div.stringB.fret6,
div.stringB.fret7,
div.stringB.fret8 {
top: 70px;
}
div.stringB.fret9,
div.stringB.fret10,
div.stringB.fret11,
div.stringB.fret12,
div.stringB.fret13 {
top: 70px;
}
div.stringB.fret14,
div.stringB.fret15,
div.stringB.fret16,
div.stringB.fret17 {
top: 70px;
}
/* String C */
div.stringC {
top: 103px;
}
div.stringC.fret5,
div.stringC.fret6,
div.stringC.fret7,
div.stringC.fret8 {
top: 103px;
}
div.stringC.fret9,
div.stringC.fret10,
div.stringC.fret11,
div.stringC.fret12,
div.stringC.fret13 {
top: 103px;
}
div.stringC.fret14,
div.stringC.fret15,
div.stringC.fret16,
div.stringC.fret17 {
top: 103px;
}
/* String D */
div.stringD {
top: 138px;
}
div.stringD.fret5,
div.stringD.fret6,
div.stringD.fret7,
div.stringD.fret8 {
top: 138px;
}
div.stringD.fret9,
div.stringD.fret10,
div.stringD.fret11,
div.stringD.fret12,
div.stringD.fret13 {
top: 138px;
}
div.stringD.fret14,
div.stringD.fret15,
div.stringD.fret16,
div.stringD.fret17 {
top: 139px;
}
div.fretX {
left: 267px;
}
div.fret0 {
left: 299px;
}
div.fret1 {
/*left: 345px;*/
left: 358px;
}
div.fret2 {
/*left: 400px;*/
left: 426px;
}
div.fret3 {
/*left: 455px;*/
left: 492px;
}
div.fret4 {
/*left: 503px;*/
left: 552px;
}
div.fret5 {
/*left: 550px;*/
left: 611px;
}
div.fret6 {
/*left: 594px;*/
left: 666px;
}
div.fret7 {
/*left: 638px;*/
left: 719px;
}
div.fret8 {
/*left: 677px;*/
left: 766px;
}
div.fret9 {
/*left: 715px;*/
left: 812px;
}
div.fret10 {
/*left: 751px;*/
left: 856px;
}
div.fret11 {
/*left: 785px;*/
left: 896px;
}
div.fret12 {
/*left: 816px;*/
left: 935px;
}
div.fret13 {
/*left: 845px;*/
left: 971px;
}
div.fret14 {
/*left: 872px;*/
left: 1006px;
}
div.fret15 {
/*left: 897px;*/
left: 1039px;
}
div.fret16 {
/*left: 922px;*/
left: 1070px;
}
div.fret17 {
/*left: 946px;*/
left: 1099px;
}
/* TUNING */
div.tuning {
position: absolute;
z-index: 2;
background: #d2d2d2;
border-radius: 200px;
width: 60px;
height: 45px;
padding: 8px 0 0 18px;
border: 2px solid #afafaf;
box-shadow: inset 0 -0.6em 1em -0.35em rgba(0, 0, 0, 0.17), inset 0 0.6em 2em -0.3em rgba(255, 255, 255, 0.15), inset 0 0 0em 0.05em rgba(255, 255, 255, 0.12);
}
div#tuningA {
top: -46px;
left: 175px;
}
div#tuningB {
top: -43px;
left: 44px;
}
div#tuningC {
top: 208px;
left: 39px;
}
div#tuningD {
top: 207px;
left: 175px;
}
/* ROLE */
div.role {
border-radius: 21px;
-moz-border-radius: 21px;
-webkit-border-radius: 21px;
left: 270px;
padding: 2px;
width: 21px;
height: 21px;
position: absolute;
z-index: 2;
text-align: center;
font-size: 10px;
font-weight: 700;
background-color: #f4dac2;
color: #b56210;
display: none;
margin: 3px 0;
}
div.chordtype,
div.rootnote,
div.case,
div.arrow,
div.role {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* alternative fingering positions */
.big {
font-size: 20px;
}
.button-ukunotes {
margin: 10px 6px !important
}
.button-ukunotes-first {
margin: 10px 6px !important
}
.button-ukunotes-last {
margin: 10px 6px !important
}
.rootbutyesbrack {
color: #f5f1e4;
font-size: 9px;
font-weight: 500;
}
.rootbutyes {
padding: 27px 0 !important
}
.chordoptions {
position: absolute;
z-index: 999999999;
top: 86px;
left: 81px;
background: #45383396;
border-radius: 5px;
padding: 5px 0 0 0;
}
.boetton {
cursor: pointer;
color: #650400;
display: inline-block;
font-size: 36px;
background: #F9F9F9;
z-index: 2;
border: 1px solid #D1D1BE;
text-shadow: 1px 1px 0 white;
width: 65px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 0 3px 0;
padding: 20px 0
}
.boetton:hover {
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.boetton:hover,
#boettonsel,
.boettonsel {
cursor: pointer;
background: #f9f9f9;
color: #bf1109;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 0 #fff
}
</style>
<style>
.control-types,
.positions {
text-align: center
}
.control-keys,
.control-types {
padding: 3px 0;
margin-top: 3px;
}
.control-types {
position: relative
}
.control {
position: relative;
color: #000;
width: 56px;
height: 36px;
display: inline-block;
font-size: 19px;
padding: 3px;
margin: 6px;
background: #ededed;
border: 0;
border-radius: 4px
}
.control:hover {
color: #000;
cursor: pointer
}
.control a,
.control a:visited {
color: #000
}
.control-type {
padding: 0 5px;
width: auto;
font-size: 13px;
margin: 5px
}
.control--selected {
color: #000
}
.chords .control--selected {
background: #ff7f7f
}
.scales .control--selected {
background: #fae344
}
.arpeggios .control--selected {
background: #64e65d
}
@media (hover:hover) {
.chords .control:hover {
background: #ff7f7f
}
.scales .control:hover {
background: #fae344
}
.arpeggios .control:hover {
background: #64e65d
}
}
@media (max-width:860px) {
.mq .arpeggios .control-type,
.mq .chords .control-type {
height: 37px;
padding: 0 3px;
margin: 5px
}
.mq .scales .control-type {
padding: 0 3px;
margin: 4px
}
.mq .control-key {
width: 44px;
height: 37px;
font-size: 18px
}
}
@media (max-width:767px) {
.mq .control-keys,
.mq .control-types {
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.mq .control-keys {
margin-bottom: 5px
}
}
#controls-mobile {
display: block
}
#ukulele-mobile {
display: none
}
.lefthandtoggle {
display: block;
position: relative;
z-index: 21;
left: -185px !important;
float: left;
top: 170px !important;
color: #98692d;
transform: scale(0.8);
}
.fretnumber,
.fretnumber10,
.fretnumber12 {
background: #eaebe0 !important;
border: 2px solid #b2b3a7 !important;
font-size: 11.9px !important;
width: 24px !important;
height: 24px !important;
border-radius: 37px !important;
-moz-border-radius: 37px !important;
-webkit-border-radius: 37px !important;
box-shadow: 0px 0px 5px #000 !important;
display: block !important;
position: absolute !important;
z-index: 2 !important;
text-align: center !important;
color: #000;
font-weight: 500;
padding: 2px;
}
@media (max-width:768px) {
.button-three {
width: 100% !important;
margin: 14px 0px 2px !important;
}
}
@media (max-width:768px) {
.touchme {
z-index: 2;
box-shadow: 2px 5px 10px #0000002e !important
}
.touchmeup {
z-index: 2;
box-shadow: 0px -3px 5px #383838 !important;
}
div.button.chordtype {
font-weight: 500 !important
}
.notepad img {
margin-top: 0 !important
}
.fretnumber10,
.fretnumber12 {
display: none !important
}
.fretnumber {
background: #eaebe0 !important;
border: 2px solid #b2b3a7 !important;
font-size: 11.9px !important;
width: 24px !important;
height: 24px !important;
border-radius: 37px !important;
-moz-border-radius: 37px !important;
-webkit-border-radius: 37px !important;
box-shadow: 0px 0px 5px #000 !important;
position: absolute !important;
z-index: 2 !important;
text-align: center !important;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #000;
font-weight: 500;
padding: 2px;
left: 50% !important
}
.fretnumber3 {
margin: -99px 0px 0 -18px !important;
top: 17px !important;
}
.fretnumber5 {
margin: -99px 0px 0 101px !important;
top: 17px !important;
}
.fretnumber7 {
margin: -99px 0px 0 208px !important;
top: 17px !important;
}
.fretnumber10 {
margin: -99px 0px 0 -18px !important
}
.fretnumber12 {
margin: -99px 0px 0 -18px !important
}
div#neck {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -95px !important
}
#neck {
margin-top: 190px !important
}
div.case {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#controls-desktop {
display: none
}
#controls-mobile {
display: block
}
#ukulele-mobile {
display: block;
margin-bottom: 0px !important;
margin-left: 50% !important;
transform: translateX(-50%);
}
#ukulele-desktop {
display: none
}
#theneck {
margin: -410px 0 1800px 0;
}
#rootcontrols {
margin-bottom: 15px !important;
padding: 0px 5px !important;
box-shadow: 2px 5px 10px #9999997a !important
}
#typecontrolschords {
padding: 1px 5px 7px 10px !important;
background: #f2f2e8 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.role,
.movethetunings {
display: none !important
}
div.button.arrow,
div.button.arrow:hover {
display: block;
margin: -13px 5px -5px -7px;
height: 50px;
padding-top: 17px;
width: 40px
}
.chordoptions {
position: absolute;
z-index: 999999999;
top: 0;
left: 50%;
background: none;
border-radius: 5px;
padding: 5px 0 0 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 54px;
text-align: center;
margin: 0;
}
.fa-chevron-right {
margin: -50px 0px -22px 184px !important
}
.fa-chevron-left {
margin: -23px -2px -3px -20px !important
}
.button-ukunotes {
margin: 5px 3px !important
}
.button-ukunotes-first {
margin: 5px 3px !important
}
.button-ukunotes-last {
margin: 5px 3px !important
}
.movethenotes {
position: absolute;
left: 50%;
margin-top: -193px;
margin-left: -517px;
}
div.button-scales.rootnote {
font-size: 24px
}
.big {
font-size: 16px;
padding-top: 9px;
margin: -87px 0 0 158px;
position: absolute;
background: #e6e7dc;
border-radius: 5px;
padding: 5px 7px 6px;
color: #8b8c82 !important;
text-shadow: 1px 1px 1px #ffffff !important;
}
#shortcuts-mobile a {
color: #98692d;
}
.lefthandtoggle {
margin: -200px 0 0 0;
transform: scale(0.7);
left: -10px !important;
}
#shortcuts {
position: absolute !important;
z-index: 21 !important;
/* left: 50% !important; */
/* left: 10px !important; */
transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-moz-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
font-size: 0px !important;
top: auto !important;
display: inline-block;
margin: -364px 0 0 -240px !important;
}
#shortcuts a {
font-size: 12px !important
}
.help {
top: 4px !important;
right: 7px !important
}
.selectortitle {
display: none
}
.vardetail {
display: none
}
#controls {
padding-top: 5px !important;
margin-top: 0 !important;
}
.linktext {
display: none
}
#main {
padding-bottom: 472px !important
}
.poschords {
position: unset !important;
left: 50%;
margin: -27px 0 0 80px !important;
font-family: 'Lobster Two', sans-serif;
font-size: 24px !important;
background: #f2f2e8;
border-radius: 5px;
padding: 2px 7px;
text-shadow: 1px 1px 1px #eeefe7;
float: right;
}
.button-three {
width: 100% !important;
margin: 14px 0px 2px !important;
}
}
.vardetail {}
.chordtype span {
color: #ababa2 !important
}
.active.chordtype span {
color: #5a4f2d !important
}
#controls {
padding-top: 0;
margin-top: -3px;
}
#main {
padding-bottom: 350px
}
.possiblechord {
display: none
}
.possiblechord.selected {
display: block !important
}
.poschords {
position: absolute;
left: 50%;
margin: 5px 0 0 -55px;
font-family: 'Lobster Two', sans-serif;
font-size: 40px;
text-shadow: 1px 1px 1px #eeefe7;
}
.nonactivechooser:hover {
box-shadow: 0px 2px 10px 5px #999;
transition: 0.3s;
color: #fff;
}
</style>
<style>
/*akkoorden in tabs */
.chordtype-title {
z-index: 21;
font-family: 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
color: #9e441e;
font-size: 16px;
background: #f4e4cd;
width: 143px;
margin: 69px 0 0 -94px;
padding: 0 0 0 6px;
position: absolute;
text-transform: uppercase;
border-radius: 4px;
text-shadow: -1px 1px 0 #fff
}
/*akkoorden in tabs */
.chordtype-title-prim {
color: #9e441e;
font-size: 10px;
font-weight: 600;
background: #f4e4cd;
width: 75px;
text-align: right;
padding: 3px 6px 2px 6px;
text-transform: uppercase;
border-radius: 4px;
text-shadow: -1px 1px 0 #fff;
display: inline-block;
margin-right: 5px
}
.rotate {
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
/* chords in this song */
.cits-c {
padding: 9px 10px 1px 0px;
box-shadow: inset 0 0 20px #b4b3a6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100px;
height: 143px;
}
/* cits background */
.cits-c-b {
margin: 5px 5px 0 0;
vertical-align: middle;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 5px #999;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
padding: 3px;
margin: 7px;
background: #fbfbf1;
display: inline-block;
}
@media (max-width:1199px) {
.cits-c-b {
margin: 0
}
.chordtype-title {
margin: 62px 0 0 -94px;
}
.scrollchorddiags {
margin-bottom: 3px !important;
}
}
@media (max-width:1024px) {
.cits-c {
width: 79px;
height: 113px;
}
.chordtype-title {
width: 113px;
margin: 47px 0 0 -80px;
}
}
.scrollchorddiags {
overflow-x: scroll;
white-space: nowrap;
position: relative;
z-index: 1;
overflow: auto;
margin-bottom: 15px;
}
</style>
<style>
.switch {
position: relative;
display: inline-block;
width: 90px;
height: 34px;
}
.switch input {
display: none;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #a99045;
-webkit-transition: .4s;
transition: .4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
input:checked+.slider {
background-color: #ad531e;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(55px);
}
/*------ ADDED CSS ---------*/
.slider:after {
content: 'LEFT';
color: white;
display: block;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 60%;
font-size: 10px;
font-family: Verdana, sans-serif;
}
input:checked+.slider:after {
content: 'RIGHT';
left: 40%;
}
/*--------- END --------*/
#main,
#neck,
.notepad {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
</style>
<style>
/* .resp-tab-active,
.resp-tabs-list li:hover {
color: #9a3e3e !important;
background: #ffcb8c !important;
background: -moz-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcb8c), color-stop(100%, #ffb660)) !important;
background: -webkit-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -o-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -ms-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: linear-gradient(to bottom, #ffcb8c 0%, #ffb660 100%) !important;
border: 1px solid #db9c51 !important
} */
.resp-tabs-container {
padding: 0;
clear: left
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
position: relative;
z-index: 5;
cursor: -webkit-image-set(url(/wp-content/themes/olympus/utimages/ukuworld-cursor.png) 1x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor.cur) 1x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.png) 2x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.cur) 2x), auto;
cursor: url(/wp-content/themes/olympus/utimages/ukuworld-cursor.png) 1x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor.cur) 1x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.png) 2x, url(/wp-content/themes/olympus/utimages/ukuworld-cursor@2x.cur) 2x), auto;
width: 100%;
text-align: left;
vertical-align: middle;
color: #595a5a;
text-shadow: 1px 1px 1px #fff;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
padding: 17px 14px;
font-weight: 700 !important;
font-size: 28px;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
line-height: 14px;
background: #F9F9F9;
border: 1px solid #D1D1BE;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
h2.resp-accordion .rootbutyesbrack {
float: left;
margin-left: 45px;
margin-top: -14px
}
.resp-tab-content {
display: none;
margin-left: 35px
}
h2.resp-accordion .entry-content,
h2.resp-accordion .resp-content-active {
padding-left: 0 !important;
padding-top: 10px !important
}
.resp-content-active,
.resp-accordion-active {
display: block
}
h2.resp-tab-active {
color: #9a3e3e !important;
background: #ffcb8c !important;
background: -moz-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcb8c), color-stop(100%, #ffb660)) !important;
background: -webkit-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -o-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: -ms-linear-gradient(top, #ffcb8c 0%, #ffb660 100%) !important;
background: linear-gradient(to bottom, #ffcb8c 0%, #ffb660 100%) !important;
border: 1px solid #db9c51 !important
}
.resp-easy-accordion h2.resp-accordion {
display: block
}
.resp-easy-accordion .resp-tab-content {
border: 1px solid #c1c1c1
}
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important
}
.resp-jfit {
width: 100%;
margin: 0
}
.resp-tab-content-active {
display: block
}
.accordion h3 {
display: block;
color: #f5f1e4;
padding: 8px 10px;
font-size: 15px;
font-weight: 400;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0 1px 0 #BDA253;
-moz-box-shadow: inset 0 1px 0 #bda253;
box-shadow: inset 0 1px 0 #BDA253;
border-width: 1px 1px 0;
border-color: #967D30;
border-style: solid;
background: rgb(103, 79, 12);
background: -moz-linear-gradient(0deg, rgba(103, 79, 12, 1) 0%, rgba(130, 107, 41, 1) 100%);
background: -webkit-linear-gradient(0deg, rgba(103, 79, 12, 1) 0%, rgba(130, 107, 41, 1) 100%);
background: linear-gradient(0deg, rgba(103, 79, 12, 1) 0%, rgba(130, 107, 41, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#674f0c", endColorstr="#826b29", GradientType=1);
}
@media(max-width:1023px) {
#typecontrolschords {
width: 100% !important
}
}
@media(max-width:799px) {
.chartimg {
width: 100% !important;
margin-left: 0 !important;
margin: 20px 0
}
}
a.wpdm-download-link:hover {
color: #fff !important
}
.ukutabsukulelefullvert{margin-top: -169px;margin-left: -71px;max-width: 10000px !important;border-radius: 0;width: 1572px;height: 541px;margin-bottom:0px!important;position: relative;z-index: 0;}
.ukutabsukulelemobilesmall{margin-top: -169px;margin-left: -71px;max-width: 10000px !important;border-radius: 0;width: 515px;height: 176px;margin-bottom:0px!important;position: relative;z-index: 0;}
</style>
<div id="primary" class="container">
<div class="row primary-content-wrapper">
<div id="root-note" style="width:100%">
<main id="main" class="col-md-12 col-sm-12 col-lg-12">
<div class="notepad" style="margin-top:0px;font-size:14px">
<div class="notepad-heading">
<h3 class="taglinenotepad" style="margin-bottom:-12px;font-size: 15px;padding-top:5px;color: #6e886c;font-family: 'Lobster Two', sans-serif;font-style:italic;text-align:center"><span style="vertical-align: text-top;color: #c1b78d;font-size: 30px;padding-right: 10px;">~</span>Find that Ukulele Chart<span style="vertical-align: text-top;color: #c1b78d;font-size: 30px;padding-left: 10px;">~</span></h3>
<h1 style="font-family: 'Lobster Two', sans-serif;font-style:italic;font-weight:700;text-align:center;font-size:1.7rem;text-shadow: 1px 1px 0 #fff;">How to Play a Ukulele Chord?</h1>
</div>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20184%20117'%3E%3C/svg%3E" alt="Viva La Ukulele" title="viva la ukulele" width="184" height="117" class="vivalaukulelenote" data-lazy-src="https://ukutabs.com/wp-content/themes/olympus/utimages/note-vivaukulele.jpg"><noscript><img src="https://ukutabs.com/wp-content/themes/olympus/utimages/note-vivaukulele.jpg" alt="Viva La Ukulele" title="viva la ukulele" width="184" height="117" class="vivalaukulelenote"></noscript>
<p>UkuTabs brings you the <strong>ultimate online ukulele chord referencing tool</strong>! Very advanced, extremely easy to use and above all <strong>completely free</strong>. Pick a root note at the top and choose the chord variation you're looking for. The chord will pop up on the ukulele fretboard and diagrams will appear below. Use the arrows in the headstock to look for an alternative playing position. Cool, isn't it? Default tuning is GCEA (standard or C tuning) but baritone (DGBE) tuning is also available. Left handed ukulele players are not forgotten as well, click the right/left toggle to switch.</p>
</div>
<div class="container inner-relative-wrapper">
<div class="row section-theme-padding vc_custom_1605773903695">
<div class="row-cols-wrap vc_row wpb_row vc_row-fluid">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner" style="padding:0">
<div class="wpb_wrapper">
<span id="howtoreadbutton" style="margin: -16px 0 0px 0px;position:absolute;background: #f2f2e8;border-radius: 5px 5px 0 0;padding: 0px 10px 3px 10px;color: #9c9c92;">
<a target="_blank" href="/remove-ads/">
<span style="font-size:10px;">
<i class="fa-trash-alt" style="margin-right:3px"></i> remove these ads
</span>
</a>
</span>
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
<div class="wpb_wrapper">
<div class="vc_message_box vc_message_box-standard vc_message_box-rounded" style="background-color:#f2f2e8;border:0;text-align:center;padding:1em;min-height:305px">
<!--ADVERTENTIE - MEMBER YOURFAVS REQUEST SUBMIT BOTTOM-->
<!-- <div class="ad-tag" data-ad-name="ukutabs_mem_btm"></div> -->
<!--<script src="//tags-cdn.deployads.com/a/ukutabs.com.js" async ></script>-->
<!-- <script data-cfasync="false">
(deployads = window.deployads || []).push({});
</script> -->
<!-- Tag ID: ukutabs_leaderboard_btf -->
<div align="center" data-freestar-ad="__300x250 __970x250" id="ukutabs_leaderboard_btf">
<script data-cfasync="false" type="text/javascript">
freestar.config.enabled_slots.push({ placementName: "ukutabs_leaderboard_btf", slotId: "ukutabs_leaderboard_btf" });
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_double vc_sep_pos_align_center vc_sep_color_grey vc_custom_1605774777343 vc_separator-has-text" id="alohah4" style="margin-bottom: 32px;padding-top: 17px;"><span id="theukulelechordnamer" class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span>
<h4>LOOKING FOR A CHORD?</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
<div class="chooseachord">
<div id="controls-wrapper" style="padding-top: 0">
<div id="controls">
<div class="accordion" style="box-shadow: 2px 5px 10px #999;">
<h3 style="margin-bottom:0!important">Select a Root Note</h3>
</div>
<div id="rootcontrols" class="touchme" style="-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;background: #e6e5d9;margin: 0 0 17px;padding: 0px 5px 3px;position: relative;z-index: 21!important;box-shadow: 2px 5px 10px #9999997a;">
<div class="controls" style="width: 100%;max-width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;">
<ul class="control-keys resp-tabs-list notediagrams" style="text-align:center;margin-bottom:0">
<li class="control control-key button-scales rootnote button-ukunotes-first rootbutno" id="rootnoteA" style="line-height:34px;">A</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutyes" id="rootnoteAd" style="padding-top: 22px!important;line-height: 12px;">A#<br /><span class="rootbutyesbrack">Bb</span></li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteB" style="line-height:34px;">B</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteC" style="line-height:34px;">C</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutyes" id="rootnoteCd" style="padding-top: 22px!important;line-height: 12px;">C#<br /><span class="rootbutyesbrack">Db</span></li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteD" style="line-height:34px;">D</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutyes" id="rootnoteDd" style="padding-top: 22px!important;line-height: 12px;">D#<br /><span class="rootbutyesbrack">Eb</span></li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteE" style="line-height:34px;">E</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteF" style="line-height:34px;">F</li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutyes" id="rootnoteFd" style="padding-top: 22px!important;line-height: 12px;">F#<br /><span class="rootbutyesbrack">Gb</span></li>
<li class="control control-key button-scales rootnote button-ukunotes rootbutno" id="rootnoteG" style="line-height:34px;">G</li>
<li class="control control-key button-scales rootnote button-ukunotes-last rootbutyes" id="rootnoteGd" style="padding-top: 22px!important;line-height: 12px;">G#<br /><span class="rootbutyesbrack">Ab</span></li>
</ul>
</div>
</div>
<div id="typecontrolschords" class="touchme" style="-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;background: #efefe1c7;margin: 0 0 35px;padding: 1px 15px 10px;width:fit-content;position: relative;z-index: 21;width: fit-content;max-width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;">
<div class="controls">
<div class="control-keys">
<div class="chordtype-title-prim">TRIAD</div>
<div class="button chordtype" id="chordtype"><span style="color:#eee">X</span></div>
<div class="button chordtype" id="chordtypem"><span style="color:#eee">X</span>m</div>
<div class="button chordtype" id="chordtypeaug"><span style="color:#eee">X</span>aug</div>
<div class="button chordtype" id="chordtypedim"><span style="color:#eee">X</span>dim</div>
<br />
<div class="chordtype-title-prim">SEVENTH</div>
<div class="button chordtype" id="chordtype7"><span style="color:#eee">X</span>7</div>
<div class="button chordtype" id="chordtypem7"><span style="color:#eee">X</span>m7</div>
<div class="button chordtype" id="chordtypemaj7"><span style="color:#eee">X</span>maj7</div>
<div class="button chordtype" id="chordtypeaug7"><span style="color:#eee">X</span>aug7</div>
<div class="button chordtype" id="chordtypedim7"><span style="color:#eee">X</span>dim7</div>
<div class="button chordtype" id="chordtypem7b5"><span style="color:#eee">X</span>m7b5</div>
<!-- <div class="button chordtype" id="chordtypemmMaj7"><span style="color:#eee">X</span>mMaj7</div> -->
<br />
<div class="chordtype-title-prim">SUSPENDED</div>
<div class="button chordtype" id="chordtypesus2"><span style="color:#eee">X</span>sus2</div>
<div class="button chordtype" id="chordtypesus4"><span style="color:#eee">X</span>sus4</div>
<div class="button chordtype" id="chordtype7sus2"><span style="color:#eee">X</span>7sus2</div>
<div class="button chordtype" id="chordtype7sus4"><span style="color:#eee">X</span>7sus4</div>
<br />
<div class="chordtype-title-prim">EXTENDED</div>
<div class="button chordtype" id="chordtype9"><span style="color:#eee">X</span>9</div>
<div class="button chordtype" id="chordtypem9"><span style="color:#eee">X</span>m9</div>
<div class="button chordtype" id="chordtypemaj9"><span style="color:#eee">X</span>maj9</div>
<div class="button chordtype" id="chordtype13"><span style="color:#eee">X</span>13</div>
<br />
<div class="chordtype-title-prim">ADDED</div>
<div class="button chordtype" id="chordtype5"><span style="color:#eee">X</span>5</div>
<div class="button chordtype" id="chordtype6"><span style="color:#eee">X</span>6</div>
<div class="button chordtype" id="chordtypem6"><span style="color:#eee">X</span>m6</div>
<!-- <div class="button chordtype" id="chordtypem9"><span style="color:#eee">X</span>m9</div> -->
<div class="button chordtype" id="chordtypeadd9"><span style="color:#eee">X</span>add9</div>
<div class="button chordtype" id="chordtypemadd9"><span style="color:#eee">X</span>madd9</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="takeitall">
<div id="shortcuts" style="position: relative;z-index:2;top:40px;left: 250px;text-transform:uppercase;float:left">
<div class="help quicktuning"><a>UKULELE</a></div>
<div class="help quicktuning"><a href="/baritone-ukulele-chords-diagrams/" style="color:#cec0b0">BARITONE</a></div>
<div class="help quicktuning"><a href="/mandolin-chords-diagrams/" style="color:#cec0b0">MANDOLIN</a></div>
</div>
<div class="lefthandtoggle" style="">
<label class="switch"><input type="checkbox" checked id="togBtn" onclick="window.location.href='/left-handed-ukulele-chords-diagrams/#ukulelechords'">
<div class="slider round"></div>
</label>
</div>
<div id="neck" style="margin-left: 2px;margin-top:25px">
<img width="1572" height="541" id="ukulele-desktop" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201572%20541'%3E%3C/svg%3E" alt="UkuTabs full ukulele" class="ukutabsukulelefullvert" data-lazy-src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukutabs-ukulele-full-vertical.png"><noscript><img width="1572" height="541" id="ukulele-desktop" src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukutabs-ukulele-full-vertical.png" alt="UkuTabs full ukulele" class="ukutabsukulelefullvert"></noscript>
<img width="515" height="176" id="ukulele-mobile" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20515%20176'%3E%3C/svg%3E" alt="UkuTabs mobile ukulele small" class="ukutabsukulelemobilesmall" data-lazy-src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukutabs-ukulele-mobile-small.png"><noscript><img width="515" height="176" id="ukulele-mobile" src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukutabs-ukulele-mobile-small.png" alt="UkuTabs mobile ukulele small" class="ukutabsukulelemobilesmall"></noscript>
<div class="chordoptions">
<div class="button arrow fa-chevron-left" id="previous">«</div>
<span class="big" style="color:#fff;font-weight:bold;text-shadow: 1px 1px 1px black">
<span id="chordrank"></span>/<span id="chordsize"></span>
</span>
<div class="button arrow fa-chevron-right" id="next">»</div>
</div>
<div class="fretnumber fretnumber3" style=" left: 498px;top: 92px;">3</div>
<div class="fretnumber fretnumber5" style=" left: 617px;top: 92px;">5</div>
<div class="fretnumber fretnumber7" style=" left: 724px;top: 93px;">7</div>
<div class="fretnumber fretnumber10" style=" left: 863px;top: 94px;">10</div>
<div class="fretnumber fretnumber12" style=" left: 942px;top: 95px;">12</div>
<div class="movethenotes">
<div class="case stringA fret0 selected" id="A0"></div>
<div class="case stringB fret0 selected" id="B0"></div>
<div class="case stringC fret0 selected" id="C0"></div>
<div class="case stringD fret0 selected" id="D0"></div>
<div class="case stringA fret1" id="A1"></div>
<div class="case stringB fret1" id="B1"></div>
<div class="case stringC fret1" id="C1"></div>
<div class="case stringD fret1" id="D1"></div>
<div class="case stringA fret2" id="A2"></div>
<div class="case stringB fret2" id="B2"></div>
<div class="case stringC fret2" id="C2"></div>
<div class="case stringD fret2" id="D2"></div>
<div class="case stringA fret3" id="A3"></div>
<div class="case stringB fret3" id="B3"></div>
<div class="case stringC fret3" id="C3"></div>
<div class="case stringD fret3" id="D3"></div>
<div class="case stringA fret4" id="A4"></div>
<div class="case stringB fret4" id="B4"></div>
<div class="case stringC fret4" id="C4"></div>
<div class="case stringD fret4" id="D4"></div>
<div class="case stringA fret5" id="A5"></div>
<div class="case stringB fret5" id="B5"></div>
<div class="case stringC fret5" id="C5"></div>
<div class="case stringD fret5" id="D5"></div>
<div class="case stringA fret6" id="A6"></div>
<div class="case stringB fret6" id="B6"></div>
<div class="case stringC fret6" id="C6"></div>
<div class="case stringD fret6" id="D6"></div>
<div class="case stringA fret7" id="A7"></div>
<div class="case stringB fret7" id="B7"></div>
<div class="case stringC fret7" id="C7"></div>
<div class="case stringD fret7" id="D7"></div>
<div class="case stringA fret8" id="A8"></div>
<div class="case stringB fret8" id="B8"></div>
<div class="case stringC fret8" id="C8"></div>
<div class="case stringD fret8" id="D8"></div>
<div class="case stringA fret9" id="A9"></div>
<div class="case stringB fret9" id="B9"></div>
<div class="case stringC fret9" id="C9"></div>
<div class="case stringD fret9" id="D9"></div>
<div class="case stringA fret10" id="A10"></div>
<div class="case stringB fret10" id="B10"></div>
<div class="case stringC fret10" id="C10"></div>
<div class="case stringD fret10" id="D10"></div>
<div class="case stringA fret11" id="A11"></div>
<div class="case stringB fret11" id="B11"></div>
<div class="case stringC fret11" id="C11"></div>
<div class="case stringD fret11" id="D11"></div>
<div class="case stringA fret12" id="A12"></div>
<div class="case stringB fret12" id="B12"></div>
<div class="case stringC fret12" id="C12"></div>
<div class="case stringD fret12" id="D12"></div>
<div class="case stringA fret13" id="A13"></div>
<div class="case stringB fret13" id="B13"></div>
<div class="case stringC fret13" id="C13"></div>
<div class="case stringD fret13" id="D13"></div>
<div class="case stringA fret14" id="A14"></div>
<div class="case stringB fret14" id="B14"></div>
<div class="case stringC fret14" id="C14"></div>
<div class="case stringD fret14" id="D14"></div>
<div class="case stringA fret15" id="A15"></div>
<div class="case stringB fret15" id="B15"></div>
<div class="case stringC fret15" id="C15"></div>
<div class="case stringD fret15" id="D15"></div>
<div class="case stringA fret16" id="A16"></div>
<div class="case stringB fret16" id="B16"></div>
<div class="case stringC fret16" id="C16"></div>
<div class="case stringD fret16" id="D16"></div>
<div class="case stringA fret17" id="A17"></div>
<div class="case stringB fret17" id="B17"></div>
<div class="case stringC fret17" id="C17"></div>
<div class="case stringD fret17" id="D17"></div>
<div class="role stringA" id="roleA"></div>
<div class="role stringB" id="roleB"></div>
<div class="role stringC" id="roleC"></div>
<div class="role stringD" id="roleD"></div>
<div class="movethetunings">
<div class="tuning" id="tuningA">
<select class="tuning">
<option value="A" selected="selected">A</option>
<option value="A#">A#</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="C#">C#</option>
<option value="D">D</option>
<option value="D#">D#</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="F#">F#</option>
<option value="G">G</option>
<option value="G#">G#</option>
</select>
</div>
<div class="tuning" id="tuningB">
<select class="tuning">
<option value="A">A</option>
<option value="A#">A#</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="C#">C#</option>
<option value="D">D</option>
<option value="D#">D#</option>
<option value="E" selected="selected">E</option>
<option value="F">F</option>
<option value="F#">F#</option>
<option value="G">G</option>
<option value="G#">G#</option>
</select>
</div>
<div class="tuning" id="tuningC">
<select class="tuning">
<option value="A">A</option>
<option value="A#">A#</option>
<option value="B">B</option>
<option value="C" selected="selected">C</option>
<option value="C#">C#</option>
<option value="D">D</option>
<option value="D#">D#</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="F#">F#</option>
<option value="G">G</option>
<option value="G#">G#</option>
</select>
</div>
<div class="tuning" id="tuningD">
<select class="tuning">
<option value="A">A</option>
<option value="A#">A#</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="C#">C#</option>
<option value="D">D</option>
<option value="D#">D#</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="F#">F#</option>
<option value="G" selected="selected">G</option>
<option value="G#">G#</option>
</select>
</div>
</div>
</div>
</div>
</div>
</main><!-- #main -->
<main class="col-md-12 col-sm-12 col-lg-12">
<div class="vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_double vc_sep_pos_align_center vc_sep_color_grey vc_custom_1605774777343 vc_separator-has-text" id="alohah4" style="margin-bottom:30px;">
<span class="vc_sep_holder vc_sep_holder_l"><span class="vc_sep_line"></span></span>
<h4 class="touchmeup">UKULELE CHORD DIAGRAMS</h4><span class="vc_sep_holder vc_sep_holder_r"><span class="vc_sep_line"></span></span>
</div>
<div class="resp-tabs-container notediagrams" style="margin-bottom:30px">
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A" data-lazy-src="/chords/standard/A.svg"><noscript><img width="90" height="134" src="/chords/standard/A.svg" class="cits-c" alt="A"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am" data-lazy-src="/chords/standard/Am.svg"><noscript><img width="90" height="134" src="/chords/standard/Am.svg" class="cits-c" alt="Am"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Aaug" data-lazy-src="/chords/standard/Aaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Aaug.svg" class="cits-c" alt="Aaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Adim" data-lazy-src="/chords/standard/Adim.svg"><noscript><img width="90" height="134" src="/chords/standard/Adim.svg" class="cits-c" alt="Adim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A7" data-lazy-src="/chords/standard/A7.svg"><noscript><img width="90" height="134" src="/chords/standard/A7.svg" class="cits-c" alt="A7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am7" data-lazy-src="/chords/standard/Am7.svg"><noscript><img width="90" height="134" src="/chords/standard/Am7.svg" class="cits-c" alt="Am7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Amaj7" data-lazy-src="/chords/standard/Amaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Amaj7.svg" class="cits-c" alt="Amaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Aaug7" data-lazy-src="/chords/standard/Aaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Aaug7.svg" class="cits-c" alt="Aaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Adim7" data-lazy-src="/chords/standard/Adim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Adim7.svg" class="cits-c" alt="Adim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am7b5" data-lazy-src="/chords/standard/Am7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Am7b5.svg" class="cits-c" alt="Am7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="AmMaj7" data-lazy-src="/chords/standard/AmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/AmMaj7.svg" class="cits-c" alt="AmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Asus2" data-lazy-src="/chords/standard/Asus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Asus2.svg" class="cits-c" alt="Asus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Asus4" data-lazy-src="/chords/standard/Asus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Asus4.svg" class="cits-c" alt="Asus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A7sus2" data-lazy-src="/chords/standard/A7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/A7sus2.svg" class="cits-c" alt="A7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A7sus4" data-lazy-src="/chords/standard/A7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/A7sus4.svg" class="cits-c" alt="A7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A9" data-lazy-src="/chords/standard/A9.svg"><noscript><img width="90" height="134" src="/chords/standard/A9.svg" class="cits-c" alt="A9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am9" data-lazy-src="/chords/standard/Am9.svg"><noscript><img width="90" height="134" src="/chords/standard/Am9.svg" class="cits-c" alt="Am9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Amaj9" data-lazy-src="/chords/standard/Amaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Amaj9.svg" class="cits-c" alt="Amaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A11" data-lazy-src="/chords/standard/A11.svg"><noscript><img width="90" height="134" src="/chords/standard/A11.svg" class="cits-c" alt="A11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am11" data-lazy-src="/chords/standard/Am11.svg"><noscript><img width="90" height="134" src="/chords/standard/Am11.svg" class="cits-c" alt="Am11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A13" data-lazy-src="/chords/standard/A13.svg"><noscript><img width="90" height="134" src="/chords/standard/A13.svg" class="cits-c" alt="A13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am13" data-lazy-src="/chords/standard/Am13.svg"><noscript><img width="90" height="134" src="/chords/standard/Am13.svg" class="cits-c" alt="Am13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A5" data-lazy-src="/chords/standard/A5.svg"><noscript><img width="90" height="134" src="/chords/standard/A5.svg" class="cits-c" alt="A5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="A6" data-lazy-src="/chords/standard/A6.svg"><noscript><img width="90" height="134" src="/chords/standard/A6.svg" class="cits-c" alt="A6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am6" data-lazy-src="/chords/standard/Am6.svg"><noscript><img width="90" height="134" src="/chords/standard/Am6.svg" class="cits-c" alt="Am6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Aadd9" data-lazy-src="/chords/standard/Aadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Aadd9.svg" class="cits-c" alt="Aadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Am9" data-lazy-src="/chords/standard/Am9.svg"><noscript><img width="90" height="134" src="/chords/standard/Am9.svg" class="cits-c" alt="Am9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Amadd9" data-lazy-src="/chords/standard/Amadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Amadd9.svg" class="cits-c" alt="Amadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb" data-lazy-src="/chords/standard/Bb.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb.svg" class="cits-c" alt="Bb"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm" data-lazy-src="/chords/standard/Bbm.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm.svg" class="cits-c" alt="Bbm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbaug" data-lazy-src="/chords/standard/Bbaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbaug.svg" class="cits-c" alt="Bbaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbdim" data-lazy-src="/chords/standard/Bbdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbdim.svg" class="cits-c" alt="Bbdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb7" data-lazy-src="/chords/standard/Bb7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb7.svg" class="cits-c" alt="Bb7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm7" data-lazy-src="/chords/standard/Bbm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm7.svg" class="cits-c" alt="Bbm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbmaj7" data-lazy-src="/chords/standard/Bbmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbmaj7.svg" class="cits-c" alt="Bbmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbaug7" data-lazy-src="/chords/standard/Bbaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbaug7.svg" class="cits-c" alt="Bbaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbdim7" data-lazy-src="/chords/standard/Bbdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbdim7.svg" class="cits-c" alt="Bbdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm7b5" data-lazy-src="/chords/standard/Bbm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm7b5.svg" class="cits-c" alt="Bbm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="BbmMaj7" data-lazy-src="/chords/standard/BbmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/BbmMaj7.svg" class="cits-c" alt="BbmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbsus2" data-lazy-src="/chords/standard/Bbsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbsus2.svg" class="cits-c" alt="Bbsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbsus4" data-lazy-src="/chords/standard/Bbsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbsus4.svg" class="cits-c" alt="Bbsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb7sus2" data-lazy-src="/chords/standard/Bb7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb7sus2.svg" class="cits-c" alt="Bb7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb7sus4" data-lazy-src="/chords/standard/Bb7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb7sus4.svg" class="cits-c" alt="Bb7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb9" data-lazy-src="/chords/standard/Bb9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb9.svg" class="cits-c" alt="Bb9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm9" data-lazy-src="/chords/standard/Bbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm9.svg" class="cits-c" alt="Bbm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbmaj9" data-lazy-src="/chords/standard/Bbmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbmaj9.svg" class="cits-c" alt="Bbmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb11" data-lazy-src="/chords/standard/Bb11.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb11.svg" class="cits-c" alt="Bb11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm11" data-lazy-src="/chords/standard/Bbm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm11.svg" class="cits-c" alt="Bbm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb13" data-lazy-src="/chords/standard/Bb13.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb13.svg" class="cits-c" alt="Bb13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm13" data-lazy-src="/chords/standard/Bbm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm13.svg" class="cits-c" alt="Bbm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb5" data-lazy-src="/chords/standard/Bb5.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb5.svg" class="cits-c" alt="Bb5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bb6" data-lazy-src="/chords/standard/Bb6.svg"><noscript><img width="90" height="134" src="/chords/standard/Bb6.svg" class="cits-c" alt="Bb6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm6" data-lazy-src="/chords/standard/Bbm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm6.svg" class="cits-c" alt="Bbm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbadd9" data-lazy-src="/chords/standard/Bbadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbadd9.svg" class="cits-c" alt="Bbadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbm9" data-lazy-src="/chords/standard/Bbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbm9.svg" class="cits-c" alt="Bbm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bbmadd9" data-lazy-src="/chords/standard/Bbmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bbmadd9.svg" class="cits-c" alt="Bbmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B" data-lazy-src="/chords/standard/B.svg"><noscript><img width="90" height="134" src="/chords/standard/B.svg" class="cits-c" alt="B"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm" data-lazy-src="/chords/standard/Bm.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm.svg" class="cits-c" alt="Bm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Baug" data-lazy-src="/chords/standard/Baug.svg"><noscript><img width="90" height="134" src="/chords/standard/Baug.svg" class="cits-c" alt="Baug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bdim" data-lazy-src="/chords/standard/Bdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Bdim.svg" class="cits-c" alt="Bdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B7" data-lazy-src="/chords/standard/B7.svg"><noscript><img width="90" height="134" src="/chords/standard/B7.svg" class="cits-c" alt="B7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm7" data-lazy-src="/chords/standard/Bm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm7.svg" class="cits-c" alt="Bm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bmaj7" data-lazy-src="/chords/standard/Bmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bmaj7.svg" class="cits-c" alt="Bmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Baug7" data-lazy-src="/chords/standard/Baug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Baug7.svg" class="cits-c" alt="Baug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bdim7" data-lazy-src="/chords/standard/Bdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Bdim7.svg" class="cits-c" alt="Bdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm7b5" data-lazy-src="/chords/standard/Bm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm7b5.svg" class="cits-c" alt="Bm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="BmMaj7" data-lazy-src="/chords/standard/BmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/BmMaj7.svg" class="cits-c" alt="BmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bsus2" data-lazy-src="/chords/standard/Bsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Bsus2.svg" class="cits-c" alt="Bsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bsus4" data-lazy-src="/chords/standard/Bsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Bsus4.svg" class="cits-c" alt="Bsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B7sus2" data-lazy-src="/chords/standard/B7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/B7sus2.svg" class="cits-c" alt="B7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B7sus4" data-lazy-src="/chords/standard/B7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/B7sus4.svg" class="cits-c" alt="B7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B9" data-lazy-src="/chords/standard/B9.svg"><noscript><img width="90" height="134" src="/chords/standard/B9.svg" class="cits-c" alt="B9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm9" data-lazy-src="/chords/standard/Bm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm9.svg" class="cits-c" alt="Bm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bmaj9" data-lazy-src="/chords/standard/Bmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bmaj9.svg" class="cits-c" alt="Bmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B11" data-lazy-src="/chords/standard/B11.svg"><noscript><img width="90" height="134" src="/chords/standard/B11.svg" class="cits-c" alt="B11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm11" data-lazy-src="/chords/standard/Bm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm11.svg" class="cits-c" alt="Bm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B13" data-lazy-src="/chords/standard/B13.svg"><noscript><img width="90" height="134" src="/chords/standard/B13.svg" class="cits-c" alt="B13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm13" data-lazy-src="/chords/standard/Bm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm13.svg" class="cits-c" alt="Bm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B5" data-lazy-src="/chords/standard/B5.svg"><noscript><img width="90" height="134" src="/chords/standard/B5.svg" class="cits-c" alt="B5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="B6" data-lazy-src="/chords/standard/B6.svg"><noscript><img width="90" height="134" src="/chords/standard/B6.svg" class="cits-c" alt="B6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm6" data-lazy-src="/chords/standard/Bm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm6.svg" class="cits-c" alt="Bm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Badd9" data-lazy-src="/chords/standard/Badd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Badd9.svg" class="cits-c" alt="Badd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bm9" data-lazy-src="/chords/standard/Bm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bm9.svg" class="cits-c" alt="Bm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Bmadd9" data-lazy-src="/chords/standard/Bmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Bmadd9.svg" class="cits-c" alt="Bmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C" data-lazy-src="/chords/standard/C.svg"><noscript><img width="90" height="134" src="/chords/standard/C.svg" class="cits-c" alt="C"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm" data-lazy-src="/chords/standard/Cm.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm.svg" class="cits-c" alt="Cm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Caug" data-lazy-src="/chords/standard/Caug.svg"><noscript><img width="90" height="134" src="/chords/standard/Caug.svg" class="cits-c" alt="Caug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cdim" data-lazy-src="/chords/standard/Cdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Cdim.svg" class="cits-c" alt="Cdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C7" data-lazy-src="/chords/standard/C7.svg"><noscript><img width="90" height="134" src="/chords/standard/C7.svg" class="cits-c" alt="C7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm7" data-lazy-src="/chords/standard/Cm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm7.svg" class="cits-c" alt="Cm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cmaj7" data-lazy-src="/chords/standard/Cmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Cmaj7.svg" class="cits-c" alt="Cmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Caug7" data-lazy-src="/chords/standard/Caug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Caug7.svg" class="cits-c" alt="Caug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cdim7" data-lazy-src="/chords/standard/Cdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Cdim7.svg" class="cits-c" alt="Cdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm7b5" data-lazy-src="/chords/standard/Cm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm7b5.svg" class="cits-c" alt="Cm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="CmMaj7" data-lazy-src="/chords/standard/CmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/CmMaj7.svg" class="cits-c" alt="CmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Csus2" data-lazy-src="/chords/standard/Csus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Csus2.svg" class="cits-c" alt="Csus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Csus4" data-lazy-src="/chords/standard/Csus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Csus4.svg" class="cits-c" alt="Csus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C7sus2" data-lazy-src="/chords/standard/C7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/C7sus2.svg" class="cits-c" alt="C7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C7sus4" data-lazy-src="/chords/standard/C7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/C7sus4.svg" class="cits-c" alt="C7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C9" data-lazy-src="/chords/standard/C9.svg"><noscript><img width="90" height="134" src="/chords/standard/C9.svg" class="cits-c" alt="C9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm9" data-lazy-src="/chords/standard/Cm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm9.svg" class="cits-c" alt="Cm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cmaj9" data-lazy-src="/chords/standard/Cmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Cmaj9.svg" class="cits-c" alt="Cmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C11" data-lazy-src="/chords/standard/C11.svg"><noscript><img width="90" height="134" src="/chords/standard/C11.svg" class="cits-c" alt="C11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm11" data-lazy-src="/chords/standard/Cm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm11.svg" class="cits-c" alt="Cm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C13" data-lazy-src="/chords/standard/C13.svg"><noscript><img width="90" height="134" src="/chords/standard/C13.svg" class="cits-c" alt="C13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm13" data-lazy-src="/chords/standard/Cm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm13.svg" class="cits-c" alt="Cm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C5" data-lazy-src="/chords/standard/C5.svg"><noscript><img width="90" height="134" src="/chords/standard/C5.svg" class="cits-c" alt="C5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="C6" data-lazy-src="/chords/standard/C6.svg"><noscript><img width="90" height="134" src="/chords/standard/C6.svg" class="cits-c" alt="C6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm6" data-lazy-src="/chords/standard/Cm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm6.svg" class="cits-c" alt="Cm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cadd9" data-lazy-src="/chords/standard/Cadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Cadd9.svg" class="cits-c" alt="Cadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cm9" data-lazy-src="/chords/standard/Cm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Cm9.svg" class="cits-c" alt="Cm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Cmadd9" data-lazy-src="/chords/standard/Cmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Cmadd9.svg" class="cits-c" alt="Cmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db" data-lazy-src="/chords/standard/Db.svg"><noscript><img width="90" height="134" src="/chords/standard/Db.svg" class="cits-c" alt="Db"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm" data-lazy-src="/chords/standard/Dbm.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm.svg" class="cits-c" alt="Dbm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbaug" data-lazy-src="/chords/standard/Dbaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbaug.svg" class="cits-c" alt="Dbaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbdim" data-lazy-src="/chords/standard/Dbdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbdim.svg" class="cits-c" alt="Dbdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db7" data-lazy-src="/chords/standard/Db7.svg"><noscript><img width="90" height="134" src="/chords/standard/Db7.svg" class="cits-c" alt="Db7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm7" data-lazy-src="/chords/standard/Dbm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm7.svg" class="cits-c" alt="Dbm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbmaj7" data-lazy-src="/chords/standard/Dbmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbmaj7.svg" class="cits-c" alt="Dbmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbaug7" data-lazy-src="/chords/standard/Dbaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbaug7.svg" class="cits-c" alt="Dbaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbdim7" data-lazy-src="/chords/standard/Dbdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbdim7.svg" class="cits-c" alt="Dbdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm7b5" data-lazy-src="/chords/standard/Dbm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm7b5.svg" class="cits-c" alt="Dbm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="DbmMaj7" data-lazy-src="/chords/standard/DbmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/DbmMaj7.svg" class="cits-c" alt="DbmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbsus2" data-lazy-src="/chords/standard/Dbsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbsus2.svg" class="cits-c" alt="Dbsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbsus4" data-lazy-src="/chords/standard/Dbsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbsus4.svg" class="cits-c" alt="Dbsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db7sus2" data-lazy-src="/chords/standard/Db7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Db7sus2.svg" class="cits-c" alt="Db7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db7sus4" data-lazy-src="/chords/standard/Db7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Db7sus4.svg" class="cits-c" alt="Db7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db9" data-lazy-src="/chords/standard/Db9.svg"><noscript><img width="90" height="134" src="/chords/standard/Db9.svg" class="cits-c" alt="Db9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm9" data-lazy-src="/chords/standard/Dbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm9.svg" class="cits-c" alt="Dbm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbmaj9" data-lazy-src="/chords/standard/Dbmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbmaj9.svg" class="cits-c" alt="Dbmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db11" data-lazy-src="/chords/standard/Db11.svg"><noscript><img width="90" height="134" src="/chords/standard/Db11.svg" class="cits-c" alt="Db11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm11" data-lazy-src="/chords/standard/Dbm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm11.svg" class="cits-c" alt="Dbm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db13" data-lazy-src="/chords/standard/Db13.svg"><noscript><img width="90" height="134" src="/chords/standard/Db13.svg" class="cits-c" alt="Db13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm13" data-lazy-src="/chords/standard/Dbm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm13.svg" class="cits-c" alt="Dbm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db5" data-lazy-src="/chords/standard/Db5.svg"><noscript><img width="90" height="134" src="/chords/standard/Db5.svg" class="cits-c" alt="Db5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Db6" data-lazy-src="/chords/standard/Db6.svg"><noscript><img width="90" height="134" src="/chords/standard/Db6.svg" class="cits-c" alt="Db6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm6" data-lazy-src="/chords/standard/Dbm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm6.svg" class="cits-c" alt="Dbm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbadd9" data-lazy-src="/chords/standard/Dbadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbadd9.svg" class="cits-c" alt="Dbadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbm9" data-lazy-src="/chords/standard/Dbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbm9.svg" class="cits-c" alt="Dbm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dbmadd9" data-lazy-src="/chords/standard/Dbmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dbmadd9.svg" class="cits-c" alt="Dbmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D" data-lazy-src="/chords/standard/D.svg"><noscript><img width="90" height="134" src="/chords/standard/D.svg" class="cits-c" alt="D"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm" data-lazy-src="/chords/standard/Dm.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm.svg" class="cits-c" alt="Dm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Daug" data-lazy-src="/chords/standard/Daug.svg"><noscript><img width="90" height="134" src="/chords/standard/Daug.svg" class="cits-c" alt="Daug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ddim" data-lazy-src="/chords/standard/Ddim.svg"><noscript><img width="90" height="134" src="/chords/standard/Ddim.svg" class="cits-c" alt="Ddim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D7" data-lazy-src="/chords/standard/D7.svg"><noscript><img width="90" height="134" src="/chords/standard/D7.svg" class="cits-c" alt="D7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm7" data-lazy-src="/chords/standard/Dm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm7.svg" class="cits-c" alt="Dm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dmaj7" data-lazy-src="/chords/standard/Dmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Dmaj7.svg" class="cits-c" alt="Dmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Daug7" data-lazy-src="/chords/standard/Daug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Daug7.svg" class="cits-c" alt="Daug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ddim7" data-lazy-src="/chords/standard/Ddim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ddim7.svg" class="cits-c" alt="Ddim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm7b5" data-lazy-src="/chords/standard/Dm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm7b5.svg" class="cits-c" alt="Dm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="DmMaj7" data-lazy-src="/chords/standard/DmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/DmMaj7.svg" class="cits-c" alt="DmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dsus2" data-lazy-src="/chords/standard/Dsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Dsus2.svg" class="cits-c" alt="Dsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dsus4" data-lazy-src="/chords/standard/Dsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Dsus4.svg" class="cits-c" alt="Dsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D7sus2" data-lazy-src="/chords/standard/D7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/D7sus2.svg" class="cits-c" alt="D7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D7sus4" data-lazy-src="/chords/standard/D7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/D7sus4.svg" class="cits-c" alt="D7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D9" data-lazy-src="/chords/standard/D9.svg"><noscript><img width="90" height="134" src="/chords/standard/D9.svg" class="cits-c" alt="D9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm9" data-lazy-src="/chords/standard/Dm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm9.svg" class="cits-c" alt="Dm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dmaj9" data-lazy-src="/chords/standard/Dmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dmaj9.svg" class="cits-c" alt="Dmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D11" data-lazy-src="/chords/standard/D11.svg"><noscript><img width="90" height="134" src="/chords/standard/D11.svg" class="cits-c" alt="D11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm11" data-lazy-src="/chords/standard/Dm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm11.svg" class="cits-c" alt="Dm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D13" data-lazy-src="/chords/standard/D13.svg"><noscript><img width="90" height="134" src="/chords/standard/D13.svg" class="cits-c" alt="D13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm13" data-lazy-src="/chords/standard/Dm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm13.svg" class="cits-c" alt="Dm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D5" data-lazy-src="/chords/standard/D5.svg"><noscript><img width="90" height="134" src="/chords/standard/D5.svg" class="cits-c" alt="D5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="D6" data-lazy-src="/chords/standard/D6.svg"><noscript><img width="90" height="134" src="/chords/standard/D6.svg" class="cits-c" alt="D6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm6" data-lazy-src="/chords/standard/Dm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm6.svg" class="cits-c" alt="Dm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dadd9" data-lazy-src="/chords/standard/Dadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dadd9.svg" class="cits-c" alt="Dadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dm9" data-lazy-src="/chords/standard/Dm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dm9.svg" class="cits-c" alt="Dm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Dmadd9" data-lazy-src="/chords/standard/Dmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Dmadd9.svg" class="cits-c" alt="Dmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb" data-lazy-src="/chords/standard/Eb.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb.svg" class="cits-c" alt="Eb"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm" data-lazy-src="/chords/standard/Ebm.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm.svg" class="cits-c" alt="Ebm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebaug" data-lazy-src="/chords/standard/Ebaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebaug.svg" class="cits-c" alt="Ebaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebdim" data-lazy-src="/chords/standard/Ebdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebdim.svg" class="cits-c" alt="Ebdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb7" data-lazy-src="/chords/standard/Eb7.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb7.svg" class="cits-c" alt="Eb7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm7" data-lazy-src="/chords/standard/Ebm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm7.svg" class="cits-c" alt="Ebm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebmaj7" data-lazy-src="/chords/standard/Ebmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebmaj7.svg" class="cits-c" alt="Ebmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebaug7" data-lazy-src="/chords/standard/Ebaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebaug7.svg" class="cits-c" alt="Ebaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebdim7" data-lazy-src="/chords/standard/Ebdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebdim7.svg" class="cits-c" alt="Ebdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm7b5" data-lazy-src="/chords/standard/Ebm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm7b5.svg" class="cits-c" alt="Ebm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="EbmMaj7" data-lazy-src="/chords/standard/EbmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/EbmMaj7.svg" class="cits-c" alt="EbmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebsus2" data-lazy-src="/chords/standard/Ebsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebsus2.svg" class="cits-c" alt="Ebsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebsus4" data-lazy-src="/chords/standard/Ebsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebsus4.svg" class="cits-c" alt="Ebsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb7sus2" data-lazy-src="/chords/standard/Eb7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb7sus2.svg" class="cits-c" alt="Eb7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb7sus4" data-lazy-src="/chords/standard/Eb7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb7sus4.svg" class="cits-c" alt="Eb7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb9" data-lazy-src="/chords/standard/Eb9.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb9.svg" class="cits-c" alt="Eb9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm9" data-lazy-src="/chords/standard/Ebm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm9.svg" class="cits-c" alt="Ebm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebmaj9" data-lazy-src="/chords/standard/Ebmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebmaj9.svg" class="cits-c" alt="Ebmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb11" data-lazy-src="/chords/standard/Eb11.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb11.svg" class="cits-c" alt="Eb11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm11" data-lazy-src="/chords/standard/Ebm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm11.svg" class="cits-c" alt="Ebm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb13" data-lazy-src="/chords/standard/Eb13.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb13.svg" class="cits-c" alt="Eb13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm13" data-lazy-src="/chords/standard/Ebm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm13.svg" class="cits-c" alt="Ebm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb5" data-lazy-src="/chords/standard/Eb5.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb5.svg" class="cits-c" alt="Eb5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eb6" data-lazy-src="/chords/standard/Eb6.svg"><noscript><img width="90" height="134" src="/chords/standard/Eb6.svg" class="cits-c" alt="Eb6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm6" data-lazy-src="/chords/standard/Ebm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm6.svg" class="cits-c" alt="Ebm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebadd9" data-lazy-src="/chords/standard/Ebadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebadd9.svg" class="cits-c" alt="Ebadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebm9" data-lazy-src="/chords/standard/Ebm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebm9.svg" class="cits-c" alt="Ebm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ebmadd9" data-lazy-src="/chords/standard/Ebmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ebmadd9.svg" class="cits-c" alt="Ebmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E" data-lazy-src="/chords/standard/E.svg"><noscript><img width="90" height="134" src="/chords/standard/E.svg" class="cits-c" alt="E"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em" data-lazy-src="/chords/standard/Em.svg"><noscript><img width="90" height="134" src="/chords/standard/Em.svg" class="cits-c" alt="Em"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eaug" data-lazy-src="/chords/standard/Eaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Eaug.svg" class="cits-c" alt="Eaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Edim" data-lazy-src="/chords/standard/Edim.svg"><noscript><img width="90" height="134" src="/chords/standard/Edim.svg" class="cits-c" alt="Edim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E7" data-lazy-src="/chords/standard/E7.svg"><noscript><img width="90" height="134" src="/chords/standard/E7.svg" class="cits-c" alt="E7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em7" data-lazy-src="/chords/standard/Em7.svg"><noscript><img width="90" height="134" src="/chords/standard/Em7.svg" class="cits-c" alt="Em7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Emaj7" data-lazy-src="/chords/standard/Emaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Emaj7.svg" class="cits-c" alt="Emaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eaug7" data-lazy-src="/chords/standard/Eaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Eaug7.svg" class="cits-c" alt="Eaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Edim7" data-lazy-src="/chords/standard/Edim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Edim7.svg" class="cits-c" alt="Edim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em7b5" data-lazy-src="/chords/standard/Em7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Em7b5.svg" class="cits-c" alt="Em7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="EmMaj7" data-lazy-src="/chords/standard/EmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/EmMaj7.svg" class="cits-c" alt="EmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Esus2" data-lazy-src="/chords/standard/Esus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Esus2.svg" class="cits-c" alt="Esus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Esus4" data-lazy-src="/chords/standard/Esus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Esus4.svg" class="cits-c" alt="Esus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E7sus2" data-lazy-src="/chords/standard/E7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/E7sus2.svg" class="cits-c" alt="E7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E7sus4" data-lazy-src="/chords/standard/E7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/E7sus4.svg" class="cits-c" alt="E7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E9" data-lazy-src="/chords/standard/E9.svg"><noscript><img width="90" height="134" src="/chords/standard/E9.svg" class="cits-c" alt="E9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em9" data-lazy-src="/chords/standard/Em9.svg"><noscript><img width="90" height="134" src="/chords/standard/Em9.svg" class="cits-c" alt="Em9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Emaj9" data-lazy-src="/chords/standard/Emaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Emaj9.svg" class="cits-c" alt="Emaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E11" data-lazy-src="/chords/standard/E11.svg"><noscript><img width="90" height="134" src="/chords/standard/E11.svg" class="cits-c" alt="E11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em11" data-lazy-src="/chords/standard/Em11.svg"><noscript><img width="90" height="134" src="/chords/standard/Em11.svg" class="cits-c" alt="Em11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E13" data-lazy-src="/chords/standard/E13.svg"><noscript><img width="90" height="134" src="/chords/standard/E13.svg" class="cits-c" alt="E13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em13" data-lazy-src="/chords/standard/Em13.svg"><noscript><img width="90" height="134" src="/chords/standard/Em13.svg" class="cits-c" alt="Em13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E5" data-lazy-src="/chords/standard/E5.svg"><noscript><img width="90" height="134" src="/chords/standard/E5.svg" class="cits-c" alt="E5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="E6" data-lazy-src="/chords/standard/E6.svg"><noscript><img width="90" height="134" src="/chords/standard/E6.svg" class="cits-c" alt="E6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em6" data-lazy-src="/chords/standard/Em6.svg"><noscript><img width="90" height="134" src="/chords/standard/Em6.svg" class="cits-c" alt="Em6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Eadd9" data-lazy-src="/chords/standard/Eadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Eadd9.svg" class="cits-c" alt="Eadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Em9" data-lazy-src="/chords/standard/Em9.svg"><noscript><img width="90" height="134" src="/chords/standard/Em9.svg" class="cits-c" alt="Em9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Emadd9" data-lazy-src="/chords/standard/Emadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Emadd9.svg" class="cits-c" alt="Emadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F" data-lazy-src="/chords/standard/F.svg"><noscript><img width="90" height="134" src="/chords/standard/F.svg" class="cits-c" alt="F"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm" data-lazy-src="/chords/standard/Fm.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm.svg" class="cits-c" alt="Fm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Faug" data-lazy-src="/chords/standard/Faug.svg"><noscript><img width="90" height="134" src="/chords/standard/Faug.svg" class="cits-c" alt="Faug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fdim" data-lazy-src="/chords/standard/Fdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Fdim.svg" class="cits-c" alt="Fdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F7" data-lazy-src="/chords/standard/F7.svg"><noscript><img width="90" height="134" src="/chords/standard/F7.svg" class="cits-c" alt="F7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm7" data-lazy-src="/chords/standard/Fm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm7.svg" class="cits-c" alt="Fm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fmaj7" data-lazy-src="/chords/standard/Fmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Fmaj7.svg" class="cits-c" alt="Fmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Faug7" data-lazy-src="/chords/standard/Faug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Faug7.svg" class="cits-c" alt="Faug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fdim7" data-lazy-src="/chords/standard/Fdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Fdim7.svg" class="cits-c" alt="Fdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm7b5" data-lazy-src="/chords/standard/Fm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm7b5.svg" class="cits-c" alt="Fm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="FmMaj7" data-lazy-src="/chords/standard/FmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/FmMaj7.svg" class="cits-c" alt="FmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fsus2" data-lazy-src="/chords/standard/Fsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Fsus2.svg" class="cits-c" alt="Fsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fsus4" data-lazy-src="/chords/standard/Fsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Fsus4.svg" class="cits-c" alt="Fsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F7sus2" data-lazy-src="/chords/standard/F7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/F7sus2.svg" class="cits-c" alt="F7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F7sus4" data-lazy-src="/chords/standard/F7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/F7sus4.svg" class="cits-c" alt="F7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F9" data-lazy-src="/chords/standard/F9.svg"><noscript><img width="90" height="134" src="/chords/standard/F9.svg" class="cits-c" alt="F9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm9" data-lazy-src="/chords/standard/Fm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm9.svg" class="cits-c" alt="Fm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fmaj9" data-lazy-src="/chords/standard/Fmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Fmaj9.svg" class="cits-c" alt="Fmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F11" data-lazy-src="/chords/standard/F11.svg"><noscript><img width="90" height="134" src="/chords/standard/F11.svg" class="cits-c" alt="F11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm11" data-lazy-src="/chords/standard/Fm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm11.svg" class="cits-c" alt="Fm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F13" data-lazy-src="/chords/standard/F13.svg"><noscript><img width="90" height="134" src="/chords/standard/F13.svg" class="cits-c" alt="F13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm13" data-lazy-src="/chords/standard/Fm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm13.svg" class="cits-c" alt="Fm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F5" data-lazy-src="/chords/standard/F5.svg"><noscript><img width="90" height="134" src="/chords/standard/F5.svg" class="cits-c" alt="F5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="F6" data-lazy-src="/chords/standard/F6.svg"><noscript><img width="90" height="134" src="/chords/standard/F6.svg" class="cits-c" alt="F6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm6" data-lazy-src="/chords/standard/Fm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm6.svg" class="cits-c" alt="Fm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fadd9" data-lazy-src="/chords/standard/Fadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Fadd9.svg" class="cits-c" alt="Fadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fm9" data-lazy-src="/chords/standard/Fm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Fm9.svg" class="cits-c" alt="Fm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Fmadd9" data-lazy-src="/chords/standard/Fmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Fmadd9.svg" class="cits-c" alt="Fmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb" data-lazy-src="/chords/standard/Gb.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb.svg" class="cits-c" alt="Gb"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm" data-lazy-src="/chords/standard/Gbm.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm.svg" class="cits-c" alt="Gbm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbaug" data-lazy-src="/chords/standard/Gbaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbaug.svg" class="cits-c" alt="Gbaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbdim" data-lazy-src="/chords/standard/Gbdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbdim.svg" class="cits-c" alt="Gbdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb7" data-lazy-src="/chords/standard/Gb7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb7.svg" class="cits-c" alt="Gb7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm7" data-lazy-src="/chords/standard/Gbm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm7.svg" class="cits-c" alt="Gbm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbmaj7" data-lazy-src="/chords/standard/Gbmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbmaj7.svg" class="cits-c" alt="Gbmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbaug7" data-lazy-src="/chords/standard/Gbaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbaug7.svg" class="cits-c" alt="Gbaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbdim7" data-lazy-src="/chords/standard/Gbdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbdim7.svg" class="cits-c" alt="Gbdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm7b5" data-lazy-src="/chords/standard/Gbm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm7b5.svg" class="cits-c" alt="Gbm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="GbmMaj7" data-lazy-src="/chords/standard/GbmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/GbmMaj7.svg" class="cits-c" alt="GbmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbsus2" data-lazy-src="/chords/standard/Gbsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbsus2.svg" class="cits-c" alt="Gbsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbsus4" data-lazy-src="/chords/standard/Gbsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbsus4.svg" class="cits-c" alt="Gbsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb7sus2" data-lazy-src="/chords/standard/Gb7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb7sus2.svg" class="cits-c" alt="Gb7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb7sus4" data-lazy-src="/chords/standard/Gb7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb7sus4.svg" class="cits-c" alt="Gb7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb9" data-lazy-src="/chords/standard/Gb9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb9.svg" class="cits-c" alt="Gb9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm9" data-lazy-src="/chords/standard/Gbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm9.svg" class="cits-c" alt="Gbm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbmaj9" data-lazy-src="/chords/standard/Gbmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbmaj9.svg" class="cits-c" alt="Gbmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb11" data-lazy-src="/chords/standard/Gb11.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb11.svg" class="cits-c" alt="Gb11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm11" data-lazy-src="/chords/standard/Gbm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm11.svg" class="cits-c" alt="Gbm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb13" data-lazy-src="/chords/standard/Gb13.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb13.svg" class="cits-c" alt="Gb13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm13" data-lazy-src="/chords/standard/Gbm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm13.svg" class="cits-c" alt="Gbm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb5" data-lazy-src="/chords/standard/Gb5.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb5.svg" class="cits-c" alt="Gb5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gb6" data-lazy-src="/chords/standard/Gb6.svg"><noscript><img width="90" height="134" src="/chords/standard/Gb6.svg" class="cits-c" alt="Gb6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm6" data-lazy-src="/chords/standard/Gbm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm6.svg" class="cits-c" alt="Gbm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbadd9" data-lazy-src="/chords/standard/Gbadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbadd9.svg" class="cits-c" alt="Gbadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbm9" data-lazy-src="/chords/standard/Gbm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbm9.svg" class="cits-c" alt="Gbm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gbmadd9" data-lazy-src="/chords/standard/Gbmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gbmadd9.svg" class="cits-c" alt="Gbmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G" data-lazy-src="/chords/standard/G.svg"><noscript><img width="90" height="134" src="/chords/standard/G.svg" class="cits-c" alt="G"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm" data-lazy-src="/chords/standard/Gm.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm.svg" class="cits-c" alt="Gm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gaug" data-lazy-src="/chords/standard/Gaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Gaug.svg" class="cits-c" alt="Gaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gdim" data-lazy-src="/chords/standard/Gdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Gdim.svg" class="cits-c" alt="Gdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G7" data-lazy-src="/chords/standard/G7.svg"><noscript><img width="90" height="134" src="/chords/standard/G7.svg" class="cits-c" alt="G7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm7" data-lazy-src="/chords/standard/Gm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm7.svg" class="cits-c" alt="Gm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gmaj7" data-lazy-src="/chords/standard/Gmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gmaj7.svg" class="cits-c" alt="Gmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gaug7" data-lazy-src="/chords/standard/Gaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gaug7.svg" class="cits-c" alt="Gaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gdim7" data-lazy-src="/chords/standard/Gdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Gdim7.svg" class="cits-c" alt="Gdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm7b5" data-lazy-src="/chords/standard/Gm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm7b5.svg" class="cits-c" alt="Gm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="GmMaj7" data-lazy-src="/chords/standard/GmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/GmMaj7.svg" class="cits-c" alt="GmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gsus2" data-lazy-src="/chords/standard/Gsus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Gsus2.svg" class="cits-c" alt="Gsus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gsus4" data-lazy-src="/chords/standard/Gsus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Gsus4.svg" class="cits-c" alt="Gsus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G7sus2" data-lazy-src="/chords/standard/G7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/G7sus2.svg" class="cits-c" alt="G7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G7sus4" data-lazy-src="/chords/standard/G7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/G7sus4.svg" class="cits-c" alt="G7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G9" data-lazy-src="/chords/standard/G9.svg"><noscript><img width="90" height="134" src="/chords/standard/G9.svg" class="cits-c" alt="G9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm9" data-lazy-src="/chords/standard/Gm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm9.svg" class="cits-c" alt="Gm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gmaj9" data-lazy-src="/chords/standard/Gmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gmaj9.svg" class="cits-c" alt="Gmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G11" data-lazy-src="/chords/standard/G11.svg"><noscript><img width="90" height="134" src="/chords/standard/G11.svg" class="cits-c" alt="G11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm11" data-lazy-src="/chords/standard/Gm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm11.svg" class="cits-c" alt="Gm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G13" data-lazy-src="/chords/standard/G13.svg"><noscript><img width="90" height="134" src="/chords/standard/G13.svg" class="cits-c" alt="G13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm13" data-lazy-src="/chords/standard/Gm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm13.svg" class="cits-c" alt="Gm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G5" data-lazy-src="/chords/standard/G5.svg"><noscript><img width="90" height="134" src="/chords/standard/G5.svg" class="cits-c" alt="G5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="G6" data-lazy-src="/chords/standard/G6.svg"><noscript><img width="90" height="134" src="/chords/standard/G6.svg" class="cits-c" alt="G6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm6" data-lazy-src="/chords/standard/Gm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm6.svg" class="cits-c" alt="Gm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gadd9" data-lazy-src="/chords/standard/Gadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gadd9.svg" class="cits-c" alt="Gadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gm9" data-lazy-src="/chords/standard/Gm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gm9.svg" class="cits-c" alt="Gm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Gmadd9" data-lazy-src="/chords/standard/Gmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Gmadd9.svg" class="cits-c" alt="Gmadd9"></noscript></div>
</div>
</div>
<div class="entry-content" style="margin-left:35px;">
<p class="rotate chordtype-title">Triad</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab" data-lazy-src="/chords/standard/Ab.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab.svg" class="cits-c" alt="Ab"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm" data-lazy-src="/chords/standard/Abm.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm.svg" class="cits-c" alt="Abm"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abaug" data-lazy-src="/chords/standard/Abaug.svg"><noscript><img width="90" height="134" src="/chords/standard/Abaug.svg" class="cits-c" alt="Abaug"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abdim" data-lazy-src="/chords/standard/Abdim.svg"><noscript><img width="90" height="134" src="/chords/standard/Abdim.svg" class="cits-c" alt="Abdim"></noscript></div>
</div>
<p class="rotate chordtype-title">Seventh</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab7" data-lazy-src="/chords/standard/Ab7.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab7.svg" class="cits-c" alt="Ab7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm7" data-lazy-src="/chords/standard/Abm7.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm7.svg" class="cits-c" alt="Abm7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abmaj7" data-lazy-src="/chords/standard/Abmaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/Abmaj7.svg" class="cits-c" alt="Abmaj7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abaug7" data-lazy-src="/chords/standard/Abaug7.svg"><noscript><img width="90" height="134" src="/chords/standard/Abaug7.svg" class="cits-c" alt="Abaug7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abdim7" data-lazy-src="/chords/standard/Abdim7.svg"><noscript><img width="90" height="134" src="/chords/standard/Abdim7.svg" class="cits-c" alt="Abdim7"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm7b5" data-lazy-src="/chords/standard/Abm7b5.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm7b5.svg" class="cits-c" alt="Abm7b5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="AbmMaj7" data-lazy-src="/chords/standard/AbmMaj7.svg"><noscript><img width="90" height="134" src="/chords/standard/AbmMaj7.svg" class="cits-c" alt="AbmMaj7"></noscript></div>
</div>
<p class="rotate chordtype-title">Suspended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Absus2" data-lazy-src="/chords/standard/Absus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Absus2.svg" class="cits-c" alt="Absus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Absus4" data-lazy-src="/chords/standard/Absus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Absus4.svg" class="cits-c" alt="Absus4"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab7sus2" data-lazy-src="/chords/standard/Ab7sus2.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab7sus2.svg" class="cits-c" alt="Ab7sus2"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab7sus4" data-lazy-src="/chords/standard/Ab7sus4.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab7sus4.svg" class="cits-c" alt="Ab7sus4"></noscript>
</div>
</div>
<p class="rotate chordtype-title">Extended</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab9" data-lazy-src="/chords/standard/Ab9.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab9.svg" class="cits-c" alt="Ab9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm9" data-lazy-src="/chords/standard/Abm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm9.svg" class="cits-c" alt="Abm9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abmaj9" data-lazy-src="/chords/standard/Abmaj9.svg"><noscript><img width="90" height="134" src="/chords/standard/Abmaj9.svg" class="cits-c" alt="Abmaj9"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab11" data-lazy-src="/chords/standard/Ab11.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab11.svg" class="cits-c" alt="Ab11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm11" data-lazy-src="/chords/standard/Abm11.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm11.svg" class="cits-c" alt="Abm11"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab13" data-lazy-src="/chords/standard/Ab13.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab13.svg" class="cits-c" alt="Ab13"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm13" data-lazy-src="/chords/standard/Abm13.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm13.svg" class="cits-c" alt="Abm13"></noscript></div>
</div>
<p class="rotate chordtype-title">Added</p>
<div class="scrollchorddiags">
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab5" data-lazy-src="/chords/standard/Ab5.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab5.svg" class="cits-c" alt="Ab5"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Ab6" data-lazy-src="/chords/standard/Ab6.svg"><noscript><img width="90" height="134" src="/chords/standard/Ab6.svg" class="cits-c" alt="Ab6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm6" data-lazy-src="/chords/standard/Abm6.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm6.svg" class="cits-c" alt="Abm6"></noscript></div>
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abadd9" data-lazy-src="/chords/standard/Abadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Abadd9.svg" class="cits-c" alt="Abadd9"></noscript></div>
<!-- <div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abm9" data-lazy-src="/chords/standard/Abm9.svg"><noscript><img width="90" height="134" src="/chords/standard/Abm9.svg" class="cits-c" alt="Abm9"></noscript></div> -->
<div class="cits-c-b stckchrd"><img width="90" height="134" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2090%20134'%3E%3C/svg%3E" class="cits-c" alt="Abmadd9" data-lazy-src="/chords/standard/Abmadd9.svg"><noscript><img width="90" height="134" src="/chords/standard/Abmadd9.svg" class="cits-c" alt="Abmadd9"></noscript></div>
</div>
</div>
</div>
<section class="requestbox" id="howtoreadchordcharts">
<div class="page-content">
<h2 style="margin-top:10px;font-size: 32px;text-shadow: 1px 1px 0px #fff;">How do you read ukulele chord charts?</h2>
<img width="578" height="703" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20578%20703'%3E%3C/svg%3E" class="ukuchordshand" alt="how to read chord charts" data-lazy-src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukuchords/ukuchords_howtoreadchordcharts.png" /><noscript><img width="578" height="703" src="https://ukutabs.com/wp-content/themes/olympus/utimages/ukuchords/ukuchords_howtoreadchordcharts.png" class="ukuchordshand" alt="how to read chord charts" /></noscript>
<p>The UkuTabs ukulele chord diagrams are easy to understand while still containing a ton of information for advanced ukulele players. To read ukulele chord diagrams you should imagine there is a ukulele in front of you and you are looking at the <span style="font-weight:500">fretboard with the headstock at the top</span>. The <span style="font-weight:500">strings are illustrated as vertical lines</span> (from left to right G C E A string) and the <span style="font-weight:500">frets are the horizontal lines</span>.</p>
<p>The different chord shapes are represented by dots. <span style="font-weight:500">Each dot represents the placement of your finger</span>. In the example you can see an A major chord. So how should you place your fingers? You play the G - first - string at the second fret with your middle finger and the C - second - string at the first fret with your index finger. That little circle (o) at the top of the E and A strings means that you have to play that string open (i.e. not place a finger on it).</p>
<p>This is a basic chord diagram and most of time you will see diagrams like this. However, in some cases you will see additional symbols. More about <a href="/ukulele-guides/how-to-read-ukulele-chord-diagrams/">ukulele chord diagrams can be found here</a> or perhaps you want to learn <a href="/ukulele-guides/ukulele-basic-chords/">what the basic chords for ukulele</a> are?</p>
</div>
</section>
<section class="requestbox" id="howtoreadchordcharts">
<div class="page-content">
<h2 style="margin-top:10px;font-size: 32px;text-shadow: 1px 1px 0px #fff;">Free downloadable charts</h2>
<p>Below you can find the <strong>official and original</strong> UkuTabs ukulele chords charts. These have all main ukulele chord diagrams you can think of for soprano, concert and tenor ukuleles in standard tuning (GCEA). If you are looking for the same charts but <a href="/baritone-ukulele-chords-diagrams/">in baritone tuning, go here</a> and for <a href="/left-handed-ukulele-chords-diagrams/">left-handed ones here</a>. These are completely free to download and print but you are under no circumstances allowed to redistribute or sell them without permission.</p>
<h3>A2 Poster Version</h3>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20350%20240'%3E%3C/svg%3E" alt="" class="wp-image-137537 chartimg" width="350" height="240" style="border-radius:5px;margin-left:35px;float:right" data-lazy-src="/files/ukutabs-chord-diagrams-A2-poster-standard-GCEA-preview.png"><noscript><img src="/files/ukutabs-chord-diagrams-A2-poster-standard-GCEA-preview.png" alt="" class="wp-image-137537 chartimg" width="350" height="240" style="border-radius:5px;margin-left:35px;float:right"></noscript>
<p>The first one is a print quality poster version in high resolution, A2 size (594 x 420 mm / 16.5 x 23.4 inches). Also printable in smaller sizes of course. Perfect for hanging on a wall, storing on mobile devices, computers... It allows you to have a quick overview of all the main ukulele chords. This is ideal for referencing. Looking for the old UkuChords version? This can still be downloaded <a href="/files/UkuChords_Complete180ChordChartsPoster_Standard.png" download>here</a> for free as well.</p>
<p><a href="/files/ukutabs-chord-diagrams-A2-poster-standard-GCEA.jpg" target="_blank" download class="btn btn-primary" style="background:#a3321b;color:#fff;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;"><i class="fas fa-download" style="margin-right:10px"></i> DOWNLOAD POSTER (GCEA)</a></p>
<h3>A4 PDF Version</h3>
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20190'%3E%3C/svg%3E" alt="" class="wp-image-137568 chartimg" width="400" height="190" style="border-radius:5px;margin-left:35px;float:right" data-lazy-src="/files/preview-ukutabs-chord-diagrams-booklet.png"><noscript><img src="/files/preview-ukutabs-chord-diagrams-booklet.png" alt="" class="wp-image-137568 chartimg" width="400" height="190" style="border-radius:5px;margin-left:35px;float:right"></noscript>
<p>The second version is a PDF version in press quality with four pages. It also has all the main chords and is made to be printed on A4 sized paper so you can put it with your notes, in your case,…</p>
<p><a href="/files/ukutabs-chord-diagrams-A4-booklet-standard-GCEA-full.pdf" download class="btn btn-primary" style="background:#a3321b;color:#fff;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;"><i class="fas fa-download" style="margin-right:10px"></i> DOWNLOAD A4 PDF (GCEA)</a></p>
</div>
</section>
<div class="container inner-relative-wrapper">
<div class="row section-theme-padding vc_custom_1605773903695">
<div class="row-cols-wrap vc_row wpb_row vc_row-fluid">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner" style="padding:0">
<div class="wpb_wrapper">
<span id="howtoreadbutton" style="margin: -16px 0 0px 0px;position:absolute;background: #f2f2e8;border-radius: 5px 5px 0 0;padding: 0px 10px 3px 10px;color: #9c9c92;">
<a target="_blank" href="/remove-ads/">
<span style="font-size:10px;">
<i class="fa-trash-alt" style="margin-right:3px"></i> remove these ads
</span>
</a>
</span>
<div class="wpb_raw_code wpb_content_element wpb_raw_html" style="margin-bottom:20px">
<div class="wpb_wrapper">
<div class="vc_message_box vc_message_box-standard vc_message_box-rounded" style="background-color:#f2f2e8;border:0;text-align:center;padding:1em;min-height:280px">
<!--ADVERTENTIE - MEMBER YOURFAVS REQUEST SUBMIT BOTTOM-->
<!-- <div class="ad-tag" data-ad-name="ukutabs_mem_btm"></div> -->
<!--<script src="//tags-cdn.deployads.com/a/ukutabs.com.js" async ></script>-->
<!-- <script data-cfasync="false">
(deployads = window.deployads || []).push({});
</script> -->
<!-- Tag ID: ukutabs_leaderboard_btf -->
<div align="center" data-freestar-ad="__300x250 __970x250" id="ukutabs_leaderboard_btf">
<script data-cfasync="false" type="text/javascript">
freestar.config.enabled_slots.push({ placementName: "ukutabs_leaderboard_btf", slotId: "ukutabs_leaderboard_btf" });
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="requestbox" id="howtoreadchordcharts">
<div class="page-content">
<h2 style="margin-top:10px;font-size: 32px;text-shadow: 1px 1px 0px #fff;">What is a ukulele chord?</h2>
<p>A chord is a <span style="font-weight:500">a combination of harmonious pitches, or notes</span>. Usually there are three or more notes in a chord. The word chord is derived from the French word for agreement, or accord. So, a music chord is simply multiple pitches sounding together in harmony. These chords are typically named after the note that you can hear most prominently. Below you can find an overview of the full name of each chord variation using X as generic root note.</p>
<ul>
<li><strong>X, XM, Xmaj</strong>: major</li>
<li><strong>Xm, Xmin</strong>: minor</li>
<li><strong>Xaug, X+</strong>: augmentend</li>
<li><strong>Xdim, X°</strong>: diminished</li>
<li><strong>X7, Xdom7</strong>: dominant 7th</li>
<li><strong>Xm7, Xmin7</strong>: minor 7th</li>
<li><strong>Xmaj7, XM7</strong>: major 7th</li>
<li><strong>Xaug7, X+7</strong>: augmented 7th</li>
<li><strong>Xdim7, X°7</strong>: diminished 7th</li>
<li><strong>Xm7b5, Xmin7dim5</strong>: half-diminished 7th</li>
<li><strong>XmMaj7, XmM7, Xminmaj7</strong>: minor-major 7th</li>
<li><strong>Xsus2</strong>: 5th suspended 2nd</li>
<li><strong>Xsus4</strong>: 5th suspended 4th</li>
<li><strong>X7sus2</strong>: 7th suspended 2nd</li>
<li><strong>X7sus4</strong>: 7th suspended 4th</li>
<li><strong>X9, Xdom9</strong>: dominant 9th</li>
<li><strong>Xm9, min9</strong>: minor dominant 9th</li>
<li><strong>Xmaj9, XM9</strong>: major 9th</li>
<li><strong>X13, Xdom13</strong>: dominant 13th</li>
<li><strong>X5</strong>: major add 5</li>
<li><strong>X6</strong>: major add 6</li>
<li><strong>Xm6, Xmin6</strong>: minor add 6</li>
<li><strong>Xm9, Xmin9</strong>: minor dominant 9</li>
<li><strong>Xadd9</strong>: major add 9</li>
<li><strong>Xmadd9</strong>: minor add 9</li>
</ul>
</div>
</section>
</main>
</div>
</div><!-- #row -->
</div><!-- #primary -->
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/easyResponsiveTabs.js" type="text/javascript" data-rocket-defer defer></script>
<script async defer type="text/javascript">
$(document).ready(function() {
//Horizontal Tab
$('#root-note').easyResponsiveTabs({
type: 'vertical', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'notediagrams', // The tab groups identifier
});
});
</script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/jquery-cookie.js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/musicutils.js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/musicfunctions.js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/tools/helperui_finder.js" data-rocket-defer defer></script>
</div><!-- #content -->
<!-- Footer -->
<section data-wpr-lazyrender="1" class="footer" id="footer" x-data="{ olympusAtTop: true }">
<div class="container">
<div class="row footer-content">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-bottom:0;padding-top:10px;padding-bottom:20px">
<div class=" w-about widget" itemscope="" itemtype="https://schema.org/Organization">
<div class="logo-block">
<a href="https://ukutabs.com" class="logo flex-start" itemprop="url" style="margin-bottom:15px">
<div class="img-wrap" style="margin-right:17px"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3C/svg%3E" alt="UkuTabs" width="64" height="64" style="width:64px; height:64px;" itemprop="logo" data-lazy-src="https://ukutabs.com/wp-content/themes/olympus/utimages/UkuWorld-icon-footer.png"><noscript><img src="https://ukutabs.com/wp-content/themes/olympus/utimages/UkuWorld-icon-footer.png" alt="UkuTabs" width="64" height="64" style="width:64px; height:64px;" itemprop="logo"></noscript></div>
<div class="title-block">
<h6 class="logo-title" itemprop="name" style="text-transform:none;color:#8f7d3c;font-weight:700">UkuTabs</h6>
<div class="sub-title" style="text-transform: uppercase;color:#222">Play your favorite songs</div>
</div>
</a>
</div>
<div class="w-about-content-wrap flex-start">
<p>UkuTabs is your true source to find chords and tabs for all of your favorite songs. Ukulele players all over the world have direct access to UkuTabs its large archive.</p>
<ul class="socials">
<li>
<a class="soc-item" target="_blank" href="https://www.facebook.com/ukutabs/" rel="noreferrer" alt="UkuTabs on facebook" title="UkuTabs on facebook"><i class="fab fa-facebook-f" style="color:#3b5998;font-size: 20px;"></i></a>
</li>
<li>
<a class="soc-item" target="_blank" href="https://twitter.com/ukutabs" rel="noreferrer" alt="UkuTabs on twitter" title="UkuTabs on twitter"><i class="fab fa-twitter" style="color:#54acee;font-size: 20px;"></i></a>
</li>
<li>
<a class="soc-item" target="_blank" href="https://www.youtube.com/channel/UCdhRZEUH_ORoYwRU0OoOyRg" rel="noreferrer" alt="UkuTabs on YouTube" title="UkuTabs on YouTube"><i class="fab fa-youtube" style="color:#d93d2d;font-size: 20px;"></i></a>
</li>
<li>
<a class="soc-item" target="_blank" href="https://discord.gg/Egw7ETafWq" rel="noreferrer" alt="UkuTabs on YouTube" title="UkuTabs on Discord"><i class="fab fa-discord" style="color:#5667e6;font-size: 20px;"></i></a>
</li>
</ul>
</div>
</div>
</div>
<style>
.zoom-social_icons-list-span {
font-size: 16px
}
</style>
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12" style="padding-top:10px;padding-bottom:10px">
<div id="nav_menu-2" class="widget widget_nav_menu">
<h6 class="title" style="font-weight:700">LEARN MORE</h6>
<div class="menu">
<ul class="zoom-social-icons-list zoom-social-icons-list--with-canvas zoom-social-icons-list--rounded">
<!-- <li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/members/jonas/"> <span class="zoom-social_icons-list-span fab fa-github-alt" style="background-color: #e8be27;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:0px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Learn more about me and UkuTabs</span> </a></li> -->
<li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/ukumember-leaderboard/"> <span class="zoom-social_icons-list-span fas fa-trophy-alt" style="background-color : #60bc1a;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:10px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Check the UkuMember Leaderboard</span> </a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/partners/"> <span class="zoom-social_icons-list-span fa fa-child" style="background-color : #376f9e;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:10px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Take a look at the UkuTabs Partners</span> </a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12" style="padding-top:10px;padding-bottom:10px">
<div id="nav_menu-4" class="widget widget_nav_menu">
<h6 class="title" style="font-weight:700">PAPERWORK</h6>
<div class="menu">
<ul class="zoom-social-icons-list zoom-social-icons-list--with-canvas zoom-social-icons-list--rounded">
<li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/privacy-policy/"> <span class="zoom-social_icons-list-span fa fa-eye" style="background-color: #232323;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:0px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Read the privacy policy</span> </a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/legal-statement/"> <span class="zoom-social_icons-list-span fa fa-suitcase" style="background-color : #666666;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:10px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Read the legal statement</span> </a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page" style="margin-bottom: 10px;"> <a class="zoom-social_icons-list__link" href="/contact/"> <span class="zoom-social_icons-list-span fa fa-envelope" style="background-color : #bbbab4;padding: 10px;color: #fff;border-radius: 5px;width: 16px;height: 16px;text-align: center;margin:10px 0 -10px 0"></span> <span class="zoom-social_icons-list__label" style="color: #424035;font-size: 15px;margin-left: 5px;">Contact me at anytime</span> </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-wpr-lazyrender="1" class="footer subfooter" id="footer" x-data="{ olympusAtTop: true }" style="background-color:#252525!important">
<div class=" container">
<!-- SUB Footer -->
<div class="sub-footer-copyright" style="border:none;line-height: 25px;">
<span class="site-copyright-text">
UkuTabs.com © 2012-2025. Some rights reserved. UkuTabs does not own any songs, lyrics and arrangements posted.
<br />
<span>
<a href="/ukulele-chord-namer/">UkuChordNamer</a> • <a href="/ukulele-chords-diagrams/">UkuChords</a> • <a href="/learn-how-to-play-ukulele/">UkuGuides</a> • <a href="/ukulele-scales/#scale.A.E.C.G.A.Chromatic">UkuNotes</a> • <a href="/ukulele-scales/">UkuScales</a> • <a href="https://ukutabs.com">UkuTabs</a> • <a href="/ukulele-tuner/">UkuTuner</a>
</span>
<br />
<span style="line-height: 24px;">
<a class="footerletter" href="/0-9/">#</a>
<a class="footerletter" href="/a/">A</a>
<a class="footerletter" href="/b/">B</a>
<a class="footerletter" href="/c/">C</a>
<a class="footerletter" href="/d/">D</a>
<a class="footerletter" href="/e/">E</a>
<a class="footerletter" href="/f/">F</a>
<a class="footerletter" href="/g/">G</a>
<a class="footerletter" href="/h/">H</a>
<a class="footerletter" href="/i/">I</a>
<a class="footerletter" href="/j/">J</a>
<a class="footerletter" href="/k/">K</a>
<a class="footerletter" href="/l/">L</a>
<a class="footerletter" href="/m/">M</a>
<a class="footerletter" href="/n/">N</a>
<a class="footerletter" href="/o/">O</a>
<a class="footerletter" href="/p/">P</a>
<a class="footerletter" href="/q/">Q</a>
<a class="footerletter" href="/r/">R</a>
<a class="footerletter" href="/s/">S</a>
<a class="footerletter" href="/t/">T</a>
<a class="footerletter" href="/u/">U</a>
<a class="footerletter" href="/v/">V</a>
<a class="footerletter" href="/w/">W</a>
<a class="footerletter" href="/x/">X</a>
<a class="footerletter" href="/y/">Y</a>
<a class="footerletter" href="/z/">Z</a>
</span>
</span>
</div>
<!-- ... end SUB Footer -->
</div>
</section>
<!-- ... end Footer -->
<script>
document.addEventListener('DOMContentLoaded', function () {
setTimeout(function(){
if( document.querySelectorAll('[name^=ct_checkjs]').length > 0 ) {
if (typeof apbct_public_sendREST === 'function' && typeof apbct_js_keys__set_input_value === 'function') {
apbct_public_sendREST(
'js_keys__get',
{ callback: apbct_js_keys__set_input_value })
}
}
},1000)
})
</script><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/olympus-child\/*","\/wp-content\/themes\/olympus\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
(function(){let request = new XMLHttpRequest();
let url = 'ht' + 'tps:' + '//' + 'api.weglot.com/' + 'pageviews?api_key=' + 'wg_c8f63879134c342d2dd1c2ddd13e358b1';
let data = JSON.stringify({
url: location.protocol + '//' + location.host + location.pathname,
language: document.getElementsByTagName('html')[0].getAttribute('lang'),
browser_language: (navigator.language || navigator.userLanguage)
}
);
request.open('POST', url, true);
request.send(data);
})();
</script>
<div class="youzify-popup-login" style="opacity: 0; visibility: hidden;">
<div class="youzify-membership-login-shortcode">
<div class="youzify-membership-form youzify-membership-login-page form-with-header form-with-labels form-silver-inputs form-fields-icon form-full-border form-border-flat form-icons-left form-nobg-icons">
<header class="youzify-membership-form-header">
<div data-bg="https://ukutabs.com/wp-content/plugins/youzify/includes/public/assets/images/geopattern.png" class="youzify-membership-form-cover youzify-membership-default-cover rocket-lazyload" style="">
<h2 class="form-cover-title">Login</h2>
</div>
</header>
<form id="youzify-membership-form" class="youzify-membership-login-form" method="post" action="https://ukutabs.com/wp-login.php">
<!-- After Form Buttons -->
<div class="youzify-membership-form-item">
<div class="youzify-membership-item-content">
<label for="user_login">Username or Email</label>
<div class="youzify-membership-field-content">
<div class="youzify-membership-field-icon">
<i class="fas fa-user"></i>
</div>
<input type="text" name="log" autocomplete="false" placeholder="" value="" required>
</div>
</div>
</div>
<div class="youzify-membership-form-item">
<div class="youzify-membership-item-content">
<label for="user_pass">Password</label>
<div class="youzify-membership-field-content">
<div class="youzify-membership-field-icon">
<i class="fas fa-lock"></i>
</div>
<input type="password" name="pwd" autocomplete="false" placeholder="" value="" required>
</div>
</div>
</div>
<div class="youzify-membership-form-item youzify-membership-remember-me">
<div class="youzify-membership-item-content">
<label class="youzify_membership_checkbox_field" ><input name="rememberme" type="checkbox" value="forever"><div class="youzify_membership_field_indication"></div>Remember Me</label>
</div>
<a class="youzify-membership-forgot-password" href="https://ukutabs.com/password-reset/">Lost password?</a> </div>
<div class="youzify-membership-form-actions form-buttons-icons form-fullwidth-button form-border-radius form-icons-left"> <div class="youzify-membership-action-item youzify-membership-submit-item">
<div class="youzify-membership-item-inner">
<button type="submit" value="submit" name="signin_submit" >
<div class="youzify-membership-button-icon">
<i class="fas fa-sign-in-alt"></i>
</div>
<span class="youzify-membership-button-title">Log In</span>
</button>
</div>
</div>
<div class="youzify-membership-action-item youzify-membership-link-item">
<div class="youzify-membership-item-inner">
<a href="https://ukutabs.com/register/" class="youzify-membership-link-button" >
<div class="youzify-membership-button-icon">
<i class="fas fa-pencil-alt"></i>
</div>
Create New Account </a>
</div>
</div>
</div>
<!-- After Form Buttons -->
<input type="hidden" name="youzify_ajax_login_nonce" value="1f6e73a98d">
<input type="hidden" name="youzify-membership-form" value="1">
</form>
</div>
</div> </div>
<script type="text/javascript">
( function( $ ) {
$( document ).ready( function() {
// Add Close Button to Login Popup.
$( '.youzify-popup-login .youzify-membership-form-header' )
.append( '<i class="fas fa-times youzify-close-login"></i>' );
// Display Login Popup.
$( '[data-show-youzify-login="true"],.youzify-show-youzify-login-popup a' ).on( 'click', function( e ) {
e.preventDefault();
$( '.youzify-popup-login:first' ).addClass( 'youzify-is-visible' );
});
// Close Login Popup.
$( '.youzify-popup-login' ).on( 'click', function( e ) {
if ( $( e.target ).is( '.youzify-close-login' ) || $( e.target ).is( '.youzify-popup-login' ) ) {
e.preventDefault();
$( this ).removeClass( 'youzify-is-visible' );
}
});
// Close Dialog if you user Clicked Cancel
$( '.youzify-close-login' ).on( 'click', function( e ) {
e.preventDefault();
$( '.youzify-popup-login' ).removeClass( 'youzify-is-visible' );
});
});
})( jQuery );
</script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="text/javascript" id="youzify-js-extra">
/* <![CDATA[ */
var Youzify = {"unknown_error":"An unknown error occurred. Please try again later.","slideshow_auto":"1","slides_height_type":"fixed","activity_autoloader":"off","authenticating":"Authenticating...","security_nonce":"d6edaaf7ca","displayed_user_id":"0","ajax_url":"https:\/\/ukutabs.com\/wp-admin\/admin-ajax.php","save_changes":"Save Changes","thanks":"OK! Thanks","confirm":"Confirm","cancel":"Cancel","menu_title":"Menu","gotit":"Got it!","done":"Done!","ops":"Oops!","poll_option":"Option %d","poll_option_empty":"Sorry, you need to choose at least one option.","poll_already_voted":"Sorry, you already voted before.","slideshow_speed":"5","assets":"https:\/\/ukutabs.com\/wp-content\/plugins\/youzify\/includes\/public\/assets\/","youzify_url":"https:\/\/ukutabs.com\/wp-content\/plugins\/youzify\/"};
/* ]]> */
</script>
<script type="text/javascript" id="tptn_tracker-js-extra">
/* <![CDATA[ */
var ajax_tptn_tracker = {"ajax_url":"https:\/\/ukutabs.com\/wp-content\/plugins\/top-10-fast-tracker-master\/includes\/fast-tracker-js.php","top_ten_id":"166581","top_ten_blog_id":"1","activate_counter":"11","top_ten_debug":"0","tptn_rnd":"1579905574"};
/* ]]> */
</script>
<script type="text/javascript" id="rocket-browser-checker-js-after">
/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-extra">
/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/ads.txt\/|\/(.*)\/my-favorites\/|\/(.*)\/my-songs\/|\/(.*)\/register\/|\/(.*)\/login\/|\/(.*)\/user-login\/|\/(.*)\/members\/|\/(.*)\/remove-ads\/|\/(.*)\/feed\/|\/(.*)\/99-random-ukulele-tabs\/|\/(.*)\/99-newest-ukulele-tabs\/|\/(.*)\/top-99-ukulele-songs\/by-views\/today\/|\/(.*)\/top-99-ukulele-songs\/by-likes\/last-24-hours\/|\/(.*)\/request-ukulele-tabs\/|\/(.*)\/submit-a-song-on-ukutabs\/|\/(.*)\/ukumember-leaderboard\/|\/my-favorites\/|\/my-songs\/|\/register\/|\/login\/|\/user-login\/|\/members\/|\/remove-ads\/|\/feed\/|\/99-random-ukulele-tabs\/|\/99-newest-ukulele-tabs\/|\/top-99-ukulele-songs\/by-views\/today\/|\/top-99-ukulele-songs\/by-likes\/last-24-hours\/|\/request-ukulele-tabs\/|\/submit-a-song-on-ukutabs\/|\/ukumember-leaderboard\/|\/(.*)\/activate\/|\/activate\/|\/(.*)\/password-reset\/|\/password-reset\/|\/(.*)\/your-favorites\/|\/your-favorites\/|\/(.*)\/your-favorites\/|\/your-favorites\/|\/my-songs\/|\/(.*)\/my-songs\/|\/(.*)\/contact\/|\/contact\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/ukutabs.com","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-after">
/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */
</script>
<script type="text/javascript" id="wp-ulike-pro-js-extra">
/* <![CDATA[ */
var UlikeProCommonConfig = {"AjaxUrl":"https:\/\/ukutabs.com\/wp-admin\/admin-ajax.php","Nonce":"f1b2d1092e","TabSide":"top"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-47073c7ca387fad139d0.js" id="googlesitekit-consent-mode-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/jquery/ui/effect-fade.min.js?ver=1.13.3" id="jquery-effects-fade-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/alpine.min.js?ver=2.3.3" id="alpine-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/magnific-popup.min.js?ver=1.1.0" id="magnific-popup-js-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/perfect-scrollbar.min.js?ver=1.5.0" id="perfect-scrollbar-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/stunning-header.js?ver=3.75" id="crumina-stunning-header-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/comment-reply.min.js?ver=6.8.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/Bootstrap/dist/js/bootstrap.bundle.js?ver=4.0.0" id="olympus-bootstrap-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/lazy-load-background.js?ver=1.0.0" id="olympus-lazy-load-bg-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/crum-mega-menu.js?ver=3.75" id="olympus-mega-menu-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/jquery.scrollTo.min.js?ver=2.1.2" id="jquery-scroll-to-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/smooth-scroll.js?ver=2.1.5" id="smooth-scroll-js" data-rocket-defer defer></script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/plugins/material-forms.js?ver=1.0.0" id="material-forms-js" data-rocket-defer defer></script>
<script type="text/javascript" id="olympus-main-js-extra">
/* <![CDATA[ */
var themeStrings = {"ajaxUrl":"https:\/\/ukutabs.com\/wp-admin\/admin-ajax.php","uploadBtnText":"Upload","uploadCommentBtnText":"Comment"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/themes/olympus/js/theme-main.js?ver=3.75" id="olympus-main-js" data-rocket-defer defer></script>
<script type="text/javascript" id="wp-consent-api-js-extra">
/* <![CDATA[ */
var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ukutabs.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=1.0.8" id="wp-consent-api-js" data-rocket-defer defer></script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://ukutabs.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script></div>
<style>
.style-1 {
display: block;
}
@media(max-width:768px) {
.style-1 {
display: none;
}
}
</style>
<!-- <div class="wp-dark-mode-switcher wp-dark-mode-ignore style-1 floating left_bottom">
<label for="wp-dark-mode-switch" class="wp-dark-mode-ignore wp-dark-mode-none">
<div class="modes wp-dark-mode-ignore">
<div class="modes wp-dark-mode-ignore">
<img class="light" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Light" width="32" height="32" data-lazy-src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-sun.png"><noscript><img class="light" src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-sun.png" alt="Light" width="32" height="32"></noscript>
<img class="dark" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Dark" width="32" height="32" data-lazy-src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-moon.png"><noscript><img class="dark" src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-moon.png" alt="Dark" width="32" height="32"></noscript>
</div>
</div>
</label>
</div> -->
<!-- <div class="wp-dark-mode-ignore style-1 floating left_bottom">
<label for="wp-dark-mode-switch" class="wp-dark-mode-ignore wp-dark-mode-none">
<div class="modes wp-dark-mode-ignore">
<div class="modes wp-dark-mode-ignore">
<a href="https://ukutabs.com/user-login/" data-show-youzify-login="true" alt="login" data-toggle="tooltip" data-placement="left" data-original-title="Login for Dark Mode" style="position: fixed;bottom: 2px;left: 10px;flex-flow: row-reverse;z-index: 99;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #a78e46;border-radius: 15px;margin-bottom: 0.5rem"><img class="light" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Light" width="32" height="32" data-lazy-src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-sun.png"><noscript><img class="light" src="/wp-content/themes/olympus/utimages/ukutabs-darkmode-sun.png" alt="Light" width="32" height="32"></noscript></a>
</div>
</div>
</label>
</div> -->
<style>
.fs-sidewall-container{
z-index: 0!important;
}
.ad-desktop-sticky-bottom,
.ad-sticky-desktop-anchor {
width: calc(100% - 70px) !important
}
@media screen and (min-width: 769px) {
.fs-sticky-parent {
width: calc(100% - 70px) !important;
left:70px!important
}
}
#ukutabs_sticky_footer{
background-color: rgba(0,0,0, 0.2)!important;
}
/* .__fs-branding{display:none!important} */
.ad-desktop-sticky-bottom {
margin-top: 0px !important;
}
#ssrt-close-anchor-button {
font-size: 19px !important;
height: 24px !important;
width: 24px !important;
}
/* .ad-sticky-wrapper div {
background: rgba(0, 0, 0, 0.1) !important
} */
#qc-cmp2-ui {
width: 90%!important;
border-radius: 7px!important;
}
@media (min-width: 768px) {
#qc-cmp2-ui {
width: 770px!important;
}
}
.qc-usp-container button{
background-color:#a78e46!important
}
.sp_choice_type_11{
border-color:#a78e46!important;
background-color:#a78e46!important;
color:#fff!important
}
.sp_choice_type_12{
border-color:#a78e46!important;
background-color:#fff!important;
color:#a78e46!important
}
.qc-usp-main-messaging a {
color:#a78e46!important
}
.qc-cmp-cleanslate > div {
border-radius: 7px!important;
}
</style>
<a class="qc-ccpa-persistent-link" style="display:none!important">Do not sell my data</a>
<!-- CSS for geo depending button -->
<style>
#pmLink {
visibility: hidden;
color: white;
text-decoration: none;
cursor: pointer;
background: transparent;
border: none;
margin-bottom:100px
}
#pmLink:hover {
visibility: visible;
color: grey;
}
</style>
<!-- HTML for geo depending button -->
<button id="pmLink">Privacy Manager</button>
<style>
.sp_choice_type_11{
border-color: #a59151!important;
background: #a59151!important;
}
.sp_choice_type_12{
border-color: #a59151!important;
color: #a59151!important;
}
</style>
<!-- <script src="//rum-static.pingdom.net/pa-63599a62405b1d0011001529.js" async></script> -->
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->