CobaPush/index_002.html at main · Benyamin206/CobaPush · 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
<!--
CSS Example 4 : CSSEx4_xxx.html
Description : Percobaan index 4 untuk mengetahui penggunaan CSS3:
layout 3 kolom
-->
<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Layout 3 kolom</title>
            <link rel="stylesheet" href="myStyle_002.css">
        </head>
        <body>
            <header>
                 <div class="ket">
                     <p>Website Program Studi Diploma Teknologi Informasi</p>
                 </div>

                 <nav>
                 <a href="#">Beranda</a>
                 <a href="#">Profil</a>
                 <a href="#">Layanan</a>
                 <a href="#">Alumni</a>
                 <a href="#">Akademik</a>
                 <a href="#">Kemahasiswaan</a>
                 <a href="#">Ebook</a>
                 </nav>
            </header>

            <main>
                 <aside class="sidebar-1">
                 <p><b>About Me</b></p>
                 <p>Photo of me</p>
                 <img src="MyPhoto.jpg" width="80%" class="myfoto">
                 <br>
                 Institut Teknologi Del<br>
                 Jl. Sisingamangaraja, Sitoluama<br>
                 Laguboti, Toba Samosir<br>
                 Sumatera Utara, Indonesia<br>
                 Kode Pos : 223881
                 <br>
                 Telp: +62 632 221234
                 </aside>

                 <article>
                 <p><b>[1131104-PSW 1]</b></p>
                 <br>
                 <div class="side1"><img src="bgTugasPSW.jpg" width="85%" class="side1" id="psw"></div>
                 <br>
                 Dear PSW student,
                 <br>
                 This announcement is for the 1st Year Diploma 3 TI students, please ignore if this is not applicable to you
                 </article>

                 <aside class="sidebar-2">
                 <p><b>Recently Even</b></p>
                 <br>
                 <img src="bgPSWaside2.jpg" width="90%" height="30%" side2>
                 </aside>
            </main>


            <footer>
                 <p class="colophon">Copyright &copy; 2016</p>
            </footer>
</body>
</html>