Vvveb.Sections.add("base/1-column", {
    name: "1 column",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/1-column-thumb.webp",
    html: `<section title="one column" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/2-columns-ratio", {
    name: "2 columns ratio",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/2-columns-ratio-thumb.webp",
    html: `<section title="two columns ratio" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col-4"></div>
      <div class="col-8"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/2-columns", {
    name: "2 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/2-columns-thumb.webp",
    html: `<section title="two columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/3-columns-ratio", {
    name: "3 columns ratio",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/3-columns-ratio-thumb.webp",
    html: `<section title="two columns ratio" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col-3"></div>
      <div class="col-6"></div>
      <div class="col-3"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/3-columns", {
    name: "3 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/3-columns-thumb.webp",
    html: `<section title="three columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/3-grid-left", {
    name: "3 grid left",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/3-grid-left-thumb.webp",
    html: `<section title="three grid left" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col">
        <div class="row">
          <div class="col"></div>
          <div class="col"></div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/3-grid", {
    name: "3 grid",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/3-grid-thumb.webp",
    html: `<section title="three grid" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
    </div>
    <div class="row">
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/4-columns", {
    name: "4 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/4-columns-thumb.webp",
    html: `<section title="four columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/4-grid-masonry", {
    name: "4 grid masonry",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/4-grid-masonry-thumb.webp",
    html: `<section title="four grid masonry" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col-8"></div>
      <div class="col-4"></div>
    </div>
    <div class="row">
      <div class="col-4"></div>
      <div class="col-8"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/4-grid", {
    name: "4 grid",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/4-grid-thumb.webp",
    html: `<section title="four grid" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
    </div>
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/6-columns", {
    name: "6 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/6-columns-thumb.webp",
    html: `<section title="six columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/6-grid", {
    name: "6 grid",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/6-grid-thumb.webp",
    html: `<section title="six grid" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/8-columns", {
    name: "8 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/8-columns-thumb.webp",
    html: `<section title="eight columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/12-columns", {
    name: "12 columns",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/12-columns-thumb.webp",
    html: `<section title="twelve columns" class="py-4">
  <div class="container">
    <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("base/blank", {
    name: "Blank",
    image: Vvveb.themeBaseUrl + "/screenshots/sections/base/blank-thumb.webp",
    html: `<section title="blank" class="py-4">
  <div class="container">
    <h1>Blank container</h1>
  </div>
</section>`
});
	Vvveb.SectionsGroup["Base"] = ["base/1-column","base/2-columns-ratio","base/2-columns","base/3-columns-ratio","base/3-columns","base/3-grid-left","base/3-grid","base/4-columns","base/4-grid-masonry","base/4-grid","base/6-columns","base/6-grid","base/8-columns","base/12-columns","base/blank"];
