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

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

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