Perancangan Aplikasi Penjualan Berbasis E-Market Di NFD Hijab Store

(1)

LAMPIRAN 1

LIST PROGRAM

1. Halaman Utama (index.php)

<!DOCTYPE html> <html lang="en">

<head>

<title>NFD Hijab |A Super Cool Hijaby</title>

(2)

</head>

<body>

<span class="sr-only">Toggle navigation</span>

<a class="navbar-brand" href="index.php">//Ubah gambar logo</a>

</div>

(3)

</li> <li>

<i class="fa fa-camera"></i><br>Product <span class="caret"></span>

</a>

<li><a href="square.php">Square</a></li>

<li><a href="instant.php">Instant</a></li>

</ul> </li>

</a>

<li><a href="nfdsq.php">#NFDSQUAD</a></li>

<li><a href="nfdq&a.php">#NFDQandA</a></li>

(4)

<li>

<a href="about.php"><i class="fa fa-user"></i><br>About</a>

</li> </ul>

</div> </div>

</nav>

<h1>We are <span class="violet">N F D HIJAB,</span> a super cool hijaby.</h1>

<p>We are affordably, stylish, and simple . Because have a lot of hijab is fun.</p>

</div> </div> </div> </div>

<h2>Testimonials</h2> </div>

</div>

(5)

<p>

"Terimakasih NFD Hijab, kualitas barang bagus, paket juga dipacking rapi dan cepat sampai. Bahan jilbab tidak menipu, very recommended buat anak muda yang mau berhijab tetapi tetep kece.

Wira Nofrina-Langsa, Aceh"<br>

</p> </div> </div>

<p>

"Mba, jilbabnya dah nyampe 2 hari yg lalu, bagus ternyata. Ternyata tokonya asli ya, gak tipu-tipu, dikirim beneran. Besok saya pasti pesan lagi. Mauliani-Balikpapan"<br>

</p> </div> </div>

<p>

"Response lumayan, dan service oke, harga bersaing. pertahankan the best value ini, semoga bisa makin baik kedepannya.Dinda-Palembang, SumSel"<br>

(6)

<p>

"Selalu puas kalau beli di NFD Hijab, pelayanan dan pengiriman sangat recommended cara kerjanya. Hijabnya juga kualitas jempolan, gapernah bosen shopping disini. Opik-Jakarta Selatan, Jakarta"<br>

</p> </div> </div> </div>

</li>

</li>

</li> </ul>

(7)

<footer>

<div class="col-sm-3 footer-box wow fadeInUp"> <h3>About Us</h3>

From faith to heart, the old-saying has been an inspiration for us to provide you window of us.

Through each of our products, we believe that it will make you confident that every Muslim woman should have it.

Starting from social media, our ...

</p>

</div> </div>

<h3>The Best Testimonial</h3>

<p>We update four of the best testimonial every month. So, Post your photo with our product on your instagram and give your best testimony, don't forget tag @nfd_hijab. LOVE YOU !!! </p>

</div> </div>

<h3>Contact Us</h3>

(8)

Nyak Dhien), Sei Sikambing C. II, Medan Helvetia, Kota Medan, Sumatera Utara 20123 </p>

<p><i class="fa fa-phone"></i> WhatsApp: 0852 9600 2159</p>

</div> </div>

<h3>Information</h3>

<p><i class="fa fa-instagram"></i> IG: @nfd_hijab</p>

<p><i class="fa fa-envelope"></i> Cust Service: farahnandra25@gmail.com</p>

<p><i class="fa fa-calendar"></i> Sat, Sun, & Public Holiday : OFF</p>

</div> </div> </div>

</div>

(9)

src="assets/bootstrap/js/bootstrap.min.js"></script>

<script

src="assets/js/jquery.backstretch.min.js"></script> <script src="assets/js/wow.min.js"></script>

