Mystic Ash Twilight

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class=" fs-16 gap-16"> <head> <meta charset="utf-8" /> <meta name="description" content="Drupal Forms, Expert Drupal developer in Austin, TX, providing bespoke module and theme development. Transform your site with customized Drupal solutions." /> <meta name="abstract" content="Drupal Developer/Themer Pflugerville Austin TX. Drupal custom Web design and Development for all type of business." /> <meta name="keywords" content="Drupal Consultant, Drupal Developer, Drupal Theme, Drupal Architect, Pflugerville Austin TX" /> <meta name="geo.position" content="30.459167, -97.585672" /> <meta name="geo.region" content="Pflugerville Austin TX" /> <meta name="icbm" content="US-TX" /> <meta name="geo.placename" content="30.459167, -97.585672" /> <link rel="shortlink" href="https://unitedstarsofamerica.com/" /> <link rel="canonical" href="https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" /> <meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:standard" /> <link rel="image_src" href="/sites/stars/files/2023-12/solo-mystic-ash-twilight.png" /> <meta name="author" content="alaahaddad" /> <meta name="original-source" content="https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" /> <meta name="rights" content="@Alaa Haddad https://unitedstarsofamerica.com/" /> <meta property="og:determiner" content="Automatic" /> <meta property="og:site_name" content="Alaa Haddad | Drupal Consultant Austin TX" /> <meta property="og:type" content="Article" /> <meta property="og:url" content="https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" /> <meta property="og:title" content="Mystic Ash Twilight" /> <meta property="og:description" content="Drupal Forms, Expert Drupal developer in Austin, TX, providing bespoke module and theme development. Transform your site with customized Drupal solutions." /> <meta property="og:image" content="https://unitedstarsofamerica.com/sites/stars/files/2023-12/solo-mystic-ash-twilight.png" /> <meta property="og:image:url" content="https://unitedstarsofamerica.com/sites/stars/files/2023-12/solo-mystic-ash-twilight.png" /> <meta property="og:image:alt" content="Custom image showing mystic ash twilight page - Professional Drupal theming and development services" /> <meta property="og:updated_time" content="Fri, 07/05/2024 - 21:21" /> <meta property="place:location:longitude" content="-97.5878768" /> <meta property="place:location:latitude" content="30.4591653" /> <meta property="og:street_address" content="18645 Falcon Pointe Blvd" /> <meta property="og:locality" content="Travis County" /> <meta property="og:region" content="Austin" /> <meta property="og:postal_code" content="78660" /> <meta property="og:country_name" content="United States of America" /> <meta property="og:email" content="info@alaahaddad.com" /> <meta property="og:phone_number" content="5128007006" /> <meta property="article:author" content="https://www.facebook.com/AlaaHaddad" /> <meta property="article:publisher" content="https://www.facebook.com/AlaaHaddad" /> <meta property="article:section" content="Drupal Development" /> <meta property="article:tag" content="Drupal Consultant" /> <meta property="article:tag" content="Drupal Developer" /> <meta property="article:tag" content="Drupal Theme" /> <meta property="article:tag" content="Drupal Architect" /> <meta property="article:tag" content="Pflugerville Austin TX" /> <meta property="article:published_time" content="Sat, 12/23/2023 - 19:55" /> <meta property="article:modified_time" content="Fri, 07/05/2024 - 21:21" /> <meta property="fb:pages" content="https://www.facebook.com/AlaaHaddad/" /> <meta property="fb:admins" content="100000516162282" /> <meta property="fb:app_id" content="498638063513784" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Drupal Forms, Expert Drupal developer in Austin, TX, providing bespoke module and theme development. Transform your site with customized Drupal solutions." /> <meta name="twitter:site" content="@alaahaddad_" /> <meta name="twitter:title" content="Mystic Ash Twilight" /> <meta name="twitter:site:id" content="1435688544" /> <meta name="twitter:creator:id" content="90034532" /> <meta name="twitter:creator" content="@flashwebcenter" /> <meta name="twitter:image:alt" content="Custom image showing mystic ash twilight page - Professional Drupal theming and development services" /> <meta name="department" content="Web Development" /> <meta name="audience" content="all" /> <meta name="thumbnail" content="" /> <meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/contrib/solo/solo_subtheme/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="en" href="https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" /> <title>Mystic Ash Twilight | SOLO</title> <link rel="stylesheet" media="all" href="/sites/stars/files/css/css_B9amcl1MkNGEThJojEGFwLTCE1e0iV39Mh0D08MVFug.css?delta=0&language=en&theme=solo_subtheme&include=eJydUtlygzAM_CEEM81M23yNR7YFdvA1lt0kf1_CEUjz1hcZaXWsWPGdC_lOIlPD0cXuYWBwUaI7BDyFOruCqyyGPC3xzdsq6FacDWOnc03o2tU9du7pBir6PuaC-BfoL-gcQgxHMn6iaBUgGyhX6-xgygFVk8mT1aSB52WgoOTmx9KVu9m2PurqqFExjpa4W98L55bL3REvmxlyifKEhkKhgA19bBJmHDImw9tKe6StIVXpLBvSe6KQNWhHIkyMRKaeMgVF3ROHBYcHDk_8MGhtwHsJrzX8PuWkhcIcK5N7H3HSsIGQpBBfn9__79AoTEUZ3E9l-2GzDMv32wmBzIRjijYUBpbwoPB6VS8ZPsD5_HHIWBX1xIwDMWjM44v4s5K_e6IQpQ" /> <link rel="stylesheet" media="all" href="/sites/stars/files/css/css_g-KuMRvHZEsoPpoVQdtVozt8ss38SaoEWo6ya9_RsA0.css?delta=1&language=en&theme=solo_subtheme&include=eJydUtlygzAM_CEEM81M23yNR7YFdvA1lt0kf1_CEUjz1hcZaXWsWPGdC_lOIlPD0cXuYWBwUaI7BDyFOruCqyyGPC3xzdsq6FacDWOnc03o2tU9du7pBir6PuaC-BfoL-gcQgxHMn6iaBUgGyhX6-xgygFVk8mT1aSB52WgoOTmx9KVu9m2PurqqFExjpa4W98L55bL3REvmxlyifKEhkKhgA19bBJmHDImw9tKe6StIVXpLBvSe6KQNWhHIkyMRKaeMgVF3ROHBYcHDk_8MGhtwHsJrzX8PuWkhcIcK5N7H3HSsIGQpBBfn9__79AoTEUZ3E9l-2GzDMv32wmBzIRjijYUBpbwoPB6VS8ZPsD5_HHIWBX1xIwDMWjM44v4s5K_e6IQpQ" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap" /> <link rel="stylesheet" media="all" href="/sites/stars/files/css/css_hFbSsQgX51HJtldsrZcPjVM5Ows5iXdHU7gJwLNNYq4.css?delta=3&language=en&theme=solo_subtheme&include=eJydUtlygzAM_CEEM81M23yNR7YFdvA1lt0kf1_CEUjz1hcZaXWsWPGdC_lOIlPD0cXuYWBwUaI7BDyFOruCqyyGPC3xzdsq6FacDWOnc03o2tU9du7pBir6PuaC-BfoL-gcQgxHMn6iaBUgGyhX6-xgygFVk8mT1aSB52WgoOTmx9KVu9m2PurqqFExjpa4W98L55bL3REvmxlyifKEhkKhgA19bBJmHDImw9tKe6StIVXpLBvSe6KQNWhHIkyMRKaeMgVF3ROHBYcHDk_8MGhtwHsJrzX8PuWkhcIcK5N7H3HSsIGQpBBfn9__79AoTEUZ3E9l-2GzDMv32wmBzIRjijYUBpbwoPB6VS8ZPsD5_HHIWBX1xIwDMWjM44v4s5K_e6IQpQ" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap" /> <link rel="stylesheet" media="all" href="/sites/stars/files/css/css_nmlL2FF-rvcroy6C1HodNIqfC698SYchxrHuE0UVs2o.css?delta=5&language=en&theme=solo_subtheme&include=eJydUtlygzAM_CEEM81M23yNR7YFdvA1lt0kf1_CEUjz1hcZaXWsWPGdC_lOIlPD0cXuYWBwUaI7BDyFOruCqyyGPC3xzdsq6FacDWOnc03o2tU9du7pBir6PuaC-BfoL-gcQgxHMn6iaBUgGyhX6-xgygFVk8mT1aSB52WgoOTmx9KVu9m2PurqqFExjpa4W98L55bL3REvmxlyifKEhkKhgA19bBJmHDImw9tKe6StIVXpLBvSe6KQNWhHIkyMRKaeMgVF3ROHBYcHDk_8MGhtwHsJrzX8PuWkhcIcK5N7H3HSsIGQpBBfn9__79AoTEUZ3E9l-2GzDMv32wmBzIRjijYUBpbwoPB6VS8ZPsD5_HHIWBX1xIwDMWjM44v4s5K_e6IQpQ" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/221","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJydk91uwyAMhV8oTqRV2tanQQYcQkMAYbK2b7_80CRtd7Ubg89nH2RIFMasOmwkMlUqhN4SN2W9cKqV9n_JnO-O-EGEyWiaOVR0y876vtFpjOjqklYmBONIbGUveY0XvFURE5qEsRNy9HrCJy0UpjAyuWaDsEI4aXjA_3dClEJ8fX6_O_igSSRqKZFX9G4yc9j43s-P0XelHn0cpbPckT4UlpN49-ZizlUiVR5mval6EwT5A912FQcXmjmAmkKaoiYNfOdMA2SU_FSxPNtBMS3dJnloQ8qIr6C9oHMIwdORuCDRvQkgE2Efg_WZgSXMl7vXDOTHl_SpYfBwPn8cK6YBrALkDvLVOmu6fKBlvIGY0RCDxtQvWHTkIqXpk_WZfAbr2_AElvZ1v-o8ytzRQMW4ZNuUy0HrX_Jj6crNEush6NHRL1JaQbY","theme":"solo_subtheme","theme_token":"1Yw9p3LV0J0lr2hpG-6XSC-ilZEdKRMNZ7MUo_vbhnA"},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/search\/node":true},"gtag":{"tagId":"UA-35759414-1","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":".sm-icons, div.main-navigation-wrapper","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"mailto","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"after","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","whitelistedDomains":[],"extExcludeNoreferrer":""}},"cookies":{"cookiesjsr":{"config":{"cookie":{"name":"cookiesjsr","expires":31536000000,"domain":"","sameSite":"Lax","secure":true},"library":{"libBasePath":"https:\/\/cdn.jsdelivr.net\/gh\/jfeltkamp\/cookiesjsr@1\/dist","libPath":"https:\/\/cdn.jsdelivr.net\/gh\/jfeltkamp\/cookiesjsr@1\/dist\/cookiesjsr.min.js","scrollLimit":0},"callback":{"method":"post","url":"\/cookies\/consent\/callback.json","headers":[]},"interface":{"openSettingsHash":"#editCookieSettings","showDenyAll":true,"denyAllOnLayerClose":false,"settingsAsLink":false,"availableLangs":["en"],"defaultLang":"en","groupConsent":false,"cookieDocs":true}},"services":{"functional":{"id":"functional","services":[{"key":"functional","type":"functional","name":"Required functional","info":{"value":"\u003Ctable\u003E\r\n\t\u003Cthead\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Cth width=\u002215%\u0022\u003ECookie name\u003C\/th\u003E\r\n\t\t\t\u003Cth width=\u002215%\u0022\u003EDefault expiration time\u003C\/th\u003E\r\n\t\t\t\u003Cth\u003EDescription\u003C\/th\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\u003C\/thead\u003E\r\n\t\u003Ctbody\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Ctd\u003E\u003Ccode dir=\u0022ltr\u0022 translate=\u0022no\u0022\u003ESSESS\u0026lt;ID\u0026gt;\u003C\/code\u003E\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003E1 month\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003EIf you are logged in to this website, a session cookie is required to identify and connect your browser to your user account in the server backend of this website.\u003C\/td\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Ctd\u003E\u003Ccode dir=\u0022ltr\u0022 translate=\u0022no\u0022\u003Ecookiesjsr\u003C\/code\u003E\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003E1 year\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003EWhen you visited this website for the first time, you were asked for your permission to use several services (including those from third parties) that require data to be saved in your browser (cookies, local storage). Your decisions about each service (allow, deny) are stored in this cookie and are reused each time you visit this website.\u003C\/td\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\u003C\/tbody\u003E\r\n\u003C\/table\u003E\r\n","format":"full_html"},"uri":"","needConsent":false}],"weight":1},"tracking":{"id":"tracking","services":[{"key":"recaptcha","type":"tracking","name":"reCAPTCHA","info":{"value":"","format":"full_html"},"uri":"https:\/\/developers.google.com\/recaptcha","needConsent":true}],"weight":10},"performance":{"id":"performance","services":[{"key":"gtag","type":"performance","name":"Google Tag Manager","info":{"value":"","format":"full_html"},"uri":"https:\/\/tagmanager.google.com\/","needConsent":true}],"weight":30}},"translation":{"langcode":"en","bannerText":"Our services rely on cookies to operate effectively. By utilizing our services, you consent to the utilization of cookies.","privacyPolicy":"Privacy policy","privacyUri":"\/privacy-policy-2","imprint":"Imprint","imprintUri":"","cookieDocs":"Cookie documentation","cookieDocsUri":"\/cookie\/cookies-informations-398","officialWebsite":"Official website","denyAll":"No, Thanks","alwaysActive":"Always active","settings":"Cookie settings","acceptAll":"Accept all","requiredCookies":"Required cookies","cookieSettings":"Cookie settings","close":"Close","readMore":"Read more","allowed":"Allowed","denied":"Denied","settingsAllServices":"Settings for all services","saveSettings":"Save","default_langcode":"en","disclaimerText":"All cookie information is subject to change by the service providers. We update this information regularly.","disclaimerTextPosition":"below","processorDetailsLabel":"Processor Company Details","processorLabel":"Company","processorWebsiteUrlLabel":"Company Website","processorPrivacyPolicyUrlLabel":"Company Privacy Policy","processorCookiePolicyUrlLabel":"Company Cookie Policy","processorContactLabel":"Data Protection Contact Details","placeholderAcceptAllText":"Accept All Cookies","functional":{"title":"Functional","details":"Cookies are small text files that are placed by your browser on your device in order to store certain information. Using the information that is stored and returned, a website can recognize that you have previously accessed and visited it using the browser on your end device. We use this information to arrange and display the website optimally in accordance with your preferences. Within this process, only the cookie itself is identified on your device. Personal data is only stored following your express consent or where this is absolutely necessary to enable use the service provided by us and accessed by you."},"tracking":{"title":"Tracking cookies","details":"Marketing cookies come from external advertising companies (\u0022third-party cookies\u0022) and are used to collect information about the websites visited by the user. The purpose of this is to create and display target group-oriented content and advertising for the user."},"performance":{"title":"Performance Cookies","details":"Performance cookies collect aggregated information about how our website is used. The purpose of this is to improve its attractiveness, content and functionality. These cookies help us to determine whether, how often and for how long particular sub-pages of our website are accessed and which content users are particularly interested in. Search terms, country, region and (where applicable) the city from which the website is accessed are also recorded, as is the proportion of mobile devices that are used to access the website. We use this information to compile statistical reports that help us tailor the content of our website to your needs and optimize our offer."}}},"cookiesTexts":{"langcode":"en","bannerText":"Our services rely on cookies to operate effectively. By utilizing our services, you consent to the utilization of cookies.","privacyPolicy":"Privacy policy","privacyUri":"\/node\/2","imprint":"Imprint","imprintUri":"","cookieDocs":"Cookie documentation","cookieDocsUri":"\/node\/398","officialWebsite":"Official website","denyAll":"No, Thanks","alwaysActive":"Always active","settings":"Cookie settings","acceptAll":"Accept all","requiredCookies":"Required cookies","cookieSettings":"Cookie settings","close":"Close","readMore":"Read more","allowed":"Allowed","denied":"Denied","settingsAllServices":"Settings for all services","saveSettings":"Save","default_langcode":"en","disclaimerText":"All cookie information is subject to change by the service providers. We update this information regularly.","disclaimerTextPosition":"below","processorDetailsLabel":"Processor Company Details","processorLabel":"Company","processorWebsiteUrlLabel":"Company Website","processorPrivacyPolicyUrlLabel":"Company Privacy Policy","processorCookiePolicyUrlLabel":"Company Cookie Policy","processorContactLabel":"Data Protection Contact Details","placeholderAcceptAllText":"Accept All Cookies"},"services":{"functional":{"uuid":"b5084df6-fbe0-4614-ac74-872f36f11b81","langcode":"en","status":true,"dependencies":[],"id":"functional","label":"Required functional","group":"functional","info":{"value":"\u003Ctable\u003E\r\n\t\u003Cthead\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Cth width=\u002215%\u0022\u003ECookie name\u003C\/th\u003E\r\n\t\t\t\u003Cth width=\u002215%\u0022\u003EDefault expiration time\u003C\/th\u003E\r\n\t\t\t\u003Cth\u003EDescription\u003C\/th\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\u003C\/thead\u003E\r\n\t\u003Ctbody\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Ctd\u003E\u003Ccode dir=\u0022ltr\u0022 translate=\u0022no\u0022\u003ESSESS\u0026lt;ID\u0026gt;\u003C\/code\u003E\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003E1 month\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003EIf you are logged in to this website, a session cookie is required to identify and connect your browser to your user account in the server backend of this website.\u003C\/td\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\t\u003Ctr\u003E\r\n\t\t\t\u003Ctd\u003E\u003Ccode dir=\u0022ltr\u0022 translate=\u0022no\u0022\u003Ecookiesjsr\u003C\/code\u003E\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003E1 year\u003C\/td\u003E\r\n\t\t\t\u003Ctd\u003EWhen you visited this website for the first time, you were asked for your permission to use several services (including those from third parties) that require data to be saved in your browser (cookies, local storage). Your decisions about each service (allow, deny) are stored in this cookie and are reused each time you visit this website.\u003C\/td\u003E\r\n\t\t\u003C\/tr\u003E\r\n\t\u003C\/tbody\u003E\r\n\u003C\/table\u003E\r\n","format":"full_html"},"consentRequired":false,"purpose":"Essential functional cookies to provide general functionality","processor":"","processorContact":"","processorUrl":"","processorPrivacyPolicyUrl":"","processorCookiePolicyUrl":"","placeholderMainText":"This content is blocked because required functional cookies have not been accepted.","placeholderAcceptText":"Only accept required functional cookies"},"gtag":{"uuid":"5aa61434-4f04-4a95-bfc8-e05dc7466af0","langcode":"en","status":true,"dependencies":{"enforced":{"module":["cookies_gtag"]}},"id":"gtag","label":"Google Tag Manager","group":"performance","info":{"value":"","format":"full_html"},"consentRequired":true,"purpose":"","processor":"","processorContact":"","processorUrl":"https:\/\/tagmanager.google.com\/","processorPrivacyPolicyUrl":"https:\/\/policies.google.com\/privacy","processorCookiePolicyUrl":"","placeholderMainText":"This content is blocked because Google Tag Manager cookies have not been accepted.","placeholderAcceptText":"Only accept Google Tag Manager cookies"},"recaptcha":{"uuid":"bffe5f35-c4bf-4781-80c4-5b25c3d46dc8","langcode":"en","status":true,"dependencies":{"enforced":{"module":["cookies_recaptcha"]}},"id":"recaptcha","label":"reCAPTCHA","group":"tracking","info":{"value":"","format":"full_html"},"consentRequired":true,"purpose":"","processor":"","processorContact":"","processorUrl":"https:\/\/developers.google.com\/recaptcha","processorPrivacyPolicyUrl":"https:\/\/policies.google.com\/privacy","processorCookiePolicyUrl":"","placeholderMainText":"This content is blocked because reCAPTCHA cookies have not been accepted.","placeholderAcceptText":"Only accept reCAPTCHA cookies"}},"groups":{"functional":{"uuid":"e22d4886-caf7-46c6-a8b2-bcdb9de08d0c","langcode":"en","status":true,"dependencies":[],"id":"functional","label":"Functional","weight":1,"title":"Functional","details":"Cookies are small text files that are placed by your browser on your device in order to store certain information. Using the information that is stored and returned, a website can recognize that you have previously accessed and visited it using the browser on your end device. We use this information to arrange and display the website optimally in accordance with your preferences. Within this process, only the cookie itself is identified on your device. Personal data is only stored following your express consent or where this is absolutely necessary to enable use the service provided by us and accessed by you."},"marketing":{"uuid":"426813cd-39e6-4751-a05f-77b9d77a42cc","langcode":"en","status":true,"dependencies":[],"id":"marketing","label":"Marketing","weight":20,"title":"Marketing","details":"Customer communication and marketing tools."},"performance":{"uuid":"d2afb034-29cd-4723-901d-fbbd9513ef45","langcode":"en","status":true,"dependencies":[],"id":"performance","label":"Performance","weight":30,"title":"Performance Cookies","details":"Performance cookies collect aggregated information about how our website is used. The purpose of this is to improve its attractiveness, content and functionality. These cookies help us to determine whether, how often and for how long particular sub-pages of our website are accessed and which content users are particularly interested in. Search terms, country, region and (where applicable) the city from which the website is accessed are also recorded, as is the proportion of mobile devices that are used to access the website. We use this information to compile statistical reports that help us tailor the content of our website to your needs and optimize our offer."},"social":{"uuid":"11731a88-011b-45a2-a419-7fb90435647f","langcode":"en","status":true,"dependencies":[],"id":"social","label":"Social Plugins","weight":20,"title":"Social Plugins","details":"Social media widgets provide additional content originally published on third party platforms."},"tracking":{"uuid":"f51b5d8f-1187-42d6-b406-aee9211fcbcc","langcode":"en","status":true,"dependencies":[],"id":"tracking","label":"Tracking","weight":10,"title":"Tracking cookies","details":"Marketing cookies come from external advertising companies (\u0022third-party cookies\u0022) and are used to collect information about the websites visited by the user. The purpose of this is to create and display target group-oriented content and advertising for the user."},"video":{"uuid":"5b6b1e2a-880e-466f-8543-65bd05c07a98","langcode":"en","status":true,"dependencies":[],"id":"video","label":"Videos","weight":40,"title":"Video","details":"Video sharing services help to add rich media on the site and increase its visibility."}}},"user":{"uid":0,"permissionsHash":"5b9cafa42e9938f0bf3b1bfb19dc2bdadcbc3a561ee3fcb668037871dfe698da"}}</script> <script src="/sites/stars/files/js/js_0W9PnqkLajMgu-KGmJDay7ScOt5ahI_c1mwxNhGziPg.js?scope=header&delta=0&language=en&theme=solo_subtheme&include=eJx1T0kOxCAM-xDLoQ9CKUTQNiWIRerzpzMU1MtcHC-yFBcm1uUG6YlXIFGmcWJsP2lKW2vAE7s_1GjgVWmLh3a5JSD1SGGZjw2L8RW8_oLwzJ7Q_NMKdrhGTT93L1lZF0WCDD5DCmZt0d2txRkLmVtB0jOUPZSLkyMUGS2kagPoyV5e_0FNw2DsmwNSwtwXd_4BwuNzgg"></script> <script src="/modules/contrib/google_tag/js/gtag.js?snlg8i" type="text/plain" id="cookies_gtag_gtag" data-cookieconsent="gtag"></script> <script src="/modules/contrib/google_tag/js/gtag.ajax.js?snlg8i" type="text/plain" id="cookies_gtag_gtag_ajax" data-cookieconsent="gtag"></script> <script src="/modules/contrib/cookies/js/cookiesjsr.conf.js?v=11.0.9" defer></script> <script src="https://www.google.com/recaptcha/api.js?hl=en&render=explicit&onload=drupalRecaptchaOnload" async defer></script> </head> <body class="path-node-221 path-node page-node-type-theme"> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>  <div id="page-wrapper" class="page-wrapper sw-1600 sb-768 mn-992 solo__bc-scroll solo__inline-items" >  <div id="primary-sidebar-menu" class="solo-outer lone main-navigation-wrapper primary-sidebar-menu hamburger-icon has-border" role="navigation" aria-hidden="true" aria-label="Primary Sidebar Menu" > <div id="primary-sidebar-menu-inner" class="solo-inner primary-sidebar-menu-inner"> <div id="sidebar-button-close" class="sidebar-button-close activate-branding"> <button class="btn-animate solo-button-menu hamburger-icon hamburger-icon-close" data-drupal-selector="sidebar-hamburger-icon" aria-label="Close Primary Sidebar Menu" aria-controls="primary-sidebar-menu" aria-expanded="false"> <span> <svg width="60" height="40" viewbox="0 0 60 40"> <g stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <path id="svg-top" d="M10,10 L50,10 Z"></path> <path id="svg-middle" d="M10,20 L50,20 Z"></path> <path id="svg-bottom" d="M10,30 L50,30 Z"></path> </g> </svg> </span> <span class="visually-hidden">Close Primary Sidebar Menu</span> </button> <div class="menu-branding"> <a href="/" class="menu-branding-logo" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> <img src="/themes/contrib/solo/solo_subtheme/logo.svg" class="site-logo-img" alt="Drupal Development: Custom Drupal Themes By Alaa Haddad" /> </a> <a href="/" class="menu-branding-site-name" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> <span>SOLO</span> </a> </div> </div> <nav id="block-solo-subtheme-mainnavigation" class="block block-menu navigation menu--main" aria-labelledby="block-solo-subtheme-mainnavigation-menu" role="navigation"> <h2 class="visually-hidden block__title" id="block-solo-subtheme-mainnavigation-menu">Main navigation</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-primary-sidebar navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__primary_sidebar navigation__menubar-main" id="main-menubar" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button is-active" role='none'> <a href="/color-schemes" class="nav__menu-link nav__menu-link-main url-added" title="Explore Solo Theme's Color Schemes for Drupal Development" tabindex="-1" data-drupal-link-system-path="color-schemes" role='menuitem'> <span class="menu__url-title-enabled">Color Schemes</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Color Schemes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1" tabindex="-1" id="main-submenu--2" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--2" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore berry and fruit tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Berry and Fruit Tones</span> <span class="visually-hidden">Berry and Fruit Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--2" tabindex="-1" id="main-submenu--3" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-berry-blue-dreams" title="Explore berry blue dreams and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/219"> <span class="menu__url-title">Berry Blue Dreams</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-blueberry-skies-quartet" title="Explore blueberry skies quartet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/263"> <span class="menu__url-title">Blueberry Skies Quartet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-lemon-lime-forest" title="Explore lemon lime forest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/232"> <span class="menu__url-title">Lemon Lime Forest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-raspberry-nightfall" title="Explore raspberry nightfall and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/229"> <span class="menu__url-title">Raspberry Nightfall</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore bold and dramatic colors and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Bold and Dramatic Colors</span> <span class="visually-hidden">Bold and Dramatic Colors sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--2" tabindex="-1" id="main-submenu--4" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-eclipse-noir" title="Explore eclipse noir and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/227"> <span class="menu__url-title">Eclipse Noir</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-flaming-sapphire" title="Explore flaming sapphire and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/235"> <span class="menu__url-title">Flaming Sapphire</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-midnight-navy-duo" title="Explore midnight navy duo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/262"> <span class="menu__url-title">Midnight Navy Duo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-nocturnal-velvet" title="Explore nocturnal velvet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/228"> <span class="menu__url-title">Nocturnal Velvet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-razzle-onyx-elegance" title="Explore razzle onyx elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/261"> <span class="menu__url-title">Razzle Onyx Elegance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-royal-azure-flame" title="Explore royal azure flame and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/234"> <span class="menu__url-title">Royal Azure Flame</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-rustic-redwood-charm" title="Explore rustic redwood charm and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/236"> <span class="menu__url-title">Rustic Redwood Charm</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore denim influences and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Denim Influences</span> <span class="visually-hidden">Denim Influences sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--3" tabindex="-1" id="main-submenu--5" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-crimson-denim-night" title="Explore crimson denim night and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/250"> <span class="menu__url-title">Crimson Denim Night</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-denim-twilight" title="Explore denim twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/248"> <span class="menu__url-title">Denim Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-indigo-pulse" title="Explore indigo pulse and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/249"> <span class="menu__url-title">Indigo Pulse</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-salmon-denim-fade" title="Explore salmon denim fade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/260"> <span class="menu__url-title">Salmon Denim Fade</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore earthy and smokey tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Earthy and Smokey Tones</span> <span class="visually-hidden">Earthy and Smokey Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--4" tabindex="-1" id="main-submenu--6" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-charcoal-gray" title="Explore charcoal gray and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/226"> <span class="menu__url-title">Charcoal Gray</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-dusk-shadow-fusion" title="Explore dusk shadow fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/255"> <span class="menu__url-title">Dusk Shadow Fusion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-gunmetal-echo" title="Explore gunmetal echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/254"> <span class="menu__url-title">Gunmetal Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-obsidian-cascade" title="Explore obsidian cascade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/257"> <span class="menu__url-title">Obsidian Cascade</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-porpoise-dream" title="Explore porpoise dream and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/256"> <span class="menu__url-title">Porpoise Dream</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-smokey-quartz-symphony" title="Explore smokey quartz symphony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/252"> <span class="menu__url-title">Smokey Quartz Symphony</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-5--3" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore elegant whites and neutrals and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Elegant Whites and Neutrals</span> <span class="visually-hidden">Elegant Whites and Neutrals sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--3" tabindex="-1" id="main-submenu--7" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-classic-ivory-lace" title="Explore classic ivory lace and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/244"> <span class="menu__url-title">Classic Ivory Lace</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ethereal-white-harmony" title="Explore ethereal white harmony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/243"> <span class="menu__url-title">Ethereal White Harmony</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-gentle-ivory-breeze" title="Explore gentle ivory breeze and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/242"> <span class="menu__url-title">Gentle Ivory Breeze</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ivory-whisper" title="Explore ivory whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/240"> <span class="menu__url-title">Ivory Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-luminous-alabaster" title="Explore luminous alabaster and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/239"> <span class="menu__url-title">Luminous Alabaster</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-porcelain-brilliance" title="Explore porcelain brilliance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/238"> <span class="menu__url-title">Porcelain Brilliance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-pristine-porcelain-glow" title="Explore pristine porcelain glow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/237"> <span class="menu__url-title">Pristine Porcelain Glow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-silken-shadow-whisper" title="Explore silken shadow whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/245"> <span class="menu__url-title">Silken Shadow Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-soft-silk-elegance" title="Explore soft silk elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/241"> <span class="menu__url-title">Soft Silk Elegance</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-6--4" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore forest and nature tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Forest and Nature Tones</span> <span class="visually-hidden">Forest and Nature Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--4" tabindex="-1" id="main-submenu--8" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/forest-and-nature-tones/solo-enchanted-forest-zest" title="Explore enchanted forest zest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/233"> <span class="menu__url-title">Enchanted Forest Zest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-jungle-denim-fusion" title="Explore jungle denim fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/265"> <span class="menu__url-title">Jungle Denim Fusion</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-7--3" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore galactic and celestial and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Galactic and Celestial</span> <span class="visually-hidden">Galactic and Celestial sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--3" tabindex="-1" id="main-submenu--9" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-celestial-blue-depths" title="Explore celestial blue depths and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/264"> <span class="menu__url-title">Celestial Blue Depths</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-galactic-stone-hues" title="Explore galactic stone hues and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/224"> <span class="menu__url-title">Galactic Stone Hues</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-metallic-nebula" title="Explore metallic nebula and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/253"> <span class="menu__url-title">Metallic Nebula</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only is-active" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-8--2" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore midnight and twilight and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Midnight and Twilight</span> <span class="visually-hidden">Midnight and Twilight sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-8--2" tabindex="-1" id="main-submenu--10" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-midnight-denim-swirl" title="Explore midnight denim swirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/258"> <span class="menu__url-title">Midnight Denim Swirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-garden-trio" title="Explore midnight garden trio and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/225"> <span class="menu__url-title">Midnight Garden Trio</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-whispers" title="Explore midnight whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/194"> <span class="menu__url-title">Midnight Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only is-active" role='none'> <a href="/midnight-and-twilight-themes/solo-mystic-ash-twilight" title="Explore mystic ash twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main is-active" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/221" aria-current="page"> <span class="menu__url-title">Mystic Ash Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-twilight-ash-mystique" title="Explore twilight ash mystique and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/222"> <span class="menu__url-title">Twilight Ash Mystique</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-9--2" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore miscellaneous and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Miscellaneous</span> <span class="visually-hidden">Miscellaneous sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-9--2" tabindex="-1" id="main-submenu--11" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/miscellaneous/solo-monochrome-splash" title="Explore monochrome splash and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/247"> <span class="menu__url-title">Monochrome Splash</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-10" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore ocean and deep sea and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Ocean and Deep Sea</span> <span class="visually-hidden">Ocean and Deep Sea sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-10" tabindex="-1" id="main-submenu--12" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-ocean-shadows" title="Explore deep ocean shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/266"> <span class="menu__url-title">Deep Ocean Shadows</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-sea-echo" title="Explore deep sea echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/220"> <span class="menu__url-title">Deep Sea Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-ocean-depths-mystery" title="Explore ocean depths mystery and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/195"> <span class="menu__url-title">Ocean Depths Mystery</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-11" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore soft and subtle hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Soft and Subtle Hues</span> <span class="visually-hidden">Soft and Subtle Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-11" tabindex="-1" id="main-submenu--13" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-blushing-magnolia" title="Explore blushing magnolia and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/246"> <span class="menu__url-title">Blushing Magnolia</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-cotton-candy-whispers" title="Explore cotton candy whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/259"> <span class="menu__url-title">Cotton Candy Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-magnolia-afternoon" title="Explore magnolia afternoon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/251"> <span class="menu__url-title">Magnolia Afternoon</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-12" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore urban and modern hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Urban and Modern Hues</span> <span class="visually-hidden">Urban and Modern Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-12" tabindex="-1" id="main-submenu--14" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-nightfall-paris" title="Explore nightfall in paris and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/231"> <span class="menu__url-title">Nightfall in Paris</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-parisian-skyline" title="Explore parisian skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/230"> <span class="menu__url-title">Parisian Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-urban-stone-shadows" title="Explore urban stone shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/223"> <span class="menu__url-title">Urban Stone Shadows</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/features" class="nav__menu-link nav__menu-link-main url-added" title="Explore the Features of the Solo Drupal Theme" tabindex="-1" data-drupal-link-system-path="features" role='menuitem'> <span class="menu__url-title-enabled">Solo's Features</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-2--13" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Solo's Features sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--13" tabindex="-1" id="main-submenu--15" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--15" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive and dynamic features and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive and Dynamic Features</span> <span class="visually-hidden">Interactive and Dynamic Features sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--15" tabindex="-1" id="main-submenu--16" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-login-popup-block-131" title="Explore login popup and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/131"> <span class="menu__url-title">Login Popup</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-fixed-search-block-132" title="Explore popup search block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/132"> <span class="menu__url-title">Popup Search Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-scroll-triggered-opacity-animation-120" title="Explore scroll-triggered opacity animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/120"> <span class="menu__url-title">Scroll-Triggered Opacity Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-solos-reading-mode-127" title="Explore solo's reading mode and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/127"> <span class="menu__url-title">Solo's Reading Mode</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--15" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--15" tabindex="-1" id="main-submenu--17" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/dynamic-region-class/drupal-solo-theme-dynamic-component-centric-region-class-assignment-393" title="Explore dynamic region class and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/393"> <span class="menu__url-title">Dynamic Region Class</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-global-breakpoints-111" title="Explore global breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/111"> <span class="menu__url-title">Global Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-grouped-regions-136" title="Explore grouped regions and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/136"> <span class="menu__url-title">Grouped Regions</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-regions-gap-113" title="Explore regions' gap and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/113"> <span class="menu__url-title">Regions' Gap</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-customized-page-widths-elevating-content-presentation-ease" title="Drupal Solo Theme - Customized Page Widths: Elevating Content Presentation with Ease" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/416"> <span class="menu__url-title">Set Width for Each Content Type</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-custom-width-each-content-type-drupal-415" title="Drupal Solo Theme - Custom Width for Each Content Type in Drupal" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/415"> <span class="menu__url-title">Set Width for Each Page</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-responsive-width-control-ultimate-customization-106" title="Explore website width options and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/106"> <span class="menu__url-title">Set Width for The Website</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-sidebar-menu-user-menu-134" title="Explore sidebar menu, user menu, and search icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/134"> <span class="menu__url-title">Sidebar Menu, User Menu, and Search Icon</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--14" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore navigation and menus and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menus</span> <span class="visually-hidden">Navigation and Menus sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--14" tabindex="-1" id="main-submenu--18" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-header-menu-119" title="Explore header, menu switch position and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/119"> <span class="menu__url-title">Header, Menu Switch Position</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-adding-logo-and-site-name-menus-solo-413" title="Adding Logos and Site Names to Menus in Solo" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/413"> <span class="menu__url-title">Menu Branding</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-menu-breakpoints-112" title="Explore menu breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/112"> <span class="menu__url-title">Menu Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-solos-menus-135" title="Explore solo's menus and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/135"> <span class="menu__url-title">Solo's Menus</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--11" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore showcase of google font examples and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Showcase of Google Font Examples</span> <span class="visually-hidden">Showcase of Google Font Examples sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--11" tabindex="-1" id="main-submenu--19" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-global-fonts-examples-192" title="Explore global fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/192"> <span class="menu__url-title">Global Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-heading-fonts-examples-193" title="Explore heading fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/193"> <span class="menu__url-title">Heading Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-site-name-page-title-fonts-examples-394" title="Explore site name & page title and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/394"> <span class="menu__url-title">Site Name & Page Title</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-special-fonts-examples-191" title="Explore special fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/191"> <span class="menu__url-title">Special Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/css-text-animation-effects-examples-190" title="Explore text animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/190"> <span class="menu__url-title">Text Animation</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-5--8" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore styling & design customization and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Styling & Design Customization</span> <span class="visually-hidden">Styling & Design Customization sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--8" tabindex="-1" id="main-submenu--20" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-css-injections-117" title="Explore css injections and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/117"> <span class="menu__url-title">CSS Injections</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-custom-css-classes-129" title="Explore custom css classes and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/129"> <span class="menu__url-title">Custom CSS Classes</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-global-font-size-114" title="Explore font size and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/114"> <span class="menu__url-title">Font Size</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-color-schemes-108" title="Explore predefined color scheme and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/108"> <span class="menu__url-title">Predefined Color Scheme</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-text-animation-names-109" title="Explore text animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/109"> <span class="menu__url-title">Text Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-w3css-library-128" title="Explore w3.css library and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/128"> <span class="menu__url-title">W3.CSS Library</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-6--7" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore typography and fonts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Typography and Fonts</span> <span class="visually-hidden">Typography and Fonts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--7" tabindex="-1" id="main-submenu--21" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-font-awesome-330" title="Explore font awesome and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/330"> <span class="menu__url-title">Font Awesome</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-global-fonts-107" title="Explore global site fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/107"> <span class="menu__url-title">Global Site Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-heading-fonts-105" title="Explore heading fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/105"> <span class="menu__url-title">Heading Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-site-name-page-title-397" title="Explore site name & page title fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/397"> <span class="menu__url-title">Site Name & Page Title Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-google-fonts-special-fonts-104" title="Explore special fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/104"> <span class="menu__url-title">Special Fonts</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-7--5" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore user interface components and enhance your Drupal development experience." > <span class="menu__url-title-disabled">User Interface Components</span> <span class="visually-hidden">User Interface Components sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--5" tabindex="-1" id="main-submenu--22" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-color-coded-system-tabs-drupal-392" title="Explore color-coded system tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/392"> <span class="menu__url-title">Color-Coded System Tabs</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-login-register-retrieve-password-forms-118" title="Explore login, register, retrieve password forms and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/118"> <span class="menu__url-title">Login, Register, Retrieve Password Forms</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-node-date-format-115" title="Explore node date format and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/115"> <span class="menu__url-title">Node Date Format</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-regions-colors-fields-130" title="Explore region's color field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/130"> <span class="menu__url-title">Region's Color Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-over-60-svg-file-type-icons-403" title="Explore svg file type icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/403"> <span class="menu__url-title">SVG File Type Icons</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-same-line-taxonomy-term-121" title="Explore same line taxonomy term and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/121"> <span class="menu__url-title">Same Line Taxonomy Term</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-site-name-slogan-133" title="Explore site name, slogan, and logo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/133"> <span class="menu__url-title">Site Name, Slogan, and Logo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-social-icons-137" title="Explore social icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/137"> <span class="menu__url-title">Social Icons</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/paragraphs-bundles" class="nav__menu-link nav__menu-link-main url-added" title="Discover Various Paragraph Bundles for Drupal" tabindex="-1" data-drupal-link-system-path="paragraphs-bundles" role='menuitem'> <span class="menu__url-title-enabled">Paragraphs Bundles</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-3--20" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Paragraphs Bundles sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--20" tabindex="-1" id="main-submenu--23" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--23" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--23" tabindex="-1" id="main-submenu--24" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-33" title="Explore pb content & pb block types and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/33"> <span class="menu__url-title">PB Content & PB Block Types</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-12" title="Explore paragraph bundle block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/12"> <span class="menu__url-title">Paragraph Bundle Block Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-331" title="Explore paragraph bundle contact form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/331"> <span class="menu__url-title">Paragraph Bundle Contact Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-13" title="Explore paragraph bundle drupal block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/13"> <span class="menu__url-title">Paragraph Bundle Drupal Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-google-material-symbols-image-395" title="Explore paragraph bundle icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/395"> <span class="menu__url-title">Paragraph Bundle Icon</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-404" title="Explore paragraph bundle image background and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/404"> <span class="menu__url-title">Paragraph Bundle Image Background</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-23" title="Explore paragraph bundle image overlay and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/23"> <span class="menu__url-title">Paragraph Bundle Image Overlay</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-18" title="Explore paragraph bundle image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/18"> <span class="menu__url-title">Paragraph Bundle Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-24" title="Explore paragraph bundle link and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/24"> <span class="menu__url-title">Paragraph Bundle Link</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-281" title="Explore paragraph bundle node reference and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/281"> <span class="menu__url-title">Paragraph Bundle Node Reference</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-17" title="Explore paragraph bundle simple and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/17"> <span class="menu__url-title">Paragraph Bundle Simple</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-15" title="Explore paragraph bundle views and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/15"> <span class="menu__url-title">Paragraph Bundle Views</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-16" title="Explore paragraph bundle webform and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/16"> <span class="menu__url-title">Paragraph Bundle Webform</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--23" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--23" tabindex="-1" id="main-submenu--25" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-8" title="Explore paragraph bundle 3d carousel and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/8"> <span class="menu__url-title">Paragraph Bundle 3D Carousel</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-9" title="Explore paragraph bundle 3d flip box and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/9"> <span class="menu__url-title">Paragraph Bundle 3D Flip Box</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-22" title="Explore paragraph bundle lightbox image grid and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/22"> <span class="menu__url-title">Paragraph Bundle Lightbox Image Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-26" title="Explore paragraph bundle parallax and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/26"> <span class="menu__url-title">Paragraph Bundle Parallax</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-19" title="Explore paragraph bundle responsive image narrow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/19"> <span class="menu__url-title">Paragraph Bundle Responsive Image Narrow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-20" title="Explore paragraph bundle responsive image wide and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/20"> <span class="menu__url-title">Paragraph Bundle Responsive Image Wide</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-27" title="Explore paragraph bundle slideshow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/27"> <span class="menu__url-title">Paragraph Bundle Slideshow</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--23" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--23" tabindex="-1" id="main-submenu--26" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-10" title="Explore paragraph bundle accordion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/10"> <span class="menu__url-title">Paragraph Bundle Accordion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-11" title="Explore paragraph bundle alert and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/11"> <span class="menu__url-title">Paragraph Bundle Alert</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-25" title="Explore paragraph bundle modal and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/25"> <span class="menu__url-title">Paragraph Bundle Modal</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-28" title="Explore paragraph bundle tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/28"> <span class="menu__url-title">Paragraph Bundle Tabs</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--19" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--19" tabindex="-1" id="main-submenu--27" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-32" title="Explore paragraph bundle card three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/32"> <span class="menu__url-title">Paragraph Bundle Card Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-31" title="Explore paragraph bundle card two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/31"> <span class="menu__url-title">Paragraph Bundle Card Two Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-419" title="Paragraph Bundle Grid" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/419"> <span class="menu__url-title">Paragraph Bundle Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-21" title="Explore paragraph bundle hero and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/21"> <span class="menu__url-title">Paragraph Bundle Hero</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-14" title="Explore paragraph bundle one column and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/14"> <span class="menu__url-title">Paragraph Bundle One Column</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-29" title="Explore paragraph bundle three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/29"> <span class="menu__url-title">Paragraph Bundle Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-30" title="Explore paragraph bundle two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/30"> <span class="menu__url-title">Paragraph Bundle Two Columns</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/solo-settings" class="nav__menu-link nav__menu-link-main url-added" title="Detailed Settings of the Solo Drupal Theme" tabindex="-1" data-drupal-link-system-path="solo-settings" role='menuitem'> <span class="menu__url-title-enabled">Solo's Settings</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-4--21" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Solo's Settings sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--21" tabindex="-1" id="main-submenu--28" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--28" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore aesthetic and design and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Aesthetic and Design</span> <span class="visually-hidden">Aesthetic and Design sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--28" tabindex="-1" id="main-submenu--29" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/color-scheme-settings-294" title="Explore color scheme settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/294"> <span class="menu__url-title">Color Scheme Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/copyright-and-credit-settings-280" title="Explore copyright and credit settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/280"> <span class="menu__url-title">Copyright and Credit Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/libraries-and-fonts-settings-296" title="Explore libraries and fonts settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/296"> <span class="menu__url-title">Libraries and Fonts Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--28" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content and feature and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content and Feature</span> <span class="visually-hidden">Content and Feature sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--28" tabindex="-1" id="main-submenu--30" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/card-layout/differences-between-card-and-layout-bundles-414" title="Discover the power of Card and Layout bundles!" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/414"> <span class="menu__url-title">Exploring Card and Layout Bundles</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/fixed-search-block-settings-290" title="Explore fixed search block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/290"> <span class="menu__url-title">Fixed Search Block Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/highlighted-settings-292" title="Explore highlighted settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/292"> <span class="menu__url-title">Highlighted Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/page-title-settings-285" title="Explore page title settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/285"> <span class="menu__url-title">Page Title Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/system-message-settings-286" title="Explore system message settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/286"> <span class="menu__url-title">System Message Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/welcome-settings-301" title="Explore welcome settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/301"> <span class="menu__url-title">Welcome Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--28" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--28" tabindex="-1" id="main-submenu--31" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/global-site-settings-297" title="Explore global site settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/297"> <span class="menu__url-title">Global Site Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/grouped-regions-settings-279" title="Explore grouped regions' settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/279"> <span class="menu__url-title">Grouped Regions' Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/header-settings-289" title="Explore header settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/289"> <span class="menu__url-title">Header Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/page-wrapper-settings-295" title="Explore page wrapper settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/295"> <span class="menu__url-title">Page Wrapper Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/popup-login-block-settings-291" title="Explore popup login block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/291"> <span class="menu__url-title">Popup Login Block Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-solos-blueprint-299" title="Explore solo's blueprint and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/299"> <span class="menu__url-title">Solo's Blueprint</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--24" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore navigation and menu and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menu</span> <span class="visually-hidden">Navigation and Menu sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--24" tabindex="-1" id="main-submenu--32" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/breadcrumb-settings-283" title="Explore breadcrumb settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/283"> <span class="menu__url-title">Breadcrumb Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/footer-menu-settings-282" title="Explore footer menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/282"> <span class="menu__url-title">Footer Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-menu-settings-303" title="Explore primary menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/303"> <span class="menu__url-title">Primary Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-sidebar-menu-settings-288" title="Explore primary sidebar menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/288"> <span class="menu__url-title">Primary Sidebar Menu Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-5--17" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore social and interaction and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Social and Interaction</span> <span class="visually-hidden">Social and Interaction sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--17" tabindex="-1" id="main-submenu--33" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/social-and-interaction-settings/social-media-links-settings-293" title="Explore social media links settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/293"> <span class="menu__url-title">Social Media Links Settings</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-5--18" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore bundle demonstrations and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Bundle Demonstrations</span> <span class="visually-hidden">Bundle Demonstrations sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--18" tabindex="-1" id="main-submenu--34" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--34" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--34" tabindex="-1" id="main-submenu--35" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-example-271" title="Explore pb content & pb block types and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/271"> <span class="menu__url-title">PB Content & PB Block Types</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-example-125" title="Explore paragraph bundle block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/125"> <span class="menu__url-title">Paragraph Bundle Block Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-example-139" title="Explore paragraph bundle contact form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/139"> <span class="menu__url-title">Paragraph Bundle Contact Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-example-124" title="Explore paragraph bundle drupal block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/124"> <span class="menu__url-title">Paragraph Bundle Drupal Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-example-google-material-symbols-image-396" title="Explore paragraph bundle icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/396"> <span class="menu__url-title">Paragraph Bundle Icon</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-example-405" title="Explore paragraph bundle image background and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/405"> <span class="menu__url-title">Paragraph Bundle Image Background</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-example-101" title="Explore paragraph bundle image overlay and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/101"> <span class="menu__url-title">Paragraph Bundle Image Overlay</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-original-size-example-142" title="Explore paragraph bundle image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/142"> <span class="menu__url-title">Paragraph Bundle Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-example-100" title="Explore paragraph bundle link and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/100"> <span class="menu__url-title">Paragraph Bundle Link</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-example-284" title="Explore paragraph bundle node reference and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/284"> <span class="menu__url-title">Paragraph Bundle Node Reference</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-example-97" title="Explore paragraph bundle simple and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/97"> <span class="menu__url-title">Paragraph Bundle Simple</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-example-93" title="Explore paragraph bundle views and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/93"> <span class="menu__url-title">Paragraph Bundle Views</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-example-92" title="Explore paragraph bundle webform and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/92"> <span class="menu__url-title">Paragraph Bundle Webform</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--33" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--33" tabindex="-1" id="main-submenu--36" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-example-91" title="Explore paragraph bundle 3d carousel and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/91"> <span class="menu__url-title">Paragraph Bundle 3D Carousel</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-example-122" title="Explore paragraph bundle 3d flip box and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/122"> <span class="menu__url-title">Paragraph Bundle 3D Flip Box</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-example-102" title="Explore paragraph bundle lightbox image grid and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/102"> <span class="menu__url-title">Paragraph Bundle Lightbox Image Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-example-98" title="Explore paragraph bundle parallax and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/98"> <span class="menu__url-title">Paragraph Bundle Parallax</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-example-141" title="Explore paragraph bundle responsive image narrow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/141"> <span class="menu__url-title">Paragraph Bundle Responsive Image Narrow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-example-140" title="Explore paragraph bundle responsive image wide and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/140"> <span class="menu__url-title">Paragraph Bundle Responsive Image Wide</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-example-146" title="Explore paragraph bundle slideshow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/146"> <span class="menu__url-title">Paragraph Bundle Slideshow</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--33" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--33" tabindex="-1" id="main-submenu--37" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-example-144" title="Explore paragraph bundle accordion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/144"> <span class="menu__url-title">Paragraph Bundle Accordion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-example-123" title="Explore paragraph bundle alert and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/123"> <span class="menu__url-title">Paragraph Bundle Alert</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-example-99" title="Explore paragraph bundle modal and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/99"> <span class="menu__url-title">Paragraph Bundle Modal</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-example-145" title="Explore paragraph bundle tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/145"> <span class="menu__url-title">Paragraph Bundle Tabs</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--29" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--29" tabindex="-1" id="main-submenu--38" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-example-138" title="Explore paragraph bundle card three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/138"> <span class="menu__url-title">Paragraph Bundle Card Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-example-126" title="Explore paragraph bundle card two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/126"> <span class="menu__url-title">Paragraph Bundle Card Two Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-example-420" title="Paragraph Bundle Grid Example" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/420"> <span class="menu__url-title">Paragraph Bundle Grid Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-example-143" title="Explore paragraph bundle hero and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/143"> <span class="menu__url-title">Paragraph Bundle Hero</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-example-95" title="Explore paragraph bundle one column and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/95"> <span class="menu__url-title">Paragraph Bundle One Column</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-29" title="Explore paragraph bundle three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/29"> <span class="menu__url-title">Paragraph Bundle Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-example-94" title="Explore paragraph bundle two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/94"> <span class="menu__url-title">Paragraph Bundle Two Columns</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/landing-pages" class="nav__menu-link nav__menu-link-main url-added" title="Custom Drupal Solutions with Solo Theme" tabindex="-1" data-drupal-link-system-path="landing-pages" role='menuitem'> <span class="menu__url-title-enabled">Landing Pages</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-6--17" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Landing Pages sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--17" tabindex="-1" id="main-submenu--39" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-1--39" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore artistic and abstract concepts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Artistic and Abstract Concepts</span> <span class="visually-hidden">Artistic and Abstract Concepts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--39" tabindex="-1" id="main-submenu--40" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/color-whirl-322" title="Explore color whirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/322"> <span class="menu__url-title">Color Whirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/dream-road-326" title="Explore dream road and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/326"> <span class="menu__url-title">Dream Road</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/jewel-place-320" title="Explore jewel place and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/320"> <span class="menu__url-title">Jewel Place</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/shadow-line-314" title="Explore shadow line and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/314"> <span class="menu__url-title">Shadow Line</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-2--38" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore celestial and space-inspired and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Celestial and Space-Inspired</span> <span class="visually-hidden">Celestial and Space-Inspired sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--38" tabindex="-1" id="main-submenu--41" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/sky-pattern-308" title="Explore sky pattern and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/308"> <span class="menu__url-title">Sky Pattern</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/space-art-311" title="Explore space art and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/311"> <span class="menu__url-title">Space Art</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-circle-307" title="Explore star circle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/307"> <span class="menu__url-title">Star Circle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-gate-323" title="Explore star gate and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/323"> <span class="menu__url-title">Star Gate</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-home-312" title="Explore star home and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/312"> <span class="menu__url-title">Star Home</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-3--38" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore gardens and serene spaces and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Gardens and Serene Spaces</span> <span class="visually-hidden">Gardens and Serene Spaces sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--38" tabindex="-1" id="main-submenu--42" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/bright-den-316" title="Explore bright den and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/316"> <span class="menu__url-title">Bright Den</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/calm-corner-317" title="Explore calm corner and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/317"> <span class="menu__url-title">Calm Corner</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/secret-garden-310" title="Explore secret garden and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/310"> <span class="menu__url-title">Secret Garden</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/shine-land-319" title="Explore shine land and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/319"> <span class="menu__url-title">Shine Land</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-4--34" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore natural landscapes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Natural Landscapes</span> <span class="visually-hidden">Natural Landscapes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--34" tabindex="-1" id="main-submenu--43" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/blue-skyline-328" title="Explore blue skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/328"> <span class="menu__url-title">Blue Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dawn-view-304" title="Explore dawn view and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/304"> <span class="menu__url-title">Dawn View</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dusk-deck-321" title="Explore dusk deck and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/321"> <span class="menu__url-title">Dusk Deck</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/green-park-306" title="Explore green park and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/306"> <span class="menu__url-title">Green Park</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/ocean-field-324" title="Explore ocean field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/324"> <span class="menu__url-title">Ocean Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/peace-beach-313" title="Explore peace beach and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/313"> <span class="menu__url-title">Peace Beach</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/red-hill-315" title="Explore red hill and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/315"> <span class="menu__url-title">Red Hill</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/sun-plains-325" title="Explore sun plains and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/325"> <span class="menu__url-title">Sun Plains</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main__level-3" role="menuitem" aria-controls="main-sub-menu-5--24" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore unique or miscellaneous themes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Unique or Miscellaneous Themes</span> <span class="visually-hidden">Unique or Miscellaneous Themes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--24" tabindex="-1" id="main-submenu--44" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/earth-base-309" title="Explore earth base and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/309"> <span class="menu__url-title">Earth Base</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/ring-retreat-318" title="Explore ring retreat and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/318"> <span class="menu__url-title">Ring Retreat</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/summit-point-305" title="Explore summit point and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/305"> <span class="menu__url-title">Summit Point</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/landing-page/views-vanilla-javascript-hero-3d-carousel-3d-flipbox-lightbox-parallax-417" class="nav__menu-link nav__menu-link-main url-added" title="The Vanilla Views suite is a collection of nine powerful Drupal modules" tabindex="-1" data-drupal-link-system-path="node/417" role='menuitem'> <span class="menu__url-title-enabled">Vanilla Views</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main__level-2" role="menuitem" aria-controls="main-sub-menu-7--14" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Vanilla Views sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--14" tabindex="-1" id="main-submenu--45" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/landing-page/views-vanilla-javascript-slideshow-tabs-reveal-418" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/418"> <span class="menu__url-title">Mix Demo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-3d-flipbox" title="Views Vanilla JavaScript 3D FlipBox (VVJF)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-3d-flipbox"> <span class="menu__url-title">3D FlipBox (VVJF)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-3d-carousel" title="Views Vanilla JavaScript 3D Carousel (VVJC)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-3d-carousel"> <span class="menu__url-title">3D Carousel (VVJC)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-accordion" title="Views Vanilla JavaScript Accordion (VVJA)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-accordion"> <span class="menu__url-title">Accordion (VVJA)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-hero" title="Views Vanilla JavaScript Hero (VVJH)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-hero"> <span class="menu__url-title">Hero (VVJH)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-lightbox" title="Views Vanilla JavaScript Lightbox (VVJL)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-lightbox"> <span class="menu__url-title">Lightbox (VVJL)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-parallax" title="Views Vanilla JavaScript Parallax (VVJP)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-parallax"> <span class="menu__url-title">Parallax (VVJP)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-reveal" title="Views Vanilla JavaScript Reveal (VVJR)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-reveal"> <span class="menu__url-title">Reveal (VVJR)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-slideshow" title="Views Vanilla JavaScript Slideshow (VVJS)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-slideshow"> <span class="menu__url-title">Slideshow (VVJS)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-tabs" title="Views Vanilla JavaScript Tabs (VVJT)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-tabs"> <span class="menu__url-title">Tabs (VVJT)</span> </a> </li> </ul> </li> </ul> </div> </nav> </div> </div>  <div id="fixed-search-block" class="solo-outer lone fixed-search-block" role="search" aria-label="Search Bar" > <div id="fixed-search-block-inner" class="solo-inner solo-col solo-col-1 fixed-search-block-inner"> <div class="fixed-search-wrapper"> <div id="search-button-close" class="hamburger-icon hamburger-icon-close search-button-close">  <button class="btn-animate solo-button-menu" data-drupal-selector="search-block-button-close-inner" aria-label="Close Search Block" aria-controls="fixed-search-block" aria-expanded="false"> <span> <svg width="60" height="40" viewbox="0 0 60 40"> <g stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <path id="svg-top" d="M10,10 L50,10 Z"></path> <path id="svg-middle" d="M10,20 L50,20 Z"></path> <path id="svg-bottom" d="M10,30 L50,30 Z"></path> </g> </svg> </span> <span class="visually-hidden">Close Search Block</span> </button> </div> <form action="/search/node" method="get" id="search-block-form" accept-charset="UTF-8" class="solo-clear solo-search-block-form"> <div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <label for="edit-keys" class="form-item__label visually-hidden">Search</label> <input title="Enter the terms you wish to search for." placeholder="Search by keyword or phrase." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search form-element form-element--type-search form-element--api-search solo-input" /> </div> <div data-drupal-selector="edit-actions" class="form-actions solo-clear element-container-wrapper js-form-wrapper form-wrapper" id="edit-actions"><input class="button--primary search-button-block button js-form-submit form-submit solo-button btn-animate" data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" /> </div> </form> </div> </div> </div>  <div id="popup-login-block" class="solo-outer lone popup-login-block solo-animate-opacity" role="login" aria-hidden="true" aria-label="Login Block" > <div id="popup-login-block-inner" class="solo-inner solo-col popup-login-block-inner"> <div id="login-button-close" class="hamburger-icon hamburger-icon-close login-button-close"> <button class="solo-button-menu login-block-button-close-inner" data-drupal-selector="login-block-button-close-inner" aria-label="Close Login Popup Block" aria-controls="popup-login-block" aria-expanded="false"> <span> <svg width="60" height="40" viewbox="0 0 60 40"> <g stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <path id="svg-top" d="M10,10 L50,10 Z"></path> <path id="svg-middle" d="M10,20 L50,20 Z"></path> <path id="svg-bottom" d="M10,30 L50,30 Z"></path> </g> </svg> </span> <span class="visually-hidden">Close Login Popup Block</span> </button> </div> <section id="block-solo-subtheme-userlogin" role="form" class="solo-clear solo-block block-user block-user-login-block"> <form class="user-login-form solo-clear" data-drupal-selector="user-login-form" action="/midnight-and-twilight-themes/solo-mystic-ash-twilight?destination=/midnight-and-twilight-themes/solo-mystic-ash-twilight" method="post" id="user-login-form" accept-charset="UTF-8"> <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name"> <label for="edit-name" class="form-item__label js-form-required form-required">Username</label> <input autocorrect="none" autocapitalize="none" spellcheck="false" autocomplete="username" data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="15" maxlength="60" class="form-text required form-element form-element--type-text form-element--api-textfield solo-input" required="required" aria-required="true" /> </div> <div class="js-form-item form-item js-form-type-password form-type-password js-form-item-pass form-item-pass"> <label for="edit-pass" class="form-item__label js-form-required form-required">Password</label> <input autocomplete="current-password" data-drupal-selector="edit-pass" type="password" id="edit-pass" name="pass" size="15" maxlength="128" class="form-text required form-element form-element--type-password form-element--api-password solo-input" required="required" aria-required="true" /> </div> <input data-drupal-selector="form-4j6b2hhxq7n9imyrodxrv1skmqspzspbzfccsllavxu" type="hidden" name="form_build_id" value="form-4J6B2hHxQ7N9imYRoDXrv1SkmqSpZSPBzFCcsLLAVXU" class="solo-input" /> <input data-drupal-selector="edit-user-login-form" type="hidden" name="form_id" value="user_login_form" class="solo-input" /> <fieldset data-drupal-selector="edit-captcha" class="captcha captcha-type-challenge--recaptcha"> <legend class="captcha__title js-form-required form-required"> CAPTCHA </legend> <div class="captcha__element"> <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="69664" class="solo-input" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="T2v0fDIvvG4B77rYY63VCNshDidFdRD_wvWz0KppVVQ" class="solo-input" /> <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="" class="solo-input" /> <div class="g-recaptcha" data-sitekey="6LeGNi8UAAAAAGAtlQeFAUKYClFRXF4gMrplBw9Y" data-theme="light" data-type="image"></div><input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" class="solo-input" /> </div> <div class="captcha__description description">This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.</div> </fieldset> <div data-drupal-selector="edit-actions" class="form-actions solo-clear element-container-wrapper js-form-wrapper form-wrapper" id="edit-actions--2"><input class="button--primary button js-form-submit form-submit solo-button btn-animate" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Log in" /> </div> </form> <div class="solo-clear item-list"><ul class="solo-ul"><li class="solo-li-list"><a href="/user/password" title="Send password reset instructions via email." class="request-password-link">Reset your password</a> </li></ul></div> </section> </div> </div>   <header id="header" class="solo-outer lone header" role="banner" aria-label="Site header"> <div id="header-inner" class="solo-inner solo-col solo-col-1 header-inner"> <div id="sidebar-button-open" class="hamburger-icon sidebar-button-open"> <button class="btn-animate solo-button-menu sidebar-hamburger-icon" data-drupal-selector="sidebar-hamburger-icon" aria-label="Open Sidebar Main Menu" aria-controls="primary-sidebar-menu" aria-expanded="false"> <span> <svg width="60" height="40" viewbox="0 0 60 40"> <g stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <path id="svg-top" d="M10,10 L50,10 Z"></path> <path id="svg-middle" d="M10,20 L50,20 Z"></path> <path id="svg-bottom" d="M10,30 L50,30 Z"></path> </g> </svg> </span> <span class="visually-hidden">Open Sidebar Main Menu</span> </button> </div> <div id="search-button-open" class="hamburger-icon search-button-open"> <button class="btn-animate solo-button-menu sidebar-hamburger-icon" data-drupal-selector="sidebar-hamburger-icon" aria-label="Open Search Block" aria-controls="fixed-search-block" aria-expanded="false"> <span><svg width="24" height="24" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <circle cx="11" cy="11" r="8"></circle> <line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </span> <span class="visually-hidden">Open Search Block</span> </button> </div> <a id="header-content" tabindex="-1"></a> <nav id="block-solo-subtheme-account-menu" class="block block-menu navigation menu--account" aria-labelledby="block-solo-subtheme-account-menu-menu" role="navigation"> <h2 class="visually-hidden block__title" id="block-solo-subtheme-account-menu-menu">User account menu</h2> <div class="solo-clear solo-menu navigation-default solo-account-menu"> <div id="login-button-open" class="login-button-open"> <button class="solo-button-menu" data-drupal-selector="login-block-button-open-inner" aria-label="Open Login Popup Block" aria-controls="popup-login-block" aria-expanded="false"> <span>Login</span> <span class="visually-hidden">Open Login Popup Block</span> </button> </div> <ul class="navigation__menubar navigation__default navigation__menubar-account" id="account-menubar--46" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-account nav__menubar-item link-only" role='none'> <a href="/message-developer/message-developer-discover-power-drupal-solo-theme-and-paragraphs-bundles-module" title="Alaa Haddad introduces the Solo theme and Paragraphs Bundles module for Drupal" class="nav__menu-link nav__menu-link-account" role="menuitem" tabindex="0" data-drupal-link-system-path="node/411"> <span class="menu__url-title">Developer's Message</span> </a> </li> </ul> </div> </nav> <section id="block-solo-subtheme-branding" class="solo-clear solo-block block-system block-system-branding-block"> <div class="branding-wrapper"> <div class="branding-first"> <a class="site-logo" href="/" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> <img src="/themes/contrib/solo/solo_subtheme/logo.svg" class="site-logo-img" alt="Drupal Development: Custom Drupal Themes By Alaa Haddad" /> </a> </div> <div class="branding-second site-name-outer site-slogan-outer"> <div class="site-name"> <a class="site-name-link" href="/" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> SOLO </a> </div> <div class="site-slogan">We Can Drupal !t</div> </div> </div> </section> </div> </header>   <div id="primary-menu" class="solo-outer lone main-navigation-wrapper primary-menu menu--justify" role="navigation" aria-label="Main Navigation"> <div id="primary-menu-inner" class="solo-inner solo-col solo-col-1 primary-menu-inner"> <a id="main-navigation-content" tabindex="-1"></a> <nav id="block-solo-subtheme-main-menu" class="block block-menu navigation menu--main" aria-labelledby="block-solo-subtheme-main-menu-menu" role="navigation"> <h2 class="visually-hidden block__title" id="block-solo-subtheme-main-menu-menu">Main navigation</h2> <div class="solo-clear solo-menu navigation-responsive navigation-primary-responsive navigation-responsive-hover menu-align-center activate-branding"> <div class="menu-branding"> <a href="/" class="menu-branding-logo" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> <img src="/themes/contrib/solo/solo_subtheme/logo.svg" class="site-logo-img" alt="Drupal Development: Custom Drupal Themes By Alaa Haddad" /> </a> <a href="/" class="menu-branding-site-name" title="Drupal Development: Custom Drupal Themes By Alaa Haddad" rel="Drupal Development: Custom Drupal Themes By Alaa Haddad"> <span>SOLO</span> </a> </div> <div class="mobile-nav hamburger-icon solo-block"> <button class="solo-button-menu mobile-menubar-toggler-button" data-drupal-selector="mobile-menubar-toggler-button" tabindex='-1' aria-label="Open or Close horizontal Main Menu" aria-expanded="false"> <span> <svg width="60" height="40" viewbox="0 0 60 40"> <g stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke="currentColor" class="svg-stroke"> <path id="svg-top" d="M10,10 L50,10 Z"></path> <path id="svg-middle" d="M10,20 L50,20 Z"></path> <path id="svg-bottom" d="M10,30 L50,30 Z"></path> </g> </svg> </span> <span class="visually-hidden">Open or Close horizontal Main Menu</span> </button> </div> <ul class="navigation__menubar navigation__responsive navigation__primary navigation__menubar-main" id="main-menubar--47" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button is-active" role='none'> <a href="/color-schemes" class="nav__menu-link nav__menu-link-main url-added" title="Explore Solo Theme's Color Schemes for Drupal Development" tabindex="-1" data-drupal-link-system-path="color-schemes" role='menuitem'> <span class="menu__url-title-enabled">Color Schemes</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-1--46" role="menuitem" aria-controls="main-sub-menu-1--46" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Color Schemes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--46" tabindex="-1" id="main-submenu--48" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--47" role="menuitem" aria-controls="main-sub-menu-1--47" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore berry and fruit tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Berry and Fruit Tones</span> <span class="visually-hidden">Berry and Fruit Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--47" tabindex="-1" id="main-submenu--49" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-berry-blue-dreams" title="Explore berry blue dreams and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/219"> <span class="menu__url-title">Berry Blue Dreams</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-blueberry-skies-quartet" title="Explore blueberry skies quartet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/263"> <span class="menu__url-title">Blueberry Skies Quartet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-lemon-lime-forest" title="Explore lemon lime forest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/232"> <span class="menu__url-title">Lemon Lime Forest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-raspberry-nightfall" title="Explore raspberry nightfall and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/229"> <span class="menu__url-title">Raspberry Nightfall</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--45" role="menuitem" aria-controls="main-sub-menu-2--45" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore bold and dramatic colors and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Bold and Dramatic Colors</span> <span class="visually-hidden">Bold and Dramatic Colors sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--45" tabindex="-1" id="main-submenu--50" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-eclipse-noir" title="Explore eclipse noir and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/227"> <span class="menu__url-title">Eclipse Noir</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-flaming-sapphire" title="Explore flaming sapphire and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/235"> <span class="menu__url-title">Flaming Sapphire</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-midnight-navy-duo" title="Explore midnight navy duo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/262"> <span class="menu__url-title">Midnight Navy Duo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-nocturnal-velvet" title="Explore nocturnal velvet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/228"> <span class="menu__url-title">Nocturnal Velvet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-razzle-onyx-elegance" title="Explore razzle onyx elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/261"> <span class="menu__url-title">Razzle Onyx Elegance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-royal-azure-flame" title="Explore royal azure flame and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/234"> <span class="menu__url-title">Royal Azure Flame</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-rustic-redwood-charm" title="Explore rustic redwood charm and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/236"> <span class="menu__url-title">Rustic Redwood Charm</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--45" role="menuitem" aria-controls="main-sub-menu-3--45" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore denim influences and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Denim Influences</span> <span class="visually-hidden">Denim Influences sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--45" tabindex="-1" id="main-submenu--51" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-crimson-denim-night" title="Explore crimson denim night and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/250"> <span class="menu__url-title">Crimson Denim Night</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-denim-twilight" title="Explore denim twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/248"> <span class="menu__url-title">Denim Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-indigo-pulse" title="Explore indigo pulse and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/249"> <span class="menu__url-title">Indigo Pulse</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-salmon-denim-fade" title="Explore salmon denim fade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/260"> <span class="menu__url-title">Salmon Denim Fade</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--40" role="menuitem" aria-controls="main-sub-menu-4--40" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore earthy and smokey tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Earthy and Smokey Tones</span> <span class="visually-hidden">Earthy and Smokey Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--40" tabindex="-1" id="main-submenu--52" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-charcoal-gray" title="Explore charcoal gray and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/226"> <span class="menu__url-title">Charcoal Gray</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-dusk-shadow-fusion" title="Explore dusk shadow fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/255"> <span class="menu__url-title">Dusk Shadow Fusion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-gunmetal-echo" title="Explore gunmetal echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/254"> <span class="menu__url-title">Gunmetal Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-obsidian-cascade" title="Explore obsidian cascade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/257"> <span class="menu__url-title">Obsidian Cascade</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-porpoise-dream" title="Explore porpoise dream and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/256"> <span class="menu__url-title">Porpoise Dream</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-smokey-quartz-symphony" title="Explore smokey quartz symphony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/252"> <span class="menu__url-title">Smokey Quartz Symphony</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-5--28" role="menuitem" aria-controls="main-sub-menu-5--28" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore elegant whites and neutrals and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Elegant Whites and Neutrals</span> <span class="visually-hidden">Elegant Whites and Neutrals sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--28" tabindex="-1" id="main-submenu--53" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-classic-ivory-lace" title="Explore classic ivory lace and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/244"> <span class="menu__url-title">Classic Ivory Lace</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ethereal-white-harmony" title="Explore ethereal white harmony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/243"> <span class="menu__url-title">Ethereal White Harmony</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-gentle-ivory-breeze" title="Explore gentle ivory breeze and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/242"> <span class="menu__url-title">Gentle Ivory Breeze</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ivory-whisper" title="Explore ivory whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/240"> <span class="menu__url-title">Ivory Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-luminous-alabaster" title="Explore luminous alabaster and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/239"> <span class="menu__url-title">Luminous Alabaster</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-porcelain-brilliance" title="Explore porcelain brilliance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/238"> <span class="menu__url-title">Porcelain Brilliance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-pristine-porcelain-glow" title="Explore pristine porcelain glow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/237"> <span class="menu__url-title">Pristine Porcelain Glow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-silken-shadow-whisper" title="Explore silken shadow whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/245"> <span class="menu__url-title">Silken Shadow Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-soft-silk-elegance" title="Explore soft silk elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/241"> <span class="menu__url-title">Soft Silk Elegance</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-6--23" role="menuitem" aria-controls="main-sub-menu-6--23" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore forest and nature tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Forest and Nature Tones</span> <span class="visually-hidden">Forest and Nature Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--23" tabindex="-1" id="main-submenu--54" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/forest-and-nature-tones/solo-enchanted-forest-zest" title="Explore enchanted forest zest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/233"> <span class="menu__url-title">Enchanted Forest Zest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-jungle-denim-fusion" title="Explore jungle denim fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/265"> <span class="menu__url-title">Jungle Denim Fusion</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-7--18" role="menuitem" aria-controls="main-sub-menu-7--18" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore galactic and celestial and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Galactic and Celestial</span> <span class="visually-hidden">Galactic and Celestial sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--18" tabindex="-1" id="main-submenu--55" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-celestial-blue-depths" title="Explore celestial blue depths and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/264"> <span class="menu__url-title">Celestial Blue Depths</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-galactic-stone-hues" title="Explore galactic stone hues and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/224"> <span class="menu__url-title">Galactic Stone Hues</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-metallic-nebula" title="Explore metallic nebula and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/253"> <span class="menu__url-title">Metallic Nebula</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only is-active" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-8--10" role="menuitem" aria-controls="main-sub-menu-8--10" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore midnight and twilight and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Midnight and Twilight</span> <span class="visually-hidden">Midnight and Twilight sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-8--10" tabindex="-1" id="main-submenu--56" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-midnight-denim-swirl" title="Explore midnight denim swirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/258"> <span class="menu__url-title">Midnight Denim Swirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-garden-trio" title="Explore midnight garden trio and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/225"> <span class="menu__url-title">Midnight Garden Trio</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-whispers" title="Explore midnight whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/194"> <span class="menu__url-title">Midnight Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only is-active" role='none'> <a href="/midnight-and-twilight-themes/solo-mystic-ash-twilight" title="Explore mystic ash twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main is-active" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/221" aria-current="page"> <span class="menu__url-title">Mystic Ash Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-twilight-ash-mystique" title="Explore twilight ash mystique and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/222"> <span class="menu__url-title">Twilight Ash Mystique</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-9--7" role="menuitem" aria-controls="main-sub-menu-9--7" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore miscellaneous and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Miscellaneous</span> <span class="visually-hidden">Miscellaneous sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-9--7" tabindex="-1" id="main-submenu--57" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/miscellaneous/solo-monochrome-splash" title="Explore monochrome splash and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/247"> <span class="menu__url-title">Monochrome Splash</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-10--5" role="menuitem" aria-controls="main-sub-menu-10--5" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore ocean and deep sea and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Ocean and Deep Sea</span> <span class="visually-hidden">Ocean and Deep Sea sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-10--5" tabindex="-1" id="main-submenu--58" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-ocean-shadows" title="Explore deep ocean shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/266"> <span class="menu__url-title">Deep Ocean Shadows</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-sea-echo" title="Explore deep sea echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/220"> <span class="menu__url-title">Deep Sea Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-ocean-depths-mystery" title="Explore ocean depths mystery and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/195"> <span class="menu__url-title">Ocean Depths Mystery</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-11--4" role="menuitem" aria-controls="main-sub-menu-11--4" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore soft and subtle hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Soft and Subtle Hues</span> <span class="visually-hidden">Soft and Subtle Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-11--4" tabindex="-1" id="main-submenu--59" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-blushing-magnolia" title="Explore blushing magnolia and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/246"> <span class="menu__url-title">Blushing Magnolia</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-cotton-candy-whispers" title="Explore cotton candy whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/259"> <span class="menu__url-title">Cotton Candy Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-magnolia-afternoon" title="Explore magnolia afternoon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/251"> <span class="menu__url-title">Magnolia Afternoon</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-12--4" role="menuitem" aria-controls="main-sub-menu-12--4" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore urban and modern hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Urban and Modern Hues</span> <span class="visually-hidden">Urban and Modern Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-12--4" tabindex="-1" id="main-submenu--60" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-nightfall-paris" title="Explore nightfall in paris and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/231"> <span class="menu__url-title">Nightfall in Paris</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-parisian-skyline" title="Explore parisian skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/230"> <span class="menu__url-title">Parisian Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-urban-stone-shadows" title="Explore urban stone shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/223"> <span class="menu__url-title">Urban Stone Shadows</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/features" class="nav__menu-link nav__menu-link-main url-added" title="Explore the Features of the Solo Drupal Theme" tabindex="-1" data-drupal-link-system-path="features" role='menuitem'> <span class="menu__url-title-enabled">Solo's Features</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-2--56" role="menuitem" aria-controls="main-sub-menu-2--56" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Solo's Features sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--56" tabindex="-1" id="main-submenu--61" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--60" role="menuitem" aria-controls="main-sub-menu-1--60" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive and dynamic features and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive and Dynamic Features</span> <span class="visually-hidden">Interactive and Dynamic Features sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--60" tabindex="-1" id="main-submenu--62" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-login-popup-block-131" title="Explore login popup and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/131"> <span class="menu__url-title">Login Popup</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-fixed-search-block-132" title="Explore popup search block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/132"> <span class="menu__url-title">Popup Search Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-scroll-triggered-opacity-animation-120" title="Explore scroll-triggered opacity animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/120"> <span class="menu__url-title">Scroll-Triggered Opacity Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-solos-reading-mode-127" title="Explore solo's reading mode and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/127"> <span class="menu__url-title">Solo's Reading Mode</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--58" role="menuitem" aria-controls="main-sub-menu-2--58" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--58" tabindex="-1" id="main-submenu--63" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/dynamic-region-class/drupal-solo-theme-dynamic-component-centric-region-class-assignment-393" title="Explore dynamic region class and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/393"> <span class="menu__url-title">Dynamic Region Class</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-global-breakpoints-111" title="Explore global breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/111"> <span class="menu__url-title">Global Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-grouped-regions-136" title="Explore grouped regions and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/136"> <span class="menu__url-title">Grouped Regions</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-regions-gap-113" title="Explore regions' gap and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/113"> <span class="menu__url-title">Regions' Gap</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-customized-page-widths-elevating-content-presentation-ease" title="Drupal Solo Theme - Customized Page Widths: Elevating Content Presentation with Ease" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/416"> <span class="menu__url-title">Set Width for Each Content Type</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-custom-width-each-content-type-drupal-415" title="Drupal Solo Theme - Custom Width for Each Content Type in Drupal" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/415"> <span class="menu__url-title">Set Width for Each Page</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-responsive-width-control-ultimate-customization-106" title="Explore website width options and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/106"> <span class="menu__url-title">Set Width for The Website</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-sidebar-menu-user-menu-134" title="Explore sidebar menu, user menu, and search icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/134"> <span class="menu__url-title">Sidebar Menu, User Menu, and Search Icon</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--56" role="menuitem" aria-controls="main-sub-menu-3--56" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore navigation and menus and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menus</span> <span class="visually-hidden">Navigation and Menus sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--56" tabindex="-1" id="main-submenu--64" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-header-menu-119" title="Explore header, menu switch position and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/119"> <span class="menu__url-title">Header, Menu Switch Position</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-adding-logo-and-site-name-menus-solo-413" title="Adding Logos and Site Names to Menus in Solo" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/413"> <span class="menu__url-title">Menu Branding</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-menu-breakpoints-112" title="Explore menu breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/112"> <span class="menu__url-title">Menu Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-solos-menus-135" title="Explore solo's menus and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/135"> <span class="menu__url-title">Solo's Menus</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--47" role="menuitem" aria-controls="main-sub-menu-4--47" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore showcase of google font examples and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Showcase of Google Font Examples</span> <span class="visually-hidden">Showcase of Google Font Examples sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--47" tabindex="-1" id="main-submenu--65" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-global-fonts-examples-192" title="Explore global fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/192"> <span class="menu__url-title">Global Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-heading-fonts-examples-193" title="Explore heading fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/193"> <span class="menu__url-title">Heading Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-site-name-page-title-fonts-examples-394" title="Explore site name & page title and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/394"> <span class="menu__url-title">Site Name & Page Title</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-special-fonts-examples-191" title="Explore special fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/191"> <span class="menu__url-title">Special Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/css-text-animation-effects-examples-190" title="Explore text animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/190"> <span class="menu__url-title">Text Animation</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-5--33" role="menuitem" aria-controls="main-sub-menu-5--33" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore styling & design customization and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Styling & Design Customization</span> <span class="visually-hidden">Styling & Design Customization sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--33" tabindex="-1" id="main-submenu--66" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-css-injections-117" title="Explore css injections and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/117"> <span class="menu__url-title">CSS Injections</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-custom-css-classes-129" title="Explore custom css classes and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/129"> <span class="menu__url-title">Custom CSS Classes</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-global-font-size-114" title="Explore font size and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/114"> <span class="menu__url-title">Font Size</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-color-schemes-108" title="Explore predefined color scheme and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/108"> <span class="menu__url-title">Predefined Color Scheme</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-text-animation-names-109" title="Explore text animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/109"> <span class="menu__url-title">Text Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-w3css-library-128" title="Explore w3.css library and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/128"> <span class="menu__url-title">W3.CSS Library</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-6--26" role="menuitem" aria-controls="main-sub-menu-6--26" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore typography and fonts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Typography and Fonts</span> <span class="visually-hidden">Typography and Fonts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--26" tabindex="-1" id="main-submenu--67" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-font-awesome-330" title="Explore font awesome and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/330"> <span class="menu__url-title">Font Awesome</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-global-fonts-107" title="Explore global site fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/107"> <span class="menu__url-title">Global Site Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-heading-fonts-105" title="Explore heading fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/105"> <span class="menu__url-title">Heading Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-site-name-page-title-397" title="Explore site name & page title fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/397"> <span class="menu__url-title">Site Name & Page Title Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-google-fonts-special-fonts-104" title="Explore special fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/104"> <span class="menu__url-title">Special Fonts</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-7--20" role="menuitem" aria-controls="main-sub-menu-7--20" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore user interface components and enhance your Drupal development experience." > <span class="menu__url-title-disabled">User Interface Components</span> <span class="visually-hidden">User Interface Components sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--20" tabindex="-1" id="main-submenu--68" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-color-coded-system-tabs-drupal-392" title="Explore color-coded system tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/392"> <span class="menu__url-title">Color-Coded System Tabs</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-login-register-retrieve-password-forms-118" title="Explore login, register, retrieve password forms and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/118"> <span class="menu__url-title">Login, Register, Retrieve Password Forms</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-node-date-format-115" title="Explore node date format and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/115"> <span class="menu__url-title">Node Date Format</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-regions-colors-fields-130" title="Explore region's color field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/130"> <span class="menu__url-title">Region's Color Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-over-60-svg-file-type-icons-403" title="Explore svg file type icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/403"> <span class="menu__url-title">SVG File Type Icons</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-same-line-taxonomy-term-121" title="Explore same line taxonomy term and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/121"> <span class="menu__url-title">Same Line Taxonomy Term</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-site-name-slogan-133" title="Explore site name, slogan, and logo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/133"> <span class="menu__url-title">Site Name, Slogan, and Logo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-social-icons-137" title="Explore social icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/137"> <span class="menu__url-title">Social Icons</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/paragraphs-bundles" class="nav__menu-link nav__menu-link-main url-added" title="Discover Various Paragraph Bundles for Drupal" tabindex="-1" data-drupal-link-system-path="paragraphs-bundles" role='menuitem'> <span class="menu__url-title-enabled">Paragraphs Bundles</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-3--62" role="menuitem" aria-controls="main-sub-menu-3--62" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Paragraphs Bundles sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--62" tabindex="-1" id="main-submenu--69" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--68" role="menuitem" aria-controls="main-sub-menu-1--68" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--68" tabindex="-1" id="main-submenu--70" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-33" title="Explore pb content & pb block types and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/33"> <span class="menu__url-title">PB Content & PB Block Types</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-12" title="Explore paragraph bundle block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/12"> <span class="menu__url-title">Paragraph Bundle Block Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-331" title="Explore paragraph bundle contact form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/331"> <span class="menu__url-title">Paragraph Bundle Contact Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-13" title="Explore paragraph bundle drupal block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/13"> <span class="menu__url-title">Paragraph Bundle Drupal Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-google-material-symbols-image-395" title="Explore paragraph bundle icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/395"> <span class="menu__url-title">Paragraph Bundle Icon</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-404" title="Explore paragraph bundle image background and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/404"> <span class="menu__url-title">Paragraph Bundle Image Background</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-23" title="Explore paragraph bundle image overlay and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/23"> <span class="menu__url-title">Paragraph Bundle Image Overlay</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-18" title="Explore paragraph bundle image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/18"> <span class="menu__url-title">Paragraph Bundle Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-24" title="Explore paragraph bundle link and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/24"> <span class="menu__url-title">Paragraph Bundle Link</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-281" title="Explore paragraph bundle node reference and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/281"> <span class="menu__url-title">Paragraph Bundle Node Reference</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-17" title="Explore paragraph bundle simple and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/17"> <span class="menu__url-title">Paragraph Bundle Simple</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-15" title="Explore paragraph bundle views and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/15"> <span class="menu__url-title">Paragraph Bundle Views</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-16" title="Explore paragraph bundle webform and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/16"> <span class="menu__url-title">Paragraph Bundle Webform</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--66" role="menuitem" aria-controls="main-sub-menu-2--66" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--66" tabindex="-1" id="main-submenu--71" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-8" title="Explore paragraph bundle 3d carousel and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/8"> <span class="menu__url-title">Paragraph Bundle 3D Carousel</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-9" title="Explore paragraph bundle 3d flip box and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/9"> <span class="menu__url-title">Paragraph Bundle 3D Flip Box</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-22" title="Explore paragraph bundle lightbox image grid and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/22"> <span class="menu__url-title">Paragraph Bundle Lightbox Image Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-26" title="Explore paragraph bundle parallax and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/26"> <span class="menu__url-title">Paragraph Bundle Parallax</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-19" title="Explore paragraph bundle responsive image narrow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/19"> <span class="menu__url-title">Paragraph Bundle Responsive Image Narrow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-20" title="Explore paragraph bundle responsive image wide and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/20"> <span class="menu__url-title">Paragraph Bundle Responsive Image Wide</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-27" title="Explore paragraph bundle slideshow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/27"> <span class="menu__url-title">Paragraph Bundle Slideshow</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--65" role="menuitem" aria-controls="main-sub-menu-3--65" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--65" tabindex="-1" id="main-submenu--72" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-10" title="Explore paragraph bundle accordion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/10"> <span class="menu__url-title">Paragraph Bundle Accordion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-11" title="Explore paragraph bundle alert and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/11"> <span class="menu__url-title">Paragraph Bundle Alert</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-25" title="Explore paragraph bundle modal and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/25"> <span class="menu__url-title">Paragraph Bundle Modal</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-28" title="Explore paragraph bundle tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/28"> <span class="menu__url-title">Paragraph Bundle Tabs</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--55" role="menuitem" aria-controls="main-sub-menu-4--55" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--55" tabindex="-1" id="main-submenu--73" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-32" title="Explore paragraph bundle card three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/32"> <span class="menu__url-title">Paragraph Bundle Card Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-31" title="Explore paragraph bundle card two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/31"> <span class="menu__url-title">Paragraph Bundle Card Two Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-419" title="Paragraph Bundle Grid" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/419"> <span class="menu__url-title">Paragraph Bundle Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-21" title="Explore paragraph bundle hero and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/21"> <span class="menu__url-title">Paragraph Bundle Hero</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-14" title="Explore paragraph bundle one column and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/14"> <span class="menu__url-title">Paragraph Bundle One Column</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-29" title="Explore paragraph bundle three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/29"> <span class="menu__url-title">Paragraph Bundle Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-30" title="Explore paragraph bundle two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/30"> <span class="menu__url-title">Paragraph Bundle Two Columns</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/solo-settings" class="nav__menu-link nav__menu-link-main url-added" title="Detailed Settings of the Solo Drupal Theme" tabindex="-1" data-drupal-link-system-path="solo-settings" role='menuitem'> <span class="menu__url-title-enabled">Solo's Settings</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-4--57" role="menuitem" aria-controls="main-sub-menu-4--57" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Solo's Settings sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--57" tabindex="-1" id="main-submenu--74" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--73" role="menuitem" aria-controls="main-sub-menu-1--73" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore aesthetic and design and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Aesthetic and Design</span> <span class="visually-hidden">Aesthetic and Design sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--73" tabindex="-1" id="main-submenu--75" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/color-scheme-settings-294" title="Explore color scheme settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/294"> <span class="menu__url-title">Color Scheme Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/copyright-and-credit-settings-280" title="Explore copyright and credit settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/280"> <span class="menu__url-title">Copyright and Credit Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/libraries-and-fonts-settings-296" title="Explore libraries and fonts settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/296"> <span class="menu__url-title">Libraries and Fonts Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--71" role="menuitem" aria-controls="main-sub-menu-2--71" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content and feature and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content and Feature</span> <span class="visually-hidden">Content and Feature sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--71" tabindex="-1" id="main-submenu--76" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/card-layout/differences-between-card-and-layout-bundles-414" title="Discover the power of Card and Layout bundles!" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/414"> <span class="menu__url-title">Exploring Card and Layout Bundles</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/fixed-search-block-settings-290" title="Explore fixed search block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/290"> <span class="menu__url-title">Fixed Search Block Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/highlighted-settings-292" title="Explore highlighted settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/292"> <span class="menu__url-title">Highlighted Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/page-title-settings-285" title="Explore page title settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/285"> <span class="menu__url-title">Page Title Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/system-message-settings-286" title="Explore system message settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/286"> <span class="menu__url-title">System Message Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/welcome-settings-301" title="Explore welcome settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/301"> <span class="menu__url-title">Welcome Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--70" role="menuitem" aria-controls="main-sub-menu-3--70" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--70" tabindex="-1" id="main-submenu--77" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/global-site-settings-297" title="Explore global site settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/297"> <span class="menu__url-title">Global Site Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/grouped-regions-settings-279" title="Explore grouped regions' settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/279"> <span class="menu__url-title">Grouped Regions' Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/header-settings-289" title="Explore header settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/289"> <span class="menu__url-title">Header Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/page-wrapper-settings-295" title="Explore page wrapper settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/295"> <span class="menu__url-title">Page Wrapper Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/popup-login-block-settings-291" title="Explore popup login block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/291"> <span class="menu__url-title">Popup Login Block Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-solos-blueprint-299" title="Explore solo's blueprint and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/299"> <span class="menu__url-title">Solo's Blueprint</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--60" role="menuitem" aria-controls="main-sub-menu-4--60" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore navigation and menu and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menu</span> <span class="visually-hidden">Navigation and Menu sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--60" tabindex="-1" id="main-submenu--78" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/breadcrumb-settings-283" title="Explore breadcrumb settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/283"> <span class="menu__url-title">Breadcrumb Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/footer-menu-settings-282" title="Explore footer menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/282"> <span class="menu__url-title">Footer Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-menu-settings-303" title="Explore primary menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/303"> <span class="menu__url-title">Primary Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-sidebar-menu-settings-288" title="Explore primary sidebar menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/288"> <span class="menu__url-title">Primary Sidebar Menu Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-5--42" role="menuitem" aria-controls="main-sub-menu-5--42" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore social and interaction and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Social and Interaction</span> <span class="visually-hidden">Social and Interaction sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--42" tabindex="-1" id="main-submenu--79" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/social-and-interaction-settings/social-media-links-settings-293" title="Explore social media links settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/293"> <span class="menu__url-title">Social Media Links Settings</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="main-sub-menu-5--43" role="menuitem" aria-controls="main-sub-menu-5--43" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore bundle demonstrations and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Bundle Demonstrations</span> <span class="visually-hidden">Bundle Demonstrations sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--43" tabindex="-1" id="main-submenu--80" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--79" role="menuitem" aria-controls="main-sub-menu-1--79" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--79" tabindex="-1" id="main-submenu--81" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-example-271" title="Explore pb content & pb block types and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/271"> <span class="menu__url-title">PB Content & PB Block Types</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-example-125" title="Explore paragraph bundle block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/125"> <span class="menu__url-title">Paragraph Bundle Block Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-example-139" title="Explore paragraph bundle contact form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/139"> <span class="menu__url-title">Paragraph Bundle Contact Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-example-124" title="Explore paragraph bundle drupal block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/124"> <span class="menu__url-title">Paragraph Bundle Drupal Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-example-google-material-symbols-image-396" title="Explore paragraph bundle icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/396"> <span class="menu__url-title">Paragraph Bundle Icon</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-example-405" title="Explore paragraph bundle image background and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/405"> <span class="menu__url-title">Paragraph Bundle Image Background</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-example-101" title="Explore paragraph bundle image overlay and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/101"> <span class="menu__url-title">Paragraph Bundle Image Overlay</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-original-size-example-142" title="Explore paragraph bundle image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/142"> <span class="menu__url-title">Paragraph Bundle Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-example-100" title="Explore paragraph bundle link and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/100"> <span class="menu__url-title">Paragraph Bundle Link</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-example-284" title="Explore paragraph bundle node reference and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/284"> <span class="menu__url-title">Paragraph Bundle Node Reference</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-example-97" title="Explore paragraph bundle simple and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/97"> <span class="menu__url-title">Paragraph Bundle Simple</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-example-93" title="Explore paragraph bundle views and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/93"> <span class="menu__url-title">Paragraph Bundle Views</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-example-92" title="Explore paragraph bundle webform and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/92"> <span class="menu__url-title">Paragraph Bundle Webform</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--76" role="menuitem" aria-controls="main-sub-menu-2--76" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--76" tabindex="-1" id="main-submenu--82" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-example-91" title="Explore paragraph bundle 3d carousel and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/91"> <span class="menu__url-title">Paragraph Bundle 3D Carousel</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-example-122" title="Explore paragraph bundle 3d flip box and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/122"> <span class="menu__url-title">Paragraph Bundle 3D Flip Box</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-example-102" title="Explore paragraph bundle lightbox image grid and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/102"> <span class="menu__url-title">Paragraph Bundle Lightbox Image Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-example-98" title="Explore paragraph bundle parallax and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/98"> <span class="menu__url-title">Paragraph Bundle Parallax</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-example-141" title="Explore paragraph bundle responsive image narrow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/141"> <span class="menu__url-title">Paragraph Bundle Responsive Image Narrow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-example-140" title="Explore paragraph bundle responsive image wide and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/140"> <span class="menu__url-title">Paragraph Bundle Responsive Image Wide</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-example-146" title="Explore paragraph bundle slideshow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/146"> <span class="menu__url-title">Paragraph Bundle Slideshow</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--75" role="menuitem" aria-controls="main-sub-menu-3--75" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--75" tabindex="-1" id="main-submenu--83" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-example-144" title="Explore paragraph bundle accordion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/144"> <span class="menu__url-title">Paragraph Bundle Accordion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-example-123" title="Explore paragraph bundle alert and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/123"> <span class="menu__url-title">Paragraph Bundle Alert</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-example-99" title="Explore paragraph bundle modal and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/99"> <span class="menu__url-title">Paragraph Bundle Modal</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-example-145" title="Explore paragraph bundle tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/145"> <span class="menu__url-title">Paragraph Bundle Tabs</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--65" role="menuitem" aria-controls="main-sub-menu-4--65" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--65" tabindex="-1" id="main-submenu--84" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-example-138" title="Explore paragraph bundle card three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/138"> <span class="menu__url-title">Paragraph Bundle Card Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-example-126" title="Explore paragraph bundle card two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/126"> <span class="menu__url-title">Paragraph Bundle Card Two Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-example-420" title="Paragraph Bundle Grid Example" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/420"> <span class="menu__url-title">Paragraph Bundle Grid Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-example-143" title="Explore paragraph bundle hero and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/143"> <span class="menu__url-title">Paragraph Bundle Hero</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-example-95" title="Explore paragraph bundle one column and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/95"> <span class="menu__url-title">Paragraph Bundle One Column</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-29" title="Explore paragraph bundle three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/29"> <span class="menu__url-title">Paragraph Bundle Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-example-94" title="Explore paragraph bundle two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/94"> <span class="menu__url-title">Paragraph Bundle Two Columns</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/landing-pages" class="nav__menu-link nav__menu-link-main url-added" title="Custom Drupal Solutions with Solo Theme" tabindex="-1" data-drupal-link-system-path="landing-pages" role='menuitem'> <span class="menu__url-title-enabled">Landing Pages</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-6--36" role="menuitem" aria-controls="main-sub-menu-6--36" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Landing Pages sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-6--36" tabindex="-1" id="main-submenu--85" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-1--84" role="menuitem" aria-controls="main-sub-menu-1--84" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore artistic and abstract concepts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Artistic and Abstract Concepts</span> <span class="visually-hidden">Artistic and Abstract Concepts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-1--84" tabindex="-1" id="main-submenu--86" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/color-whirl-322" title="Explore color whirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/322"> <span class="menu__url-title">Color Whirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/dream-road-326" title="Explore dream road and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/326"> <span class="menu__url-title">Dream Road</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/jewel-place-320" title="Explore jewel place and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/320"> <span class="menu__url-title">Jewel Place</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/shadow-line-314" title="Explore shadow line and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/314"> <span class="menu__url-title">Shadow Line</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-2--81" role="menuitem" aria-controls="main-sub-menu-2--81" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore celestial and space-inspired and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Celestial and Space-Inspired</span> <span class="visually-hidden">Celestial and Space-Inspired sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-2--81" tabindex="-1" id="main-submenu--87" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/sky-pattern-308" title="Explore sky pattern and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/308"> <span class="menu__url-title">Sky Pattern</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/space-art-311" title="Explore space art and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/311"> <span class="menu__url-title">Space Art</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-circle-307" title="Explore star circle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/307"> <span class="menu__url-title">Star Circle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-gate-323" title="Explore star gate and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/323"> <span class="menu__url-title">Star Gate</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-home-312" title="Explore star home and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/312"> <span class="menu__url-title">Star Home</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-3--80" role="menuitem" aria-controls="main-sub-menu-3--80" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore gardens and serene spaces and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Gardens and Serene Spaces</span> <span class="visually-hidden">Gardens and Serene Spaces sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-3--80" tabindex="-1" id="main-submenu--88" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/bright-den-316" title="Explore bright den and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/316"> <span class="menu__url-title">Bright Den</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/calm-corner-317" title="Explore calm corner and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/317"> <span class="menu__url-title">Calm Corner</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/secret-garden-310" title="Explore secret garden and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/310"> <span class="menu__url-title">Secret Garden</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/shine-land-319" title="Explore shine land and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/319"> <span class="menu__url-title">Shine Land</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-4--70" role="menuitem" aria-controls="main-sub-menu-4--70" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore natural landscapes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Natural Landscapes</span> <span class="visually-hidden">Natural Landscapes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-4--70" tabindex="-1" id="main-submenu--89" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/blue-skyline-328" title="Explore blue skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/328"> <span class="menu__url-title">Blue Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dawn-view-304" title="Explore dawn view and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/304"> <span class="menu__url-title">Dawn View</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dusk-deck-321" title="Explore dusk deck and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/321"> <span class="menu__url-title">Dusk Deck</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/green-park-306" title="Explore green park and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/306"> <span class="menu__url-title">Green Park</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/ocean-field-324" title="Explore ocean field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/324"> <span class="menu__url-title">Ocean Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/peace-beach-313" title="Explore peace beach and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/313"> <span class="menu__url-title">Peace Beach</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/red-hill-315" title="Explore red hill and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/315"> <span class="menu__url-title">Red Hill</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/sun-plains-325" title="Explore sun plains and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/325"> <span class="menu__url-title">Sun Plains</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-child " data-drupal-selector="main-sub-menu-5--49" role="menuitem" aria-controls="main-sub-menu-5--49" aria-haspopup="true" aria-expanded="false" tabindex="-1" title="Explore unique or miscellaneous themes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Unique or Miscellaneous Themes</span> <span class="visually-hidden">Unique or Miscellaneous Themes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-5--49" tabindex="-1" id="main-submenu--90" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/earth-base-309" title="Explore earth base and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/309"> <span class="menu__url-title">Earth Base</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/ring-retreat-318" title="Explore ring retreat and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/318"> <span class="menu__url-title">Ring Retreat</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/summit-point-305" title="Explore summit point and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/305"> <span class="menu__url-title">Summit Point</span> </a> </li> </ul> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__menubar-item has-sub__menu link-and-button" role='none'> <a href="/landing-page/views-vanilla-javascript-hero-3d-carousel-3d-flipbox-lightbox-parallax-417" class="nav__menu-link nav__menu-link-main url-added" title="The Vanilla Views suite is a collection of nine powerful Drupal modules" tabindex="-1" data-drupal-link-system-path="node/417" role='menuitem'> <span class="menu__url-title-enabled">Vanilla Views</span> </a> <button class="en-link dropdown-toggler dropdown-toggler-parent" data-drupal-selector="main-sub-menu-7--29" role="menuitem" aria-controls="main-sub-menu-7--29" aria-haspopup="true" aria-expanded="false" tabindex="-1"> <span class="visually-hidden">Vanilla Views sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-main" id="main-sub-menu-7--29" tabindex="-1" id="main-submenu--91" role="menu" tabindex="-1" aria-hidden="true"> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/landing-page/views-vanilla-javascript-slideshow-tabs-reveal-418" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/418"> <span class="menu__url-title">Mix Demo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-3d-flipbox" title="Views Vanilla JavaScript 3D FlipBox (VVJF)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-3d-flipbox"> <span class="menu__url-title">3D FlipBox (VVJF)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-3d-carousel" title="Views Vanilla JavaScript 3D Carousel (VVJC)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-3d-carousel"> <span class="menu__url-title">3D Carousel (VVJC)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-accordion" title="Views Vanilla JavaScript Accordion (VVJA)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-accordion"> <span class="menu__url-title">Accordion (VVJA)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-hero" title="Views Vanilla JavaScript Hero (VVJH)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-hero"> <span class="menu__url-title">Hero (VVJH)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-lightbox" title="Views Vanilla JavaScript Lightbox (VVJL)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-lightbox"> <span class="menu__url-title">Lightbox (VVJL)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-parallax" title="Views Vanilla JavaScript Parallax (VVJP)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-parallax"> <span class="menu__url-title">Parallax (VVJP)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-reveal" title="Views Vanilla JavaScript Reveal (VVJR)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-reveal"> <span class="menu__url-title">Reveal (VVJR)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-slideshow" title="Views Vanilla JavaScript Slideshow (VVJS)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-slideshow"> <span class="menu__url-title">Slideshow (VVJS)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-main nav__submenu-item link-only" role='none'> <a href="/vanilla-views/views-vanilla-javascript-tabs" title="Views Vanilla JavaScript Tabs (VVJT)" class="nav__menu-link nav__menu-link-main" role="menuitem" tabindex="-1" data-drupal-link-system-path="vanilla-views/views-vanilla-javascript-tabs"> <span class="menu__url-title">Tabs (VVJT)</span> </a> </li> </ul> </li> </ul> </div> </nav> </div> </div>   <div id="welcome-text" class="solo-outer lone welcome-text" > <div id="welcome-text-inner" class="solo-inner solo-col solo-col-1 welcome-text-inner"> <section id="block-solo-subtheme-paragraphsbundles3dcarouseltitleonly" class="solo-clear solo-block block-block-content block-block-contente069b630-a56f-4118-8b40-61e8394db3b7"> <div class="paragraph paragraph--type--3d-carousel-bundle paragraph--view-mode--default paragraph--id--1960 pb__caro-wrap-1960 pb__3d-caro-150 pb__3d-caro-s-150" id="pb__caro-wrap-1960" role="region" aria-label="Image Carousel"> <div class="paragraph__inner pb__caro-wrap__inner pb__content-full pb__pmw_400" style="perspective:200px;">  <div id="pb__3d-carousel-1960" class="pb__3d-carousel" role="group" aria-roledescription="carousel" aria-labelledby="index-1960"> <div id="item-1960-1" class="pb__caro-item item-1960-1" role="tabpanel" aria-hidden="false" tabindex="0" aria-labelledby="label-item-1960-1"> <div id="label-item-1960-1" class="visually-hidden">Slide 1 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--1957 pb__nf-1957" id="pb__nf-1957"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(248,115,89, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-webform-16" hreflang="en">Paragraph Bundle Webform</a></div> </div> </div> </div> </div> <div id="item-1960-2" class="pb__caro-item item-1960-2" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-2"> <div id="label-item-1960-2" class="visually-hidden">Slide 2 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2509 pb__nf-2509" id="pb__nf-2509"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,101,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-contact-form-331" hreflang="en">Paragraph Bundle Contact Form</a></div> </div> </div> </div> </div> <div id="item-1960-3" class="pb__caro-item item-1960-3" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-3"> <div id="label-item-1960-3" class="visually-hidden">Slide 3 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2510 pb__nf-2510" id="pb__nf-2510"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,160,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-views-15" hreflang="en">Paragraph Bundle Views</a></div> </div> </div> </div> </div> <div id="item-1960-4" class="pb__caro-item item-1960-4" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-4"> <div id="label-item-1960-4" class="visually-hidden">Slide 4 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2511 pb__nf-2511" id="pb__nf-2511"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,189,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-simple-17" hreflang="en">Paragraph Bundle Simple</a></div> </div> </div> </div> </div> <div id="item-1960-5" class="pb__caro-item item-1960-5" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-5"> <div id="label-item-1960-5" class="visually-hidden">Slide 5 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2512 pb__nf-2512" id="pb__nf-2512"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,218,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/pb-content-pb-block-types-33" hreflang="en">PB Content & PB Block Types</a></div> </div> </div> </div> </div> <div id="item-1960-6" class="pb__caro-item item-1960-6" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-6"> <div id="label-item-1960-6" class="visually-hidden">Slide 6 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2513 pb__nf-2513" id="pb__nf-2513"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(218,247,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-link-24" hreflang="en">Paragraph Bundle Link</a></div> </div> </div> </div> </div> <div id="item-1960-7" class="pb__caro-item item-1960-7" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-7"> <div id="label-item-1960-7" class="visually-hidden">Slide 7 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2514 pb__nf-2514" id="pb__nf-2514"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(189,247,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-image-18" hreflang="en">Paragraph Bundle Image</a></div> </div> </div> </div> </div> <div id="item-1960-8" class="pb__caro-item item-1960-8" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-8"> <div id="label-item-1960-8" class="visually-hidden">Slide 8 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2515 pb__nf-2515" id="pb__nf-2515"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(160,247,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-drupal-block-13" hreflang="en">Paragraph Bundle Drupal Block</a></div> </div> </div> </div> </div> <div id="item-1960-9" class="pb__caro-item item-1960-9" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-9"> <div id="label-item-1960-9" class="visually-hidden">Slide 9 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2516 pb__nf-2516" id="pb__nf-2516"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(101,247,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-block-content-12" hreflang="en">Paragraph Bundle Block Content</a></div> </div> </div> </div> </div> <div id="item-1960-10" class="pb__caro-item item-1960-10" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-10"> <div id="label-item-1960-10" class="visually-hidden">Slide 10 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2517 pb__nf-2517" id="pb__nf-2517"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,247,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-node-reference-281" hreflang="en">Paragraph Bundle Node Reference</a></div> </div> </div> </div> </div> <div id="item-1960-11" class="pb__caro-item item-1960-11" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-11"> <div id="label-item-1960-11" class="visually-hidden">Slide 11 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2518 pb__nf-2518" id="pb__nf-2518"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,247,101, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-hero-21" hreflang="en">Paragraph Bundle Hero</a></div> </div> </div> </div> </div> <div id="item-1960-12" class="pb__caro-item item-1960-12" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-12"> <div id="label-item-1960-12" class="visually-hidden">Slide 12 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2519 pb__nf-2519" id="pb__nf-2519"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,247,160, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-card-two-columns-31" hreflang="en">Paragraph Bundle Card Two Columns</a></div> </div> </div> </div> </div> <div id="item-1960-13" class="pb__caro-item item-1960-13" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-13"> <div id="label-item-1960-13" class="visually-hidden">Slide 13 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2520 pb__nf-2520" id="pb__nf-2520"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,72, 0.95); --pb-tx:#2a2a3c;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-card-three-columns-32" hreflang="en">Paragraph Bundle Card Three Columns</a></div> </div> </div> </div> </div> <div id="item-1960-14" class="pb__caro-item item-1960-14" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-14"> <div id="label-item-1960-14" class="visually-hidden">Slide 14 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2521 pb__nf-2521" id="pb__nf-2521"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,247,189, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-two-columns-30" hreflang="en">Paragraph Bundle Two Columns</a></div> </div> </div> </div> </div> <div id="item-1960-15" class="pb__caro-item item-1960-15" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-15"> <div id="label-item-1960-15" class="visually-hidden">Slide 15 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2522 pb__nf-2522" id="pb__nf-2522"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,247,247, 0.95); --pb-tx:#363649;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-three-columns-29" hreflang="en">Paragraph Bundle Three Columns</a></div> </div> </div> </div> </div> <div id="item-1960-16" class="pb__caro-item item-1960-16" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-16"> <div id="label-item-1960-16" class="visually-hidden">Slide 16 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2523 pb__nf-2523" id="pb__nf-2523"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,218,247, 0.95); --pb-tx:#363649;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/layout-structures/paragraph-bundle-one-column-14" hreflang="en">Paragraph Bundle One Column</a></div> </div> </div> </div> </div> <div id="item-1960-17" class="pb__caro-item item-1960-17" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-17"> <div id="label-item-1960-17" class="visually-hidden">Slide 17 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2524 pb__nf-2524" id="pb__nf-2524"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,218,247, 0.95); --pb-tx:#323243;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/interactive-elements/paragraph-bundle-alert-11" hreflang="en">Paragraph Bundle Alert</a></div> </div> </div> </div> </div> <div id="item-1960-18" class="pb__caro-item item-1960-18" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-18"> <div id="label-item-1960-18" class="visually-hidden">Slide 18 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2525 pb__nf-2525" id="pb__nf-2525"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,130,247, 0.95); --pb-tx:#0b0b13;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/interactive-elements/paragraph-bundle-modal-25" hreflang="en">Paragraph Bundle Modal</a></div> </div> </div> </div> </div> <div id="item-1960-19" class="pb__caro-item item-1960-19" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-19"> <div id="label-item-1960-19" class="visually-hidden">Slide 19 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2526 pb__nf-2526" id="pb__nf-2526"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,101,247, 0.95); --pb-tx:#0c0c13;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/interactive-elements/paragraph-bundle-tabs-28" hreflang="en">Paragraph Bundle Tabs</a></div> </div> </div> </div> </div> <div id="item-1960-20" class="pb__caro-item item-1960-20" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-20"> <div id="label-item-1960-20" class="visually-hidden">Slide 20 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2527 pb__nf-2527" id="pb__nf-2527"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(72,72,247, 0.95); --pb-tx:#181821;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/interactive-elements/paragraph-bundle-accordion-10" hreflang="en">Paragraph Bundle Accordion </a></div> </div> </div> </div> </div> <div id="item-1960-21" class="pb__caro-item item-1960-21" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-21"> <div id="label-item-1960-21" class="visually-hidden">Slide 21 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2528 pb__nf-2528" id="pb__nf-2528"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(130,72,247, 0.95); --pb-tx:#1e1e29;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-parallax-26" hreflang="en">Paragraph Bundle Parallax</a></div> </div> </div> </div> </div> <div id="item-1960-22" class="pb__caro-item item-1960-22" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-22"> <div id="label-item-1960-22" class="visually-hidden">Slide 22 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2529 pb__nf-2529" id="pb__nf-2529"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(160,72,247, 0.95); --pb-tx:#252532;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-responsive-image-narrow-19" hreflang="en">Paragraph Bundle Responsive Image Narrow</a></div> </div> </div> </div> </div> <div id="item-1960-23" class="pb__caro-item item-1960-23" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-23"> <div id="label-item-1960-23" class="visually-hidden">Slide 23 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2530 pb__nf-2530" id="pb__nf-2530"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,72, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-responsive-image-wide-20" hreflang="en">Paragraph Bundle Responsive Image Wide</a></div> </div> </div> </div> </div> <div id="item-1960-24" class="pb__caro-item item-1960-24" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-24"> <div id="label-item-1960-24" class="visually-hidden">Slide 24 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2531 pb__nf-2531" id="pb__nf-2531"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,247, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-slideshow-27" hreflang="en">Paragraph Bundle Slideshow</a></div> </div> </div> </div> </div> <div id="item-1960-25" class="pb__caro-item item-1960-25" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-25"> <div id="label-item-1960-25" class="visually-hidden">Slide 25 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2532 pb__nf-2532" id="pb__nf-2532"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,218, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-lightbox-image-grid-22" hreflang="en">Paragraph Bundle Lightbox Image Grid</a></div> </div> </div> </div> </div> <div id="item-1960-26" class="pb__caro-item item-1960-26" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-26"> <div id="label-item-1960-26" class="visually-hidden">Slide 26 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2533 pb__nf-2533" id="pb__nf-2533"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,189, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-3d-carousel-8" hreflang="en">Paragraph Bundle 3D Carousel</a></div> </div> </div> </div> </div> <div id="item-1960-27" class="pb__caro-item item-1960-27" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-27"> <div id="label-item-1960-27" class="visually-hidden">Slide 27 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2534 pb__nf-2534" id="pb__nf-2534"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,72,130, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/display-formats/paragraph-bundle-3d-flip-box-9" hreflang="en">Paragraph Bundle 3D Flip Box</a></div> </div> </div> </div> </div> <div id="item-1960-28" class="pb__caro-item item-1960-28" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-28"> <div id="label-item-1960-28" class="visually-hidden">Slide 28 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2535 pb__nf-2535" id="pb__nf-2535"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(247,74,74, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-image-overlay-23" hreflang="en">Paragraph Bundle Image Overlay</a></div> </div> </div> </div> </div> <div id="item-1960-29" class="pb__caro-item item-1960-29" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-29"> <div id="label-item-1960-29" class="visually-hidden">Slide 29 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2600 pb__nf-2600" id="pb__nf-2600"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(253,93,93, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-icon-google-material-symbols-image-395" hreflang="en">Paragraph Bundle Icon (Google Material Symbols & Image)</a></div> </div> </div> </div> </div> <div id="item-1960-30" class="pb__caro-item item-1960-30" role="tabpanel" aria-hidden="true" tabindex="-1" aria-labelledby="label-item-1960-30"> <div id="label-item-1960-30" class="visually-hidden">Slide 30 of 30</div> <div class="paragraph paragraph--type--node-reference-bundle paragraph--view-mode--default paragraph--id--2599 pb__nf-2599" id="pb__nf-2599"> <div class="paragraph__inner pb__nf__inner pb__round_xlarge pb__padding_large" style="--pb-bg:rgba(255,107,107, 0.95); --pb-tx:#484860;"> <div class="pb__content-full"> <div class="node-entity field field--name-pb-content-nf-title-only field--type-entity-reference field--label-hidden field__item"><a href="/content-integration/paragraph-bundle-image-background-404" hreflang="en">Paragraph Bundle Image Background</a></div> </div> </div> </div> </div> </div> <div id="co-1960" class="pb__caro-options" aria-label="Carousel Controls"> <div class="pb__row"> <button id="prev-1960" role="button" class="pb__button pb__prev" aria-controls="pb__3d-carousel-1960" aria-label="Previous Slide"><span class="visually-hidden">Previous Slide</span>❮</button> <span id="index-1960" class="pb__slide-number" aria-label="Slide 1 of 30" aria-live="polite"></span> <button id="btn-1960" class="pb__button hide-8000 pb__play" aria-controls="pb__3d-carousel-1960" aria-label="Play Slideshow"><span class="visually-hidden">Play Pause Slideshow</span>❙ ❙</button> <button id="next-1960" role="button" class="pb__button pb__next" aria-controls="pb__3d-carousel-1960" aria-label="Next Slide"><span class="visually-hidden">Next Slide</span>❯</button> </div> <div class="pb__ps-value" aria-hidden="true"> 8000 </div> </div> </div> </div> </section> </div> </div>   <div id="system-messages" class="solo-outer lone system-messages" > <div id="system-messages-inner" class="solo-inner solo-col solo-col-1 system-messages-inner"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div>   <div id="page-title" class="solo-outer lone page-title" > <div id="page-title-inner" class="solo-inner solo-col solo-col-1 fade-inner page-title-inner"> <div id="block-solo-subtheme-page-title" class="block block-core block-page-title-block"> <h1 class="page-title-text"> <span>Mystic Ash Twilight</span> </h1> </div> </div> </div>   <div id="breadcrumb" class="solo-outer lone breadcrumb" > <div id="breadcrumb-inner" class="solo-inner solo-col solo-col-1 fade-inner breadcrumb-inner"> <section id="block-solo-subtheme-breadcrumbs" class="solo-clear solo-block block-system block-system-breadcrumb-block"> <nav class="solo-block breadcrumb-nav" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ul class="solo-ul solo-medium breadcrumb-menu"> <li> <a class="btn-animate" href="/">Home</a> <svg class="breadcrumb-sep" height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"> <path d="m504-480-184-184 56-56 240 240-240 240-56-56z"/> </svg> </li> <li> <span class="breadcrumb-title">Mystic Ash Twilight</span> </li> </ul> </nav> </section> </div> </div>   <div id="main-container" class="solo-outer multi main-container active-main-2 has-border radius-16" > <div id="main-container-inner" class="solo-inner solo-col main-container-inner solo-col-2-1 main-left-right">   <div id="sidebar-box-main" class="region-outer main-box sidebar-box-main" role="main"> <div class="region-inner main-box-inner sidebar-box-main-inner fade-inner" > <a id="main-content" tabindex="-1"></a> <section id="block-solo-subtheme-content" class="solo-clear solo-block block-system block-system-main-block"> <article data-history-node-id="221" class="reading-mode node solo-clear node--type-theme node--view-mode-full"> <header class="solo-clear node__header header-is-empty"> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <img loading="eager" src="/sites/stars/files/styles/color_schemes_slideshow/public/2023-12/solo-mystic-ash-twilight.png.webp?itok=gk8r8NI2" width="1800" height="780" alt="Custom image showing mystic ash twilight page - Professional Drupal theming and development services" title=" Mystic Ash Twilight Page Custom Image - Expert Drupal Development" class="solo-image image-style-color-schemes-slideshow" /> </div> <div class="field field--name-field-content-info-bloc field--type-viewsreference field--label-hidden field__item"><div class="views-element-container solo-clear element-container-wrapper"><div class="author-info solo-clear view view-content-info view-id-content_info view-display-id-content_info js-view-dom-id-194205cef6735b10ccb965f53546b4c1bf28383db403cbc59a9bc93c84aaaf9a"> <div class="view-content"> <div class="solo-clear views-row"> <div class="solo-author-info"> <div class="author-social"> <div class="field field--name-field-user-social-media field--type-link field--label-hidden field--items"> <div class="field--item sm-icons"> <a class="facebook" href="https://www.facebook.com/AlaaHaddad/" aria-label="Facebook Profile" target="_blank"> <span><svg class="svg-icon facebook" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-fb;fill-opacity:1;" d="M 30 15.085938 C 30 6.761719 23.289062 0 15 0 C 6.710938 0 0 6.75 0 15.085938 C 0 22.625 5.488281 28.875 12.664062 30 L 12.664062 19.449219 L 8.851562 19.449219 L 8.851562 15.085938 L 12.648438 15.085938 L 12.648438 11.761719 C 12.648438 7.988281 14.898438 5.886719 18.324219 5.886719 C 19.960938 5.886719 21.675781 6.1875 21.675781 6.1875 L 21.675781 9.898438 L 19.800781 9.898438 C 17.925781 9.898438 17.351562 11.0625 17.351562 12.261719 L 17.351562 15.085938 L 21.5 15.085938 L 20.835938 19.460938 L 17.335938 19.460938 L 17.335938 30 C 24.523438 28.875 30 22.625 30 15.085938 "/></g></svg> </span> </a> </div> <div class="field--item sm-icons"> <a class="twitter" href="https://twitter.com/alaahaddad_" aria-label="Twitter Profile" target="_blank"> <span><svg class="svg-icon twitter" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="--solo-tw" class="path-update" d="M256 0c141.384 0 256 114.616 256 256 0 141.384-114.616 256-256 256C114.616 512 0 397.384 0 256 0 114.616 114.616 0 256 0zm62.64 157.549h33.401l-72.974 83.407 85.85 113.495h-67.222l-52.645-68.837-60.244 68.837h-33.422l78.051-89.212-82.352-107.69h68.924l47.59 62.916 55.043-62.916zm-11.724 176.908h18.509L205.95 176.494h-19.861l120.827 157.963z"/></svg> </span> </a> </div> <div class="field--item sm-icons"> <a class="linkedin" href="https://www.linkedin.com/in/alaahaddad/" aria-label="LinkedIn Profile" target="_blank"> <span><svg class="svg-icon linkedin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-in;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 11.1875 11.753906 L 7.707031 11.753906 L 7.707031 21.875 L 11.1875 21.875 Z M 19.738281 11.515625 C 18.085938 11.515625 17.25 12.300781 16.757812 12.960938 L 16.601562 13.1875 L 16.601562 11.753906 L 13.117188 11.753906 L 13.128906 12.359375 C 13.136719 13.152344 13.140625 14.542969 13.136719 16.019531 L 13.117188 21.875 L 16.601562 21.875 L 16.601562 16.222656 C 16.601562 15.921875 16.621094 15.617188 16.714844 15.402344 C 16.96875 14.796875 17.539062 14.171875 18.503906 14.171875 C 19.695312 14.171875 20.210938 15.003906 20.261719 16.25 L 20.265625 16.457031 L 20.265625 21.875 L 23.75 21.875 L 23.75 16.070312 C 23.75 12.960938 22.03125 11.515625 19.738281 11.515625 Z M 9.46875 6.875 C 8.277344 6.875 7.5 7.632812 7.5 8.625 C 7.5 9.535156 8.171875 10.28125 9.222656 10.363281 L 9.449219 10.371094 C 10.660156 10.371094 11.417969 9.59375 11.417969 8.625 C 11.394531 7.632812 10.664062 6.875 9.46875 6.875 Z M 9.46875 6.875 "/></g></svg> </span> </a> </div> <div class="field--item sm-icons"> <a class="drupal" href="https://www.drupal.org/u/flashwebcenter" aria-label="Drupal Profile" target="_blank"> <span><svg class="svg-icon drupal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-dr;fill-opacity:1;" d="M 15.007812 0.00390625 C 23.289062 0.00390625 30 6.71875 30 15 L 30 15.003906 C 29.996094 23.289062 23.277344 30 14.996094 29.996094 C 6.714844 29.996094 0 23.277344 0.00390625 14.996094 C 0.0078125 6.710938 6.722656 0 15.007812 0.00390625 Z M 14.929688 3.859375 C 14.519531 5.417969 13.128906 6.804688 11.675781 8.257812 C 9.5 10.4375 7.027344 12.90625 7.027344 16.609375 C 7.035156 20.96875 10.5625 24.5 14.921875 24.511719 C 19.285156 24.511719 22.828125 20.976562 22.832031 16.609375 C 22.832031 12.90625 20.367188 10.4375 18.183594 8.257812 L 17.988281 8.0625 C 16.609375 6.679688 15.324219 5.351562 14.929688 3.859375 Z M 15.039062 15.691406 C 15.945312 16.660156 16.519531 17.328125 17.117188 18.054688 C 17.164062 18.109375 17.203125 18.167969 17.238281 18.230469 C 17.96875 19.28125 17.871094 20.703125 17 21.644531 C 15.976562 22.75 14.25 22.820312 13.140625 21.796875 C 12.03125 20.773438 11.960938 19.042969 12.988281 17.933594 C 13.566406 17.246094 14.269531 16.570312 15.039062 15.691406 Z M 11.425781 12.066406 L 11.808594 12.425781 L 13.578125 14.238281 C 13.644531 14.3125 13.644531 14.425781 13.578125 14.503906 L 11.726562 16.546875 L 11.082031 17.335938 C 10.835938 17.636719 10.625 17.964844 10.457031 18.316406 C 10.433594 18.371094 10.382812 18.417969 10.324219 18.429688 L 10.257812 18.429688 C 10.078125 18.414062 9.871094 18.082031 9.871094 18.082031 L 9.839844 18.035156 C 9.796875 17.96875 9.757812 17.898438 9.722656 17.828125 L 9.6875 17.753906 C 9.433594 16.929688 9.414062 16.050781 9.628906 15.214844 L 9.652344 15.128906 C 9.847656 14.433594 10.160156 13.777344 10.570312 13.1875 C 10.832031 12.796875 11.121094 12.421875 11.425781 12.066406 Z M 14.941406 8.40625 C 15.414062 8.941406 15.945312 9.480469 16.445312 9.980469 L 16.457031 10.015625 C 17.503906 10.992188 18.453125 12.070312 19.285156 13.234375 C 19.992188 14.226562 20.378906 15.414062 20.390625 16.632812 C 20.390625 17.160156 20.3125 17.683594 20.15625 18.1875 L 20.148438 18.207031 C 20.105469 18.3125 20.015625 18.386719 19.90625 18.402344 L 19.855469 18.402344 C 19.746094 18.371094 19.65625 18.296875 19.601562 18.199219 L 19.515625 18.070312 C 19.066406 17.402344 18.554688 16.773438 17.996094 16.191406 L 17.273438 15.429688 L 14.867188 12.921875 C 14.460938 12.53125 13.734375 11.832031 13.425781 11.449219 C 13.417969 11.429688 13.40625 11.40625 13.394531 11.390625 C 13.308594 11.273438 13.246094 11.148438 13.203125 11.011719 L 13.203125 10.9375 C 13.160156 10.695312 13.195312 10.441406 13.296875 10.214844 C 13.363281 10.074219 13.457031 9.941406 13.566406 9.832031 C 14.035156 9.363281 14.5 8.910156 14.941406 8.40625 Z M 14.941406 8.40625 "/></g></svg> </span> </a> </div> </div> </div> <div class="author-picture"> <a href="https://unitedstarsofamerica.com/alaa-haddad" title="alaahaddad"> <span> <img loading="lazy" src="/sites/stars/files/styles/thumbnail/public/pictures/2023-12/alaa-business6.png.webp?itok=l_nSkqfO" width="100" height="100" alt="Alaa Haddad, A Drupal Developer, Theme, Consultant and Architect" title="Alaa Haddad, Custom Drupal Development @ Flash Web Center" class="solo-image image-style-thumbnail" /> </span>   <span> Alaa Haddad </span> </a> </div> <div class="author-calendar"> <span><svg fill="var(--r-tx)" class="info-icon icon-calendar" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M200-640h560v-80H200v80Zm0 0v-80 80Zm0 560q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v227q-19-9-39-15t-41-9v-43H200v400h252q7 22 16.5 42T491-80H200Zm520 40q-83 0-141.5-58.5T520-240q0-83 58.5-141.5T720-440q83 0 141.5 58.5T920-240q0 83-58.5 141.5T720-40Zm67-105 28-28-75-75v-112h-40v128l87 87Z"/></svg> </span>   <span>9:21 PM CDT, Fri July 05, 2024</span> </div> <div class="author-share sm-icons"> <span class="share"><strong>Share</strong></span> <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" aria-label="Share on Facebook" target="_blank"> <span><svg class="svg-icon facebook" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-fb;fill-opacity:1;" d="M 30 15.085938 C 30 6.761719 23.289062 0 15 0 C 6.710938 0 0 6.75 0 15.085938 C 0 22.625 5.488281 28.875 12.664062 30 L 12.664062 19.449219 L 8.851562 19.449219 L 8.851562 15.085938 L 12.648438 15.085938 L 12.648438 11.761719 C 12.648438 7.988281 14.898438 5.886719 18.324219 5.886719 C 19.960938 5.886719 21.675781 6.1875 21.675781 6.1875 L 21.675781 9.898438 L 19.800781 9.898438 C 17.925781 9.898438 17.351562 11.0625 17.351562 12.261719 L 17.351562 15.085938 L 21.5 15.085938 L 20.835938 19.460938 L 17.335938 19.460938 L 17.335938 30 C 24.523438 28.875 30 22.625 30 15.085938 "/></g></svg> </span> </a> <a class="twitter" href="http://x.com/share?url=https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight&text=Mystic Ash Twilight" aria-label="Share on X" target="_blank"> <span><svg class="svg-icon twitter" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="--solo-tw" class="path-update" d="M256 0c141.384 0 256 114.616 256 256 0 141.384-114.616 256-256 256C114.616 512 0 397.384 0 256 0 114.616 114.616 0 256 0zm62.64 157.549h33.401l-72.974 83.407 85.85 113.495h-67.222l-52.645-68.837-60.244 68.837h-33.422l78.051-89.212-82.352-107.69h68.924l47.59 62.916 55.043-62.916zm-11.724 176.908h18.509L205.95 176.494h-19.861l120.827 157.963z"/></svg> </span> </a> <a class="linkedin" href="https://www.linkedin.com/sharing/share-offsite/?url=https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" aria-label="Share on LinkedIn" target="_blank"> <span><svg class="svg-icon linkedin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-in;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 11.1875 11.753906 L 7.707031 11.753906 L 7.707031 21.875 L 11.1875 21.875 Z M 19.738281 11.515625 C 18.085938 11.515625 17.25 12.300781 16.757812 12.960938 L 16.601562 13.1875 L 16.601562 11.753906 L 13.117188 11.753906 L 13.128906 12.359375 C 13.136719 13.152344 13.140625 14.542969 13.136719 16.019531 L 13.117188 21.875 L 16.601562 21.875 L 16.601562 16.222656 C 16.601562 15.921875 16.621094 15.617188 16.714844 15.402344 C 16.96875 14.796875 17.539062 14.171875 18.503906 14.171875 C 19.695312 14.171875 20.210938 15.003906 20.261719 16.25 L 20.265625 16.457031 L 20.265625 21.875 L 23.75 21.875 L 23.75 16.070312 C 23.75 12.960938 22.03125 11.515625 19.738281 11.515625 Z M 9.46875 6.875 C 8.277344 6.875 7.5 7.632812 7.5 8.625 C 7.5 9.535156 8.171875 10.28125 9.222656 10.363281 L 9.449219 10.371094 C 10.660156 10.371094 11.417969 9.59375 11.417969 8.625 C 11.394531 7.632812 10.664062 6.875 9.46875 6.875 Z M 9.46875 6.875 "/></g></svg> </span> </a> <a class="mastodon" href="https://mastodon.social/share?text=Mystic Ash Twilight https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight" aria-label="Share on Mastodon" target="_blank"> <span><svg class="svg-icon mastodon" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path class="path-update" style="fill:--solo-md;"d="M256 0c141.284 0 256 114.563 256 256 0 141.284-114.563 256-256 256C114.716 512 0 397.437 0 256 0 114.716 114.563 0 256 0zm134.506 175.487c-4.177-31.049-31.239-55.52-63.32-60.261-5.412-.801-25.918-3.717-73.421-3.717h-.354c-47.516 0-57.709 2.916-63.121 3.717-31.188 4.61-59.669 26.596-66.579 58.014-3.323 15.472-3.678 32.627-3.06 48.361.879 22.566 1.05 45.091 3.101 67.564a317.689 317.689 0 007.395 44.317c6.567 26.924 33.157 49.331 59.208 58.474a158.807 158.807 0 0086.622 4.57 126.28 126.28 0 009.367-2.561c6.988-2.22 15.173-4.701 21.191-9.063a.692.692 0 00.275-.525V362.6a.667.667 0 00-.066-.277.652.652 0 00-.721-.341 240.065 240.065 0 01-56.213 6.569c-32.58 0-41.342-15.46-43.849-21.895a67.833 67.833 0 01-3.812-17.259.611.611 0 01.054-.289.62.62 0 01.441-.361.644.644 0 01.293.006 235.518 235.518 0 0055.293 6.568c4.479 0 8.947 0 13.426-.12 18.732-.524 38.478-1.484 56.907-5.083.461-.091.921-.17 1.314-.288 29.073-5.583 56.739-23.104 59.55-67.472.104-1.748.368-18.296.368-20.108.012-6.16 1.983-43.699-.289-66.763zm-46.057 34.885v77.139H313.88v-74.867c0-15.761-6.569-23.8-19.929-23.8-14.689 0-22.045 9.511-22.045 28.291v40.981h-30.383v-40.981c0-18.78-7.371-28.291-22.058-28.291-13.281 0-19.915 8.039-19.915 23.8v74.867h-30.556v-77.139c0-15.761 4.025-28.283 12.072-37.565 8.303-9.26 19.193-14.014 32.711-14.014 15.645 0 27.468 6.016 35.35 18.033l7.607 12.767 7.62-12.767c7.881-12.017 19.705-18.033 35.323-18.033 13.506 0 24.395 4.754 32.724 14.014 8.041 9.274 12.056 21.796 12.048 37.565z"/></svg> </span> </a> <a class="reddit" href="https://www.reddit.com/submit?url=https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight&title=Mystic Ash Twilight" aria-label="Share on Reddit" target="_blank"> <span><svg class="svg-icon reddit" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="--solo-it" d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z"/></svg> </span> </a> <a class="email" href="mailto:?subject=Mystic Ash Twilight&body=The Mystic Ash Twilight color scheme in the Solo theme brings a touch of mystery and elegance to your website. This sophisticated palette combines deep grays and subtle highlights to create a ... https://unitedstarsofamerica.com/midnight-and-twilight-themes/solo-mystic-ash-twilight." aria-label="Email the Article" target="_blank"> <span><svg class="svg-icon email" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><path fill="--solo-em" class="path-update" d="M61.44,0A61.46,61.46,0,1,1,18,18,61.21,61.21,0,0,1,61.44,0ZM32.22,79.39,52.1,59.46,32.22,43.25V79.39ZM54.29,61.24,33.79,81.79H88.91L69.33,61.24l-6.46,5.51h0a1.42,1.42,0,0,1-1.8,0l-6.78-5.53Zm17.18-1.82L90.66,79.55V43.07L71.47,59.42ZM34,41.09l27.9,22.76L88.65,41.09Zm65.4-17.64a53.72,53.72,0,1,0,15.74,38,53.56,53.56,0,0,0-15.74-38Z"/></svg> </span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>The Mystic Ash Twilight color scheme in the Solo theme brings a touch of mystery and elegance to your website. This sophisticated palette combines deep grays and subtle highlights to create a captivating and refined user experience.</p><p>With Solo’s intuitive theme settings, updating your color scheme is a seamless process. Mystic Ash Twilight complements features like global breakpoints, responsive menus, and text animations, ensuring a polished and engaging site. Backed by Flash Web Center, LLC’s 15 years of Drupal development expertise, Solo promises a theme that is both elegant and powerful.</p><p>Choose Mystic Ash Twilight for a refined and mysterious web design, and rely on Flash Web Center, LLC for exceptional Drupal solutions.</p></div> <div class="taxonomy-term-entity field field--name-field-theme-tags field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/midnight-and-twilight-themes-505" hreflang="en">Midnight and Twilight Themes</a></div> <div class="field__item"><a href="/gray-501" hreflang="en">Gray</a></div> <div class="field__item"><a href="/purple-498" hreflang="en">Purple</a></div> <div class="field__item"><a href="/light-657" hreflang="en">Light</a></div> </div> <div class="taxonomy-term-entity field field--name-field-drupal-work field--type-entity-reference field--label-hidden field__items"> <div class="field__item">Austin TX Drupal Developer</div> <div class="field__item">Drupal 9 Development</div> <div class="field__item">Drupal Architect</div> <div class="field__item">Drupal Developer</div> <div class="field__item">Drupal Development</div> <div class="field__item">Drupal E-commerce</div> <div class="field__item">Drupal Hosting</div> <div class="field__item">Drupal Maintenance</div> <div class="field__item">Drupal Migration</div> <div class="field__item">Drupal Modules</div> <div class="field__item">Drupal Performance Optimization</div> <div class="field__item">Drupal Responsive Design</div> <div class="field__item">Drupal Security</div> <div class="field__item">Drupal Themes</div> <div class="field__item">Hire Drupal Developer</div> <div class="field__item">Pflugerville Drupal Developer</div> <div class="field__item">Senior Drupal Developer</div> </div> <section data-drupal-selector="comments" class="field solo-clear field--name-comment field--type-comment field--label-above comment-wrapper"> <h2 class="comments__title">Comments</h2> </section> </div> </article> </section> <section id="block-solo-subtheme-cookiesui" class="solo-clear solo-block block-cookies block-cookies-ui-block"> <div id="cookiesjsr"></div> </section> <section class="views-element-container solo-clear solo-block block-views block-views-blockcolor-schemes-bottom-page-block-1" id="block-solo-subtheme-views-block-color-schemes-bottom-page-block-1"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-color-schemes-bottom-page view-id-color_schemes_bottom_page view-display-id-block_1 js-view-dom-id-b9431e99891dd864359cd4aa12c42752ec39661aa710fc363c199ad6b66c717c"> <div class="view-content"> <div class="solo-clear views-row"> <div class="paragraph paragraph--type--simple-bundle paragraph--view-mode--default paragraph--id--63 pb__simple-63" id="pb__simple-63"> <div class="paragraph__inner pb__simple__inner" > <div class="pb__content-full"> <h3 class="pb__content-title"> <div class="field field--name-pb-content-title field--type-string field--label-hidden field__item">Erica Jong</div> </h3> <div class="field field--name-pb-content-body field--type-text-long field--label-hidden field__item"><p>I have accepted fear as part of life — specifically the fear of change… I have gone ahead despite the pounding in the heart that says, ‘turn back.’ – Erica Jong</p><p>The moral of this quote is about the acceptance of fear as an inherent part of life, especially when facing change. It speaks to the universal experience of fear, particularly the anxiety and apprehension that accompany moments of change or decision-making. The key message is the importance of courage and resilience in the face of such fears. By acknowledging fear, not as a deterrent but as a natural response, the quote emphasizes moving forward despite the discomfort and uncertainty it brings. The act of 'going ahead despite the pounding in the heart' symbolizes a conscious choice to confront challenges and step out of comfort zones. It advocates for the idea that growth and progress often require facing fears head-on, rather than avoiding or being paralyzed by them. In essence, this quote is a testament to the strength of the human spirit in overcoming fear to pursue change and personal growth.</p></div> </div> </div> </div> </div> <div class="solo-clear views-row"> <div class="paragraph paragraph--type--simple-bundle paragraph--view-mode--default paragraph--id--61 pb__simple-61" id="pb__simple-61"> <div class="paragraph__inner pb__simple__inner" > <div class="pb__content-full"> <h3 class="pb__content-title"> <div class="field field--name-pb-content-title field--type-string field--label-hidden field__item">George Bernard Shaw</div> </h3> <div class="field field--name-pb-content-body field--type-text-long field--label-hidden field__item"><p>Progress is impossible without change, and those who cannot change their minds cannot change anything. – George Bernard Shaw</p><p>This quote emphasizes the indispensable role of adaptability and open-mindedness in facilitating progress. The moral of this quote lies in recognizing that growth and advancement, whether personal, societal, or global, require a willingness to embrace change and reconsider existing beliefs and approaches. It highlights the idea that a rigid mindset, resistant to new ideas and perspectives, is a major barrier to any form of progress. This perspective champions the value of intellectual flexibility, encouraging the constant re-evaluation of one’s opinions and methods in response to new information and changing circumstances. It suggests that the ability to change one's mind is not a weakness but a crucial strength, necessary for driving forward movement and improvement. The quote serves as a reminder that progress is often a result of transformative thinking, where letting go of outdated paradigms and embracing innovative ideas pave the way for meaningful change and development.</p></div> </div> </div> </div> </div> <div class="solo-clear views-row"> <div class="paragraph paragraph--type--simple-bundle paragraph--view-mode--default paragraph--id--62 pb__simple-62" id="pb__simple-62"> <div class="paragraph__inner pb__simple__inner" > <div class="pb__content-full"> <h3 class="pb__content-title"> <div class="field field--name-pb-content-title field--type-string field--label-hidden field__item">Maya Angelou</div> </h3> <div class="field field--name-pb-content-body field--type-text-long field--label-hidden field__item"><p>Stepping onto a brand-new path is difficult, but not more difficult than remaining in a situation, which is not nurturing to the whole woman. – Maya Angelou</p><p>The essence of this quote lies in the moral that embracing change, though challenging, is often a necessary step towards personal growth and fulfillment. It acknowledges that stepping onto a new path can be daunting, filled with uncertainties and difficulties. However, it emphasizes that staying in a situation that stifles growth or does not nurture one's entirety—especially in the context of a woman's well-being and development—is even more detrimental. The moral here is a powerful reminder that the discomfort of change is a temporary challenge, outweighing the prolonged struggle of remaining in an unfulfilling or harmful situation. It encourages taking brave leaps towards environments and opportunities that allow for holistic nurturing and growth, emphasizing the importance of self-care and personal development in the pursuit of a fulfilling life.</p></div> </div> </div> </div> </div> <div class="solo-clear views-row"> <div class="paragraph paragraph--type--simple-bundle paragraph--view-mode--default paragraph--id--129 pb__simple-129" id="pb__simple-129"> <div class="paragraph__inner pb__simple__inner" > <div class="pb__content-full"> <h3 class="pb__content-title"> <div class="field field--name-pb-content-title field--type-string field--label-hidden field__item">If you are depressed you are living in the past, if you are anxious you are living in the future. If you are at peace, you are living in the present. – Lao Tzu</div> </h3> <div class="field field--name-pb-content-body field--type-text-long field--label-hidden field__item"><p>If you are depressed you are living in the past, if you are anxious you are living in the future. If you are at peace, you are living in the present. – Lao Tzu</p><p>This quote highlights the profound impact of our mental timeframes on our emotional well-being. It suggests that depression often stems from dwelling on past events, possibly regretting or ruminating over things that cannot be changed. Anxiety, on the other hand, is depicted as a result of excessive concern about the future, often fueled by uncertainties and fears of what might happen. The moral of this quote is about the importance of living in the present moment. Being "at peace" is associated with focusing on the here and now, engaging with our current experiences without the heavy burdens of past regrets or future worries. This philosophy advocates for mindfulness and being fully present in our daily lives, appreciating each moment as it comes and reducing the emotional weight of past and future concerns.</p><p> </p></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>   <div id="sidebar-box-second" class="region-outer main-box sidebar-box-second" role="complementary"> <div class="region-inner main-box-inner sidebar-box-second-inner fade-inner" > <nav id="block-solo-subtheme-landingpages" class="block block-menu navigation menu--landing-pages" aria-labelledby="block-solo-subtheme-landingpages-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-landingpages-menu">Landing Pages</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-landing-pages" id="landing-pages-menubar--92" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="landing-pages__level-2" role="menuitem" aria-controls="landing-pages-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore artistic and abstract concepts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Artistic and Abstract Concepts</span> <span class="visually-hidden">Artistic and Abstract Concepts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-landing-pages" id="landing-pages-sub-menu-1" tabindex="-1" id="landing-pages-submenu--93" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/color-whirl-322" title="Explore color whirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/322"> <span class="menu__url-title">Color Whirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/dream-road-326" title="Explore dream road and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/326"> <span class="menu__url-title">Dream Road</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/jewel-place-320" title="Explore jewel place and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/320"> <span class="menu__url-title">Jewel Place</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/artistic-and-abstract-concepts/shadow-line-314" title="Explore shadow line and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/314"> <span class="menu__url-title">Shadow Line</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="landing-pages__level-2" role="menuitem" aria-controls="landing-pages-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore celestial and space-inspired and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Celestial and Space-Inspired</span> <span class="visually-hidden">Celestial and Space-Inspired sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-landing-pages" id="landing-pages-sub-menu-2--2" tabindex="-1" id="landing-pages-submenu--94" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/sky-pattern-308" title="Explore sky pattern and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/308"> <span class="menu__url-title">Sky Pattern</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/space-art-311" title="Explore space art and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/311"> <span class="menu__url-title">Space Art</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-circle-307" title="Explore star circle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/307"> <span class="menu__url-title">Star Circle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-gate-323" title="Explore star gate and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/323"> <span class="menu__url-title">Star Gate</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/celestial-and-space-inspired/star-home-312" title="Explore star home and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/312"> <span class="menu__url-title">Star Home</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="landing-pages__level-2" role="menuitem" aria-controls="landing-pages-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore gardens and serene spaces and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Gardens and Serene Spaces</span> <span class="visually-hidden">Gardens and Serene Spaces sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-landing-pages" id="landing-pages-sub-menu-3--3" tabindex="-1" id="landing-pages-submenu--95" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/bright-den-316" title="Explore bright den and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/316"> <span class="menu__url-title">Bright Den</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/calm-corner-317" title="Explore calm corner and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/317"> <span class="menu__url-title">Calm Corner</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/secret-garden-310" title="Explore secret garden and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/310"> <span class="menu__url-title">Secret Garden</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/gardens-and-serene-spaces/shine-land-319" title="Explore shine land and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/319"> <span class="menu__url-title">Shine Land</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="landing-pages__level-2" role="menuitem" aria-controls="landing-pages-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore natural landscapes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Natural Landscapes</span> <span class="visually-hidden">Natural Landscapes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-landing-pages" id="landing-pages-sub-menu-4--4" tabindex="-1" id="landing-pages-submenu--96" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/blue-skyline-328" title="Explore blue skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/328"> <span class="menu__url-title">Blue Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dawn-view-304" title="Explore dawn view and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/304"> <span class="menu__url-title">Dawn View</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/dusk-deck-321" title="Explore dusk deck and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/321"> <span class="menu__url-title">Dusk Deck</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/green-park-306" title="Explore green park and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/306"> <span class="menu__url-title">Green Park</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/ocean-field-324" title="Explore ocean field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/324"> <span class="menu__url-title">Ocean Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/peace-beach-313" title="Explore peace beach and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/313"> <span class="menu__url-title">Peace Beach</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/red-hill-315" title="Explore red hill and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/315"> <span class="menu__url-title">Red Hill</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/natural-landscapes/sun-plains-325" title="Explore sun plains and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/325"> <span class="menu__url-title">Sun Plains</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="landing-pages__level-2" role="menuitem" aria-controls="landing-pages-sub-menu-5--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore unique or miscellaneous themes and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Unique or Miscellaneous Themes</span> <span class="visually-hidden">Unique or Miscellaneous Themes sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-landing-pages" id="landing-pages-sub-menu-5--3" tabindex="-1" id="landing-pages-submenu--97" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/earth-base-309" title="Explore earth base and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/309"> <span class="menu__url-title">Earth Base</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/ring-retreat-318" title="Explore ring retreat and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/318"> <span class="menu__url-title">Ring Retreat</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-landing-pages nav__submenu-item link-only" role='none'> <a href="/unique-or-miscellaneous-themes/summit-point-305" title="Explore summit point and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-landing-pages" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/305"> <span class="menu__url-title">Summit Point</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-predefinedtheme" class="block block-menu navigation menu--predefined-theme" aria-labelledby="block-solo-subtheme-predefinedtheme-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-predefinedtheme-menu">Color Schemes</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-predefined-theme" id="predefined-theme-menubar--98" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore berry and fruit tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Berry and Fruit Tones</span> <span class="visually-hidden">Berry and Fruit Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-1" tabindex="-1" id="predefined-theme-submenu--99" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-berry-blue-dreams" title="Explore berry blue dreams and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/219"> <span class="menu__url-title">Berry Blue Dreams</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-blueberry-skies-quartet" title="Explore blueberry skies quartet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/263"> <span class="menu__url-title">Blueberry Skies Quartet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-lemon-lime-forest" title="Explore lemon lime forest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/232"> <span class="menu__url-title">Lemon Lime Forest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/berry-and-fruit-tones/solo-raspberry-nightfall" title="Explore raspberry nightfall and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/229"> <span class="menu__url-title">Raspberry Nightfall</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore bold and dramatic colors and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Bold and Dramatic Colors</span> <span class="visually-hidden">Bold and Dramatic Colors sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-2--2" tabindex="-1" id="predefined-theme-submenu--100" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-eclipse-noir" title="Explore eclipse noir and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/227"> <span class="menu__url-title">Eclipse Noir</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-flaming-sapphire" title="Explore flaming sapphire and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/235"> <span class="menu__url-title">Flaming Sapphire</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-midnight-navy-duo" title="Explore midnight navy duo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/262"> <span class="menu__url-title">Midnight Navy Duo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-nocturnal-velvet" title="Explore nocturnal velvet and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/228"> <span class="menu__url-title">Nocturnal Velvet</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-razzle-onyx-elegance" title="Explore razzle onyx elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/261"> <span class="menu__url-title">Razzle Onyx Elegance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-royal-azure-flame" title="Explore royal azure flame and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/234"> <span class="menu__url-title">Royal Azure Flame</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-rustic-redwood-charm" title="Explore rustic redwood charm and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/236"> <span class="menu__url-title">Rustic Redwood Charm</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore denim influences and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Denim Influences</span> <span class="visually-hidden">Denim Influences sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-3--3" tabindex="-1" id="predefined-theme-submenu--101" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/bold-and-dramatic-colors/solo-crimson-denim-night" title="Explore crimson denim night and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/250"> <span class="menu__url-title">Crimson Denim Night</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-denim-twilight" title="Explore denim twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/248"> <span class="menu__url-title">Denim Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-indigo-pulse" title="Explore indigo pulse and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/249"> <span class="menu__url-title">Indigo Pulse</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-salmon-denim-fade" title="Explore salmon denim fade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/260"> <span class="menu__url-title">Salmon Denim Fade</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore earthy and smokey tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Earthy and Smokey Tones</span> <span class="visually-hidden">Earthy and Smokey Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-4--4" tabindex="-1" id="predefined-theme-submenu--102" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-charcoal-gray" title="Explore charcoal gray and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/226"> <span class="menu__url-title">Charcoal Gray</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-dusk-shadow-fusion" title="Explore dusk shadow fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/255"> <span class="menu__url-title">Dusk Shadow Fusion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-gunmetal-echo" title="Explore gunmetal echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/254"> <span class="menu__url-title">Gunmetal Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-obsidian-cascade" title="Explore obsidian cascade and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/257"> <span class="menu__url-title">Obsidian Cascade</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-porpoise-dream" title="Explore porpoise dream and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/256"> <span class="menu__url-title">Porpoise Dream</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/earthy-and-smokey-tones/solo-smokey-quartz-symphony" title="Explore smokey quartz symphony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/252"> <span class="menu__url-title">Smokey Quartz Symphony</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-5--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore elegant whites and neutrals and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Elegant Whites and Neutrals</span> <span class="visually-hidden">Elegant Whites and Neutrals sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-5--3" tabindex="-1" id="predefined-theme-submenu--103" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-classic-ivory-lace" title="Explore classic ivory lace and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/244"> <span class="menu__url-title">Classic Ivory Lace</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ethereal-white-harmony" title="Explore ethereal white harmony and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/243"> <span class="menu__url-title">Ethereal White Harmony</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-gentle-ivory-breeze" title="Explore gentle ivory breeze and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/242"> <span class="menu__url-title">Gentle Ivory Breeze</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-ivory-whisper" title="Explore ivory whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/240"> <span class="menu__url-title">Ivory Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-luminous-alabaster" title="Explore luminous alabaster and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/239"> <span class="menu__url-title">Luminous Alabaster</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-porcelain-brilliance" title="Explore porcelain brilliance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/238"> <span class="menu__url-title">Porcelain Brilliance</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-pristine-porcelain-glow" title="Explore pristine porcelain glow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/237"> <span class="menu__url-title">Pristine Porcelain Glow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-silken-shadow-whisper" title="Explore silken shadow whisper and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/245"> <span class="menu__url-title">Silken Shadow Whisper</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/elegant-whites-and-neutrals/solo-soft-silk-elegance" title="Explore soft silk elegance and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/241"> <span class="menu__url-title">Soft Silk Elegance</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-6--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore forest and nature tones and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Forest and Nature Tones</span> <span class="visually-hidden">Forest and Nature Tones sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-6--4" tabindex="-1" id="predefined-theme-submenu--104" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/forest-and-nature-tones/solo-enchanted-forest-zest" title="Explore enchanted forest zest and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/233"> <span class="menu__url-title">Enchanted Forest Zest</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-jungle-denim-fusion" title="Explore jungle denim fusion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/265"> <span class="menu__url-title">Jungle Denim Fusion</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-7--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore galactic and celestial and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Galactic and Celestial</span> <span class="visually-hidden">Galactic and Celestial sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-7--3" tabindex="-1" id="predefined-theme-submenu--105" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-celestial-blue-depths" title="Explore celestial blue depths and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/264"> <span class="menu__url-title">Celestial Blue Depths</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-galactic-stone-hues" title="Explore galactic stone hues and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/224"> <span class="menu__url-title">Galactic Stone Hues</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/galactic-and-celestial-themes/solo-metallic-nebula" title="Explore metallic nebula and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/253"> <span class="menu__url-title">Metallic Nebula</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only is-active" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-8--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore midnight and twilight and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Midnight and Twilight</span> <span class="visually-hidden">Midnight and Twilight sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-8--2" tabindex="-1" id="predefined-theme-submenu--106" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/denim-influences/solo-midnight-denim-swirl" title="Explore midnight denim swirl and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/258"> <span class="menu__url-title">Midnight Denim Swirl</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-garden-trio" title="Explore midnight garden trio and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/225"> <span class="menu__url-title">Midnight Garden Trio</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-midnight-whispers" title="Explore midnight whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/194"> <span class="menu__url-title">Midnight Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only is-active" role='none'> <a href="/midnight-and-twilight-themes/solo-mystic-ash-twilight" title="Explore mystic ash twilight and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme is-active" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/221" aria-current="page"> <span class="menu__url-title">Mystic Ash Twilight</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/midnight-and-twilight-themes/solo-twilight-ash-mystique" title="Explore twilight ash mystique and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/222"> <span class="menu__url-title">Twilight Ash Mystique</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-9--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore miscellaneous and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Miscellaneous</span> <span class="visually-hidden">Miscellaneous sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-9--2" tabindex="-1" id="predefined-theme-submenu--107" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/miscellaneous/solo-monochrome-splash" title="Explore monochrome splash and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/247"> <span class="menu__url-title">Monochrome Splash</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-10" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore ocean and deep sea and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Ocean and Deep Sea</span> <span class="visually-hidden">Ocean and Deep Sea sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-10" tabindex="-1" id="predefined-theme-submenu--108" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-ocean-shadows" title="Explore deep ocean shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/266"> <span class="menu__url-title">Deep Ocean Shadows</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-deep-sea-echo" title="Explore deep sea echo and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/220"> <span class="menu__url-title">Deep Sea Echo</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/ocean-and-deep-sea-themes/solo-ocean-depths-mystery" title="Explore ocean depths mystery and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/195"> <span class="menu__url-title">Ocean Depths Mystery</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-11" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore soft and subtle hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Soft and Subtle Hues</span> <span class="visually-hidden">Soft and Subtle Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-11" tabindex="-1" id="predefined-theme-submenu--109" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-blushing-magnolia" title="Explore blushing magnolia and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/246"> <span class="menu__url-title">Blushing Magnolia</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-cotton-candy-whispers" title="Explore cotton candy whispers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/259"> <span class="menu__url-title">Cotton Candy Whispers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/soft-and-subtle-hues/solo-magnolia-afternoon" title="Explore magnolia afternoon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/251"> <span class="menu__url-title">Magnolia Afternoon</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="predefined-theme__level-2" role="menuitem" aria-controls="predefined-theme-sub-menu-12" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore urban and modern hues and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Urban and Modern Hues</span> <span class="visually-hidden">Urban and Modern Hues sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-predefined-theme" id="predefined-theme-sub-menu-12" tabindex="-1" id="predefined-theme-submenu--110" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-nightfall-paris" title="Explore nightfall in paris and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/231"> <span class="menu__url-title">Nightfall in Paris</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-parisian-skyline" title="Explore parisian skyline and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/230"> <span class="menu__url-title">Parisian Skyline</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-predefined-theme nav__submenu-item link-only" role='none'> <a href="/urban-and-modern-hues/solo-urban-stone-shadows" title="Explore urban stone shadows and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-predefined-theme" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/223"> <span class="menu__url-title">Urban Stone Shadows</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-themefeatures" class="block block-menu navigation menu--theme-features" aria-labelledby="block-solo-subtheme-themefeatures-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-themefeatures-menu">Theme Features</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-theme-features" id="theme-features-menubar--111" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore interactive and dynamic features and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive and Dynamic Features</span> <span class="visually-hidden">Interactive and Dynamic Features sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-1" tabindex="-1" id="theme-features-submenu--112" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-fixed-search-block-132" title="Explore fixed search block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/132"> <span class="menu__url-title">Fixed Search Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-login-popup-block-131" title="Explore login popup and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/131"> <span class="menu__url-title">Login Popup</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-scroll-triggered-opacity-animation-120" title="Explore scroll-triggered opacity animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/120"> <span class="menu__url-title">Scroll-Triggered Opacity Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/interactive-and-dynamic-features/drupal-solo-theme-solos-reading-mode-127" title="Explore solo's reading mode and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/127"> <span class="menu__url-title">Solo's Reading Mode</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-2--2" tabindex="-1" id="theme-features-submenu--113" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/dynamic-region-class/drupal-solo-theme-dynamic-component-centric-region-class-assignment-393" title="Explore dynamic region class and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/393"> <span class="menu__url-title">Dynamic Region Class</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-global-breakpoints-111" title="Explore global breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/111"> <span class="menu__url-title">Global Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-grouped-regions-136" title="Explore grouped regions and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/136"> <span class="menu__url-title">Grouped Regions</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-regions-gap-113" title="Explore regions' gap and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/113"> <span class="menu__url-title">Regions' Gap</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-custom-width-each-content-type-drupal-415" title="Custom Widths for Each Content Type in Drupal: Enhancing Flexibility and User Experience" class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/415"> <span class="menu__url-title">Set Width for Each Content Type</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-customized-page-widths-elevating-content-presentation-ease" title="Drupal Solo Theme - Customized Page Widths: Elevating Content Presentation with Ease" class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/416"> <span class="menu__url-title">Set Width for Each Page</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-responsive-width-control-ultimate-customization-106" title="Explore website width options and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/106"> <span class="menu__url-title">Set Width for The Website</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/layout-and-structure/drupal-solo-theme-sidebar-menu-user-menu-134" title="Explore sidebar menu & user menu and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/134"> <span class="menu__url-title">Sidebar Menu & User Menu</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore navigation and menus and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menus</span> <span class="visually-hidden">Navigation and Menus sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-3--3" tabindex="-1" id="theme-features-submenu--114" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-header-menu-119" title="Explore header & menu and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/119"> <span class="menu__url-title">Header & Menu</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-adding-logo-and-site-name-menus-solo-413" title="Enhancing Your Navigation: Adding Logo and Site Name to Menus in Solo" class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/413"> <span class="menu__url-title">Menu Branding</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-menu-breakpoints-112" title="Explore menu breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/112"> <span class="menu__url-title">Menu Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/navigation-and-menus/drupal-solo-theme-solos-menus-135" title="Explore solo's menus and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/135"> <span class="menu__url-title">Solo's Menus</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore showcase of google font examples and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Showcase of Google Font Examples</span> <span class="visually-hidden">Showcase of Google Font Examples sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-4--4" tabindex="-1" id="theme-features-submenu--115" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/css-text-animation-effects-examples-190" title="Explore css text animation effects examples and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/190"> <span class="menu__url-title">CSS Text Animation Effects Examples</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-global-fonts-examples-192" title="Explore google fonts - global fonts examples and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/192"> <span class="menu__url-title">Google Fonts - Global Fonts Examples</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-heading-fonts-examples-193" title="Explore google fonts - heading fonts examples and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/193"> <span class="menu__url-title">Google Fonts - Heading Fonts Examples</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-site-name-page-title-fonts-examples-394" title="Explore google fonts - site name & page title fonts examples and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/394"> <span class="menu__url-title">Google Fonts - Site Name & Page Title Fonts Examples</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/fonts-text-animation/google-fonts-special-fonts-examples-191" title="Explore google fonts - special fonts examples and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/191"> <span class="menu__url-title">Google Fonts - Special Fonts Examples</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-5--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore styling & design customization and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Styling & Design Customization</span> <span class="visually-hidden">Styling & Design Customization sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-5--3" tabindex="-1" id="theme-features-submenu--116" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-css-injections-117" title="Explore css injections and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/117"> <span class="menu__url-title">CSS Injections</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-color-schemes-108" title="Explore color schemes and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/108"> <span class="menu__url-title">Color Schemes</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-custom-css-classes-129" title="Explore custom css classes and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/129"> <span class="menu__url-title">Custom CSS Classes</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-global-font-size-114" title="Explore font size and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/114"> <span class="menu__url-title">Font Size</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-text-animation-names-109" title="Explore text animation names and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/109"> <span class="menu__url-title">Text Animation Names</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-w3css-library-128" title="Explore w3.css library and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/128"> <span class="menu__url-title">W3.CSS Library</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-6--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore typography and fonts and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Typography and Fonts</span> <span class="visually-hidden">Typography and Fonts sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-6--3" tabindex="-1" id="theme-features-submenu--117" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-font-awesome-330" title="Explore font awesome and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/330"> <span class="menu__url-title">Font Awesome</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-global-fonts-107" title="Explore global site fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/107"> <span class="menu__url-title">Global Site Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-heading-fonts-105" title="Explore heading fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/105"> <span class="menu__url-title">Heading Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-site-name-page-title-397" title="Explore site name & page title fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/397"> <span class="menu__url-title">Site Name & Page Title Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-google-fonts-special-fonts-104" title="Explore special fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/104"> <span class="menu__url-title">Special Fonts</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-features__level-2" role="menuitem" aria-controls="theme-features-sub-menu-7--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore user interface components and enhance your Drupal development experience." > <span class="menu__url-title-disabled">User Interface Components</span> <span class="visually-hidden">User Interface Components sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-features" id="theme-features-sub-menu-7--2" tabindex="-1" id="theme-features-submenu--118" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-color-coded-system-tabs-drupal-392" title="Explore color-coded system tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/392"> <span class="menu__url-title">Color-Coded System Tabs</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/styling-and-design-customization/drupal-solo-theme-embed-google-fonts-116" title="Explore embed google fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/116"> <span class="menu__url-title">Embed Google Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-login-register-retrieve-password-forms-118" title="Explore login & register and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/118"> <span class="menu__url-title">Login & Register</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-node-date-format-115" title="Explore node date format and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/115"> <span class="menu__url-title">Node Date Format</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-regions-colors-fields-130" title="Explore regions' colors fields and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/130"> <span class="menu__url-title">Regions' Colors Fields</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-over-60-svg-file-type-icons-403" title="Explore svg file type icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/403"> <span class="menu__url-title">SVG File Type Icons</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-same-line-taxonomy-term-121" title="Explore same line taxonomy term and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/121"> <span class="menu__url-title">Same Line Taxonomy Term</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-site-name-slogan-133" title="Explore site name & slogan and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/133"> <span class="menu__url-title">Site Name & Slogan</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-features nav__submenu-item link-only" role='none'> <a href="/user-interface-components/drupal-solo-theme-social-icons-137" title="Explore social icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-features" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/137"> <span class="menu__url-title">Social Icons</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-themesettings" class="block block-menu navigation menu--theme-settings" aria-labelledby="block-solo-subtheme-themesettings-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-themesettings-menu">Theme Settings</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-theme-settings" id="theme-settings-menubar--119" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-settings__level-2" role="menuitem" aria-controls="theme-settings-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore aesthetic and design and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Aesthetic and Design</span> <span class="visually-hidden">Aesthetic and Design sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-settings" id="theme-settings-sub-menu-1" tabindex="-1" id="theme-settings-submenu--120" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/color-scheme-settings-294" title="Explore color scheme settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/294"> <span class="menu__url-title">Color Scheme Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/copyright-and-credit-settings-280" title="Explore copyright and credit settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/280"> <span class="menu__url-title">Copyright and Credit Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/aesthetic-and-design-settings/libraries-and-fonts-settings-296" title="Explore libraries and fonts settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/296"> <span class="menu__url-title">Libraries and Fonts Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-settings__level-2" role="menuitem" aria-controls="theme-settings-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore content and feature and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content and Feature</span> <span class="visually-hidden">Content and Feature sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-settings" id="theme-settings-sub-menu-2--2" tabindex="-1" id="theme-settings-submenu--121" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/card-layout/differences-between-card-and-layout-bundles-414" title="Discover the power of Card and Layout bundles!" class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/414"> <span class="menu__url-title">Exploring Card and Layout Bundles</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/fixed-search-block-settings-290" title="Explore fixed search block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/290"> <span class="menu__url-title">Fixed Search Block Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/highlighted-settings-292" title="Explore highlighted settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/292"> <span class="menu__url-title">Highlighted Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/page-title-settings-285" title="Explore page title settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/285"> <span class="menu__url-title">Page Title Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/system-message-settings-286" title="Explore system message settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/286"> <span class="menu__url-title">System Message Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/content-and-feature-settings/welcome-settings-301" title="Explore welcome settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/301"> <span class="menu__url-title">Welcome Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-settings__level-2" role="menuitem" aria-controls="theme-settings-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore layout and structure and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout and Structure</span> <span class="visually-hidden">Layout and Structure sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-settings" id="theme-settings-sub-menu-3--3" tabindex="-1" id="theme-settings-submenu--122" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/footer-menu-settings-282" title="Explore footer menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/282"> <span class="menu__url-title">Footer Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/global-site-settings-297" title="Explore global site settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/297"> <span class="menu__url-title">Global Site Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/grouped-regions-settings-279" title="Explore grouped regions' settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/279"> <span class="menu__url-title">Grouped Regions' Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/header-settings-289" title="Explore header settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/289"> <span class="menu__url-title">Header Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/page-wrapper-settings-295" title="Explore page wrapper settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/295"> <span class="menu__url-title">Page Wrapper Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/layout-and-structure-settings/popup-login-block-settings-291" title="Explore popup login block settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/291"> <span class="menu__url-title">Popup Login Block Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-settings__level-2" role="menuitem" aria-controls="theme-settings-sub-menu-4--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore navigation and menu and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Navigation and Menu</span> <span class="visually-hidden">Navigation and Menu sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-settings" id="theme-settings-sub-menu-4--3" tabindex="-1" id="theme-settings-submenu--123" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/breadcrumb-settings-283" title="Explore breadcrumb settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/283"> <span class="menu__url-title">Breadcrumb Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-menu-settings-303" title="Explore primary menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/303"> <span class="menu__url-title">Primary Menu Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/navigation-and-menu-settings/primary-sidebar-menu-settings-288" title="Explore primary sidebar menu settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/288"> <span class="menu__url-title">Primary Sidebar Menu Settings</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="theme-settings__level-2" role="menuitem" aria-controls="theme-settings-sub-menu-5--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore social and interaction and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Social and Interaction</span> <span class="visually-hidden">Social and Interaction sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-theme-settings" id="theme-settings-sub-menu-5--3" tabindex="-1" id="theme-settings-submenu--124" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-theme-settings nav__submenu-item link-only" role='none'> <a href="/social-and-interaction-settings/social-media-links-settings-293" title="Explore social media links settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-theme-settings" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/293"> <span class="menu__url-title">Social Media Links Settings</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-paragraphsbundles" class="block block-menu navigation menu--paragraphs-bundles" aria-labelledby="block-solo-subtheme-paragraphsbundles-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-paragraphsbundles-menu">Paragraphs Bundles</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-paragraphs-bundles" id="paragraphs-bundles-menubar--125" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="paragraphs-bundles__level-2" role="menuitem" aria-controls="paragraphs-bundles-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-paragraphs-bundles" id="paragraphs-bundles-sub-menu-1" tabindex="-1" id="paragraphs-bundles-submenu--126" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-12" title="Explore block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/12"> <span class="menu__url-title">Block Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-331" title="Explore contact form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/331"> <span class="menu__url-title">Contact Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-13" title="Explore drupal block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/13"> <span class="menu__url-title">Drupal Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-google-material-symbols-image-395" title="Explore icon and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/395"> <span class="menu__url-title">Icon</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-404" title="Explore image background and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/404"> <span class="menu__url-title">Image Background</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-23" title="Explore image overlay and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/23"> <span class="menu__url-title">Image Overlay</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-18" title="Explore image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/18"> <span class="menu__url-title">Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-24" title="Explore link and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/24"> <span class="menu__url-title">Link</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-281" title="Explore node reference and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/281"> <span class="menu__url-title">Node Reference</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-33" title="Explore pb content & pb block types and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/33"> <span class="menu__url-title">PB Content & PB Block Types</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-17" title="Explore simple and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/17"> <span class="menu__url-title">Simple</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-15" title="Explore views and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/15"> <span class="menu__url-title">Views</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-16" title="Explore webform and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/16"> <span class="menu__url-title">Webform</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="paragraphs-bundles__level-2" role="menuitem" aria-controls="paragraphs-bundles-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-paragraphs-bundles" id="paragraphs-bundles-sub-menu-2--2" tabindex="-1" id="paragraphs-bundles-submenu--127" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-8" title="Explore 3d carousel and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/8"> <span class="menu__url-title">3D Carousel</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-9" title="Explore 3d flip box and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/9"> <span class="menu__url-title">3D Flip Box</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-22" title="Explore lightbox image grid and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/22"> <span class="menu__url-title">Lightbox Image Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-26" title="Explore parallax and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/26"> <span class="menu__url-title">Parallax</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-19" title="Explore responsive image narrow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/19"> <span class="menu__url-title">Responsive Image Narrow</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-20" title="Explore responsive image wide and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/20"> <span class="menu__url-title">Responsive Image Wide</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-27" title="Explore slideshow and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/27"> <span class="menu__url-title">Slideshow</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="paragraphs-bundles__level-2" role="menuitem" aria-controls="paragraphs-bundles-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-paragraphs-bundles" id="paragraphs-bundles-sub-menu-3--3" tabindex="-1" id="paragraphs-bundles-submenu--128" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-10" title="Explore accordion and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/10"> <span class="menu__url-title">Accordion</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-11" title="Explore alert and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/11"> <span class="menu__url-title">Alert</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-25" title="Explore modal and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/25"> <span class="menu__url-title">Modal</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-28" title="Explore tabs and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/28"> <span class="menu__url-title">Tabs</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="paragraphs-bundles__level-2" role="menuitem" aria-controls="paragraphs-bundles-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-paragraphs-bundles" id="paragraphs-bundles-sub-menu-4--4" tabindex="-1" id="paragraphs-bundles-submenu--129" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-32" title="Explore card three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/32"> <span class="menu__url-title">Card Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-31" title="Explore card two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/31"> <span class="menu__url-title">Card Two Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-21" title="Explore hero and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/21"> <span class="menu__url-title">Hero</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-14" title="Explore one column and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/14"> <span class="menu__url-title">One Column</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-419" class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/419"> <span class="menu__url-title">Paragraph Bundle Grid</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-29" title="Explore three columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/29"> <span class="menu__url-title">Three Columns</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-paragraphs-bundles nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-30" title="Explore two columns and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-paragraphs-bundles" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/30"> <span class="menu__url-title">Two Columns</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-bundleexamples" class="block block-menu navigation menu--bundle-examples" aria-labelledby="block-solo-subtheme-bundleexamples-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-bundleexamples-menu">Bundle Demonstrations</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-bundle-examples" id="bundle-examples-menubar--130" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="bundle-examples__level-2" role="menuitem" aria-controls="bundle-examples-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore content integration and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Content Integration</span> <span class="visually-hidden">Content Integration sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-bundle-examples" id="bundle-examples-sub-menu-1" tabindex="-1" id="bundle-examples-submenu--131" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-block-content-example-125" title="Explore block content example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/125"> <span class="menu__url-title">Block Content Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-contact-form-example-139" title="Explore contact form example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/139"> <span class="menu__url-title">Contact Form Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-drupal-block-example-124" title="Explore drupal block example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/124"> <span class="menu__url-title">Drupal Block Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-icon-example-google-material-symbols-image-396" title="Explore icon example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/396"> <span class="menu__url-title">Icon Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-original-size-example-142" title="Explore image (original size) example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/142"> <span class="menu__url-title">Image (original size) Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-background-example-405" title="Explore image background example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/405"> <span class="menu__url-title">Image Background Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-image-overlay-example-101" title="Explore image overlay example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/101"> <span class="menu__url-title">Image Overlay Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-link-example-100" title="Explore link example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/100"> <span class="menu__url-title">Link Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-node-reference-example-284" title="Explore node reference example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/284"> <span class="menu__url-title">Node Reference Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/pb-content-pb-block-types-example-271" title="Explore pb content & pb block example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/271"> <span class="menu__url-title">PB Content & PB Block Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-simple-example-97" title="Explore simple example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/97"> <span class="menu__url-title">Simple Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-views-example-93" title="Explore views example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/93"> <span class="menu__url-title">Views Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/content-integration/paragraph-bundle-webform-example-92" title="Explore webform example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/92"> <span class="menu__url-title">Webform Example</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="bundle-examples__level-2" role="menuitem" aria-controls="bundle-examples-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore display formats and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Display Formats</span> <span class="visually-hidden">Display Formats sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-bundle-examples" id="bundle-examples-sub-menu-2--2" tabindex="-1" id="bundle-examples-submenu--132" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-carousel-example-91" title="Explore 3d carousel example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/91"> <span class="menu__url-title">3D Carousel Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-3d-flip-box-example-122" title="Explore 3d flip box example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/122"> <span class="menu__url-title">3D Flip Box Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-lightbox-image-grid-example-102" title="Explore image grid example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/102"> <span class="menu__url-title">Image Grid Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-parallax-example-98" title="Explore parallax example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/98"> <span class="menu__url-title">Parallax Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-narrow-example-141" title="Explore responsive image narrow example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/141"> <span class="menu__url-title">Responsive Image Narrow Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-responsive-image-wide-example-140" title="Explore responsive image wide example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/140"> <span class="menu__url-title">Responsive Image Wide Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/display-formats/paragraph-bundle-slideshow-example-146" title="Explore slideshow example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/146"> <span class="menu__url-title">Slideshow Example</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="bundle-examples__level-2" role="menuitem" aria-controls="bundle-examples-sub-menu-3--3" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore interactive elements and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Interactive Elements</span> <span class="visually-hidden">Interactive Elements sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-bundle-examples" id="bundle-examples-sub-menu-3--3" tabindex="-1" id="bundle-examples-submenu--133" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-accordion-example-144" title="Explore accordion example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/144"> <span class="menu__url-title">Accordion Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-alert-example-123" title="Explore alert example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/123"> <span class="menu__url-title">Alert Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-modal-example-99" title="Explore modal example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/99"> <span class="menu__url-title">Modal Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/interactive-elements/paragraph-bundle-tabs-example-145" title="Explore tabs example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/145"> <span class="menu__url-title">Tabs Example</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="bundle-examples__level-2" role="menuitem" aria-controls="bundle-examples-sub-menu-4--4" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Explore layout structures and enhance your Drupal development experience." > <span class="menu__url-title-disabled">Layout Structures</span> <span class="visually-hidden">Layout Structures sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-bundle-examples" id="bundle-examples-sub-menu-4--4" tabindex="-1" id="bundle-examples-submenu--134" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-three-columns-example-138" title="Explore card three columns example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/138"> <span class="menu__url-title">Card Three Columns Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-card-two-columns-example-126" title="Explore card two columns example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/126"> <span class="menu__url-title">Card Two Columns Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-hero-example-143" title="Explore hero example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/143"> <span class="menu__url-title">Hero Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-one-column-example-95" title="Explore one column example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/95"> <span class="menu__url-title">One Column Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-grid-example-420" class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/420"> <span class="menu__url-title">Paragraph Bundle Grid Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-three-columns-example-96" title="Explore three columns example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/96"> <span class="menu__url-title">Three Columns Example</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-bundle-examples nav__submenu-item link-only" role='none'> <a href="/layout-structures/paragraph-bundle-two-columns-example-94" title="Explore two columns example and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-bundle-examples" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/94"> <span class="menu__url-title">Two Columns Example</span> </a> </li> </ul> </li> </ul> </div> </nav> <nav id="block-solo-subtheme-videos" class="block block-menu navigation menu--videos" aria-labelledby="block-solo-subtheme-videos-menu" role="navigation"> <h2 class="block__title" id="block-solo-subtheme-videos-menu">Videos</h2> <div class="solo-clear solo-menu navigation-sidebar navigation-sidebar-template navigation-sidebar-click"> <ul class="navigation__menubar navigation__sidebar navigation__sidebar__template navigation__menubar-videos" id="videos-menubar--135" role="menubar"> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="videos__level-2" role="menuitem" aria-controls="videos-sub-menu-1" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Learn how to paragraphs bundles' videos with our detailed Drupal tutorial videos." > <span class="menu__url-title-disabled">Paragraphs Bundles' Videos</span> <span class="visually-hidden">Paragraphs Bundles' Videos sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-videos" id="videos-sub-menu-1" tabindex="-1" id="videos-submenu--136" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/alert/how-create-customizable-alert-message-drupal-paragraphs-bundles-tutorial-342" title="Explore how to use alert bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/342"> <span class="menu__url-title">How To Use Alert Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/card-card-two-columns-card-three-columns/how-create-card-bundle-drupal-paragraphs-bundles-tutorial" title="Explore how to use card bundle (two & three card columns) and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/344"> <span class="menu__url-title">How To Use Card Bundle (Two & Three Card Columns)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/heading-fonts-global-fonts-special-fonts/drupal-solo-theme-how-use-google-fonts-global-heading" title="Explore how to use google fonts (global - heading - special fonts) and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/379"> <span class="menu__url-title">How To Use Google Fonts (Global - Heading - Special Fonts)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/image-grid/how-create-lightbox-image-grid-bundle-drupal-paragraphs-bundles-tutorial-348" title="Explore how to use image grid bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/348"> <span class="menu__url-title">How To Use Image Grid Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/modal/how-create-modal-bundle-drupal-paragraphs-bundles-tutorial-351" title="Explore how to use modal bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/351"> <span class="menu__url-title">How To Use Modal Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/node-reference/how-create-paragraph-using-node-reference-bundle-drupal-paragraphs-bundles-tutorial" title="Explore how to use node reference bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/352"> <span class="menu__url-title">How To Use Node Reference Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/pb-content-pb-block/how-create-parallax-bundle-drupal-pb-content-type-paragraphs-bundles-tutorial" title="Explore how to use parallax bundle in bp content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/390"> <span class="menu__url-title">How To Use Parallax Bundle In BP Content</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/parallax/how-create-parallax-bundle-drupal-paragraphs-bundles-tutorial-353" title="Explore how to use parallax bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/353"> <span class="menu__url-title">How To Use Parallax Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/tabs/how-create-tabs-bundle-drupal-paragraphs-bundles-tutorial-355" title="Explore how to use tabs bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/355"> <span class="menu__url-title">How To Use Tabs Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/3d-carousel/how-create-3d-carousel-bundle-drupal-paragraphs-bundles-tutorial-339" title="Explore how to use the 3d carousel bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/339"> <span class="menu__url-title">How To Use The 3D Carousel Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/image-background/how-create-paragraph-and-attach-background-image-drupal-paragraphs-bundles" title="Explore how to create a paragraph and attach image and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/407"> <span class="menu__url-title">How to Create a Paragraph and Attach Image</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/slideshow/how-create-slideshow-bundle-drupal-paragraphs-bundles-tutorial-406" title="Explore how to create a slideshow bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/406"> <span class="menu__url-title">How to Create a Slideshow Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/slideshow/how-create-slideshow-drupal-using-image-field-paragraph-bundles-tutorial-408" title="Explore how to create a slideshow with image field and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/408"> <span class="menu__url-title">How to Create a Slideshow with Image Field</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/block-content/how-create-paragraph-and-insert-drupal-block-bundle-paragraphs-bundles-tutorial-338" title="Explore how to use block content bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/338"> <span class="menu__url-title">How to Use Block Content Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/drupal-block/how-create-paragraph-and-insert-drupal-block-bundle-paragraphs-bundles-tutorial-346" title="Explore how to use drupal block bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/346"> <span class="menu__url-title">How to Use Drupal Block Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/image-overlay/how-create-image-overlay-bundle-drupal-paragraphs-bundles-tutorial-349" title="Explore how to use image overlay bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/349"> <span class="menu__url-title">How to Use Image Overlay Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/image-image-narrow-image-wide/how-create-image-image-narrow-and-image-wide-bundles-drupal" title="Explore how to use image, image narrow and image wide bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/347"> <span class="menu__url-title">How to Use Image, Image Narrow and Image Wide Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/layout-one-column-two-columns-three-columns/how-create-layout-bundle-drupal-paragraphs-bundles" title="Explore how to use layout bundle (one, two and three columns) and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/343"> <span class="menu__url-title">How to Use Layout Bundle (One, Two and Three Columns)</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/link/how-create-links-drupal-using-paragraph-bundle-link-paragraphs-bundles-tutorial-350" title="Explore how to use link bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/350"> <span class="menu__url-title">How to Use Link Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/pb-content-pb-block/how-create-content-drupal-using-pb-content-or-pb-block-paragraphs-bundles" title="Explore how to use pb content and pb block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/356"> <span class="menu__url-title">How to Use PB Content and PB Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/simple/how-create-simple-text-any-background-color-drupal-paragraphs-bundles-tutorial-354" title="Explore how to use simple bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/354"> <span class="menu__url-title">How to Use Simple Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/accordion/how-create-accordion-bundle-drupal-paragraphs-bundles-tutorial-341" title="Explore how to use the accordion bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/341"> <span class="menu__url-title">How to Use The Accordion Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/webform-views-contact-form/how-create-webform-views-and-contact-form-bundles-drupal-paragraphs" title="Explore how to use webform, views and contact form bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/345"> <span class="menu__url-title">How to Use Webform, Views and Contact Form Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/3d-flip-box/how-create-3d-flip-box-bundle-drupal-paragraphs-bundles-tutorial-340" title="Explore how to use the 3d flip box bundle and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/340"> <span class="menu__url-title">How to use the 3D Flip Box Bundle</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/paragraphs/how-create-paragraph-and-reference-drupal-block-content-paragraphs-bundles-tutorial-357" title="Explore introduction to paragraphs and block content and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/357"> <span class="menu__url-title">Introduction to Paragraphs and Block Content</span> </a> </li> </ul> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__menubar-item has-sub__menu button-only" role='none'> <button class="ds-link dropdown-toggler dropdown-toggler-parent " data-drupal-selector="videos__level-2" role="menuitem" aria-controls="videos-sub-menu-2--2" aria-haspopup="true" aria-expanded="false" tabindex="0" title="Learn how to solo's videos with our detailed Drupal tutorial videos." > <span class="menu__url-title-disabled">Solo's Videos</span> <span class="visually-hidden">Solo's Videos sub-navigation</span> <span class="toggler-icon dropdown-arrow"> <svg aria-hidden="true" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="bevel" fill="none" stroke="currentColor" class="svg-stroke"> <path d="M6 9l6 6 6-6"/> </svg> </span> </button> <ul class="sub__menu sub__menu-videos" id="videos-sub-menu-2--2" tabindex="-1" id="videos-submenu--137" role="menu" tabindex="-1"> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/colors-theme-settings/drupal-solo-theme-how-apply-colors-theme-settings-386" title="Explore how to apply colors in theme settings and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/386"> <span class="menu__url-title">How To Apply Colors in Theme Settings</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/login-register/drupal-solo-theme-how-center-login-register-and-retrieve-password-form-364" title="Explore how to center the login, register, and retrieve password form and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/364"> <span class="menu__url-title">How To Center the Login, Register, and Retrieve Password Form</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/font-size/drupal-solo-theme-how-change-font-size-your-site-371" title="Explore how to change the font size on your site and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/371"> <span class="menu__url-title">How To Change the Font Size on Your Site</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/site-name-layout/drupal-solo-theme-how-change-position-site-name-and-sidebar-menu-367" title="Explore how to change the position for the site name & sidebar menu and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/367"> <span class="menu__url-title">How To Change the Position for the Site Name & Sidebar Menu</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/custom-menu-twig/drupal-solo-theme-how-create-custom-menu-twig-template-389" title="Explore how to create custom menu twig template and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/389"> <span class="menu__url-title">How To Create Custom Menu Twig Template</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/embed-google-fonts/drupal-solo-theme-how-embed-google-fonts-377" title="Explore how to embed google fonts and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/377"> <span class="menu__url-title">How To Embed Google Fonts</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/upgrade-solo/drupal-solo-theme-how-upgrade-solo-theme-part-one-387" title="Explore how to upgrade to solo theme - part one and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/387"> <span class="menu__url-title">How To Upgrade to Solo Theme - Part One</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/upgrade-solo/drupal-solo-theme-how-upgrade-solo-theme-part-two-388" title="Explore how to upgrade to solo theme - part two and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/388"> <span class="menu__url-title">How To Upgrade to Solo Theme - Part Two</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/menu/drupal-solo-theme-how-use-solo-menu-373" title="Explore how to use solo menu and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/373"> <span class="menu__url-title">How To Use Solo Menu</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/bottom-containers/drupal-solo-theme-how-use-bottom-containers-375" title="Explore how to use bottom containers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/375"> <span class="menu__url-title">How To Use Bottom Containers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/search-block/drupal-solo-theme-how-use-fixed-search-block-372" title="Explore how to use fixed search block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/372"> <span class="menu__url-title">How To Use Fixed Search Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/flip-menu-header/drupal-solo-theme-how-use-flip-menu-header-366" title="Explore how to use flip menu header and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/366"> <span class="menu__url-title">How To Use Flip Menu Header</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/font-awesome/drupal-solo-theme-how-use-font-awesome-358" title="Explore how to use font awesome and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/358"> <span class="menu__url-title">How To Use Font Awesome</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/footer-containers/drupal-solo-theme-how-use-footer-containers-376" title="Explore how to use footer containers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/376"> <span class="menu__url-title">How To Use Footer Containers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/global-breakpoints/drupal-solo-theme-how-use-global-breakpoints-363" title="Explore how to use global breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/363"> <span class="menu__url-title">How To Use Global Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/main-containers/drupal-solo-theme-how-use-main-containers-361" title="How To Use Main Containers - Discover how to use how to use main containers in Drupal with our guides." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/361"> <span class="menu__url-title">How To Use Main Containers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/menu-breakpoints/drupal-solo-theme-how-use-menu-breakpoints-360" title="Explore how to use menu breakpoints and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/360"> <span class="menu__url-title">How To Use Menu Breakpoints</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/date-format/drupal-solo-theme-how-use-node-date-format-369" title="Explore how to use node date format and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/369"> <span class="menu__url-title">How To Use Node Date Format</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/popup-login-block/drupal-solo-theme-how-use-popup-login-block-359" title="Explore how to use popup login block and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/359"> <span class="menu__url-title">How To Use Popup Login Block</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/regions-gaps/drupal-solo-theme-how-use-regions-gaps-384" title="Explore how to use regions' gaps and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/384"> <span class="menu__url-title">How To Use Regions' Gaps</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/same-line-taxonomy-term/drupal-solo-theme-how-use-same-line-taxonomy-term-365" title="Explore how to use same-line taxonomy term and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/365"> <span class="menu__url-title">How To Use Same-Line Taxonomy Term</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/opacity-animation/drupal-solo-theme-how-use-scroll-triggered-opacity-animation-362" title="Explore how to use scroll-triggered opacity animation and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/362"> <span class="menu__url-title">How To Use Scroll-Triggered Opacity Animation</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/solo-settings/drupal-solo-theme-how-use-settings-page-370" title="Explore how to use settings page and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/370"> <span class="menu__url-title">How To Use Settings Page</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/social-media/drupal-solo-theme-how-use-social-media-icons-380" title="Explore how to use social media icons and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/380"> <span class="menu__url-title">How To Use Social Media Icons</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/text-animation/drupal-solo-theme-how-use-text-animations-381" title="Explore how to use text animations and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/381"> <span class="menu__url-title">How To Use Text Animations</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/css-injector/drupal-solo-theme-how-use-css-injector-378" title="Explore how to use the css injector and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/378"> <span class="menu__url-title">How To Use The CSS Injector</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/color-schemes/drupal-solo-theme-how-use-predefined-color-schemes-382" title="Explore how to use the predefined color schemes and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/382"> <span class="menu__url-title">How To Use The Predefined Color Schemes</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/reading-mode/drupal-solo-theme-how-use-reading-mode-383" title="Explore how to use the reading mode and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/383"> <span class="menu__url-title">How To Use The Reading Mode</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/top-container/drupal-solo-theme-how-use-top-containers-374" title="Explore how to use top containers and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/374"> <span class="menu__url-title">How To Use Top Containers</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/w3css/drupal-solo-theme-how-use-w3css-library-385" title="Explore how to use w3.css library and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/385"> <span class="menu__url-title">How To Use W3.CSS Library</span> </a> </li> <li class="btn-animate nav__menu-item nav__menu-item-videos nav__submenu-item link-only" role='none'> <a href="/website-width/drupal-solo-theme-how-use-website-width-368" title="Explore how to use website width and enhance your Drupal development experience." class="nav__menu-link nav__menu-link-videos" role="menuitem" tabindex="-1" data-drupal-link-system-path="node/368"> <span class="menu__url-title">How To Use Website Width</span> </a> </li> </ul> </li> </ul> </div> </nav> </div> </div>   </div> </div>   <div id="bottom-container" class="solo-outer multi bottom-container active-bottom-4 has-border animate-border animate-hover" > <div id="bottom-container-inner" class="solo-inner solo-col bottom-container-inner solo-col-1-1-1-1">  <div id="bottom-box-first" class="region-outer bottom-box bottom-box-first"> <div class="region-inner bottom-box-inner bottom-box-first-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-four" id="block-solo-subtheme-views-block-home-blocks-four"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-four js-view-dom-id-e2ab9cac9de7dbe9486c4dffb228f76625fe1714d984c5e91a3897bc2368ab49"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="107" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-global-fonts-107" rel="bookmark"> <span>Drupal Solo Theme - Google Fonts - Global Fonts</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/typography-and-fonts/drupal-solo-theme-google-fonts-global-fonts-107" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-119.jpg.webp?itok=Avnwqshz" width="500" height="300" alt="Custom image showing drupal solo theme - google fonts - global fonts page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Google Fonts - Global Fonts Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> Google Fonts offers a diverse range of typographic styles that can significantly enhance the visual appeal of a website. By incorporating these fonts, users can effortlessly apply them to their entire ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>   <div id="bottom-box-second" class="region-outer bottom-box bottom-box-second"> <div class="region-inner bottom-box-inner bottom-box-second-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-five" id="block-solo-subtheme-views-block-home-blocks-five"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-five js-view-dom-id-5c57c4c3d9323df54c97cda1cef17c6992a3215798e94e216349795831fe8823"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="108" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/styling-and-design-customization/drupal-solo-theme-color-schemes-108" rel="bookmark"> <span>Drupal Solo Theme - Color Schemes</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/styling-and-design-customization/drupal-solo-theme-color-schemes-108" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-120.jpg.webp?itok=AMOtq9UP" width="500" height="300" alt="Custom image showing drupal solo theme - color schemes page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Color Schemes Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> The Solo Drupal theme offers an exceptional feature with its 50 predefined color schemes, allowing users to effortlessly transform the aesthetic of their entire website. This feature is particularly ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>   <div id="bottom-box-third" class="region-outer bottom-box bottom-box-third"> <div class="region-inner bottom-box-inner bottom-box-third-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-six" id="block-solo-subtheme-views-block-home-blocks-six"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-six js-view-dom-id-96ab186a81b277e10d983920582ee89f806e2e915180acfaabd9f2eb42779440"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="109" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/styling-and-design-customization/drupal-solo-theme-text-animation-names-109" rel="bookmark"> <span>Drupal Solo Theme - Text Animation Names</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/styling-and-design-customization/drupal-solo-theme-text-animation-names-109" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-121.jpg.webp?itok=moM0zobd" width="500" height="300" alt="Custom image showing drupal solo theme - text animation names page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Text Animation Names Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> The Drupal Theme named Solo offers an exciting feature for web designers and content creators – 24 predefined text animations. This versatile feature allows users to bring their website to life by ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>   <div id="bottom-box-fourth" class="region-outer bottom-box bottom-box-fourth"> <div class="region-inner bottom-box-inner bottom-box-fourth-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-seven" id="block-solo-subtheme-views-block-home-blocks-seven"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-seven js-view-dom-id-70ff28c00a7caaa8a7fcd1f9093b701e6ba9cf4eea918d61a589496aa3929ec0"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="111" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/layout-and-structure/drupal-solo-theme-global-breakpoints-111" rel="bookmark"> <span>Drupal Solo Theme - Global Breakpoints</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/layout-and-structure/drupal-solo-theme-global-breakpoints-111" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-123.jpg.webp?itok=qBmDFwEm" width="500" height="300" alt="Custom image showing drupal solo theme - global breakpoints page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Global Breakpoints Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> The "Solo" Drupal theme introduces a critical feature for modern web design: customizable responsive breakpoints. This functionality is pivotal in crafting websites that offer an optimal viewing ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>  </div> </div>   <div id="footer-container" class="solo-outer multi footer-container active-footer-3 has-border animate-border animate-hover" > <div id="footer-container-inner" class="solo-inner solo-col footer-container-inner solo-col-1-1-1">  <div id="footer-box-first" class="region-outer footer-box footer-box-first"> <div class="region-inner footer-box-inner footer-box-first-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-eight" id="block-solo-subtheme-views-block-home-blocks-eight"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-eight js-view-dom-id-86d404502a297d8b92656e634b31c9d8b3778a41afd2b77db1cab9aae3f76dc3"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="112" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/navigation-and-menus/drupal-solo-theme-menu-breakpoints-112" rel="bookmark"> <span>Drupal Solo Theme - Menu Breakpoints</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/navigation-and-menus/drupal-solo-theme-menu-breakpoints-112" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-124.jpg.webp?itok=4GAuItXb" width="500" height="300" alt="Custom image showing drupal solo theme - menu breakpoints page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Menu Breakpoints Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> The "Solo" theme for Drupal showcases a pivotal feature that emphasizes the importance of responsive design in modern web development – flexible breakpoints for responsive menus. This feature provides ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>   <div id="footer-box-second" class="region-outer footer-box footer-box-second"> <div class="region-inner footer-box-inner footer-box-second-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-nine" id="block-solo-subtheme-views-block-home-blocks-nine"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-nine js-view-dom-id-9be9062c629403189226e2ec8869250458fe1fad35deaed0f321a091e23b273a"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="113" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/layout-and-structure/drupal-solo-theme-regions-gap-113" rel="bookmark"> <span>Drupal Solo Theme - Regions' Gap</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/layout-and-structure/drupal-solo-theme-regions-gap-113" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-125.jpg.webp?itok=UPB8zRzy" width="500" height="300" alt="Custom image showing drupal solo theme - regions' gap page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Regions' Gap Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> In the "Solo" Drupal theme, a standout feature that caters to the evolving demands of modern web design is the adjustable space between theme regions. This feature is accessible in the theme settings ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>   <div id="footer-box-third" class="region-outer footer-box footer-box-third"> <div class="region-inner footer-box-inner footer-box-third-inner fade-inner" > <section class="views-element-container solo-clear solo-block block-views block-views-blockhome-blocks-ten" id="block-solo-subtheme-views-block-home-blocks-ten"> <div class="solo-clear element-container-wrapper"><div class="solo-clear view view-home-blocks view-id-home_blocks view-display-id-ten js-view-dom-id-9a1adaaa92c6ebab5fa6945eb4855599d9bd211806d58a0594cce0ee7a2fdf30"> <div class="view-content"> <div class="solo-clear views-row"> <article data-history-node-id="114" class="reading-mode node solo-clear node--type-features node--view-mode-region"> <header class="solo-clear node__header"> <h3 class="node__title"> <a href="/styling-and-design-customization/drupal-solo-theme-global-font-size-114" rel="bookmark"> <span>Drupal Solo Theme - Global Font Size</span> </a> </h3> </header> <div class="solo-clear node__content"> <div class="field field--name-field-node-image field--type-image field--label-hidden field__item"> <a href="/styling-and-design-customization/drupal-solo-theme-global-font-size-114" hreflang="en"><img loading="lazy" src="/sites/stars/files/styles/pb_card_image_md/public/2023-12/solo-theme-drupal-developer-alaa-haddad-rectangle-126.jpg.webp?itok=BbwL4vxH" width="500" height="300" alt="Custom image showing drupal solo theme - global font size page - Professional Drupal theming and development services" title=" Drupal Solo Theme - Global Font Size Page Custom Image - Expert Drupal Development" class="solo-image image-style-pb-card-image-md" /> </a> </div> <div class="field field--name-field-teaser-mode field--type-text-long field--label-hidden field__item"> The Solo theme for Drupal, a versatile and user-friendly theme, introduces an essential feature that significantly enhances user experience and website performance: the global font size adjustment ... </div> </div> </article> </div> </div> </div> </div> </section> </div> </div>  </div> </div>   <div id="footer-menu" class="solo-outer lone footer-menu" > <div id="footer-menu-inner" class="solo-inner solo-col solo-col-1 footer-menu-inner">  <div class="solo-clear fade-inner footer-menu-first sm-icons sm-icons-medium" > <a href="https://www.facebook.com/flashwebcenter" title="Facebook" class="solo-clear facebook" target="_blank"> <span class="sm-icon"> <svg class="svg-icon facebook" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-fb;fill-opacity:1;" d="M 30 15.085938 C 30 6.761719 23.289062 0 15 0 C 6.710938 0 0 6.75 0 15.085938 C 0 22.625 5.488281 28.875 12.664062 30 L 12.664062 19.449219 L 8.851562 19.449219 L 8.851562 15.085938 L 12.648438 15.085938 L 12.648438 11.761719 C 12.648438 7.988281 14.898438 5.886719 18.324219 5.886719 C 19.960938 5.886719 21.675781 6.1875 21.675781 6.1875 L 21.675781 9.898438 L 19.800781 9.898438 C 17.925781 9.898438 17.351562 11.0625 17.351562 12.261719 L 17.351562 15.085938 L 21.5 15.085938 L 20.835938 19.460938 L 17.335938 19.460938 L 17.335938 30 C 24.523438 28.875 30 22.625 30 15.085938 "/></g></svg> </span> </a> <a href="https://www.instagram.com/flashwebcenter" title="Instagram" class="solo-clear instagram" target="_blank"> <span class="sm-icon"> <svg class="svg-icon instagram" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-st;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 18.894531 5.625 L 11.105469 5.625 C 7.914062 5.625 5.753906 7.691406 5.632812 10.820312 L 5.625 11.105469 L 5.625 18.855469 C 5.625 20.480469 6.152344 21.878906 7.210938 22.902344 C 8.160156 23.8125 9.402344 24.300781 10.816406 24.367188 L 11.144531 24.375 L 18.855469 24.375 C 20.480469 24.375 21.839844 23.847656 22.824219 22.902344 C 23.777344 21.984375 24.300781 20.703125 24.367188 19.214844 L 24.375 18.894531 L 24.375 11.105469 C 24.375 9.519531 23.84375 8.15625 22.859375 7.175781 C 21.945312 6.222656 20.664062 5.699219 19.207031 5.632812 L 18.890625 5.625 Z M 11.144531 7.363281 L 18.929688 7.363281 C 20.066406 7.363281 21.011719 7.703125 21.691406 8.386719 C 22.28125 9.007812 22.648438 9.855469 22.703125 10.835938 L 22.710938 11.109375 L 22.710938 18.894531 C 22.710938 20.066406 22.296875 21.011719 21.613281 21.65625 C 20.992188 22.242188 20.144531 22.578125 19.136719 22.632812 L 18.855469 22.640625 L 11.144531 22.640625 C 10.011719 22.640625 9.066406 22.296875 8.382812 21.65625 C 7.761719 21.03125 7.421875 20.1875 7.371094 19.148438 L 7.363281 18.859375 L 7.363281 11.109375 C 7.363281 9.976562 7.703125 9.03125 8.382812 8.347656 C 8.972656 7.761719 9.847656 7.425781 10.863281 7.371094 L 11.140625 7.363281 L 18.929688 7.363281 L 11.140625 7.363281 Z M 15 10.125 C 12.332031 10.128906 10.167969 12.292969 10.160156 14.960938 C 10.15625 16.246094 10.664062 17.480469 11.574219 18.386719 C 12.480469 19.296875 13.714844 19.804688 15 19.800781 C 17.667969 19.796875 19.832031 17.632812 19.839844 14.960938 C 19.820312 12.296875 17.664062 10.144531 15 10.125 Z M 15 11.863281 C 16.703125 11.863281 18.101562 13.261719 18.101562 14.960938 C 18.101562 16.664062 16.703125 18.0625 15 18.0625 C 13.296875 18.0625 11.898438 16.664062 11.898438 14.960938 C 11.898438 13.261719 13.296875 11.863281 15 11.863281 Z M 20.027344 8.914062 C 19.421875 8.914062 18.929688 9.40625 18.929688 10.011719 C 18.929688 10.617188 19.421875 11.105469 20.027344 11.105469 C 20.632812 11.105469 21.125 10.617188 21.125 10.011719 C 21.125 9.40625 20.632812 8.914062 20.027344 8.914062 Z M 20.027344 8.914062 "/></g></svg> </span> </a> <a href="https://twitter.com/flashwebcenter" title="Twitter" class="solo-clear twitter" target="_blank"> <span class="sm-icon"> <svg class="svg-icon twitter" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="--solo-tw" class="path-update" d="M256 0c141.384 0 256 114.616 256 256 0 141.384-114.616 256-256 256C114.616 512 0 397.384 0 256 0 114.616 114.616 0 256 0zm62.64 157.549h33.401l-72.974 83.407 85.85 113.495h-67.222l-52.645-68.837-60.244 68.837h-33.422l78.051-89.212-82.352-107.69h68.924l47.59 62.916 55.043-62.916zm-11.724 176.908h18.509L205.95 176.494h-19.861l120.827 157.963z"/></svg> </span> </a> <a href="https://www.linkedin.com/company/flash-web-center" title="Linkedin" class="solo-clear linkedin" target="_blank"> <span class="sm-icon"> <svg class="svg-icon linkedin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-in;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 11.1875 11.753906 L 7.707031 11.753906 L 7.707031 21.875 L 11.1875 21.875 Z M 19.738281 11.515625 C 18.085938 11.515625 17.25 12.300781 16.757812 12.960938 L 16.601562 13.1875 L 16.601562 11.753906 L 13.117188 11.753906 L 13.128906 12.359375 C 13.136719 13.152344 13.140625 14.542969 13.136719 16.019531 L 13.117188 21.875 L 16.601562 21.875 L 16.601562 16.222656 C 16.601562 15.921875 16.621094 15.617188 16.714844 15.402344 C 16.96875 14.796875 17.539062 14.171875 18.503906 14.171875 C 19.695312 14.171875 20.210938 15.003906 20.261719 16.25 L 20.265625 16.457031 L 20.265625 21.875 L 23.75 21.875 L 23.75 16.070312 C 23.75 12.960938 22.03125 11.515625 19.738281 11.515625 Z M 9.46875 6.875 C 8.277344 6.875 7.5 7.632812 7.5 8.625 C 7.5 9.535156 8.171875 10.28125 9.222656 10.363281 L 9.449219 10.371094 C 10.660156 10.371094 11.417969 9.59375 11.417969 8.625 C 11.394531 7.632812 10.664062 6.875 9.46875 6.875 Z M 9.46875 6.875 "/></g></svg> </span> </a> <a href="https://www.youtube.com/user/flashwebcenter" title="Youtube" class="solo-clear youtube" target="_blank"> <span class="sm-icon"> <svg class="svg-icon youtube" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-tb;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 15.367188 8.75 L 14.632812 8.75 L 13.253906 8.765625 C 11.40625 8.796875 8.617188 8.882812 7.671875 9.121094 C 6.878906 9.316406 6.25 9.917969 6.015625 10.703125 C 5.789062 11.507812 5.695312 12.8125 5.652344 13.777344 L 5.625 14.796875 L 5.625 15.203125 L 5.636719 15.738281 C 5.664062 16.691406 5.75 18.347656 6.015625 19.296875 C 6.230469 20.066406 6.867188 20.671875 7.671875 20.878906 C 8.59375 21.113281 11.257812 21.199219 13.105469 21.230469 L 14.863281 21.25 L 16.3125 21.238281 C 18.128906 21.214844 21.300781 21.136719 22.324219 20.878906 C 23.121094 20.683594 23.75 20.082031 23.984375 19.296875 C 24.246094 18.359375 24.332031 16.738281 24.359375 15.777344 L 24.375 15.117188 L 24.371094 14.613281 C 24.355469 13.777344 24.289062 11.78125 23.984375 10.703125 C 23.75 9.917969 23.121094 9.316406 22.324219 9.121094 C 21.5 8.910156 19.261719 8.820312 17.476562 8.78125 Z M 13.082031 12.363281 L 17.984375 15 L 13.082031 17.636719 Z M 13.082031 12.363281 "/></g></svg> </span> </a> <a href="https://www.pinterest.com/alaahaddad" title="Pinterest" class="solo-clear pinterest" target="_blank"> <span class="sm-icon"> <svg class="svg-icon pinterest" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-pi;fill-opacity:1;" d="M 15 0 C 23.285156 0 30 6.714844 30 15 C 30 23.285156 23.285156 30 15 30 C 6.714844 30 0 23.285156 0 15 C 0 6.714844 6.714844 0 15 0 Z M 15.703125 5.25 C 10.417969 5.25 7.75 9.164062 7.75 12.425781 C 7.75 14.402344 8.476562 16.160156 10.027344 16.8125 C 10.285156 16.921875 10.511719 16.820312 10.585938 16.527344 L 10.8125 15.605469 C 10.875 15.359375 10.863281 15.25 10.730469 15.066406 L 10.652344 14.964844 C 10.203125 14.421875 9.917969 13.714844 9.917969 12.710938 C 9.917969 9.808594 12.023438 7.210938 15.398438 7.210938 C 18.386719 7.210938 20.027344 9.09375 20.027344 11.613281 C 20.027344 14.925781 18.609375 17.722656 16.5 17.722656 C 15.335938 17.722656 14.464844 16.726562 14.742188 15.507812 C 15.078125 14.050781 15.726562 12.484375 15.726562 11.429688 C 15.726562 10.492188 15.238281 9.707031 14.226562 9.707031 C 13.035156 9.707031 12.078125 10.976562 12.078125 12.679688 C 12.078125 13.765625 12.433594 14.496094 12.433594 14.496094 L 11.003906 20.757812 C 10.578125 22.617188 10.9375 24.894531 10.96875 25.121094 C 10.988281 25.261719 11.15625 25.292969 11.234375 25.191406 L 11.46875 24.875 C 11.890625 24.289062 12.761719 22.996094 13.175781 21.664062 L 13.242188 21.429688 C 13.378906 20.917969 14.027344 18.273438 14.027344 18.273438 C 14.414062 19.035156 15.542969 19.703125 16.746094 19.703125 C 20.324219 19.703125 22.75 16.335938 22.75 11.832031 C 22.75 8.421875 19.953125 5.25 15.703125 5.25 Z M 15.703125 5.25 "/></g></svg> </span> </a> <a href="https://www.drupal.org/u/flashwebcenter" title="Snapchat" class="solo-clear snapchat" target="_blank"> <span class="sm-icon"> <svg class="svg-icon snapchat" height="100%" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink" fill="--solo-sn"><path d="M256,0c141.29,0 256,114.71 256,256c0,141.29 -114.71,256 -256,256c-141.29,0 -256,-114.71 -256,-256c0,-141.29 114.71,-256 256,-256Zm111.318,382.077c2.368,0 3.776,-1.057 4.436,-3.315c0.766,-2.603 1.323,-5.078 1.873,-7.598c1.512,-6.924 2.494,-10.226 5.028,-10.615c31.018,-4.793 39.885,-11.316 41.852,-15.916c0.286,-0.654 0.448,-1.327 0.488,-1.994c0.096,-1.783 -1.161,-3.352 -2.922,-3.643c-47.685,-7.858 -69.042,-56.561 -69.928,-58.628c-0.023,-0.061 -0.052,-0.116 -0.079,-0.173c-2.916,-5.915 -3.488,-11.044 -1.701,-15.248c3.268,-7.707 13.934,-11.092 21.003,-13.336c1.735,-0.549 3.373,-1.07 4.654,-1.573c12.365,-4.885 14.885,-9.849 14.823,-13.15c-0.067,-3.507 -3.203,-6.863 -7.991,-8.559l-0.102,-0.042c-1.686,-0.703 -3.717,-1.09 -5.72,-1.09c-1.311,0 -3.238,0.17 -4.972,0.98c-5.919,2.772 -11.313,4.268 -16.005,4.448l-0.007,0c-6.175,-0.236 -8.909,-2.869 -9.25,-3.216c0.159,-2.918 0.35,-5.966 0.547,-9.102l0.059,-0.979c1.422,-22.518 3.185,-50.542 -3.946,-66.535c-21.38,-47.936 -66.791,-51.666 -80.201,-51.666l-0.792,0.004c0,0 -5.522,0.059 -5.865,0.059c-13.378,0 -58.692,3.722 -80.06,51.633c-7.13,15.983 -5.371,43.984 -3.951,66.519c0.22,3.477 0.435,6.845 0.608,10.071c-0.363,0.376 -3.336,3.238 -10.148,3.238c-4.93,0 -10.642,-1.504 -16.981,-4.474c-1.09,-0.509 -2.386,-0.77 -3.857,-0.77c-5.368,0 -12.004,3.461 -12.949,8.427c-0.553,2.915 0.62,8.632 14.711,14.204c1.292,0.51 2.93,1.027 4.657,1.573c7.063,2.24 17.732,5.629 21.002,13.337c1.785,4.207 1.214,9.339 -1.703,15.251c-0.027,0.057 -0.053,0.112 -0.077,0.169c-0.888,2.069 -22.262,50.786 -69.927,58.635c-1.759,0.287 -3.02,1.86 -2.919,3.639c0.037,0.658 0.196,1.321 0.477,1.984c1.979,4.634 10.853,11.165 41.86,15.953c2.661,0.409 3.644,4.313 5.03,10.66c0.538,2.467 1.097,5.017 1.869,7.649c0.889,3.039 2.936,3.447 4.825,3.447c1.807,0 4.186,-0.464 6.943,-1.003c4.536,-0.887 10.75,-2.103 18.627,-2.103c4.373,0 8.898,0.382 13.443,1.134c9.316,1.551 17.222,7.141 25.601,13.06c12.133,8.58 24.681,17.45 44.231,17.45c0.557,0 1.114,-0.024 1.647,-0.065l0.002,0c0.836,0.04 1.671,0.065 2.522,0.065c19.555,0 32.101,-8.87 44.259,-17.468c8.363,-5.912 16.264,-11.491 25.57,-13.042c4.547,-0.752 9.075,-1.134 13.449,-1.134c7.491,0 13.379,0.946 18.63,1.973c2.961,0.581 5.297,0.875 6.941,0.875l0.386,0Z"/></svg> </span> </a> <a href="https://www.reddit.com/user/flashwebcenter/" title="Reddit" class="solo-clear reddit" target="_blank"> <span class="sm-icon"> <svg class="svg-icon reddit" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="--solo-it" d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z"/></svg> </span> </a> <a href="https://www.tiktok.com/@flashwebcenter" title="Tiktok" class="solo-clear tiktok" target="_blank"> <span class="sm-icon"> <svg class="svg-icon tiktok" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"> <path fill="--solo-tk" d="M256 0c141.384 0 256 114.616 256 256 0 141.384-114.616 256-256 256C114.616 512 0 397.384 0 256 0 114.616 114.616 0 256 0zm82.937 174.75c-14.614-9.524-25.152-24.771-28.445-42.535a65.235 65.235 0 01-1.102-11.831h-46.631l-.075 186.877c-.783 20.928-18.009 37.724-39.119 37.724a38.912 38.912 0 01-18.186-4.503c-12.478-6.565-21.016-19.641-21.016-34.691 0-21.614 17.588-39.201 39.194-39.201 4.035 0 7.907.667 11.566 1.809v-47.603c-3.789-.517-7.64-.836-11.566-.836-47.323-.001-85.824 38.499-85.824 85.831 0 29.037 14.504 54.733 36.643 70.272 13.94 9.791 30.901 15.553 49.189 15.553 47.324 0 85.825-38.5 85.825-85.825v-94.765c18.288 13.124 40.698 20.859 64.877 20.859v-46.631c-13.022 0-25.152-3.87-35.33-10.504z"/> </svg> </span> </a> <a href="https://www.drupal.org/u/flashwebcenter" title="Whatsapp" class="solo-clear whatsapp" target="_blank"> <span class="sm-icon"> <svg class="svg-icon whatsapp" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="108.7 108.7 782.6 782.6" fill="--solo-up" xml:space="preserve"> <g> <g> <path d="M503.7,282.4c-112,0-203.1,91.1-203.2,203c0,38.4,10.7,75.7,31.1,108.1l4.8,7.7L315.9,676l76.9-20.2l7.4,4.4 c31.2,18.5,66.9,28.3,103.4,28.3h0.1c111.9,0,203-91.1,203.1-203c0-54.3-21.1-105.3-59.4-143.6C609,303.5,558,282.4,503.7,282.4z M623.2,572.7c-5.1,14.3-29.5,27.3-41.2,29c-10.5,1.6-23.8,2.2-38.5-2.4c-8.9-2.8-20.2-6.6-34.8-12.9 c-61.2-26.4-101.2-88.1-104.3-92.2c-3.1-4.1-24.9-33.1-24.9-63.1c0-30,15.8-44.8,21.4-50.9c5.6-6.1,12.2-7.6,16.3-7.6 c4.1,0,8.1,0,11.7,0.2c3.7,0.2,8.8-1.4,13.7,10.5c5.1,12.2,17.3,42.3,18.8,45.3c1.5,3.1,2.5,6.6,0.5,10.7c-2,4.1-3.1,6.6-6.1,10.2 c-3.1,3.6-6.4,8-9.2,10.7c-3.1,3-6.2,6.3-2.7,12.5c3.6,6.1,15.8,26.1,34,42.3c23.3,20.8,43,27.2,49.1,30.3 c6.1,3.1,9.7,2.5,13.2-1.5c3.6-4.1,15.3-17.8,19.3-23.9c4.1-6.1,8.1-5.1,13.7-3.1c5.6,2,35.6,16.8,41.7,19.9 c6.1,3.1,10.2,4.6,11.7,7.1C628.3,546.2,628.3,558.4,623.2,572.7z M500,108.7c-216.1,0-391.3,175.2-391.3,391.3 c0,216.1,175.2,391.3,391.3,391.3c216.1,0,391.3-175.2,391.3-391.3C891.3,283.9,716.1,108.7,500,108.7z M503.7,729.8h-0.1 c-40.9,0-81.1-10.3-116.8-29.7l-129.5,34l34.7-126.6c-21.4-37-32.6-79.1-32.6-122.1c0.1-134.7,109.7-244.3,244.3-244.3 c65.4,0,126.7,25.5,172.9,71.6c46.1,46.2,71.5,107.6,71.5,172.8C748,620.3,638.3,729.8,503.7,729.8z"></path> </g> </g> </svg> </span> </a> <a href="https://www.drupal.org/u/flashwebcenter" title="Telegram" class="solo-clear telegram" target="_blank"> <span class="sm-icon"> <svg class="svg-icon telegram" xmlns="http://www.w3.org/2000/svg" viewBox="2 2 20 20"><g><path fill="none" d="M0 0h24v24H0z"/><path fill="--solo-tl" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-3.11-8.83l.013-.007.87 2.87c.112.311.266.367.453.341.188-.025.287-.126.41-.244l1.188-1.148 2.55 1.888c.466.257.801.124.917-.432l1.657-7.822c.183-.728-.137-1.02-.702-.788l-9.733 3.76c-.664.266-.66.638-.12.803l2.497.78z"/></g></svg> </span> </a> <a href="https://mastodon.social/deck/@flashwebcenter" title="Mastodon" class="solo-clear mastodon" target="_blank"> <span class="sm-icon"> <svg class="svg-icon mastodon" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path class="path-update" style="fill:--solo-md;"d="M256 0c141.284 0 256 114.563 256 256 0 141.284-114.563 256-256 256C114.716 512 0 397.437 0 256 0 114.716 114.563 0 256 0zm134.506 175.487c-4.177-31.049-31.239-55.52-63.32-60.261-5.412-.801-25.918-3.717-73.421-3.717h-.354c-47.516 0-57.709 2.916-63.121 3.717-31.188 4.61-59.669 26.596-66.579 58.014-3.323 15.472-3.678 32.627-3.06 48.361.879 22.566 1.05 45.091 3.101 67.564a317.689 317.689 0 007.395 44.317c6.567 26.924 33.157 49.331 59.208 58.474a158.807 158.807 0 0086.622 4.57 126.28 126.28 0 009.367-2.561c6.988-2.22 15.173-4.701 21.191-9.063a.692.692 0 00.275-.525V362.6a.667.667 0 00-.066-.277.652.652 0 00-.721-.341 240.065 240.065 0 01-56.213 6.569c-32.58 0-41.342-15.46-43.849-21.895a67.833 67.833 0 01-3.812-17.259.611.611 0 01.054-.289.62.62 0 01.441-.361.644.644 0 01.293.006 235.518 235.518 0 0055.293 6.568c4.479 0 8.947 0 13.426-.12 18.732-.524 38.478-1.484 56.907-5.083.461-.091.921-.17 1.314-.288 29.073-5.583 56.739-23.104 59.55-67.472.104-1.748.368-18.296.368-20.108.012-6.16 1.983-43.699-.289-66.763zm-46.057 34.885v77.139H313.88v-74.867c0-15.761-6.569-23.8-19.929-23.8-14.689 0-22.045 9.511-22.045 28.291v40.981h-30.383v-40.981c0-18.78-7.371-28.291-22.058-28.291-13.281 0-19.915 8.039-19.915 23.8v74.867h-30.556v-77.139c0-15.761 4.025-28.283 12.072-37.565 8.303-9.26 19.193-14.014 32.711-14.014 15.645 0 27.468 6.016 35.35 18.033l7.607 12.767 7.62-12.767c7.881-12.017 19.705-18.033 35.323-18.033 13.506 0 24.395 4.754 32.724 14.014 8.041 9.274 12.056 21.796 12.048 37.565z"/></svg> </span> </a> <a href="https://www.drupal.org/u/flashwebcenter" title="Drupal" class="solo-clear drupal" target="_blank"> <span class="sm-icon"> <svg class="svg-icon drupal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style=" stroke:none;fill-rule:nonzero;fill:--solo-dr;fill-opacity:1;" d="M 15.007812 0.00390625 C 23.289062 0.00390625 30 6.71875 30 15 L 30 15.003906 C 29.996094 23.289062 23.277344 30 14.996094 29.996094 C 6.714844 29.996094 0 23.277344 0.00390625 14.996094 C 0.0078125 6.710938 6.722656 0 15.007812 0.00390625 Z M 14.929688 3.859375 C 14.519531 5.417969 13.128906 6.804688 11.675781 8.257812 C 9.5 10.4375 7.027344 12.90625 7.027344 16.609375 C 7.035156 20.96875 10.5625 24.5 14.921875 24.511719 C 19.285156 24.511719 22.828125 20.976562 22.832031 16.609375 C 22.832031 12.90625 20.367188 10.4375 18.183594 8.257812 L 17.988281 8.0625 C 16.609375 6.679688 15.324219 5.351562 14.929688 3.859375 Z M 15.039062 15.691406 C 15.945312 16.660156 16.519531 17.328125 17.117188 18.054688 C 17.164062 18.109375 17.203125 18.167969 17.238281 18.230469 C 17.96875 19.28125 17.871094 20.703125 17 21.644531 C 15.976562 22.75 14.25 22.820312 13.140625 21.796875 C 12.03125 20.773438 11.960938 19.042969 12.988281 17.933594 C 13.566406 17.246094 14.269531 16.570312 15.039062 15.691406 Z M 11.425781 12.066406 L 11.808594 12.425781 L 13.578125 14.238281 C 13.644531 14.3125 13.644531 14.425781 13.578125 14.503906 L 11.726562 16.546875 L 11.082031 17.335938 C 10.835938 17.636719 10.625 17.964844 10.457031 18.316406 C 10.433594 18.371094 10.382812 18.417969 10.324219 18.429688 L 10.257812 18.429688 C 10.078125 18.414062 9.871094 18.082031 9.871094 18.082031 L 9.839844 18.035156 C 9.796875 17.96875 9.757812 17.898438 9.722656 17.828125 L 9.6875 17.753906 C 9.433594 16.929688 9.414062 16.050781 9.628906 15.214844 L 9.652344 15.128906 C 9.847656 14.433594 10.160156 13.777344 10.570312 13.1875 C 10.832031 12.796875 11.121094 12.421875 11.425781 12.066406 Z M 14.941406 8.40625 C 15.414062 8.941406 15.945312 9.480469 16.445312 9.980469 L 16.457031 10.015625 C 17.503906 10.992188 18.453125 12.070312 19.285156 13.234375 C 19.992188 14.226562 20.378906 15.414062 20.390625 16.632812 C 20.390625 17.160156 20.3125 17.683594 20.15625 18.1875 L 20.148438 18.207031 C 20.105469 18.3125 20.015625 18.386719 19.90625 18.402344 L 19.855469 18.402344 C 19.746094 18.371094 19.65625 18.296875 19.601562 18.199219 L 19.515625 18.070312 C 19.066406 17.402344 18.554688 16.773438 17.996094 16.191406 L 17.273438 15.429688 L 14.867188 12.921875 C 14.460938 12.53125 13.734375 11.832031 13.425781 11.449219 C 13.417969 11.429688 13.40625 11.40625 13.394531 11.390625 C 13.308594 11.273438 13.246094 11.148438 13.203125 11.011719 L 13.203125 10.9375 C 13.160156 10.695312 13.195312 10.441406 13.296875 10.214844 C 13.363281 10.074219 13.457031 9.941406 13.566406 9.832031 C 14.035156 9.363281 14.5 8.910156 14.941406 8.40625 Z M 14.941406 8.40625 "/></g></svg> </span> </a> <a href="https://www.drupal.org/u/flashwebcenter" title="Threads" class="solo-clear threads" target="_blank"> <span class="sm-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" class="svg-icon threads"> <path fill="--solo-th" d="M59.431,67.349c-1.505,0.942-2.334,2.107-2.535,3.563c-0.253,1.836,0.546,3.125,1.261,3.885 c1.543,1.638,4.191,2.483,7.088,2.254c6.33-0.492,8.473-5.595,9.003-10.709c-2.376-0.565-4.707-0.848-6.858-0.848 C64.199,65.494,61.402,66.114,59.431,67.349z"/> <path d="M64.076,0.962h-0.152C29.109,0.962,0.886,29.185,0.886,64v0c0,34.815,28.223,63.038,63.038,63.038h0.152 c34.815,0,63.038-28.223,63.038-63.038v0C127.114,29.185,98.891,0.962,64.076,0.962z M37.892,66.349 c0.267,8.744,3.392,29.082,26.582,29.082c12.672,0,22.229-6.817,22.229-15.858c0-4.725-1.45-7.919-4.82-10.182 c-1.676,9.247-7.4,14.966-16.016,15.637c-5.356,0.419-10.296-1.311-13.531-4.744c-2.704-2.87-3.899-6.586-3.364-10.465 c0.521-3.783,2.729-7.068,6.215-9.251c4.707-2.946,11.425-3.797,18.656-2.488c-1.366-5.743-5.028-7.283-8.206-7.448 c-6.487-0.336-8.837,3.362-9.084,3.786l-7.033-3.811c0.186-0.351,4.662-8.573,16.532-7.964 c7.371,0.382,15.215,5.343,16.231,17.927c8.35,3.595,12.42,9.837,12.42,19.003c0,13.602-12.995,23.858-30.229,23.858 c-20.947,0-33.874-13.771-34.578-36.838c-0.432-14.117,3.068-25.422,10.12-32.693c6.004-6.191,14.33-9.33,24.746-9.33 c25.065,0,31.793,19.129,33.259,24.992l-7.762,1.939c-1.422-5.692-6.754-18.931-25.497-18.931c-8.169,0-14.563,2.321-19.003,6.899 C38.797,46.646,37.638,58.048,37.892,66.349z"/> </svg> </span> </a> <a href="rss.xml" title="Rss" class="solo-clear rss" target="_blank"> <span class="sm-icon"> <svg class="svg-icon rss" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30pt" height="30pt" viewBox="0 0 30 30" version="1.1"><g><path class="path-update" style="stroke:none;fill-rule:nonzero;fill:--solo-ss;fill-opacity:1;" d="M 15 0 C 6.714844 0 0 6.714844 0 15 C 0 23.285156 6.714844 30 15 30 C 23.285156 30 30 23.285156 30 15 C 30 6.714844 23.285156 0 15 0 Z M 8.089844 24.328125 C 6.742188 24.328125 5.648438 23.242188 5.648438 21.894531 C 5.648438 20.558594 6.742188 19.457031 8.089844 19.457031 C 9.441406 19.457031 10.535156 20.558594 10.539062 21.894531 C 10.539062 23.242188 9.445312 24.328125 8.089844 24.328125 Z M 14.230469 24.351562 C 14.230469 22.050781 13.335938 19.890625 11.714844 18.273438 C 10.09375 16.648438 7.941406 15.75 5.652344 15.75 L 5.652344 12.234375 C 12.328125 12.234375 17.765625 17.671875 17.765625 24.351562 Z M 20.472656 24.351562 C 20.472656 16.171875 13.824219 9.515625 5.65625 9.515625 L 5.65625 6 C 15.769531 6 24 14.234375 24 24.351562 Z M 20.472656 24.351562 "/></g></svg> </span> </a> <a href="mailto:#email" title="Email" class="solo-clear email"> <span class="sm-icon"> <svg class="svg-icon email" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><path fill="--solo-em" class="path-update" d="M61.44,0A61.46,61.46,0,1,1,18,18,61.21,61.21,0,0,1,61.44,0ZM32.22,79.39,52.1,59.46,32.22,43.25V79.39ZM54.29,61.24,33.79,81.79H88.91L69.33,61.24l-6.46,5.51h0a1.42,1.42,0,0,1-1.8,0l-6.78-5.53Zm17.18-1.82L90.66,79.55V43.07L71.47,59.42ZM34,41.09l27.9,22.76L88.65,41.09Zm65.4-17.64a53.72,53.72,0,1,0,15.74,38,53.56,53.56,0,0,0-15.74-38Z"/></svg> </span> </a> </div>   <div class="solo-clear footer-menu-second fade-inner"> <a id="footer-content" tabindex="-1"></a> <nav id="block-solo-subtheme-footer" class="block block-menu navigation menu--footer" aria-labelledby="block-solo-subtheme-footer-menu" role="navigation"> <h2 class="visually-hidden block__title" id="block-solo-subtheme-footer-menu">Footer menu</h2> <ul class="solo-footer-menu" role="menubar"> <li class="solo-footer-menu__item" role="none"> <a href="/message-developer/message-developer-discover-power-drupal-solo-theme-and-paragraphs-bundles-module" title="Discover the Power of Drupal with the Solo Theme and Paragraphs Bundles Module" role="menuitem" data-drupal-link-system-path="node/411">Developer's Message</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/about/drupal-solo-theme-about-solo-300" title="Explore about solo and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/300">About Solo</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/paragraphs-bundles/paragraphs-bundles-categorized-bundles-276" title="Explore paragraphs bundles and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/276">Paragraphs Bundles</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/quotes" title="Explore quotes and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="quotes">Quotes</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/videos" title="Drupal Development, List of All Solo's Theme How To Videos" role="menuitem" data-drupal-link-system-path="videos">Videos</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/contact" role="menuitem" data-drupal-link-system-path="contact">Contact</a> </li> </ul> </nav> <nav id="block-solo-subtheme-footerlinks" class="block block-menu navigation menu--footer-links" aria-labelledby="block-solo-subtheme-footerlinks-menu" role="navigation"> <h2 class="visually-hidden block__title" id="block-solo-subtheme-footerlinks-menu">Footer Links</h2> <ul class="solo-footer-menu" role="menubar"> <li class="solo-footer-menu__item" role="none"> <a href="/layout-and-structure/drupal-solo-theme-solos-architecture-274" title="Explore solo's architecture and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/274">Solo's Architecture</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/layout-and-structure/drupal-solo-theme-solos-blueprint-299" title="Explore solo's blueprint and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/299">Solo's Blueprint</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/solo-features/drupal-solo-theme-categorized-features-275" title="Explore solo's features and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/275">Solo's Features</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/styling-and-design-customization/drupal-solo-theme-categorized-settings-302" title="Explore solo's settings and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/302">Solo's Settings</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/categorized-color-schemes/drupal-solo-theme-categorized-color-schemes-278" title="Explore color schemes and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/278">Color Schemes</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/layout-and-structure/drupal-solo-theme-solo-regions-298" title="Explore solo's regions and enhance your Drupal development experience." role="menuitem" data-drupal-link-system-path="node/298">Solo's Regions</a> </li> <li class="solo-footer-menu__item" role="none"> <a href="/quotes-only" role="menuitem" data-drupal-link-system-path="quotes-only">Quotes Titles</a> </li> </ul> </nav> </div>  </div> </div>   <div id="copyright" class="solo-outer lone copyright" > <div id="copyright-inner" class="solo-inner solo-col copyright-inner solo-col-2">  <p class="copyright-first"> Copyright © 2024 Flash Web Center, LLC | All rights reserved </p>   <p class="copyright-second"> Developed & Designed by <a href="https://www.alaahaddad.com/" title="Alaa Haddad" target="_blank">Alaa Haddad</a> </p>  </div> </div>  </div>  </div> <script src="/sites/stars/files/js/js_8nLj9wh7p8STjJT7ztqLrBt_FP1zUAYRFzDrp_-cjqs.js?scope=footer&delta=0&language=en&theme=solo_subtheme&include=eJx1T0kOxCAM-xDLoQ9CKUTQNiWIRerzpzMU1MtcHC-yFBcm1uUG6YlXIFGmcWJsP2lKW2vAE7s_1GjgVWmLh3a5JSD1SGGZjw2L8RW8_oLwzJ7Q_NMKdrhGTT93L1lZF0WCDD5DCmZt0d2txRkLmVtB0jOUPZSLkyMUGS2kagPoyV5e_0FNw2DsmwNSwtwXd_4BwuNzgg"></script> <script src="https://cdn.jsdelivr.net/gh/jfeltkamp/cookiesjsr@1/dist/cookiesjsr-preloader.min.js" defer></script> <script src="/sites/stars/files/js/js_P-Cns1vUvyJP6DOUPDk6rAZ_z5Oo-kH93dQeBgP4gwg.js?scope=footer&delta=2&language=en&theme=solo_subtheme&include=eJx1T0kOxCAM-xDLoQ9CKUTQNiWIRerzpzMU1MtcHC-yFBcm1uUG6YlXIFGmcWJsP2lKW2vAE7s_1GjgVWmLh3a5JSD1SGGZjw2L8RW8_oLwzJ7Q_NMKdrhGTT93L1lZF0WCDD5DCmZt0d2txRkLmVtB0jOUPZSLkyMUGS2kagPoyV5e_0FNw2DsmwNSwtwXd_4BwuNzgg"></script> </body> </html>

CINXE.COM

Mystic Ash Twilight | SOLO