Skip to content

Instantly share code, notes, and snippets.

@JacobLett
Last active March 9, 2023 08:46
Show Gist options
  • Select an option

  • Save JacobLett/86be1b4cb21df98a711a2358b6bcbdc6 to your computer and use it in GitHub Desktop.

Select an option

Save JacobLett/86be1b4cb21df98a711a2358b6bcbdc6 to your computer and use it in GitHub Desktop.
hubspot custom module boilerplate template
{% set moduleClass = "module-boilerplate" %}
<!--
{{ moduleClass }}
2020 created by Jacob Lett
docs:
https://www.dropbox.com/sh/d6ds1bptov4ou1x/AADRGt1-8UecJbff9BAj2EJta/Developers/CustomModulesV2%20_CMS.pdf?dl=0
https://designers.hubspot.com/blog/developer-day-2018-videos
https://designers.hubspot.com/docs/hubl/if-statements
https://designers.hubspot.com/docs/hubl/tags
-->
<section id="{{ name }}" class="{{ moduleClass }} {{ module.orientation }} {{ module.visual_preset }} {{ module.bc_css_class if module.visual_preset =="custom"}}">
<div class="{{ moduleClass }}__content">
</div>
<!-- /.{{ moduleClass }}__content -->
</section>
<!-- /.{{ moduleClass }}-->
{% require_css %}
<style>
/* GLOBAL MODULE STYLES */
.{{ moduleClass }} {
}
.{{ moduleClass }}__content {
}
/* UNIQUE MODULE STYLES */
#{{ name }} {
}
@media screen (min-width: 800px) {
}
</style>
{% end_require_css %}
{% require_js %}
<script>
$( document ).ready(function() {
});
$(window).load(function() {
});
</script>
{% end_require_js %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment