+
+
diff --git a/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.scss b/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.scss
new file mode 100644
index 0000000000..f9ca946232
--- /dev/null
+++ b/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.scss
@@ -0,0 +1,71 @@
+@import '~carbon-components/scss/globals/scss/vendor/@carbon/type/scss/font-family';
+@import '~carbon-components/scss/globals/scss/typography';
+
+.landing-page__illo {
+ max-width: 100%;
+}
+
+.landing-page__banner {
+ padding-top: $spacing-05;
+ padding-bottom: $spacing-07 * 4;
+}
+
+@mixin landing-page-background() {
+ background-color: $ui-01;
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: -$spacing-05;
+ top: 0;
+ right: -$spacing-05;
+ bottom: 0;
+ background: $ui-01;
+ z-index: -1;
+ }
+}
+
+.landing-page__banner {
+ padding-top: $spacing-05;
+ padding-bottom: $spacing-07 * 4;
+ @include landing-page-background;
+}
+
+.landing-page__heading {
+ @include type-style('productive-heading-05');
+}
+
+.landing-page__r2 {
+ margin-top: rem(-40px);
+}
+
+.landing-page__tab-content {
+ padding-top: $layout-05;
+ padding-bottom: $layout-05;
+}
+
+.landing-page__subheading {
+ @include type-style('productive-heading-03');
+ @include carbon--font-weight('semibold');
+}
+
+.landing-page__p {
+ @include type-style('productive-heading-03');
+ margin-top: $spacing-06;
+ margin-bottom: $spacing-08;
+
+ @include carbon--breakpoint-between((320px + 1), md) {
+ max-width: 75%;
+ }
+}
+
+.landing-page__r3 {
+ padding-top: $spacing-09;
+ padding-bottom: $spacing-09;
+ @include landing-page-background;
+}
+
+.landing-page__label {
+ @include type-style('heading-01');
+}
diff --git a/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.spec.ts b/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.spec.ts
new file mode 100644
index 0000000000..ff98f29454
--- /dev/null
+++ b/carbon-angular-tutorial/src/app/home/landing-page/landing-page.component.spec.ts
@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LandingPageComponent } from './landing-page.component';
+
+import { GridModule } from 'carbon-components-angular';
+
+describe('LandingPageComponent', () => {
+ let component: LandingPageComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + What is Carbon? +
++ Carbon is IBM’s open-source design system for digital + products and experiences. With the IBM Design Language + as its foundation, the system consists of working code, + design tools and resources, human interface guidelines, + and a vibrant community of contributors. +
+ +
+ 
+
+
+
+
+
+
+
+ Rapidly build beautiful and accessible experiences. The Carbon kit
+ contains all resources you need to get started.
+
+
+
+
+
+
+ Carbon provides styles and components in Vanilla, React, Angular,
+ and Vue for anyone building on the web.
+
+
+
+
+
+ The Principles
+Carbon is Open
+ Carbon is Modular
+ Carbon is Consistent
+
+
diff --git a/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.scss b/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.scss
new file mode 100644
index 0000000000..6c2b6757bf
--- /dev/null
+++ b/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.scss
@@ -0,0 +1,6 @@
+@import '~carbon-components/scss/globals/scss/typography';
+
+.repo-page .cds--row {
+ padding-top: $spacing-05;
+ padding-bottom: $spacing-05;
+}
diff --git a/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.spec.ts b/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.spec.ts
new file mode 100644
index 0000000000..8635ae4b32
--- /dev/null
+++ b/carbon-angular-tutorial/src/app/repositories/repo-page/repo-page.component.spec.ts
@@ -0,0 +1,27 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RepoPageComponent } from './repo-page.component';
+
+import { RepoTableComponent } from '../repo-table/repo-table.component';
+
+describe('RepoPageComponent', () => {
+ let component: RepoPageComponent;
+ let fixture: ComponentFixture
+
+
+
+ Carbon Repositories
+A collection of public Carbon repositories.
+landing-page works!
diff --git a/src/app/home/landing-page/landing-page.component.spec.ts b/src/app/home/landing-page/landing-page.component.spec.ts deleted file mode 100644 index 463ba36fda..0000000000 --- a/src/app/home/landing-page/landing-page.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { LandingPageComponent } from './landing-page.component'; - -describe('LandingPageComponent', () => { - let component: LandingPageComponent; - let fixture: ComponentFixturerepo-page works!
diff --git a/src/app/repositories/repo-page/repo-page.component.spec.ts b/src/app/repositories/repo-page/repo-page.component.spec.ts deleted file mode 100644 index 25364e32e9..0000000000 --- a/src/app/repositories/repo-page/repo-page.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { RepoPageComponent } from './repo-page.component'; - -describe('RepoPageComponent', () => { - let component: RepoPageComponent; - let fixture: ComponentFixture