sartography
/
sartography-website
mirror of https://github.com/sartography/sartography-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
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.
```bash
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

14
src/app/training/training.component.html
View File

@ -81,7 +81,19 @@
courses, you'll be equipped to accomplish highly complex tasks and improve collaboration across your
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>
</div>

12
src/app/training/training.component.ts
View File

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

2
src/index.html
View File

@ -9,6 +9,8 @@
<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/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>
<body>
<app-root></app-root>