<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 25%;
margin-bottom: 16px;
padding: 0 8px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}
.about-section {
padding: 100px;
text-align: center;
background-color: #EAEAEA;
color: black;
font-family: montserrat;
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
img {
border-radius: 50%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 0px solid #ddd;
padding: 0px;
text-align: center;
background-color: #EAEAEA;
}
th, td {
text-align: center;
padding: 0px;
}
tr:nth-child(even) {
background-color: #EAEAEA;
}
</style>
</head>
<body>
<div class="about-section">
<img src="http://ilunisma34.com/wp-content/uploads/2020/08/logodd.jpg" alt="" style="width: 200px; height: 200px;">
<p><h1 style="color:#828282;">D’ Destination</h1></p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 25%;
margin-bottom: 16px;
padding: 0 8px;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}
.about-section {
padding: 50px;
text-align: center;
background-color: #EAEAEA;
color: black;
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
img {
border-radius: 50%;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 0px solid #ddd;
padding: 0px;
text-align: center;
background-color: #EAEAEA;
}
th, td {
text-align: center;
padding: 0px;
}
tr:nth-child(even) {
background-color: #EAEAEA;
}
h1 {
color: #828282;
}
</style>
</head>
<body>
<div class="about-section">
<p style="color:#828282;">Saya <b>Dian Trisnawati</b>, alumni Angkatan <b>1997</b>, punya usaha UKM namanya <b>D’ Destination</b> di <b>Permata Green Cinere</b>. Menerima Pesanan aneka makanan.</p>
<p style="color:#828282;">Untuk pemesanan online, bisa melalui beberapa Marketplace yang tersedia:.</p>
</div>
<table>
<tr>
<!--whatsapp-->
<th><td style="text-align:center"><a href="https://wa.me/6282113005942?text=Halo%20saya%20menghubungi%20dari%20web%20ilunisma34.com" target="_blank"><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_WA.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--IG-->
<th><td style="text-align:center"><a href="https://instagram.com/dee.destination" target="_blank"><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_IG.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--FB-->
<th><td style="text-align:center"><a href="" target="_blank"><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_FB.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
</tr>
<tr>
<!--website-->
<th><td style="text-align:center"><a href=""><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_WEB.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--email-->
<th><td style="text-align:center"><a href="mailto:diandanang@gmail.com" target="_blank"><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_EMAIL.jpg" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--qoo10-->
<th><td style="text-align:center"><a href=""><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_QO.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
</tr>
<tr>
<!--toped-->
<th><td style="text-align:center"><a href=""><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_TOPED.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--bl-->
<th><td style="text-align:center"><a href=""><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_BU.png" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
<!--shopee-->
<th><td style="text-align:center"><a href=""><img src="http://ilunisma34.com/wp-content/uploads/2020/05/logo_SHOPEE.jpg" alt="tidak ada" style="width: 50px; height: 50px;"></a></td></th>
</tr>
</table>
<br/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
/* Float four columns side by side */
.column {
float: left;
width: 25%;
padding: 0 10px;
}
/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive columns */
@media screen and (max-width: 600px) {
.column {
width: 100%;
display: block;
margin-bottom: 20px;
}
}
/* Style the counter cards */
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding: 16px;
text-align: center;
background-color: #f1f1f1;
font-family: montserrat;
}
.title {
color: grey;
}
img {
border-radius: 5%;
}
</style>
</head>
<body>
<div class="row">
<div class="column">
<div class="card">
<img src="https://lh3.googleusercontent.com/pw/ACtC-3eXW3-PXgVRAj-9S4sTupuLZNouxk12VDoYaMxC0X7xjyyZgOz3S-5aJiLfpMnxfmKinlhM9d3YTTMVCxEiARK3b7nzn4zcxWYg0glhXjyA27IbIJ9fsxxwMSl27pisOLlaLGxWFMeRtsiHCRMz2Kb9=w579-h867-no?authuser=0">
<p class="title">Rp. 30.000,-</p>
<h2 style="color:#dd3333;">Mac ‘n Cheese (MaCiz🧀)</h2>
<p>Mac ‘n Cheese (MaCiz🧀) 30k /foil cup 250 ml</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://lh3.googleusercontent.com/pw/ACtC-3cBMVWCNGnBZIiwP-TpGeEsRFRIhmLWAKhY8xlkRg6etmUwEq7ieGbKkKdsQknZ4_q3unhYm3lxMSxAb79oS8Dc95odhb4prc-qwzwk7IBWah-dq5qiw_KmdWA0Zt-j0V4pT15ONDSBlrcN64fy5aSC=w480-h794-no?authuser=0">
<p class="title">Rp. 30.000,-</p>
<h2 style="color:#dd3333;">mac elbow & daging sapi cincang</h2>
<p>perpaduan mac elbow & daging sapi cincang, creamer nya gluten free loh.. lebih sehat, halal & dikukus dengan hati💟🥰 with cheddar & quick melt🧀🧀</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://lh3.googleusercontent.com/pw/ACtC-3cBMVWCNGnBZIiwP-TpGeEsRFRIhmLWAKhY8xlkRg6etmUwEq7ieGbKkKdsQknZ4_q3unhYm3lxMSxAb79oS8Dc95odhb4prc-qwzwk7IBWah-dq5qiw_KmdWA0Zt-j0V4pT15ONDSBlrcN64fy5aSC=w480-h794-no?authuser=0">
<p class="title">Rp. 30.000,-</p>
<h2 style="color:#dd3333;">Premium MaCiz</h2>
<p>Premium MaCiz🧀 20×20 with smoke beef & triple cheese🧀🧀🧀 | 185k (with cheddar, quick melt & MoZZareLLa 😍)</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://lh3.googleusercontent.com/pw/ACtC-3fOIL6us9NmATeVelwg8irDVL9BGEiE-0Sn5WmfbLRvVao4rYpv1gac7mFIy6JWKS0J-EPLskQbo2XggDW3c4pq9fmNphHjj_VvGI-SKIpCx752jP0rTutbF-pxuJfTYMIECrBavF6fCfEG_ZzuHLvg=s794-no?authuser=0">
<p class="title">Rp. 30.000,-</p>
<h2 style="color:#dd3333;">Premium MaCiz</h2>
<p>cuuss ngobrol aja dulu yach for order (by PO, by request or sapatau pas ready ya..) trims 💟🙏</p>
</div>
</div>
</div>
</body>
</html>