-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle.html
56 lines (55 loc) · 5.99 KB
/
article.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style2.css">
<title>The Secret to Easy and Quick Accessibility</title>
</head>
<body>
<header class="header">
<h1 aria-label="logo" class="header__logo"><a href="index.html">In-tech-nify</a></h1>
<nav class="header__nav">
<ul role="tree" class="header__nav__list">
<li class="header__nav__list__item" role="treeitem"><a href="blog.html">Blog</a></li>
<li class="header__nav__list__item" role="treeitem"><a href="index.html#our-team">Our Team</a></li>
<li class="header__nav__list__item" role="treeitem"><a href="index.html#newsletter">Newsletter</a></li>
</ul>
</nav>
</header>
<main class="article-main">
<h2 class="article-main__header">The Secret to Easy and Quick Accessibility</h2>
<img class="article-main__image" src="./assets/images/Accessibility.png" alt="Drawing of two people with a browser window as a backdrop; one of them uses a wheelchair." height="400" width="580">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque qui iusto nobis distinctio rem consequuntur dolores veritatis tempora consequatur! Ex nostrum rerum nemo autem ipsum facere aperiam eius molestias, ipsam libero consequuntur vel, quas facilis culpa laudantium cum ratione accusamus natus excepturi asperiores perferendis repellat quae nobis? Excepturi molestias temporibus cupiditate, dolores accusantium ipsum id perspiciatis fuga, est ratione deleniti possimus!</p>
<p>At ea quos, atque officia eveniet odit enim, quisquam, voluptatum dolores similique minus? Molestias non magnam enim quas officia. Amet architecto rem officiis repudiandae nobis quia odit numquam dignissimos inventore aliquid nemo minus, dicta vel minima et. Unde blanditiis est vero, magni fugit impedit repellendus voluptatibus sit mollitia vitae neque, aut similique dicta. Ipsam deserunt quod amet aliquam corrupti a. Ipsa, officia numquam commodi nam beatae eum at dolorem iure deleniti repellat suscipit cumque cupiditate atque natus voluptates facere sit sed, recusandae facilis quam perspiciatis nobis totam assumenda? Quam, officia? Provident voluptates possimus asperiores, in ab blanditiis itaque dicta rem expedita, quod aut officiis sunt natus numquam sapiente mollitia debitis sed molestias obcaecati doloremque. Ab nostrum voluptatem neque minima, rem excepturi commodi incidunt asperiores id reprehenderit fugiat dolorem odio sequi dicta eaque nesciunt deleniti esse dolor sint obcaecati, harum adipisci. Veniam dolorem sequi assumenda totam adipisci, est aliquam quasi consequuntur, expedita excepturi autem voluptates debitis. Temporibus magnam sunt vel quaerat quo itaque nostrum. Voluptas cupiditate soluta itaque debitis id atque quae error, tempora saepe quibusdam quo veniam, vitae eos illo? Molestiae delectus magnam magni illo, natus quisquam earum quibusdam omnis sunt ipsa fuga. Velit temporibus neque, nulla ea asperiores cum saepe ab, fugiat eveniet, culpa quis dolores consequatur cupiditate non labore. Ipsum nulla cum voluptatibus laboriosam quae dicta ratione tempore, rem doloremque corporis fugit quis quas quam magnam omnis culpa numquam vero. Hic ipsam et facilis voluptate earum eos commodi. Alias nam perspiciatis suscipit sed corporis veritatis cum aliquid accusantium officia porro sunt architecto ratione, illo doloribus necessitatibus ullam dignissimos eveniet reprehenderit, at magnam maxime, vero autem quisquam placeat?</p>
<p>Totam repudiandae optio ipsam omnis perspiciatis tenetur eveniet accusantium adipisci animi inventore placeat facilis esse sunt veritatis quae quisquam assumenda rerum neque ab exercitationem, tempore sed illo laboriosam eum? Odio recusandae voluptatem alias ad blanditiis explicabo illo, veniam repellendus voluptatum mollitia, fugit omnis est reiciendis odit ab, ullam eligendi deleniti veritatis aliquam consectetur iusto et non ipsa rerum? Maxime neque harum, vel impedit sapiente numquam nostrum dolores. Minus natus sapiente nemo, ratione numquam similique qui ipsam totam culpa voluptates eum provident ducimus! Architecto consectetur laborum facere voluptatibus, ad minima in! Nesciunt tenetur delectus placeat natus non dolorem ex consequatur a, quaerat voluptatum quibusdam molestiae maxime dicta molestias earum assumenda, impedit vel ea sint architecto fuga. Adipisci eum dolores cupiditate voluptatibus sequi incidunt vero reiciendis dolore, pariatur, labore necessitatibus aliquid eaque, consectetur rerum sapiente in facilis fuga quia mollitia laborum? Animi recusandae, quas facere voluptas iste nam voluptatum ea? Ad nulla, temporibus deleniti magnam quis, veniam, eveniet fuga nostrum incidunt dicta facere beatae. Corporis, doloremque temporibus delectus fuga repellendus numquam nesciunt.</p>
</main>
<footer class="footer">
<p class="footer__copyright">Copyright © 2021</p>
<nav class="footer__nav">
<ul class="footer__nav__list" role="tree">
<li class="nav-item" role="treeitem">
<a class="nav-item__link" aria-label="Go to our Twitter account" href="#">
<i class="fab fa-twitter nav-item__link__icon"></i>
</a>
</li>
<li class="nav-item" role="treeitem">
<a class="nav-item__link" aria-label="Go to our Facebook page" href="#">
<i class="fab fa-facebook nav-item__link__icon"></i>
</a>
</li>
<li class="nav-item" role="treeitem">
<a class="nav-item__link" aria-label="Go to our Instagram account" href="#">
<i class="fab fa-instagram nav-item__link__icon"></i>
</a>
</li>
</ul>
</nav>
</footer>
<script
src="https://kit.fontawesome.com/cc4be81cad.js"
crossorigin="anonymous"
></script>
</body>
</html>