-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
111 lines (108 loc) · 4.41 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">
<!--
_
{_}
/*\
/_*_\
{('o')} Codelatte Indonesia
C{{([^*^])}}D Visit codelatte.org for info.
[ * ] Need Help? Mail us!
/ Y \ hello@codelatte.org
_\__|__/_
(___/ \___)
-->
<head>
<title>SIMPLEA | Bootstrap Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.png">
<link href="https://arc.codelatte.org/templates/simplea/css/bootstrap/bootstrap.min.css" rel="stylesheet" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://arc.codelatte.org/templates/simplea/js/bootstrap.min.js" rel="stylesheet" media="all"></script>
<style>
@include media-breakpoint-between(xs,md){
.btn {
@include button-size($btn-padding-y-md, $btn-padding-x-md, $font-size-md, $btn-border-radius-md);
}
}
.footer {
left: 0;
bottom: 0;
width: 100%;
color: white;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<br>
<div class="text-center">
<h1 id="tentang" class="text-uppercase">Simplea</h1>
<p>Satu dari beberapa <code>Bootstrap Template</code> yang saya buat.</p>
</div>
<div class="col bg-light border">
<img class="float-left" src="images/fix.png" style="width: 160px;margin-top: 10px;padding: 15px; ">
<p>
<h2>Tentang Kami</h2>Terbentuk dari penikmat kopi yang mempunyai keinginan untuk menuangkan ide gila ke dalam barisan kode, Codelatte merupakan media untuk berbagi, menambah wawasan serta pengalaman tentang teknologi komputer yang lebih rinci pada dunia koding. Codelatte juga menjadi wadah bagi para coder Indonesia agar lebih mudah bertukar pikiran dengan anggota lainnya. Tertarik untuk bergabung dengan kami.</p>
<p class="text-center">
<button type="button" class="btn-md btn-secondary"><i class="fa fa-facebook-square"></i> Facebook Fanpage</button>
<button type="button" class="btn-md btn-secondary"><i class="fa fa-github"></i> Github</button>
<button type="button" class="btn-md btn-secondary"><i class="fa fa-television"></i> Codelatte Website</button>
<button type="button" class="btn-md btn-secondary"><i class="fa fa-link"></i> Codeltate Archive</button>
<button type="button" class="btn-md btn-secondary"><i class="fa fa-html5"></i> Codelatte Web Design</button>
</p>
<hr>
<div class="table-responsive">
<table class="table border" id="siapa">
<div>
<h2>Siapa Kami?</h2>
<thead class="thead-dark">
<tr>
<th>Nama</th>
<th>Facebook</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>Abay</td>
<td><a href="https://facebook.com/abaykandotcom">Abay</a>
</td>
<td>abay@codelatte.org</td>
</tr>
<tr>
<td>Cepot</td>
<td><a href="https://www.facebook.com/WelcomeDiSiteOrangGanteng">Cepot</a>
</td>
<td>cepot@codelatte.org</td>
</tr>
<tr>
<td>Kamalugatod</td>
<td><a href="https://www.facebook.com/kalugahere">Adhi Jaya Saputra</a>
</td>
<td>kamal@codelatte.org</td>
</tr>
<tr>
<td>Abdi</td>
<td><a href="https://www.facebook.com/maninthemiddlecat">Abdi Prawira</a>
</td>
<td>abdi@codelatte.org</td>
</tr>
</tbody>
</table>
</div>
<p id="webdesign">
<h2 class="text-left">Codelatte Web Design</h2>
Anda ingin membangun bisnis anda secara online atau memperkenalkan perusahaan anda secara online? Codelatte bisa membantu membuat website perusahaan, organisasi & kebutuhan pribadi Anda.</p>
</div>
<div class="footer bg-dark">
<p class="font-weight-normal">Simplea Bootstrap Template
<br/>Build with <i class="fa fa-heart"></i> by <a href="https://codelatte.org/">Codelatte Indonesia</a>
</p>
</div>
</div>
</div>
</body>
</html>