-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
85 lines (72 loc) · 3.01 KB
/
contact.html
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
<!DOCTYPE html>
<html>
<head>
<title>DWBA | Digital Creative Agency</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
</head>
<body>
<!--Header-->
<div id="header">
<img id="logo" alt="logo DWBA" src="img/logo-dwba.svg" width="110" />
<span id="navigasi">
<a href="index.html">BERANDA</a>
<a href="about.html">PROFIL</a>
<a href="portfolio.html">PORTOFOLIO</a>
<a id="link-active" href="contact.html">KONTAK</a>
</span>
<span id="phone">Telp. (021) 5589161</span>
</div>
<!--Cover Image-->
<div id="cover-image">
<img alt="cover image" src="img/cover-image-contact.jpg" />
</div>
<div id="isi">
<!--Contact-->
<div id="contact">
<div id="bungkus-contact">
<h2><span class="subjudul">Tak perlu ragu</span><span class="judul">HUBUNGI KAMI</span></h2>
<div id="form">
<form action="#" method="post">
<label for="form_nama">Nama</label>
<input type="text" name="nama" id="form_nama" /> <br />
<label for="form_email">Email</label>
<input type="text" name="email" id="form_email" /> <br />
<label for="form_pesan" id="pesan">Pesan</label>
<textarea name="pesan" id="form_pesan"></textarea> <br />
<input type="submit" name="kirim" value="KIRIM" id="form_kirim" class="tombol" />
</form>
</div>
<div id="address">
<img alt="home icon" src="img/home-icon.png" />
<p>Jl. KS Tubun No. 11 Pasar Baru Tangerang Banten 15112</p>
<img alt="phone icon" src="img/phone-icon.png" />
<p>(021) 5522957</p>
<img alt="phone icon" src="img/clock-icon.png" />
<p>Senin - Sabtu. Buka 08:30 - 16:30 WIB</p>
</div>
</div>
</div>
<!--Map-->
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2358.624311955794!2d106.62637605915089!3d-6.168576246398846!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x809ede1965391272!2sSekolah+Menengah+Kejuruan+(SMK)+Bhakti+Anindya!5e0!3m2!1sen!2s!4v1465290113265" frameborder="0" style="border:0"></iframe>
</div>
<!--Footer-->
<div id="footer">
<div id="bungkus-footer">
<div id="label-footer">Temukan kami</div>
<div id="sosmed-footer">
<img id="facebook" alt="medsos facebook" src="img/facebook.png" />
<img id="twitter" alt="medsos twitter" src="img/twitter.png" />
<img id="instagram" alt="medsos instagram" src="img/instagram.png" />
<img id="linkedin" alt="medsos linkedin" src="img/linkedin.png" />
<img id="behance" alt="medsos behance" src="img/behance.png" />
</div>
<div>Telp. <span id="telp">(021) 5522957</span> | Umum: <span id="email-umum">[email protected]</span> | Penawaran: <span id="email-penawaran">[email protected]</span></div>
<div id="copyright"> © 2016 Digital Workshop of Bhakti Anindya. All Rights Reserved.</div>
</div>
</div>
</div>
</body>
</html>