Catatan

Menunjukkan catatan yang berlabel KPD402

CODE CSS & RESPONSIVE : LAMAN NAURAH LEE

CSS /* CSS STYLESHEET FOR NURAH*/ body{ background:url(bg.jpg); font-family:century gothic, sans-serif; margin-left:15px; font-size:16px;} header{ background:lightcoral; width: 100%;} .seg-bar{ cursor:pointer; text-align: center; width:50%; vertical-align: middle; display: table-cell;} .search input{ padding: 7px 7px 7px 7px; color:gray ; background:snow; } .icon{ display: block; position:absolute;} /*--NAVIGATION--*/ nav{ background:white; padding:4px ; text-align:center ;} nav ul{ list-style:none;} nav li{ display:inline-block; padding: 0px 9px 0px 9px;} nav a{ text-decoration: none; letter-spacing: 0.1em; color:black ; } nav a:hover{ border-bottom:1.5px dashed lightcoral ; color: lightcoral;} /* ----------------------------> ARTICLE, SECTION, CONTENT IN HERE */ .container{ align-content: center;} .row{ margin-left: 15px; margin-right: 15px;} .row img{ height:40%} .box{ width:60%; border-bottom:

LAMAN WEB : ORDER

Imej
Laman untuk order ini, Lee reka bentuk berinspirasikan laman ZALORA.. Tapi tak jadi mana pun sebab Lee nak cuba reka mengikut cita rasa Lee.. >3< Ha.. tu yang serba coral warnanya.. <html> <head> <title>ORDER | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="index.html"><img src="css/logo.png" style="height:100px ;" alt="logo"></a> <

LAMAN WEB : SIGN IN & REGISTER

Imej
Paparan di bawah merupakan paparan bagi page register dan sign in.  Ps// Untuk pengetahuan semua pengunjung blog ini. Lee yang coding sendiri.. Lee habiskan cuti sekolah masa Hari Raya Haji semata - mata nak siapkan tugasan ini.. Ini bukan plagiat ok.. Jadi please jangan nak cakap yang Lee copy paste template.. Ehh takde masa ok nak buat kerja yang menambahkan dosa ni.. =3= REGISTER <html> <head> <title>REGISTER | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span>

LAMAN WEB : ABOUT US

Imej
Paparan di bawah merupakan paparan bagi page ABOUT US <html> <head> <title> ABOUT | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="index.html"><img src="css/logo.png" style="height:100px ;" alt="logo"></a> <form class="search"> <input type="text" name="search" value="search here"><inpu

LAMAN WEB : HOME

Imej
Assalamualaikum warhmatullahi wabarakatuh… Hari ni Lee akan update webpages yang Lee buat.. Webpage ni merupakan tugasan KPD4022 yang diberikan oleh pensyarah Lee iaitu Cikgu Zain… Maafkan Lee kalau post kali ini sangat ringkas.. Lee tak dapat nak explain banyak.. Di bawah merupakan laman web yang Lee reka <html> <head> <title>HOME | NL</title> <link rel="stylesheet" href="css/naurah.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <header> <span class="icon"> <a href="sign-in.html"><img width="35px" src="css/user.png" alt="sign in"></a>   <a href="order.html"><img width="35px" src="css/shopping-bag.png" alt="shopping"></a> </span> <center> <span class="seg-bar"> <a href="in