vcgit-forge/angular-accessibility
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-accessibility.git synced 2026-02-10 04:43:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

codelab: use semantic html

Browse Source
This commit is contained in:
twerske
2021-04-19 12:10:43 -07:00
parent 44fe7cdd59
commit f9ebb73eb9
2 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/about/about.component.html
View File

@@ -15,13 +15,13 @@ limitations under the License.
--> -->
<div class="about"> <div class="about">
<!-- TODO: #6. Use Semantic HTML --> <!-- TODO: #6. Use Semantic HTML -->
<h3>Who are we?</h3> <h2>Who are we?</h2>
<h2>Have you ever thought, “wow, I love dumplings”?</h2> <p class="mat-subheading-2">Have you ever thought, “wow, I love dumplings”?</p>
<h5 class="right">Who hasn't.</h5> <p class="right mat-subheading-1">Who hasn't.</p>
<h6 class="center">We took it one step further and created Dumpling Dumpling,</h6> <p class="center mat-subheading-1">We took it one step further and created Dumpling Dumpling,</p>
<h5 class="center">double the dumpling, double the fun.</h5> <p class="center mat-subheading-1">double the dumpling, double the fun.</p>
<div class="spacer"></div> <div class="spacer"></div>
<h5>How are we different?</h5> <h2>How are we different?</h2>
<h4>Handmade in San Francisco, California, we craft fully customizable dumplings. Glitter? Rainbows? Vegan? We do it all.</h4> <p class="mat-subheading-2">Handmade in San Francisco, California, we craft fully customizable dumplings. Glitter? Rainbows? Vegan? We do it all.</p>
<h3 class="right">This shop is concept only.</h3> <p class="right mat-subheading-2">This shop is concept only.</p>
</div> </div>

9
src/app/shop/shop.component.html
View File

@@ -95,7 +95,10 @@ limitations under the License.
</mat-card> </mat-card>
</div> </div>
<!-- TODO: #6. Use Semantic HTML (& Angular Material!) --> <!-- TODO: #6. Use Semantic HTML (& Angular Material!) -->
<div (click)="fauxPurchase()" class="purchase-button"> <button mat-flat-button
<h3>Purchase</h3> color="primary"
</div> class="purchase-button"
(click)="fauxPurchase()">
Purchase
</button>
</div> </div>