um-caps/cap1.html at main · mygithubid1/um-caps · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Capstone project using semantic tags</title>
</head>

<body>
  <main>
    <article>
      <h1>Main article</h1>
      <section>
        <h2>Main section title</h2>
        <p>
          Placeholder section content: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti dolor
          excepturi
          illum nam quidem quis! Assumenda eius ipsam perspiciatis reprehenderit saepe! Deleniti dolore eius
          eligendi,
          facilis odit sint vero. Adipisci, aliquid dolore doloremque eos, esse illo illum inventore itaque nam
          nihil
          nisi, nobis obcaecati possimus qui recusandae rem reprehenderit sit tempora vero voluptate. Aliquid
          architecto assumenda beatae eos expedita harum incidunt iusto nisi porro praesentium quis, quod totam?
          Ab
          eos, esse eveniet nobis omnis repudiandae sunt temporibus vel. At debitis dolorum officiis quibusdam
          unde?
          Eius eos incidunt iure minima modi nobis officiis perspiciatis quidem sed totam? Adipisci possimus
          quisquam
          veritatis!
        </p>
      </section>

      <footer>
        <p>Posted on
          <time datetime="2024-01-28 10:00">Jan 28, 2024</time>
        </p>
      </footer>
    </article>
  </main>
  <article>
    <h1>Another article</h1>
    <section>
      <h2>Section title for list items</h2>
      <p>
        Here are some items in an ordered list
      </p>
      <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ol>
    </section>

    <section>
      <h2>Section title for images of popular google products</h2>
      <div>
        <figure>
          <img
            src="https://i.pcmag.com/imagery/reviews/068mCnb1wutJY2XXnLJBXrD-6.fit_scale.size_1028x578.v1569477855.jpg"
            alt="Google search homepage" width=500>
          <figcaption>Google search engine - the most used search engine</figcaption>
        </figure>
        <figure>
          <img
            src="https://img-cdn.thepublive.com/fit-in/1280x960/filters:format(webp)/socialsamosa/media/post_banners/3odrXtpTIp9MnZBigT1n.jpg"
            alt="Youtube homepage" width=500>
          <figcaption>Youtube video hosting platform</figcaption>
        </figure>
        <figure>
          <img
            src="https://lh3.googleusercontent.com/4BcOYDs5e95hVbpGR0kDVKXRVAldcyYoHrM3q7Ashp2JrVARBVgglUwS_xPaIg_yuqWZJEpwlIjHUcQ63i9SPZBMq5E-t3A9EH5VX1y_mcRY_IbhYbg=s0"
            alt="Google docs" width=500>
          <figcaption>Google docs for editing documents</figcaption>
        </figure>
      </div>
    </section>
    <footer>
      <p>Posted on
        <time datetime="2024-01-29 20:00">Jan 29, 2024</time>
        about
        <a href="https://google.com" target="_blank">Google</a>
      </p>
    </footer>
  </article>
</body>

</html>