css-beginner-tasks/simpleBiography.html at main · yawar2518/css-beginner-tasks · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Biography</title>
</head>
<style>
        body {
    font-family: Arial, Helvetica, sans-serif;
    }

    h1 {
    color: hotpink;
    font-size: 2em;
    font-family: Georgia, "Times New Roman", Times, serif;
    border-bottom: 10px dotted purple;
    }

    h2 {
    font-size: 1.5em;
    font-style: italic;
    }

    .job-title {
    color: #999999;
    font-weight: bold;
    }


    a:link,
    a:visited {
    color: #fb6542;
    }

    a:hover {
    text-decoration: none;
    color: green;
    }

    h2 + ul{
        background-color: #eeeeee;
        border: 5px solid purple;
        padding: 35px 20px 35px 20px;
    }

</style>
<body>
    <h1>Jane Doe</h1>
<div class="job-title">Web Developer</div>
<p>
  Far far away, behind the word mountains, far from the countries Vokalia and
  Consonantia, there live the blind texts. Separated they live in Bookmarksgrove
  right at the coast of the Semantics, a large language ocean.
</p>

<p>
  A small river named Duden flows by their place and supplies it with the
  necessary regelialia. It is a paradisematic country, in which roasted parts of
  sentences fly into your mouth.
</p>

<h2>Contact information</h2>
<ul>
  <li>Email: <a href="mailto:jane@example.com">jane@example.com</a></li>
  <li>Web: <a href="http://example.com">http://example.com</a></li>
  <li>Tel: 123 45678</li>
</ul>

</body>
</html>