Untitled

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta data-n-head="true" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet">

    <title>Alfagift Promo</title>

    <style>
        body{
            background-color: #FAD000;
            background-image: url("https://promo.alfagift.id/promo/assets/JAN2020/1_Bonus_Poin_Member_Pattern_Star_Bawah.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: bottom;
            font-family: 'Roboto', sans-serif;
        }
        .member-card{
            background-color: #FEE87F;
            border-radius: 4px;
            padding: 3px 8px;
        }
        .margin-prod{
            margin: .5rem -.25rem;
        }
        .item-prod{
            background-color: #ffffff;
            border: solid 1px #EFEDE3;
            height: 100%;
            padding: 10px 5px;
        }
        .product-title{
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 500;
            line-height: 15px;
        }
        .product-desc{
            font-weight: 500;
            font-size: 10px;
            line-height: 12px;
            margin-bottom: 0;
        }
        .mt-4px{
            margin-top: 4px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row mt-4 align-items-center">
            <div class="col-4 pr-0">
                <img src="https://promo.alfagift.id/promo/assets/FEB2020/1_Logo_Alfamart.png" class="btn-block">
            </div>
            <div class="col-4 offset-4 pl-0">
                <img src="https://promo.alfagift.id/promo/assets/JAN2020/1_Header-Corner-Tag-.png" class="btn-block">
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <img src="https://promo.alfagift.id/promo/assets/FEB2020/1_Logo_Banner.png" class="btn-block">
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <img src="https://promo.alfagift.id/promo/assets/FEB2020/1_Tagline_Banner.png" class="btn-block">
            </div>
        </div>
        <div class="row">
            <div class="col-8 offset-2">
                <img src="https://promo.alfagift.id/promo/assets/FEB2020/Periode_Iconeds5.png" class="btn-block">
            </div>
        </div>
        <div class="row margin-prod">
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-7 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Tag-1eds5.png" class="btn-block">
                            <p class="product-title mt-3">Beli 3 HiLo</p>
                            <p class="product-desc">Chocolate Avocado Pet</p>
                        </div>
                        <div class="col-5 pl-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-1eds5.png" class="btn-block">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-7 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/JAN2020/5_TAG.png" class="btn-block">
                            <p class="product-title mt-3">Beli 2 POCARI SWEAT</p>
                            <p class="product-desc">Pet 500 ml</p>
                        </div>
                        <div class="col-5 pl-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-2eds5.png" class="btn-block">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-5 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/JAN2020/5_TAG.png" class="btn-block">
                        </div>
                        <div class="col-7 pl-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-3eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <p class="product-title">Beli 2 RICOLA</p>
                            <p class="product-desc">SF 45g All Var</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-5 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/JAN2020/5_TAG.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-4eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <p class="product-title">TIMTAM</p>
                            <p class="product-desc">Chocolate Jumbo 22g</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-5 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Tag-5eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-5eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <p class="product-title">Beli 2 ALPENLIEBE</p>
                            <p class="product-desc">Filled Chocolate/ Filled White Choco 38g</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 px-1 mb-2">
                <div class="item-prod">
                    <div class="row">
                        <div class="col-5 pr-0">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Tag-5eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <img src="https://promo.alfagift.id/promo/assets/FEB2020/Packshot-6eds5.png" class="btn-block">
                        </div>
                        <div class="col-12">
                            <p class="product-title">Beli 2 MENTOS</p>
                            <p class="product-desc">Marbels Colors / Choco 27g</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 px-0">
                <img src="https://promo.alfagift.id/promo/assets/JAN2020/1_Bonus_Poin_Member_Footer.png" class="btn-block">
            </div>
        </div>
    </div>
</body>
</html>