-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (103 loc) · 3.77 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" initial-scale="1">
<title>Okky Surya Lesmana - Portopolio</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/custome.css">
</head>
<body>
<div class="head">
<div class="container">
<h2>okky surya lesmana</h2>
<div class="center">
<p class="p">Mahasiswa Studi Teknik Informatika Universitas Pasundan</p>
<p class="p">2014-2018</p>
</div>
</div>
</div>
<div class="container-fluid konten1">
<h2 class="about">Tentang</h2>
<div class="col-md-4">
<div class="co1">
<h3>Ketertarikan saat ini</h3>
<h5>1. Pembangunan Aplikasi Android</h5>
<h5>2. Desain Website</h5>
<h5>3. Desain Image</h5>
</div>
</div>
<div class="col-md-4">
<div class="co2">
<h3>Bahasa Pemrograman</h3>
<h5>Java || PHP || {HTML,CSS,JS} || MySql</h5>
<h5><strong>Level</strong></h5>
<button class="btn btn-default">Beginner</button>
</div>
</div>
<div class="col-md-4">
<div class="co3">
<h3>Business</h3>
<h5>BK Store - Bisnis Penjualan Produk Sepatu, tas.</h5>
<a href="https://www.tokopedia.com/bkputra"><button class="btn btn-success">Cek Disini</button></a>
</div>
</div>
<div class="col-xs-12">
<div class="co4">
<h3>Sosial media</h3>
<div class="sosial">
<div class="col-md-3 co5">
<img src="https://scontent.fpku1-1.fna.fbcdn.net/v/t1.0-1/p160x160/18698488_263368074138722_3718415035097699722_n.jpg?_nc_eui2=v1%3AAeHPpZ8MmZQxSK1NONeMxDNUTxgaVs80errS9WV7YAxlJC1oL1HMyaWWnk0CC5AgEy6M4MNHmIZ9spwv5P0SbP6n1DHHtnUO4Uun3S9hNLIq34xCfu9jap2U7J_yNZ9KEgI&oh=fb3b92dc81a34b64724f83853d73b55b&oe=5B1D8CBC" class="img img-circle" alt="pp">
<h4><strong>Facebook</strong></h4>
<p>Okky surya</p>
<a href="https://web.facebook.com/okky.surya.7334"><button class="btn btn-primary">Tambah</button></a>
</div>
<div class="col-md-3 co5">
<img src="https://pbs.twimg.com/profile_images/910712916306882560/gxNh9CBs_400x400.jpg" alt="avatar" class="img img-circle">
<h4><strong>Twitter</strong></h4>
<p>@_evilra</p>
<a href="https://twitter.com/_evilra"><button class="btn btn-info">Invite</button></a>
</div>
<div class="col-md-3 co5">
<img src="assets/img.JPG" alt="" class="img img-circle insta">
<h4><strong>Instagram</strong></h4>
<p>Cadamera</p>
<a href="https://www.instagram.com/cadamera/"><button class="btn btn-danger">Lihat</button></a>
</div>
<div class="col-md-3 co5">
<img src="https://avatars3.githubusercontent.com/u/26654276?s=460&v=4" alt="" class="img img-circle">
<h4><strong>Github</strong></h4>
<p>OkkySuryaLesmana</p>
<a href="https://github.com/OkkySuryaLesmana"><button class="btn btn-default">Cek</button></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container" >
<h2 class="contact">hubungi</h2>
<div class="foo">
<form action="" method="post" class="form">
<div class="form-group">
<label for="from">Dari : </label>
<input type="email" class="form-control" id="from" placeholder="email">
</div>
<div class="form-group">
<label for="subject">Subjek : </label>
<input type="text" class="form-control" id="subject" placeholder="subject">
</div>
<div class="form-group">
<label for="message">Pesan : </label>
<textarea class="form-control" id="message" placeholder="Saya tertarik untuk bekerjasama"></textarea>
</div>
<button type="submit" class="btn btn-default btn-block" name="submit">Kirim</button>
</form>
</div>
</div>
</div>
<div class="cr">
<span>Copyright Okky surya lesmaana - 2018</span>
</div>
</body>
</html>