src="http://maps.google.com/maps/api/js?sensor=true"></script> <script src="assets/js/jquery.ui.map.min.js"></script> <script src="assets/js/scripts.js"></script>

</body>

</html>

2. Desain Halaman (style.css)

body {

background: #fff; text-align: center;

font-family: 'Open Sans', sans-serif; color: #888;

font-size: 12px; }

.violet { color: #9d426b; }

(10)

color: #9d426b;

text-decoration: none;

-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms--webkit-transition: all .3s; -webkit-transition: all .3s; }

a:hover, a:focus { color: #888; text-decoration: none; }

strong { font-weight: bold; }

img { max-width: 100%; }

h1, h2 { line-height: 40px; } h3, h4 { line-height: 20px; }

::-moz-selection { background: #9d426b; color: #fff; text-shadow: none; }

::selection { background: #9d426b; color: #fff; text-shadow: none; }

/***** Big links / buttons *****/

a.big-link-1 {

display: inline-block; padding: 5px 22px;

background: #9d426b; color: #fff;

font-style: italic; text-decoration: none;

-moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

-webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

}

(11)

-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;

}

a.big-link-1:active {

}

a.big-link-2 {

display: inline-block; width: 35px;

height: 35px; padding-top: 6px; background: #9d426b; font-size: 20px; color: #fff;

line-height: 20px;

-moz-radius: 19px; -webkit-radius: 19px; border-radius: 19px;

}

a.big-link-2 i { vertical-align: middle; }

a.big-link-2:hover { background: #5d5d5d;

(12)

}

a.big-link-3 {

display: inline-block; padding: 5px 22px;

background: #9d426b; font-size: 18px; color: #fff;

font-style: italic; line-height: 24px; text-decoration: none;

}

a.big-link-3:hover {

}

(13)

/***** Top menu *****/

.navbar {

margin-bottom: 0; background: #fff; border: 0;

-moz-radius: 0; -webkit-radius: 0; border-radius: 0;

}

ul.navbar-nav {

font-size: 14px; color: #888;

text-transform: uppercase; }

ul.navbar-nav li a { padding: 23px 20px; background: #fff; border-top: 5px solid #fff; color: #5d5d5d; }

ul.navbar-nav li.active a { background: #f8f8f8; border-color: #9d426b; color: #5d5d5d; }

ul.navbar-nav li a:hover, ul.navbar-nav li a:focus { background: #9d426b; border-color: #9d426b; color: #fff; outline: 0; }

.nav .open > a { background: #f8f8f8; border-color: #9d426b; color: #5d5d5d; }

.nav .open > a:hover, .nav .open > a:focus { background: #9d426b; border-color: #9d426b; color: #fff; }

ul.navbar-nav li a i { line-height: 35px; color: #aaa; }

ul.navbar-nav li a:hover i, ul.navbar-nav li a:focus i { color: #fff; }

.dropdown-menu { border: 0;

(14)

-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box--webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);

}

.dropdown-menu > .active > a { background: #fff; color: #5d5d5d; } .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #f8f8f8; color: #9d426b; }

ul.navbar-nav li .dropdown-menu a { top: 15px; padding-bottom: 15px; }

ul.navbar-nav li.active .dropdown-menu a { background: #fff; color: #5d5d5d; border: 0; }

ul.navbar-nav li.active .dropdown-menu a:hover,

ul.navbar-nav li.active .dropdown-menu a:focus { background: #9d426b; color: #fff; border: 0; }

ul.navbar-nav li.active .dropdown-menu > .active > a { background: #f8f8f8; color: #9d426b; border: 0; }

ul.navbar-nav li.active .dropdown-menu > .active > a:hover,

ul.navbar-nav li.active .dropdown-menu > .active > a:focus { background: #9d426b; color: #fff; border: 0; }

.navbar>.container .navbar-brand { margin-left: 0; }

.navbar-brand { width: 245px; height: 106px;

background: url(../img/logonfd3.png) left center no-repeat; text-indent: -99999px;

}

/***** Slider *****/

.slider-container { margin: 0 auto;

(15)

}

.slider {

padding-left: 5px; padding-right: 5px; }

.flexslider {

margin-top: 45px; margin-bottom: 55px; border: 6px solid #fff;

-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);

-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);

box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);

}

.flexslider .slides > li { position: relative; }

.flex-caption {

position: absolute; left: 0;

bottom: 20px; width: 95%;

padding: 10px 20px;

background: #1d1d1d; /* browsers that don't support rgba */ background: rgba(0, 0, 0, .7);

(16)

color: #eaeaea; text-align: left; font-style: italic; }

.flex-direction-nav a { width: 60px; height: 60px; padding-top: 17px; background: #9d426b; color: #fff;

text-shadow: none; }

.flex-direction-nav a:before { font-size: 26px; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { text-align: center; }

/***** Slider 2 *****/

.slider-2-container { padding: 180px 0; }

.slider-2-text {

padding: 30px 0 43px 0;

color: #fff; }

.slider-2-text h1 {

padding-left: 30px; padding-right: 30px;

font-family: 'Lobster', cursive; font-size: 30px;

(17)

font-weight: bold; }

.slider-2-text p {

padding-left: 30px; padding-right: 30px; font-size: 18px; font-style: italic; }

/***** Presentation *****/

.presentation-container { margin-top: 30px; }

.presentation-container h1 {

color: #5d5d5d; font-weight: bold; }

.presentation-container p { font-size: 18px;

font-style: italic; }

/***** Services *****/

.services-container { margin-top: 10px; }

.services-title {

margin-top: 40px;

(18)

}

.services-title h2 { width: 200px; margin: 0 auto; background: #fff;

.service {

margin-top: 40px;

padding: 15px 15px 20px 15px; background: #f8f8f8;

border-bottom: 2px solid #9d426b; }

.service:hover {

box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

.service .service-icon { font-size: 50px; line-height: 50px; color: #5d5d5d; }

.service .service-icon i { vertical-align: middle; }

.service h3 {

margin-top: 13px;

font-family: 'Droid Sans', sans-serif; font-size: 14px;

(19)

font-weight: bold;

text-transform: uppercase;

text-shadow: 0 1px 0 rgba(255,255,255,.7); }

.service p {

padding-bottom: 7px; line-height: 24px; }

/***** Latest work *****/

.work-container { margin-top: 50px; }

.work-title {

background: url(../img/line.png) left center repeat-x; }

.work-title h2 { width: 220px; margin: 0 auto; background: #fff;

.work {

margin-top: 40px; padding-bottom: 20px; background: #f8f8f8;

(20)

opacity: 0.7;

.work:hover {

.work .work-bottom { margin-top: 15px; }

.work h3 {

margin-top: 20px; padding-left: 15px; padding-right: 15px;

color: #5d5d5d; font-weight: bold;

.work p {

padding-left: 15px; padding-right: 15px; line-height: 24px; font-style: italic; }

/***** Testimonials *****/

(21)

margin-top: 50px; padding-bottom: 70px; }

.testimonials-title {

.testimonials-title h2 { width: 180px;

margin: 0 auto; background: #fff;

.testimonial-list { margin-top: 30px; text-align: left; }

.testimonial-list .tab-pane { overflow: hidden; }

.testimonial-list .testimonial-image { float: left;

width: 10%;

margin: 10px 0 0 0; }

.testimonial-list .testimonial-image img { max-width: 64px; border: 3px solid #eaeaea; }

.testimonial-list .testimonial-text { float: left;

(22)

}

.testimonial-list .nav-tabs { border: 0;

text-align: right; }

.testimonial-list .nav-tabs li { float: none;

display: inline-block; margin-left: 2px; margin-right: 2px; }

.testimonial-list .nav-tabs li a { width: 12px;

height: 12px; padding: 0;

background: #eaeaea; border: 0;

}

.testimonial-list .nav-tabs li a:hover { border: 0; background: #ddd; }

.testimonial-list .nav-tabs li.active a { background: #9d426b; }

/***** Footer *****/

footer {

margin: 0 auto;

padding-bottom: 10px;

background: #f8f8f8 url(../img/pattern.jpg) left top repeat; -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;

(23)

.footer-box {

margin-top: 20px; text-align: left; }

.footer-box h4 { margin-top: 20px;

.footer-box-text p { line-height: 24px; }

.footer-box-text-contact i { padding-right: 7px; }

.footer-box-text-subscribe form { padding-bottom: 10px;

}

.footer-box-text-subscribe input[type="text"] { width: 95%;

height: 26px; }

/* Flickr feed */ .flickr-feed {

margin: 16px 0 0 0; }

(24)

display: inline-block; width: 54px;

margin: 0 4px 4px 0; }

.flickr-feed a:hover { opacity: 0.7; }

.flickr-feed a img { border: 2px solid #eaeaea; }

.footer-border { margin-top: 30px;

border-top: 1px dashed #ddd; }

.footer-copyright { margin-top: 15px; line-height: 24px; text-align: left; }

.footer-social { margin-top: 5px; text-align: right; }

.footer-social a { margin: 0 0 0 10px; font-size: 26px; color: #888; }

.footer-social a:hover, .footer-social a:focus { color: #9d426b; }

/***** Page title *****/

.page-title-container { margin: 0 auto;

padding: 30px 0 35px 0;

background: #f8f8f8 url(../img/pattern.jpg) left top repeat; text-align: left;

(25)

}

.page-title-container h1 { display: inline;

margin-left: 10px;

text-shadow: 0 1px 0 rgba(255, 255, 255, .7); vertical-align: middle;

}

.page-title-container p { display: inline; margin-left: 5px; font-size: 14px; font-style: italic; vertical-align: middle; }

.page-title-container i { font-size: 46px; color: #ccc;

vertical-align: middle; }

/* --- ABOUT PAGE --- */

/***** About us text *****/

.about-us-container { margin-top: 20px; }

(26)

padding-top: 10px; padding-bottom: 10px; text-align: left; }

.about-us-text h3 { margin-top: 25px;

.about-us-text p { line-height: 28px; font-size: 13px; }

/***** Meet our team *****/

.team-container { margin-top: 30px; }

.team-title {

.team-title h2 { width: 220px; margin: 0 auto; background: #fff;

(27)

.team-box {

margin-top: 40px; padding-bottom: 15px; background: #f8f8f8;

.team-box:hover img { opacity: 0.7;

.team-box:hover {

-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset; box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

.team-box h3 {

margin-top: 20px; padding-left: 15px; padding-right: 15px;

.team-box p {

(28)

padding-right: 15px; line-height: 24px; font-style: italic; }

.team-social a { margin: 0 5px; font-size: 26px; }

/* --- CONTACT PAGE --- */

/***** Form *****/

.contact-us-container { margin-top: 20px; padding-bottom: 50px; text-align: left; }

.contact-us-container h3 { margin-top: 25px;

.contact-us-container p { line-height: 28px; font-size: 13px; }

.contact-form {

padding-top: 25px; padding-bottom: 30px; }

(29)

margin-top: 25px; }

.contact-form form .form-group { margin-bottom: 20px;

}

.contact-form input[type="text"] { width: 95%; height: 34px; } .contact-form textarea { width: 95%; height: 170px; padding-top: 6px; padding-bottom: 6px; }

.contact-form label { font-size: 13px; font-weight: 400; } .contact-form label .error-label { font-style: italic } .contact-form button { margin-top: 5px; padding: 0 45px; }

/***** Google map *****/

.contact-address {

padding-bottom: 15px; }

.contact-address .map { margin: 20px 0 40px 0; height: 300px;

border: 5px solid #f8f8f8; }

/* --- SERVICES PAGE --- */

/***** Services full width text *****/

.services-full-width-container { margin-top: 20px;

}

(30)

.services-full-width-text h3 { margin-top: 25px;

.services-full-width-text p { line-height: 28px;

font-size: 13px; }

/***** Services half width text *****/

.services-half-width-container { margin-top: 20px;

}

.services-half-width-text { padding-top: 10px; padding-bottom: 10px; text-align: left; }

.services-half-width-text h3 { margin-top: 25px;

(31)

line-height: 28px; font-size: 13px; }

/***** Call to action *****/

.call-to-action-container { margin-top: 20px;

padding-bottom: 50px; }

.call-to-action-text { padding-top: 25px; padding-bottom: 15px; background: #f8f8f8; text-align: left; overflow: hidden; }

.call-to-action-text:hover {

-moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset; box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;

.call-to-action-text p { float: left;

width: 80%;

(32)

.call-to-action-text .call-to-action-button { float: left;

width: 20%;

padding-right: 25px; margin-bottom: 10px; text-align: right; }

/* --- PORTFOLIO PAGE --- */

.portfolio-container { margin-top: 20px; padding-bottom: 50px; }

.portfolio-filters { padding-top: 35px; padding-bottom: 10px;

color: #5d5d5d; font-weight: bold; text-align: left;

.portfolio-filters a { color: #5d5d5d; }

.portfolio-filters a:hover, .portfolio-filters a.active { color: #9d426b; }

.portfolio-box { width: 255px;

margin: 40px 15px 0 15px; }

(33)

.portfolio-box:hover img { opacity: 0.7; }

.portfolio-box-container { position: relative; background: #f8f8f8;

.portfolio-box-container:hover {

.portfolio-box-icon { position: absolute; top: 10px;

right: 10px; width: 35px; height: 35px;

padding-top: 7.5px; padding-left: 3px;

font-size: 20px; color: #fff;

line-height: 20px;

-moz-radius: 19px; -webkit-radius: 19px; border-radius: 19px;

}

.portfolio-box-text {

(34)

.portfolio-box-text h3 { margin-top: 20px;

.portfolio-box-text p { line-height: 24px; font-style: italic; }

3. Halaman Produk Untuk Square (square.php)

<?php

include("koneksi.php"); ?>

<!DOCTYPE html> <html lang="en"> <head>

(35)

<!--[if lt IE 9]> <script

src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></s cript>

<script

src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"> </script>

<![endif]-->

(36)

<body>

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1"> <span class="sr-only">Toggle navigation</span>

</div>

</li> <li>

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000"> <i class="fa fa-camera"></i><br>Product <span class="caret"></span>

</a>

(37)

</ul> </li>

</a>

<li><a href="nfdsq.php">#NFDSQUAD</a></li> <li><a href="nfdq&a.php">#NFDQandA</a></li> </ul> </li> <li>

</li> </ul> </div> </div> </nav>

<div class="col-sm-12 wow fadeIn"> <i class="fa fa-tags"></i> <h1>Product &nbsp&nbsp/</h1> <h1>Square</h1>

(38)

<div class="portfolio-container"> <div class="container"> <?php

$per_hal = 8;

$jumlah_record = mysql_query ("SELECT COUNT(*) FROM `produk` WHERE `produk`.`kategori`='square'");

$jum = mysql_result($jumlah_record, 0); $halaman = ceil($jum/$per_hal);

$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1;

$start = ($page - 1) * $per_hal;

$query = mysql_query("SELECT * FROM `produk` WHERE `produk`.`kategori`='square' LIMIT $start, $per_hal");

if ($query === FALSE) { die(mysql_error()); }

$no = 1;

while($de=mysql_fetch_array($query)){ $id=$de['id'];

$namabarang=$de['namabarang']; $harga=$de['harga'];

$gambar=$de['gambar'];

$harga=number_format($harga,0,",",".");

echo "

<img class='img-responsive' style='height:350px' src=\"assets/img/produk/$gambar\"></img> <div class='caption'> <h4>$namabarang</h4> <h5>$harga</h5> </div>

<a

href='detailproduk.php?kd=".$de['id']."' class='btn sm btn-success'>Detail</a>

(39)

"; } ?> <center>

</ul>

<?php

for($x=1;$x<=$halaman;$x++) {

?>

</ul> <?php } ?>

</ul> </center> </div> </div>

(40)

Through each of our products, we believe that it will make you confident that every Muslim woman should have it.

</p>

</div> </div>

<h3>Contact Us</h3>

<p><i class="fa fa-map-marker"></i> Address: Gg. Rasmin,Jl. Gatot Subroto (Belakang Universitas Tjut Nyak Dhien), Sei Sikambing C. II, Medan Helvetia, Kota Medan, Sumatera Utara 20123 </p>

</div> </div>

(41)

</div>

</div> </div> </div> </footer>

<script

(42)

</body>

</html>

4. Halaman Blog Untuk NFD Squad (nfdsq.php)

<?php

include("koneksi.php"); ?>

<!DOCTYPE html> <html lang="en"> <head>

(43)

</head>

<body>

(44)

</div>

</li> <li>

</a>

<li><a href="square.php">Square</a></li> <li><a href="instant.php">Instant</a></li> </ul> </li>

</a>

(45)

<li><a href="nfdq&a.php">#NFDQandA</a></li> </ul> </li> <li>

</li> </ul> </div> </div> </nav>

<h4>Just Tag @nfd_hijab And Caption #nfdsquad In Your Lastest Post With Our Product on Instagram , You Can Be Our "#NFDSQUAD"</h4>

(46)

</div> </div>

(47)

</div> </div>

From faith to heart, the old-saying has been an inspiration for us to provide you window of us. Through each of our products, we believe that it will make you confident that every Muslim woman should have it.

</p>

</div> </div>

(48)

</div>

<h3>Contact Us</h3>

</div> </div>

</div>

(49)

</div> </div> </div> </footer>

<script

</body>

</html>

5. Halaman About (about.php)

<!DOCTYPE html> <html lang="en">

(50)

(51)

</head>

<body>

</div>

</li> <li>

(52)

<li><a href="square.php">Square</a></li> <li><a href="instant.php">Instant</a></li> </ul> </li>

</a>

<li><a href="nfdsq.php">#NFDSQUAD</a></li> <li><a href="nfdq&a.php">#NFDQandA</a></li>

</ul> </li>

</li> </ul>

</div> </div> </nav>

(53)

<p>Below you can find more information about our NFD HIJAB</p>

<h2>Why Choose Us ?</h2>

<h3>1. Kualitas produk tidak kalah dengan kualitas produk bermerek yang terkenal.<br><br>

2. Desain model yang up to date, gaul, modis, dan muslimah friendly.<br><br>

3. Pemilihan motif dan corak yang relefan dengan perkembangan dunia fashion.<br><br>

4. Harga yang terjangkau.<br><br> 5. Support dan service yang maksimal.<br><br>

Gak percaya? Kami tantang sahabat NFD Squad untuk membuktikannya….

</h3> </div> </div> </div> </div>

(54)

</div>

<h1>Nandra Faradina</h1>

<h4>Memulai dari hobi, menjadi koleksi, akhirnya menyalurkan hobi menjadi bisnis ...</h4>

<h5><i class="fa fa-instagram"></i> IG: @nandraafarah</h5>

</div> </div>

From faith to heart, the old-saying has been an inspiration for us to provide you window of us. Through each of our products, we believe that it will make you confident that every Muslim woman should have it.

</p>

(55)

</div> </div>

<h3>Contact Us</h3>

</div> </div>