<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Nested accordion in Blog, Website &amp; Page Publishing</title>
    <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/918491#M10919</link>
    <description>&lt;P&gt;Hello! What I usually do in these cases is search for a theme or template that has the feature or module I am looking for. That way is way more easier than building from scratch. I hope this helps!&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 07 Feb 2024 11:47:58 GMT</pubDate>
    <dc:creator>MFernandez_VM</dc:creator>
    <dc:date>2024-02-07T11:47:58Z</dc:date>
    <item>
      <title>Nested accordion</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/918483#M10917</link>
      <description>&lt;P&gt;Hi everyone. I want to create a nested accordion on my landing page. Is there any way to achieve this?&lt;/P&gt;</description>
      <pubDate>Wed, 07 Feb 2024 11:25:18 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/918483#M10917</guid>
      <dc:creator>SMomo</dc:creator>
      <dc:date>2024-02-07T11:25:18Z</dc:date>
    </item>
    <item>
      <title>Re: Nested accordion</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/918491#M10919</link>
      <description>&lt;P&gt;Hello! What I usually do in these cases is search for a theme or template that has the feature or module I am looking for. That way is way more easier than building from scratch. I hope this helps!&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 07 Feb 2024 11:47:58 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/918491#M10919</guid>
      <dc:creator>MFernandez_VM</dc:creator>
      <dc:date>2024-02-07T11:47:58Z</dc:date>
    </item>
    <item>
      <title>Re: Nested accordion</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/919206#M10929</link>
      <description>&lt;P&gt;Thanks! Any template recommendation?&lt;/P&gt;</description>
      <pubDate>Thu, 08 Feb 2024 09:23:09 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/919206#M10929</guid>
      <dc:creator>SMomo</dc:creator>
      <dc:date>2024-02-08T09:23:09Z</dc:date>
    </item>
    <item>
      <title>Re: Nested accordion</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/919275#M10931</link>
      <description>&lt;DIV class="UserSignature lia-message-signature"&gt;
