-
Notifications
You must be signed in to change notification settings - Fork 1
/
portfolio.html
195 lines (157 loc) · 6.53 KB
/
portfolio.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html>
<head>
<title>DWBA | Digital Creative Agency</title>
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<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 id="link-active" href="portfolio.html">PORTOFOLIO</a>
<a 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-portfolio.jpg" />
</div>
<div id="isi">
<!--Portfolio-->
<div id="portofolio">
<div id="bungkus-portofolio">
<h2><span id="subjudul-portofolio">Orang-orang yang terbantu</span><span id="judul-portofolio">KLIEN KAMI</span></h2>
<div class="isi-portofolio">
<div class="gambar-portofolio">
<a href="img/portfolio-image1-besar.jpg" data-lightbox="portofolio" title="SMK Bhakti Anindya">
<div class="rantai"></div>
<img alt="gambar portofolio" src="img/portfolio-image1.jpg" />
</a>
</div>
<div class="deskripsi-portofolio">
<h3><span class="judul-desk-port">SMK Bhakti Anindya</span></h3>
<p>Pada awal pendiriannya, tahun pelajaran 2004/2005, SMK Bhakti Anindya membuka dua program keahlian, yakni Administrasi Perkantoran dan Akuntansi.</p>
<span class="subjudul-desk-port">Layanan:</span>
<ul>
<li>Web Design / Web Development</li>
<li>Hosting</li>
<li>Online Marketing</li>
<li>Responsive</li>
</ul>
<a class="tombol-portofolio" href="#">LIHAT WEBSITE</a>
</div>
</div>
<div class="isi-portofolio">
<div class="gambar-portofolio">
<a href="img/portfolio-image2-besar.jpg" data-lightbox="portofolio" title="Perguruan Tinggi LEPISI">
<div class="rantai"></div>
<img alt="gambar portofolio" src="img/portfolio-image2.jpg" />
</a>
</div>
<div class="deskripsi-portofolio">
<h3><span class="judul-desk-port">Perguruan Tinggi LEPISI</span></h3>
<p>LEPISI menghasilkan lulusan yang dipersiapkan menjadi sarjana yang berpikir strategi dan inovatif dilengkapi dengan kemampuan kewirausahaan dan manajerial serta mempunyai integritas yang tinggi.</p>
<span class="subjudul-desk-port">Layanan:</span>
<ul>
<li>Web Design / Web Development</li>
<li>Hosting</li>
<li>Online Marketing</li>
<li>Logo Design</li>
</ul>
<a class="tombol-portofolio" href="#">LIHAT WEBSITE</a>
</div>
</div>
<div class="isi-portofolio">
<div class="gambar-portofolio">
<a href="img/portfolio-image3-besar.jpg" data-lightbox="portofolio" title="Moscow Ballet">
<div class="rantai"></div>
<img alt="gambar portofolio" src="img/portfolio-image3.jpg" />
</a>
</div>
<div class="deskripsi-portofolio">
<h3><span class="judul-desk-port">Moscow Ballet</span></h3>
<p>Moscow Ballet adalah pertunjukan sirkus yang diadakan oleh para profesional bersama dengan pelajar-pelajar dari berbagai sekolah di Moscow.</p>
<span class="subjudul-desk-port">Layanan:</span>
<ul>
<li>Web Design / Web Development</li>
<li>Hosting</li>
<li>Online Marketing</li>
<li>Responsive</li>
</ul>
<a class="tombol-portofolio" href="#">LIHAT WEBSITE</a>
</div>
</div>
<div class="isi-portofolio">
<div class="gambar-portofolio">
<a href="img/portfolio-image4-besar.jpg" data-lightbox="portofolio" title="Lantic Rogers">
<div class="rantai"></div>
<img alt="gambar portofolio" src="img/portfolio-image4.jpg" />
</a>
</div>
<div class="deskripsi-portofolio">
<h3><span class="judul-desk-port">Lantic Rogers</span></h3>
<p>Lantic Rogers telah berada di dalam bisnis ini selama 125 tahun. Di website ini para pengunjung dapat memesan rasa selai sesuai dengan selera mereka. Bahkan Lantic menawarkan sampel selai gratis untuk para pengunjung.</p>
<span class="subjudul-desk-port">Layanan:</span>
<ul>
<li>Web Design / Web Development</li>
<li>Hosting</li>
<li>Responsive</li>
</ul>
<a class="tombol-portofolio" href="#">LIHAT WEBSITE</a>
</div>
</div>
<div class="isi-portofolio">
<div class="gambar-portofolio">
<a href="img/portfolio-image5-besar.jpg" data-lightbox="portofolio" title="Camden Town Brewery">
<div class="rantai"></div>
<img alt="gambar portofolio" src="img/portfolio-image5.jpg" />
</a>
</div>
<div class="deskripsi-portofolio">
<h3><span class="judul-desk-port">Camden Town Brewery</span></h3>
<p>Camden Town Brewery telah berdiri sejak tahun 90-an. Mereka menawarkan tur keliling pabrik. Selalu ada acara setiap bulannya.</p>
<span class="subjudul-desk-port">Layanan:</span>
<ul>
<li>Web Design / Web Development</li>
<li>Hosting</li>
<li>Logo Design</li>
<li>Responsive</li>
</ul>
<a class="tombol-portofolio" href="#">LIHAT WEBSITE</a>
</div>
</div>
</div>
</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">info@dwba.co.id</span> | Penawaran: <span id="email-penawaran">penawaran@dwba.co.id</span></div>
<div id="copyright"> © 2016 Digital Workshop of Bhakti Anindya. All Rights Reserved.</div>
</div>
</div>
</div>
<!-- jquery dahulu baru bxslider-->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script>
lightbox.option({
'fitImagesInViewport': false
});
</script>
</body>
</html>