WebProgrammingTask/index.html at master · rludovicus/WebProgrammingTask · 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
<!DOCTYPE html>
<html>
<head>
    <title>ONLINE MEDIA</title>
    <!-- Title -->
    <link type="text/css" rel="stylesheet"
          href="style/title.css"/>
    <link type="text/css" rel="stylesheet"
          href="style/persegi.css"/>
</head>
<body>
    <h1> ONLINE <span id="judul">MEDIA</span></h1>
    <div id="persegi">
        <ul>
            <li><a class="menu1" href="#home">HOME</a></li>
            <li><a class="menu1" href="#strategy">STRATEGY</a></li>
            <li><a class="menu1" href="#solusi">SOLUSI</a></li>
            <li><a class="menu1" href="#marketing">MARKETING</a></li>
            <li><a class="menu1" href="#workshop">WORKSHOP</a></li>
            <li><a class="menu1" href="#work">OUR WORK</a></li>
            <li><a class="menu1" href="#produk">PRODUK</a></li>
            <li><a class="menu1" href="#partner">PARTNER</a></li>
            <li><a class="menu1" href="#inspirasi">INSPIRASI</a></li>
            <li><a class="menu1" href="#faq">FAQ</a></li>
        </ul>
    </div>
    <div id="persegi2"></div>
    <div id="persegi3"></div>
    <div id="persegi4">
        <p class="teks">
            Analytic
        </p>
    </div>
    <div id="persegi5">
        <p class="teks">
            Development
        </p>
    </div>
    <div id="persegi6">
        <p class="teks">
            Media
        </p>
    </div>
    <div id="persegi7">
        <p class="teks">
            Creative
        </p>
    </div>
    <div id="persegi8">
        <p class="teks">
            Marketing
        </p>
    </div>
    <div id="persegi9">
        <p class="teks">
            Optimitation
        </p>
    </div>
    <div id=persegi10>
    </div>
    <div id=persegi11>
    </div>
    <img id="picsizeA" src="pic\Analytic.png"/>
    <img id="picsizeD" src="pic\Development.png"/>
    <img id="picsizeM" src="pic\Media.png"/>
    <img id="picsizeC" src="pic\Creative.svg"/>
    <img id="picsizeMa" src="pic\Marketing.png"/>
    <img id="picsizeO" src="pic\Optimation.png"/>
    <img id="people" src="pic\people-animation-png.png"/>
    <div class="speech-bubble">
        <p>SELAMAT DATANG DI ONLINEMEDIA</p>
        <p>KAMI SOLUSI UNTUK ANDA</p>
        <p>BAGI PARA PELAKU BISNIS</p>
    </div>
</body>
</html>