PBKK - Pertemuan 8
Pada kesempatan kali ini saya diberi tugas untuk inisiasi CodeIgniter dengan bantuan XAMPP untuk deploy webserver Apache dan MySql. Disini saya juga merubah tampilan landing page awal dari CodeIgniter untuk memunculkan Nama serta NRP saya. Berikut adalah codingan dari welcome_page.php yang telah saya modifikasi
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Flamenco&family=Great+Vibes&display=swap');
body {
background: rgb(2, 0, 36);
background: linear-gradient(176deg, rgba(2, 0, 36, 1) 0%, rgba(129, 78, 161, 1) 53%, rgba(0, 212, 255, 1) 100%);
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
}
.namecontainer {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.namecontainer h1 {
font-size: 78px;
text-align: center;
font-family: 'Flamenco';
}
</style>
</head>
<body>
<div class=namecontainer>
<h1>Ariella Firdaus Imata</h1>
<h1>5025211138</h1>
</div>
</body>
</html>
Lalu berikut adalah hasil implementasinya
Terima Kasih
Komentar
Posting Komentar