Basic-Portfolio/portfolio.html at master · john2893/Basic-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
<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="UTF-8">
    <title>Basic Portfolio</title>
    <link rel="stylesheet" type="text/css" href="assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">


</head>

<body>
    <div id="main">
        <header>
            <div id="nameTag">
                <h1>Sujith John</h1>
            </div>
            <div id="nav">
                <ul>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="portfolio.html">Portfolio</a><span class="divider">|</span></li>
                    <li><a class="active" href="index.html">About</a><span class="divider">|</span></li>
                </ul>
            </div>
        </header>
        <section>
            <div id="bio">
                <h2> Portfolio </h2>
                <hr>

                <div class="imageContainer">
                    <img  class="imgSize" src="assets/images/maps.jpg" alt="Find Your Way App">
                    <span class="text-block"> Google Maps </span>
                </div>

                <div class="imageContainer">
                    <img class="imgSize " src="assets/images/music.jpg" alt="Music for kids">
                    <span class="text-block">Music Time</span>
                </div>

                <div class="imageContainer">
                    <img class="imgSize" src="assets/images/bubbleshooter.jpg" alt="bubbleshooter">
                    <span class="text-block">Bubble Shooter</span>
                </div>

                <div class="imageContainer">
                    <img class="imgSize" src="assets/images/doctor.jpg" alt="Doctor">
                    <span class="text-block">Doctor Kids</span>
                </div>

                <div class="imageContainer">
                    <img class="imgSize" src="assets/images/wordbubbles.jpg" alt="Word Game App">
                    <span class="text-block">The Word Game</span>
                </div>

            </div>

        </section>
        <footer class="footer">

            <div id="grey">
                <div id="green"></div>
                <p id="center">Copyright&copy;</p>
            </div>
        </footer>
    </div>
</body>
</html>