Assignment-2/index.html at master · nikkybel/Assignment-2 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nikky</title>
    <script src="https://kit.fontawesome.com/71207c461d.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <header>
        <nav class="navigation">
            <ul class='list'>
                <li> <a href="#"><h1>NIKKY</h1></li>
                <li> <a href="#">Project</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">contact</a></li>
                <li><a href="#">Linkledin</a></li>
                <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
            </ul>
        </nav>

    </header>
    <div class="line"></div>
    <main>
        <section>
            <h2 class="name">About Nikyy</h2>
            <article>
                <h3 class="highlights">Nikky highlights</h3>
                <p class="description">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magnam, quas debitis reprehenderit
                    tempore illum eos minima sit soluta suscipit vero modi doloribus vitae, ullam necessitatibus
                    consequatur quasi ad numquam nobis sint cum iure dolore ducimus, non asperiores!
                    Sunt ea reprehenderit quidem,
                    rem, exercitationem sapiente praesentium modi quaerat voluptatem obcaecati
                    et facere earum soluta mollitia ad illum
                    vel asperiores ex, minus quis. Aliquam minima perferendis
                    molestiae corrupti veritatis et illo laborum.
                </p>
                <h4>Tools/skills Learnt @ code school:</h4>
                <ul>
                    <li>HTML</li>
                    <li>CSS
                    <li>JAVASRIPT</li>
                </ul>
            </article>
            <img src="./images/img.webp" alt="my profile picture">
        </section>


    </main>
    <div class="line"></div>

    <footer>
        <p class="skill">Nikky &middot; developer</p>
        <ul class="social">
            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
            <li><a href="mailto:Sulymanaishat0@gmail.com"><i class="fa-solid fa-envelope"></i></a></li>
        </ul>
        <p>&copy; 2024 nikky ALL rights Reserved <small></small></p>

    </footer>
    <style>
        body{
            background-color: purple-violet;

        }
    </style>

</body>
</html>