developer-portfolio/index.html at master · imamarham10/developer-portfolio · 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
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <link rel="stylesheet" href="/css-file.css">
</head>
<body>
    <!-- nav to be edited later-->
    <header class="header-intro">
        <nav id="nav-bar"class="nav-text">
            <a class="nav-anchor" href="/index.html" >Home</a>&nbsp;&nbsp;
            <a class="nav-anchor" href="/index.html#main-heading-aboutme">About Me</a>&nbsp;&nbsp;
            <a class="nav-anchor"href="/index.html#main-heading-project">Projects</a>&nbsp;&nbsp;
            <a class="nav-anchor" href="/index.html#footer-div-class">Contact</a>&nbsp;&nbsp;
        </nav>
        <div class="div-text">
            <h1 class="heading-name"><span class="heading-name-one">My name is</span><span class="heading-name-two"> Mohammad Arham Imam</span> </h1>
            <h2 class="intro-text-1">I'm a</h2>
            <h1 class="intro-text-2">SOFTWARE<br/> DEVELOPER </h1>
            <h1 class="intro-text-3">.</h1>
        </div>
    </header>
    <main>
        <div class="main-aboutme">
            <h1 id="main-heading-aboutme" class="main-heading-aboutme">About me</h1>
            <hr>
            <p class="main-content-aboutme">
                <ul class="main-content-aboutme" type = "square">
                    <li>Third-year engineering student of ECE branch</li>
                    <li>I love problem solving and passionate enough to learn new technologies.</li>
                    <li>Have previously worked on Mobile App Development</li>
                </ul>
            </p>
            <hr>
            <h1 id="main-heading-project" class="main-heading-project">Projects</h1>
            <p class="main-content-project">
                <h2 class="main-heading-title">Utility Application</h2>
                <hr>
                <p class="main-content-project">This is a utility application made using Javascript.The main purpose of this application is to practice JavaScript developement. Alongside, this utility application provides the basic tools that most of the developers use. You can use the link given below and test the application.</p>
                <p class="main-content-project">Link: <a href="https://github.com/imamarham10/Utility-Application" style="color: black; font-weight: 500;" target="_blank">Utility Application</a></p>
                <h2 class="main-heading-title">Quizzinga</h2>
                <hr>
                <p class="main-content-project">This is a quiz application made using Javascript for Potterheads. This application solely targets Harry Potter fans and provides them a platform to check their knowledge about Harry Potter. You can use the link given below and test your knowledge.</p>
                <p class="main-content-project">Link: <a href="https://github.com/imamarham10/Quizzinga" style="color: black; font-weight: 500;" target="_blank">Quizzinga</a></p>
                <h2 class="main-heading-title">Mac Calculator Clone</h2>
                <hr>
                <p class="main-content-project">A small and lightweight clone of the Mac OS X calculator.</p>
                <p class="main-content-project">Link: <a href="https://github.com/imamarham10/Mac-Calculator-Clone" style="color: black; font-weight: 500;"  target="_blank">Mac Calculator Clone</a></p>


            </p>
        </div>
    </main>
    <footer class="footer">
        <div id="footer-div-class" class="footer-div-class">
            <span class="span-link">
                <a class="footer-anchor" href="mailto:imamarham10@gmail.com" target="_blank">
                    <img src="/round_email_white_24dp.png" alt="mail" class="footer-email-image">
                </a>
            </span>
            <span class="span-link">
                <a class="footer-anchor" href="https://github.com/imamarham10" target="_blank">
                    <img src="/GitHub-Mark-Light-32px.png" alt="github" class="footer-github-image">
                </a>
            </span>
            <span class="span-link">
                <a class="footer-anchor" href="https://www.linkedin.com/in/arham-imam-100800/" target="_blank">
                    <img src="/linkedin.png" alt="linkedin" class="footer-linkedin-image">
                </a>
            </span>
            <span class="span-link">
                <a class="footer-anchor" href="https://www.instagram.com/_arhamimam_/" target="_blank">
                    <img src="/instagram.png" alt="instagram" class="footer-insta-image">
                </a>
            </span>
        </div>
        <div class="div-message">
            <p class="div-message"><span class="span-message">Crafted with</span> <span class="span-message"><img src="/heart.png" alt="love" class="footer-message-love"></span> <span class="span-message">by Arham</span></p>
        </div>
    </footer>


</body>
</html>