About/learning.html at main · Mmesolove/About · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mmesoma Goodness</title>
    <script src="https://kit.fontawesome.com/3d6cfd69eb.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="learning.css">
</head>
<body>
    <header>
        <nav class="navigation">
            <ul>
                <li><a href="#"><h1>Mmesoma</h1></a></li>
                <li><a href="#"><i class="fa-solid fa-magnifying-glass"></i><span class="sr-only">Project</span></a></li>
                <li><a href="#">about</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#"><i class="fa-brands fa-linkedin"></i><span class="sr-only">LinkedIn</span></h2></a></li>
                <li><a href="#"><i class="fa-brands fa-github"></i><span  class="sr-only">Githup</span></a></li>
            </ul>
        </nav>
    </header>
    <div class="line"></div>

        <main>
            <section>
                <h2>About Mmesoma</h2>
                <article>
                    <h3>Mmeso Highlight</h3>
                    <p class="description">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae corporis labore numquam pariatur in veniam alias autem necessitatibus dolore, esse ipsum amet facilis inventore error reprehenderit a delectus laboriosam sunt! Nulla officia facere libero iste eum corporis consequuntur accusamus sint neque molestias exercitationem, modi ducimus laudantium ipsam eaque adipisci fuga quisquam, sapiente sunt quia distinctio perferendis? Expedita hic dignissimos fugiat eius eos iste nobis, dicta doloribus maxime. Sequi laboriosam voluptates maxime dolor reiciendis, ipsam maiores ipsa beatae dolorum. Nisi nostrum ut veniam illum quisquam enim odio tempora quae, eveniet excepturi delectus, sunt quas est ad atque natus rerum quibusdam ipsum.
                    </p>
                    <h4>Tool/Skills learnt @ Code School</h4>
                    <ul>
                        <li>html</li>
                        <li>css</li>
                        <li>javascript</li>
                    </ul>
                </article>

            </section>
        </main>
        <img src="./images/DSC_5712.jpg" alt="my pic" width="400" height="400">

    <footer>

        <div class="line"></div>
        <p class="skill">Mmeso &middot; THE DEVELOPER</p>
        <nav class="navigation">
        <ul>

            <li><a href="#"><i class="fa-brands fa-linkedin"></i><span class="sr-only">LinkedIn</span></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i><span class="sr-only">Github</span></a></li>
            <li><a href="mailto:[email protected]"><i class="fa-regular fa-envelope"></i><span class="sr-only">Email</span></a></li>
        </ul>
        </nav>
        <p>&copy; 2024 Mmesoma All Rights Reserved</p>


    </footer>
</body>
</html>