This repository has been archived by the owner on Aug 22, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
171 lines (141 loc) · 17.9 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Percobaan Bootstrap4 Beta</title>
<link rel="icon" href="https://www.petanikode.com/favicon.png" type="image/png" sizes="144x144">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
crossorigin="anonymous">
<link rel="stylesheet" href="css/petanikode.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top rounded-circle"
alt=""> Petani Kode</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Kata Kunci" aria-label="Search">
<button class="btn btn-primary my-2 my-sm-0" type="submit">Cari</button>
</form>
</div>
</div>
</nav>
<header>
<div class="jumbotron jumbotron-fluid bg-success text-white">
<div class="container">
<div class="row">
<div class="col">
<h1>Programmer Pengguna Linux</h1>
<p class="lead">Belajar Pemrograman Apapun Menggunakan Linux</p>
</div>
</div>
</div>
</div>
</header>
<article>
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-8 mb-5">
<div class="card">
<div class="card-body">
<h2>Tentang Petani Kode</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec mollis lacus, id ornare lacus. Donec diam tellus,
feugiat ut consequat sit amet, pellentesque vitae ipsum. In semper sollicitudin erat in vehicula. Nullam
eleifend justo ac ipsum posuere, eget sodales ex pharetra. Etiam ut neque sit amet ex tincidunt aliquet id
ut sapien. Aenean quis tincidunt diam. In quis velit in tellus vehicula dapibus in aliquam ipsum. Maecenas
id lorem ac augue imperdiet mattis nec ut nibh. Suspendisse potenti. Duis felis massa, sodales vitae suscipit
quis, gravida sit amet risus. Ut dictum molestie venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec mollis lacus, id ornare lacus. Donec diam tellus,
feugiat ut consequat sit amet, pellentesque vitae ipsum. In semper sollicitudin erat in vehicula. Nullam
eleifend justo ac ipsum posuere, eget sodales ex pharetra. Etiam ut neque sit amet ex tincidunt aliquet id
ut sapien. Aenean quis tincidunt diam. In quis velit in tellus vehicula dapibus in aliquam ipsum. Maecenas
id lorem ac augue imperdiet mattis nec ut nibh. Suspendisse potenti. Duis felis massa, sodales vitae suscipit
quis, gravida sit amet risus. Ut dictum molestie venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec mollis lacus, id ornare lacus. Donec diam tellus,
feugiat ut consequat sit amet, pellentesque vitae ipsum. In semper sollicitudin erat in vehicula. Nullam
eleifend justo ac ipsum posuere, eget sodales ex pharetra. Etiam ut neque sit amet ex tincidunt aliquet id
ut sapien. Aenean quis tincidunt diam. In quis velit in tellus vehicula dapibus in aliquam ipsum. Maecenas
id lorem ac augue imperdiet mattis nec ut nibh. Suspendisse potenti. Duis felis massa, sodales vitae suscipit
quis, gravida sit amet risus. Ut dictum molestie venenatis.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="widget">
<!-- <h4 class="widget-title">Newsletter (Beta)</h4> -->
<div class="widget-content">
<!-- <script type="text/javascript" src="https://static.mailerlite.com/data/webforms/385614/c8d3m1.js?v4"></script> -->
<script type="text/javascript">
document.write('\n\n<style>\n \n \n @import url(\'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext\');\n \n\n #mlb2-4827284,\n #mlb2-4827284 *,\n #mlb2-4827284 a:hover,\n #mlb2-4827284 a:visited,\n #mlb2-4827284 a:focus,\n #mlb2-4827284 a:active {\n overflow:visible;\n position:static;\n background:none;\n border:none;\n bottom:auto;\n clear:none;\n cursor:default;\n float:none;\n letter-spacing:normal;\n line-height:normal;\n text-align:left;\n text-indent:0;\n text-transform:none;\n visibility:visible;\n white-space:normal;\n \n max-height:none;\n max-width:none;\n left:auto;\n min-height:0;\n min-width:0;\n right:auto;\n top:auto;\n width:auto;\n z-index:auto;\n \n text-shadow: none;\n box-shadow: none;\n outline: medium none;\n }\n \n #mlb2-4827284 a:hover {\n cursor: pointer !important;\n }\n \n #mlb2-4827284 h4 {\n font-weight: normal;\n }\n\n #mlb2-4827284 .subscribe-form {\n \n padding: 20px;\n width: 350px !important;\n border: 2px solid #F6F6F6 !important;\n background: #f6f6f6 none !important;\n border-radius: 0px !important;\n box-sizing: border-box !important;\n \n \n }\n \n #mlb2-4827284 .ml-block-form {\n \n margin-bottom: 0px;\n \n }\n \n #mlb2-4827284 .subscribe-form .form-section {\n \n margin-bottom: 20px;\n width: 100%;\n \n }\n \n #mlb2-4827284 .subscribe-form .form-section.mb10 {\n \n margin-bottom: 10px;\n float: left;\n \n }\n \n #mlb2-4827284 .subscribe-form .form-section.mb0 {\n \n margin-bottom: 0px;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section h4 {\n \n margin: 0px 0px 10px 0px !important;\n padding: 0px !important;\n color: #000000 !important;\n font-family: \'Open Sans\', sans-serif !important;\n font-size: 28px !important;\n line-height: 100%;\n text-align: left !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section p,\n #mlb2-4827284 .subscribe-form .form-section li {\n \n line-height: 150%;\n padding: 0px !important;\n margin: 0px 0px 10px 0px;\n color: #000000 !important;\n font-family: \'Open Sans\', sans-serif !important;\n font-size: 14px !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section a {\n \n font-size: 14px !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section .confirmation_checkbox {\n \n line-height: 150%;\n padding: 0px !important;\n margin: 0px 0px 15px 0px !important;\n color: #000000 !important;\n font-family: \'Open Sans\', sans-serif !important;\n font-size: 12px !important;\n font-weight: normal !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section .confirmation_checkbox input[type=\"checkbox\"] {\n \n margin-right: 5px !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section .form-group {\n \n margin-bottom: 15px;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section .form-group label {\n \n float: left;\n margin-bottom: 10px;\n width: 100%;\n line-height: 100%;\n font-weight: bold;\n color: #000000 !important;\n font-family: \'Open Sans\', sans-serif !important;\n font-size: 14px !important;\n \n }\n\n #mlb2-4827284 .subscribe-form .form-section .checkbox {\n \n\n width: 100%;\n margin: 0px 0px 10px 0px;\n \n\n }\n\n #mlb2-4827284 .subscribe-form .form-section .checkbox label {\n\n \n\n color: #000000 !important;\n font-family: \'Open Sans\', sans-serif !important;\n font-size: 14px !important;\n \n\n }\n\n #mlb2-4827284 .subscribe-form .form-section .checkbox input {\n\n \n margin: 0px 5px 0px 0px;\n \n\n }\n \n #mlb2-4827284 .subscribe-form .form-section .checkbox input[type=checkbox] {\n\n \n -webkit-appearance: checkbox;\n \n\n }\n\n\n #mlb2-4827284.ml-subscribe-form .form-group .form-control {\n\n \n\n width: 100%;\n font-size: 13px;\n padding: 10px 10px;\n height: auto;\n font-family: Arial;\n border-radius: 0px;\n border: 1px solid #cccccc !important;\n color: #000000 !important;\n background-color: #FFFFFF !important;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n clear: left;\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form button {\n\n \n\n border: none !important;\n cursor: pointer !important;\n width: 100% !important;\n border-radius: 0px !important;\n height: 40px !important;\n background-color: #008080 !important;\n color: #FFFFFF !important;\n font-family: \'Arial\', sans-serif !important;\n font-size: 16px !important;\n text-align: center !important;\n padding: 0 !important;\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form button.gradient-on {\n\n \n\n background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\n background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\n background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\n background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form button.gradient-on:hover {\n\n \n\n background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form button[disabled] {\n\n \n\n cursor: not-allowed!important;\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form .form-section.ml-error label {\n\n \n\n color: red!important;\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form .form-group.ml-error label {\n\n \n\n color: red!important;\n\n \n\n }\n\n #mlb2-4827284.ml-subscribe-form .form-group.ml-error .form-control {\n\n \n\n border-color: red!important;\n\n \n\n }\n \n\n \n \n \n \n \n @media (max-width: 768px) {\n \n #mlb2-4827284 {\n \n width: 100% !important;\n \n }\n \n #mlb2-4827284 form.ml-block-form,\n #mlb2-4827284 .subscribe-form {\n \n width: 100% !important;\n \n }\n \n }\n \n \n \n<\/style>\n\n\n\n<div id=\"mlb2-4827284\" class=\"ml-subscribe-form ml-subscribe-form-4827284\">\n \n <div class=\"ml-vertical-align-center\">\n \n <div class=\"subscribe-form ml-block-success\" style=\"display:none\">\n \n \n <div class=\"form-section\">\n \n \n <p>Terima kasih... Silahkan cek inbox untuk mengkonfirmasi!<\/p>\n \n <\/div>\n \n <\/div>\n \n <form class=\"ml-block-form\" action=\"//app.mailerlite.com/webforms/submit/c8d3m1\" data-id=\"385614\" data-code=\"c8d3m1\" method=\"POST\" target=\"_blank\">\n \n \n <div class=\"subscribe-form\">\n <div class=\"form-section mb10\">\n <p><strong><span style=\"font-size: 18px;\">Susah belajar pemrograman? <\/span><\/strong><\/p>\n<p>Dapatkan panduan dan tips eksklusif dari Petani Kode untuk membantumu belajar pemrograman<\/p>\n <\/div>\n \n <div class=\"form-section\">\n <div class=\"form-group ml-field-name\">\n <input type=\"text\" name=\"fields[name]\" class=\"form-control\" placeholder=\"Nama\" value=\"\" autocomplete=\"name\" x-autocompletetype=\"name\" spellcheck=\"false\" autocapitalize=\"off\" autocorrect=\"off\">\n <\/div>\n <div class=\"form-group ml-field-email ml-validate-required ml-validate-email\">\n <input type=\"email\" name=\"fields[email]\" class=\"form-control\" placeholder=\"Email*\" value=\"\" autocomplete=\"email\" x-autocompletetype=\"email\" spellcheck=\"false\" autocapitalize=\"off\" autocorrect=\"off\">\n <\/div>\n <\/div>\n \n \n \n \n \n <input type=\"hidden\" name=\"ml-submit\" value=\"1\" />\n \n \n <button type=\"submit\" class=\"primary\">\n Ya, Saya Mau!\n <\/button>\n \n <button disabled=\"disabled\" style=\"display: none;\" type=\"button\" class=\"loading\">\n <img src=\"//static.mailerlite.com/images/rolling.gif\" width=\"20\" height=\"20\" style=\"width: 20px; height: 20px;\">\n <\/button>\n \n \n <\/div>\n \n <\/form>\n \n \n <script>\n function ml_webform_success_4827284 () {\n var $ = ml_jQuery || jQuery;\n\n $(\'.ml-subscribe-form-4827284 .ml-block-success\').show();\n $(\'.ml-subscribe-form-4827284 .ml-block-form\').hide();\n };\n <\/script>\n \n <\/div>\n<\/div>\n\n\n ');
var script_tag = document.createElement('script');
script_tag.setAttribute("type", "text/javascript");
script_tag.setAttribute("src", "//static.mailerlite.com/js/w/webforms.min.js?v3772b61f1ec61c541c401d4eadfdd02f");
document.getElementsByTagName("head")[0].appendChild(script_tag);
</script>
</div>
</div>
<div class="widget text-center">
<a href="http://projects.id/petani_kode" target="blank">
<img src="https://www.petanikode.com/images/petanikode-projects.png" />
</a>
</div>
</div>
</div>
</div>
</article>
<br>
<br>
<footer class="border border-bottom-0 border-left-0 border-right-0">
<div class="container pt-3 pb-3 pt-md-5 pb-md-5">
<div class="row">
<div class="col">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://member.idwebhost.com/aff.php?aff=7137">Hosting</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://zm4.bz/3M8RbOlW">Email</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
crossorigin="anonymous"></script>
</body>
</html>