<!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: 5%;
}
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/05/warungcinere.png" alt="" style="width: 200px; height: 200px;">
<p><h1 style="color:#828282;">Warungcinere (marinated beef)
</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>Almira Islamey</b>, alumni Angkatan <b>2010</b>, punya usaha UKM namanya <b>Warungcinere (marinated beef)</b> di <b>Jakarta</b>. Menjual 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/6281288013567?text=Halo%20saya%20menghubungi%20dari%20web%20ilunisma34.com"><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://www.instagram.com/warungcinere/"><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=""><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:almiraislamey@gmail.com"><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="https://www.tokopedia.com/warungcinere"><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://ecs7.tokopedia.net/img/cache/200-square/attachment/2020/4/20/158737979158428/158737979158428_9d882818-c317-4470-9be6-36b50998ea06.png.webp" alt="" style="width:150px" class="center">
<p class="title">Rp. 57.500,-</p>
<h2 style="color:#dd3333;">Homemade marinated meat 250 gram ( Daging Marinasi )</h2>
<p>Produk/Layanan <br/>Our new variant! Korean spicy! Rasa pedesnya 11-12 sama pedesnya mulut netijen. Buruan yuks dicobaaa! Kalo menurut kamu kurang pedes, berarti belinya kurang banyak</p>
<p>Beli sekarang harga Promo!</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://ecs7.tokopedia.net/img/cache/200-square/product-1/2020/4/21/9729442/9729442_97fcc32b-a878-4336-8db6-0877e8d20ca4_1500_1500.webp" alt="" style="width:150px" class="center">
<p class="title">Rp. 57.500,-</p>
<h2 style="color:#dd3333;">Korean spicy </h2>
<p>Our new variant! Korean spicy 🌶 buat yang suka banget nonton drama korea, mesti wajib cobain varian rasa yang baru ini! Yuks buruan dicobaaa</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://ecs7.tokopedia.net/img/cache/200-square/product-1/2020/4/21/9729442/9729442_bf402b7f-e315-4cba-87f6-821376b6837d_1500_1500.webp" alt="" style="width:150px" class="center">
<p class="title">Rp. 57.500,-</p>
<h2 style="color:#dd3333;">Marinated meat w/ umami Japanese Sauce</h2>
<p>This is marinated meat w/ umami Japanese Sauce
Tasty and fulfill your savory taste 🙂
Pan fry for 3 minutes with butter and oil to bring the best version of it!
Added garlic and onion are more than perfect companion
Best use for 5-7 days (freezer) but we recommend you to eat max 3 days !</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="https://ecs7.tokopedia.net/img/cache/200-square/product-1/2020/4/21/9729442/9729442_acaed502-c27d-4596-82a1-1b54ff634ad6_1500_1500.webp" alt="" style="width:150px" class="center">
<p class="title">Rp. 57.500,-</p>
<h2 style="color:#dd3333;">Marinated with umami japanese sauce (oyster based)</h2>
<p>Marinated with umami japanese sauce (oyster based) and other ingredients to fasten up ur cooking process!</p>
</div>
</div>
</div>
</body>
</html>