a11y_example/bad_example/bad_example.html at main · inspired-consulting/a11y_example · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

  <h1>My Portfolio</h1>
  <div>
    <a href="#about">About</a>
    <a href="#projects">Projects</a>
    <a href="#contact">Contact</a>
  </div>

  <h1>About Me</h1>
	<p>I'm a frontend developer passionate about accessibility. I love building applications that are inclusive and accessible to all users.</p>

  <h1>Project 1: To-Do List Web App</h1>
	<p>A web application that allows users to create, manage, and track their tasks. The app provides a user-friendly interface.</p>
  <p>This project demonstrates the use of functional programming concepts in building a practical and efficient application for task management.</p>
  <img src="../images/todo_list.jpeg">

  <h1>Project 2: Task Tracker App</h1>
  <p>An application built with functional programming principles to manage and track tasks. It uses immutability and pure functions to ensure data integrity.</p>

  <h1>Contact Me</h1>
  <p>If you'd like to get in touch, feel free to reach out to me at <a href="hello@bob.com">your.email@example.com</a>or fill out the following form:</p>

  <form action="#" method="post">
    <input type="text">
    <input type="email" name="email">
    <input type="text" required style="height: 80px;">

    <button type="submit">Click here!</button>
  </form>

  <p>&copy; 2023 Bob's Portfolio.</p>

</body>
</html>