Skip to content

Instantly share code, notes, and snippets.

@mnirfan

mnirfan/tugas_a11ybootcamp_kelas_06.html

Last active February 14, 2024 02:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mnirfan/571e1f68f58fdca83dd9d041a8ce89a9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mnirfan/571e1f68f58fdca83dd9d041a8ce89a9 to your computer and use it in GitHub Desktop.
Download ZIP
A11yBootcamp Homework - Bypass Block
Raw
tugas_a11ybootcamp_kelas_06.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inspirasi Shopee</title>
</head>
<body>
<header>
<a class="visually-hidden" href="#main-content">Skip to main content</a>
<div>
<button>
<img src="search.png" alt="show search bar">
</button>
<a href="/">
<img src="inspirasi-shopee.png" alt="Inspirasi Shopee">
</a>
</div>
<nav>
<ul>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/category/health-beauty/">
Health & Beauty
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/category/news-lifestyle/">
News & Lifestyle
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/category/gadget-electronics/">
gadget & Electronics
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/category/finance/">
Finance
</a>
</li>
<li>
<a href="https://shopee.co.id/">
<img src="/cart.png" alt="">
<span>Shop</span>
</a>
</li>
</ul>
</nav>
</header>
<main>
<h1 class="visually-hidden">Artikel</h1>
<!-- article 1 -->
<article>
<img src="article-1.png" alt="seorang kurir menyerahkan paket" />
<footer>
<div>26 AUGUST 2023</div>
<a href="https://shopee.co.id/inspirasi-shopee/category/featured/">
FEATURED
</a>
<a href="https://shopee.co.id/inspirasi-shopee/category/fun-read/">
FUN READ
</a>
BY
<a href="https://shopee.co.id/inspirasi-shopee/author/rien-reka/">RIEN REKA</a>
</footer>
<h2>
<a href="https://shopee.co.id/inspirasi-shopee/panduan-pakai-shopee-cod-cek-dulu-bisa-buka-paket-sebelum-bayar/">
5 Panduan Pakai Shopee COD – Cek Dulu, Bisa Buka Paket Sebelum Bayar!
</a>
</h2>
<p>Yuk pakai metode pembayaran COD – Cek Dulu yang hadir untuk membuat pengalaman belanja Sobat Shopee semakin praktis dan nyaman</p>
</article>
<!-- article 2 -->
<article>
<img src="article-1.png" alt="seorang kurir menyerahkan paket" />
<footer>
<div>26 AUGUST 2023</div>
<a href="https://shopee.co.id/inspirasi-shopee/category/featured/">
FEATURED
</a>
<a href="https://shopee.co.id/inspirasi-shopee/category/fun-read/">
FUN READ
</a>
BY
<a href="https://shopee.co.id/inspirasi-shopee/author/rien-reka/">RIEN REKA</a>
</footer>
<h2>
<a href="https://shopee.co.id/inspirasi-shopee/panduan-pakai-shopee-cod-cek-dulu-bisa-buka-paket-sebelum-bayar/">
5 Panduan Pakai Shopee COD – Cek Dulu, Bisa Buka Paket Sebelum Bayar!
</a>
</h2>
<p>Yuk pakai metode pembayaran COD – Cek Dulu yang hadir untuk membuat pengalaman belanja Sobat Shopee semakin praktis dan nyaman</p>
</article>
<nav aria-label="pagination">
<ul>
<li>
<a href="" aria-current="page">
1
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/page/2/">
2
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/page/747/">
747
</a>
</li>
<li>
<a href="https://shopee.co.id/inspirasi-shopee/page/2">
<img src="chevron-right.png" alt="Selanjutnya">
</a>
</li>
</ul>
</nav>
<aside>
<h1>Artikel Populer</h1>
<!-- article 1 -->
<article>
<img
src="article-1.png"
alt="seorang kurir penyerahkan paket"
>
<h2>
<a href="https://shopee.co.id/inspirasi-shopee/panduan-pakai-shopee-cod-cek-dulu-bisa-buka-paket-sebelum-bayar/">
5 Panduan Pakai Shopee COD – Cek Dulu, Bisa Buka Paket Sebelum Bayar!
</a>
</h2>
</article>
<!-- article 2 -->
<article>
<img
src="article-1.png"
alt="seorang kurir penyerahkan paket"
>
<h2>
<a href="https://shopee.co.id/inspirasi-shopee/panduan-pakai-shopee-cod-cek-dulu-bisa-buka-paket-sebelum-bayar/">
5 Panduan Pakai Shopee COD – Cek Dulu, Bisa Buka Paket Sebelum Bayar!
</a>
</h2>
</article>
</aside>
</main>
<footer>
© 2024 Inspirasi Shopee.
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment