HTML-CSS/index.html at main · Svanhildur12/HTML-CSS · 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
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link
        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,900;1,100;1,900&family=Roboto:ital,wght@0,100;0,400;0,700;1,300;1,400&display=swap"
        rel="stylesheet">
        <link rel="stylesheet" href="style.css">

    <title>Document</title>
</head>
<body>
    <div class="header">
        <h1>Rob McElhenney</h1>
        <h2>+555 555-3212<br>rob@itssunny.com</h2>
    </div>
    <div class="imageContainer">
        <img src="rob.jpeg" alt="Rob">
    </div>
    <div class="about">
        <h3>About me</h3>
        <h4> <b class="bold">Robert McElhenney III</b> an American actor, producer, and, writer. Best known for his role as <b class="bold">Ronald "Mac"McDonald</b> on the <mark>FX/FXX</mark> comedy series It's Always Sunny in Philadelphia (2005-present), which he created and co-developed and on which he serves as an executive producer, co-writer, and occasional director. He is also known for his role as Ian Grimm on the Apple TV+ comedy series Mythic Quest (2020-present), which he co-created and on which he serves as a co-writer and executive producer. <b class="bold">McElhenney</b> is the co-owner of the Welsh association football club <b class="redTag"> Wrexham A.F.C.</b></h4>
        <hr>
    </div>
    <div class="work">Work experience</div>
    <table>
        <tr>
            <th>Year</th>
            <th>Company</th>
            <th>Title</th>
            <th>Job Description</th>
        </tr>
        <tr>
            <td>2001-present</td>
            <td>Mac's bar</td>
            <td>Bouncer-Bartender</td>
            <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur illo in,quibusdam ullam quod dolorem iusto ociis! Quis facilis quos eos ipsam? Evenietneque natus sit corporis totam odit optio.</td>
        </tr>
        <tr>
            <td>2019-present</td>
            <td>Wrexham</td>
            <td>Owner</td>
            <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate possimus autrepellendus perferendis vero, laboriosam obcaecati ociis nihil porro impeditnatus quis ea! Nulla at illum ratione, itaque tempora temporibus?</td>

        </tr>
        <tr>
            <td>2017-2019</td>
            <td>Tallies toileties</td>
            <td>Janitor</td>
            <td>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci nobis itaqueincidunt quod et ad nesciunt voluptatibus atque quam labore, enim magniprovident, dolorum repellendus fugit iste quaerat eum nostrum!</td>
        </tr>
        <tr>
            <td>2015-2016</td>
            <td>Nightman commeth</td>
            <td>Actor</td>
            <td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam nulla amet, veniamaccusantium nostrum neque culpa ipsa aspernatur porro alias, voluptatumducimus exercitationem autem doloribus quisquam quod id itaque magnam.</td>
        </tr>
    </table>
    </div>
    <div class="education">Education</div>
    <ol>
        <li>University of Wakiki - 2011</li>
        <li>Collage of Art - 2009</li>
        <li>East Wonton Primary school - 2008</li>
    </ol>
    </div>
    <div>
        <div class="family">Family</div>
    <ul>
        <li>wife, Kaitlin Olson(Big bird)</li>
        <li>Son, Axel Lee McElheenney</li>
        <li>Son, Leo Grey McElhenney</li>
    </ul>
    </div>
    <div>
        <div class="life">Life Quotes</div>
        <blockquote>
             <h5><em>"</em> if anything, when you're in your late 20s, early 30s,and then mid-30s, you're getting less attractive.<em>"</em> </h5>
        </blockquote>
    </div>
    <div>
        <blockquote>
            <h6> <em>"</em>Well, if I've learned anything from films like Executive Decision or Passenger 57, there's always a way into the cargo hold.<em>"</em> </h6>
        </blockquote>
    </div>
    <div>
        <div class="social">Social media links</div>
        <ul>
            <h7>
        <li> <a href="https://www.facebook.com/rob.mcelhenney.3/">Facebook</a>
        <li> <a href="https://twitter.com/RMcElhenney">Twitter</a>
        <li> <a href="https://myspace.com/eggofknowledge">MySpace</a>
        </li>
            </h7>
    </ul>
    </div>
    <footer>Robbie McElhenney</footer>
    <div class="box"></div>
</body>
</html>