web_apps_html_css_javascript/profile.html at master · MarsRising/web_apps_html_css_javascript · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Profile-Margot</title>
    <link rel="stylesheet" href="css/profile.css">
</head>
<body>

    <h1>Margot_Codes</h1>
    <section>
        <img src="images/pofile-pic2.jpeg" width="400" alt="Profile Picture of Margot">
        <h2>About Me</h2>
            <ul class="list">
                <li>Born in Larned, Kansas and now residing in Lakewood, CO</li>
                <li>As a Scorpio Ascendant I am loyal, ambitious, and determined! (If you're cool, you can call me Mars ;P)</li>
                <li>Something you would never guess about me is that I have performed for <a href="https://www.wwe.com/shows/wwenxt/2017-10-11/article/street-profits-def-damien-smith-markos-espada" target="_blank">WWE</a> before.</li>

            </ul>
    </section>

    <section>
        <img src="images/primos.jpg" width="800"
        alt="Image of Margot on a Hike in the Rocky Mountains"
        ></a>
        <h2>Interests</h2>
        <ul class="list">
            <li>My biggest Bucket List Wish is to travel across the United States in a Campervan while hiking in every state. </li>
            <li>This song is not only, <em>arguably</em>, the Greatest song ever, but made for an amazing movie!<br>
                <audio controls loop>
                    <source src="mp3s/bohemian.mp3" type="audio/mpeg">
                    Here is <a href="bohemian.mp3" target="_blank">a link to the audio</a>
                </audio>
            </li>
            <li>I enjoy the benefits of grounding myself through hiking, reflecting through meditation, and taking care of my body through yoga.</li>
        </ul>
    </section>
    <div>
        <a href="https://www.linkedin.com/in/margot-smith-263521253/" target="_blank">
            <img src="images/linkedin.png"  width="100" alt="Image for Linkedin. Click and go to Margot's profile.">
        </a>
        <a href="https://github.com/MarsRising" traget="_blank">
            <img src="images/GitHubLogo.png" width="200" alt="Image for Github. Click and go to Margot's profile.">
        </a>
    </div>

</body>
</html>