&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/702795"&gt;@SMomo&lt;/a&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;An alternative to ready-made templates is to create a module from the Design Tool, within the theme you are interested in, in which you insert the code for a nested accordion. You can find several ready-to-use examples on the Internet, such as &lt;A href="https://codepen.io/Elodieb/pen/OJyLxXm" target="_blank" rel="noopener"&gt;this one&lt;/A&gt; on Codepen.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The positive side of creating a customised module is that, having a minimum knowledge of css, you can insert your own style and have the possibility to characterise the module in the way that best suits your needs.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I hope I have been of some help,&lt;BR /&gt;Silvia&lt;/P&gt;
&lt;BR /&gt;
&lt;TABLE style="font-size: medium; font-family: 'verdana';" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;
&lt;TABLE style="font-size: medium; font-family: 'verdana';" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD width="189.336px" style="vertical-align: middle;"&gt;
&lt;H3 class="sc-fBuWsC eeihxG" style="margin: 0px; font-size: 18px; color: #000000;"&gt;&lt;!-- YOUR NAME --&gt;&lt;FONT color="#3e3e3e"&gt;&lt;SPAN&gt; Silvia Casanova&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/H3&gt;
&lt;P class="sc-fMiknA bxZCMx" style="margin: 0px; color: #000000; font-size: 14px; line-height: 22px;"&gt;&lt;!-- YOUR ROLE --&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif" color="#3e3e3e"&gt;&lt;SPAN&gt; Project Manager&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;P class="sc-dVhcbM fghLuF" style="margin: 0px; font-weight: 500; color: #000000; font-size: 14px; line-height: 22px;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif" color="#3e3e3e"&gt;&lt;SPAN&gt;Exelab&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/P&gt;
&lt;!-- align center the images in this table , add in style="text-align:center" --&gt;
&lt;TABLE style="font-size: medium; font-family: 'verdana'; padding-top: 10px; text-align: center;" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD width="80"&gt;&lt;IMG style="max-width: 60px;" src="https://www.exelab.com/hubfs/raw_assets/public/hs_exelab/images/Diamond-HS%202.png" border="0" alt="hs diamond" width="60" /&gt;&lt;/TD&gt;
&lt;TD width="80"&gt;&lt;IMG style="max-width: 50px;" src="https://www.exelab.com/hubfs/raw_assets/public/hs_exelab/images/logo-exelab-black-mobile.svg" border="0" alt="exelab logo" width="50" /&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;/TD&gt;
&lt;TD width="41px"&gt;
&lt;DIV style="width: 30px;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;/TD&gt;
&lt;TD width="40px" class="sc-jhAzac hmXDXQ" style="width: 1px; border-bottom: none; border-left: 1px solid #F6861F;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/TD&gt;
&lt;TD width="41px"&gt;
&lt;DIV style="width: 30px;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;/TD&gt;
&lt;TD width="266.164px" style="vertical-align: middle;"&gt;
&lt;TABLE class="sc-gPEVay eQYmiW" style="font-size: medium; font-family: 'verdana';" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR style="vertical-align: middle;"&gt;
&lt;TD width="30" style="vertical-align: middle;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/TD&gt;
&lt;TD style="padding: 0px; color: #000000;"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif" color="#3e3e3e"&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR style="vertical-align: middle;"&gt;
&lt;TD width="30" style="vertical-align: middle;"&gt;
&lt;TABLE class="sc-gPEVay eQYmiW" style="font-size: medium; font-family: 'verdana';" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD style="vertical-align: bottom;"&gt;&lt;SPAN class="sc-jlyJG bbyJzT"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&lt;IMG class="sc-iRbamj blSEcj" src="https://3963388.fs1.hubspotusercontent-na1.net/hubfs/3963388/feature%20images/email.png" border="0" width="20" /&gt;&lt;/FONT&gt;&lt;/SPAN&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;/TD&gt;
&lt;!-- your email after mailto: --&gt;
&lt;TD style="padding: 0px;"&gt;&lt;A style="text-decoration: none; color: #000000; font-size: 12px;" href="mailto:silvia.casanova@exelab.com" target="_blank" rel="nofollow noopener noreferrer"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif" color="#3e3e3e"&gt; &lt;!-- your email --&gt; silvia.casanova@exelab.com&lt;/FONT&gt;&lt;/A&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR style="vertical-align: middle;"&gt;
&lt;TD width="30" style="vertical-align: middle;"&gt;
&lt;TABLE class="sc-gPEVay eQYmiW" style="font-size: medium; font-family: 'verdana';" cellspacing="0" cellpadding="0"&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD style="vertical-align: bottom;"&gt;&lt;SPAN class="sc-jlyJG bbyJzT"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif"&gt;&lt;IMG class="sc-iRbamj blSEcj" src="https://3963388.fs1.hubspotusercontent-na1.net/hubfs/3963388/feature%20images/web.png" border="0" width="20" /&gt;&lt;/FONT&gt;&lt;/SPAN&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;/TD&gt;
&lt;TD style="padding: 0px;"&gt;&lt;A class="sc-gipzik iyhjGb" style="text-decoration: none; color: #000000; font-size: 12px;" href="https://exelab.com/" target="_blank" rel="nofollow noopener noreferrer"&gt;&lt;FONT face="Lexend Deca, system-ui, Helvetica, Arial, sans-serif" color="#3e3e3e"&gt; exelab.com&lt;/FONT&gt;&lt;/A&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TBODY&gt;
&lt;/TABLE&gt;
&lt;!-- A table with 2 images in the same row with some space in top --&gt;&lt;/DIV&gt;</description>
      <pubDate>Thu, 08 Feb 2024 11:44:43 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Nested-accordion/m-p/919275#M10931</guid>
      <dc:creator>SilviaCasanova</dc:creator>
      <dc:date>2024-02-08T11:44:43Z</dc:date>
    </item>
  </channel>
</rss>

