Mid-Semester/Contact.html at main · Matemuli/Mid-Semester · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contacts page</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
        integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />


</head>

<!--This is an internal css-->

<style>
    p{
        color: aqua;
    }

    p1{
        color: yellowgreen;
    }


</style>
<body>

    <h1>how to get in touch with Eliel </h1>

    <a href="index.html"><i class="fas fa-arrow-left"></i></a>

    <ul>
        <li>Physical location: Bugema University</li>
        <li>Email: elielkizitomatemuli@gmail.com</li>
        <li>Phone number: +256753038310</li>
    </ul>

    <!--this is a sample Div-->

    <div style="background-color: rgb(34, 11, 241); width:80%; height: 200px;;">

     <h2>Am a young entrepreneur</h2>

     <p>this is a content of element, they help us organise content and creat layouts</p>


    <div style="background-color: rgb(45, 243, 6);width:70%; ;height: 400px; ;">

        <h3>This is a percentage div, relative size</h3>

        <p1>The man of God</p>

    </div>

    </div>

</body>
</html>