HTML/index.html at main · DocMAP/HTML · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My First HTML web page</title>
    <style>
      img {
        width: 200px;
        border-radius: 100px;
        float: left;
        margin-right: 20px;
      }

      p.username {
        font-weight: bold;
        font-size: 24px;
      }
      h1 {
        font-size: 36px;
        font-style: italic;
        border: double;
        display: flex;
        justify-content: center;
        text-shadow: 2px 2px 4px #000000;
      }
      h2 {
        font-size: 30px;
        margin-bottom: 5px;
        margin-left: 40px;
        text-decoration: underline;
      }

      .columns {
        column-count: 3;
      }
    </style>
  </head>
  <body>
    <a href="Company/about.html">About Me</a>
    <a href="mailto:mark@popwell.com">Email Me</a>
    <h1>First Day Using HTML in Visual Studio Code</h1>
    <img src="images/Formated_6013.png" alt="image could not be displayed" />
    <p class="username">
      Follow on
      <a href="https://twitter.com/MarkPopwell" target="_blank">Twitter</a>
      @MarkPopwell or on
      <a href="https://facebook.com" target="_blank">Facebook</a> that I will
      never see. . . totally up to you.
    </p>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni veniam
      molestiae eligendi quam. Inventore vitae expedita, quibusdam dolorum iure
      placeat necessitatibus fugiat eum suscipit distinctio laboriosam magnam
      aspernatur tempora cumque dignissimos eius perspiciatis soluta delectus
      quaerat quod eos quidem laudantium. Consequuntur praesentium sint facere
      quibusdam quam est necessitatibus ratione eligendi. Nihil inventore
      deleniti dolores iure quisquam quo at totam labore amet! Laudantium
      dignissimos odio accusamus perspiciatis voluptatem eveniet est, quidem,
      dicta, corrupti vitae earum. In sunt neque nam? Ut mollitia eos optio ab
      dolor, officia fugit similique amet vero quae dolorum voluptatem.
    </p>
    <div class="columns">
      Incidunt animi sapiente et molestias officia eius iusto hic beatae odit
      omnis? Aperiam neque esse libero voluptatibus cumque vel architecto
      explicabo minus labore numquam quod, deserunt odio. Natus facilis culpa
      nihil voluptatum libero perferendis repudiandae maiores laborum dicta
      sint. Voluptate eius natus vero aut laboriosam, fuga deserunt tempora
      perspiciatis. Dolore, itaque soluta molestiae repudiandae voluptates,
      neque blanditiis, possimus cum laudantium laborum nemo. Vero in suscipit
      sunt tempore illo maiores harum sequi necessitatibus magnam qui,
      temporibus nihil veritatis, dignissimos rerum libero, voluptatum tempora
      veniam soluta reprehenderit aspernatur ex architecto repellat enim non.
      Doloribus!
    </div>
    <h2>Family Pictures:</h2>
    <a href="images/GoldenGateBridge.jpg"
      >At the Golden Gate Bridge (Opens in Browser)</a
    >
    <h6></h6>
    <a href="images/GoldenGateBridge.jpg" download
      >At the Golden Gate Bridge (Download)</a
    >
    <h6></h6>
    <a href="images/IMG_0611.JPG">At Auburn First Baptist (Opens in Browser)</a>
    <h6></h6>
    <a href="images/IMG_0611.JPG" download
      >At Auburn First Baptist (Download)</a
    >
  </body>
</html>