jamabushra.github.io/index.html at master · jamabushra/jamabushra.github.io · 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
<!DOCTYPE html>
<!--Home page with details of the company (index.html)-->
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="description" content="Assesment Unit Outline" />
    <meta name="keywords" content="HTML, Form, tags, CSS, JavaScript" />
    <meta name="author" content="Jama Bushra/101797206" />
    <title>Assesment - outline</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body>
    <header>
        <a href="index.html" class="header-brand">CloverfieldTech</a>
        <nav>
            <ul>
                <li><a href="jobs.html">Jobs</a></li>
                <li><a href="apply.html">Apply</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="enhancements.html">Enhancements</a></li>
            </ul>
            <a href="cases.html" class="header-cases">Cases</a>
        </nav>
    </header>
    <main>
        <section class="index-banner">
            <div class="vertical-centre">
                <h2>WE DO SOFTWARE<br>DIFFERENT</h2>
                <h1>software and data specialists</h1>
            </div>
        </section>

        <section class="index-links">
            <a href="index.html">
                <div class="index-boxlink">
                    <h3>Home</h3>
                </div>
            </a>
            <a href="jobs.html">
                <div class="index-boxlink">
                    <h3>Jobs</h3>
                </div>
            </a>
            <a href="apply.html">
                <div class="index-boxlink">
                    <h3>Apply</h3>
                </div>
            </a>
            <a href="about.html">
                <div class="index-boxlink">
                    <h3>About</h3>
                </div>
            </a>
            <a href="enhancements.html">
                <div class="index-boxlink">
                    <h3>Enhancements</h3>
                </div>
            </a>
        </section>
    </main>
    <footer>
        <p class="copyright"> &copy; CloverfieldTech Established in 1995</p>
        <div class="footer-sm">
            <a href="https://twitter.com/jhbissle">
                <img class="icontwitter" src="image/twitter-logo-silhouette.png" alt="twitter icon">
            </a>
            <a href="https://www.linkedin.com/in/jama-bushra-12677b143">
                <img class="iconlinkedin" src="image/linkedin-letters.png" alt="linkedin icon">
            </a>
        </div>
    </footer>
</body>

</html>

<!--
    References:

    1) https://www.youtube.com/watch?v=kbLfWKGVsMQ followed and coded along tutorial to implement advanced features such as mobile responsiveness to website
    2) /*https://www.101computing.net/my-timetable-in-html-css/*/ referred to as assist in production of table
-->