Add hubspot form.

This commit is contained in:
Dan Funk 2024-09-13 14:23:44 -04:00
parent eed9fb7676
commit 5d9a7367e9
4 changed files with 28 additions and 2 deletions

View File

@ -26,7 +26,7 @@ Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protrac
You can re-deploy our website if you have permission to contribute to this repository. You can re-deploy our website if you have permission to contribute to this repository.
```bash ```bash
ng build --configuration production --base-href https://sartography.com/ ng build --configuration production --base-href https://sartography.com/
ngh --dir=dist/sartography-website/ --cname=sartography.com ngh --dir=dist/sartography-website/browser --cname=sartography.com
``` ```
## Further help ## Further help

View File

@ -81,7 +81,19 @@
courses, you'll be equipped to accomplish highly complex tasks and improve collaboration across your courses, you'll be equipped to accomplish highly complex tasks and improve collaboration across your
organization.</p> organization.</p>
<a href="#" class="cta">Enroll in Training Today</a> <br/>
<h3>Complete the form below, and we'll get your class scheduled!</h3>
<div>
<div id="hubspotForm"></div>
</div>
<script>
hbspt.forms.create({
region: "na1",
portalId: "42562038",
formId: "86fbeaf0-3ec2-4827-9555-5002d57bdce3"
});
</script>
</main> </main>
</div> </div>

View File

@ -3,6 +3,8 @@ import {isEven} from '../util';
import {NgIf} from '@angular/common'; import {NgIf} from '@angular/common';
import {InlineSVGModule} from 'ng-inline-svg-2'; import {InlineSVGModule} from 'ng-inline-svg-2';
declare var hbspt: any
@Component({ @Component({
selector: 'app-training', selector: 'app-training',
standalone: true, standalone: true,
@ -16,4 +18,14 @@ import {InlineSVGModule} from 'ng-inline-svg-2';
export class TrainingComponent { export class TrainingComponent {
protected readonly isEven = isEven; protected readonly isEven = isEven;
ngAfterContentInit() {
hbspt.forms.create({
region: "na1",
portalId: "42562038",
formId: "86fbeaf0-3ec2-4827-9555-5002d57bdce3",
target: "#hubspotForm"
});
}
} }

View File

@ -9,6 +9,8 @@
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,500,700,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,500,700,900&display=swap" rel="stylesheet">
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>