bangiim.github.io/address.html at master · bangiim/bangiim.github.io · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
	<title>Personal Biodata - Address</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.1/css/all.css" integrity="sha384-wxqG4glGB3nlqX0bi23nmgwCSjWIW13BdLUEYC4VIMehfbcro/ATkyDsF/AbIOVe" crossorigin="anonymous">
</head>
<body>
	<!-- Header -->
	<header class="showcase">
		<div class="content">
			<img src="img/pp.jpg" class="logo" alt="Muhammad Ibrahim">
			<div class="title">
			Muhammad <strong>Ibrahim</strong>
			</div>
			<div class="text">
			Web Developer & UI Designer
			</div>
		</div>
	</header>

	<section class="navigation">
		<div class="nav-bar">
			<ul>
				<li><a href="index.html">About Me</a></li>
				<li><a href="message.html">Message</a></li>
                <li><a href="address.html">Address</a></li>
                <li><a href="channel.html">Channel</a></li>
                <li><a href="instagram.html">Instagram</a></li>
			</ul>
		</div>
	</section>

	<!-- Message -->
	<section class="message bg-light">
		<div class="container">
			<div class="grid-1">
				<div class="center">
                    <i class="fas fa-map-marked-alt fa-6x"> <small>Address</small></i>
				</div>
			</div>
			<br>
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4699.670740232525!2d111.48863209361583!3d-7.901726334482178!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e790aa79efd972b%3A0xf09ed064954d29b2!2sUniversitas%20Darussalam%20Gontor!5e0!3m2!1sid!2sid!4v1567488093533!5m2!1sid!2sid" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
		</div>
	</section>

	<!-- Services -->
	<section class="services">
		<div class="container grid-2 center">
			<div>
			<i class="fab fa-whatsapp fa-3x"></i>
			<h3>WhatsApp</h3>
			<p>+62 896 3045 1450</p>
			</div>
			<div>
			<i class="fab fa-instagram fa-3x"></i>
			<h3>Instagram</h3>
			<p>@bang_iim_</p>
			</div>
		</div>
		<div class="container grid-2 center">
			<div>
				<i class="fab fa-github fa-3x"></i>
				<h3>Repositori</h3>
				<p>https://github.com/kangbaim</p>
			</div>
			<div>
				<i class="far fa-envelope fa-3x"></i>
				<h3>Email</h3>
				<p>islahboim@gmail.com <br>
				muhammad.ibrahim@unida.gontor.ac.id</p>
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer class="center bg-dark">
		<p>Curriculum Vitae &copy;2019</p>
	</footer>

    <!-- WhatsHelp.io widget -->
	<script type="text/javascript">
		(function () {
			var options = {
				whatsapp: "6289630451450", // WhatsApp number
				call_to_action: "Message us", // Call to action
				position: "right", // Position may be 'right' or 'left'
			};
			var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
			var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
			s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
			var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
		})();
	</script>
	<!-- /WhatsHelp.io widget -->
</body>
</html>