Tugas 6

Nama: Bayu Surya Bawono

NRP: 05111840000114

1. Membuat project web terlebih dahulu menggunakan Framework CodeIgniter4.

2. Kemudian masuk ke folder project yang sudah dibuat dan jalankan server project

3. Lalu, untuk membukanya, kalian perlu membuka browser dan pergi ke "localhost:8080".

4. Kemudian kita bisa menambahkan script HTML pada view yang telah kita buat (Profil.php).Untuk tampilan lebih menarik, ubah code menjadi:

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width-device-width, initial-scale=1">
	<title>Profile</title>

	</head>

	<body>

	<!-- STYLES -->

	<style {csp-style-nonce}>
	* {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	}

	a {
	color: inherit;
	text-decoration: none;
	}

	.container {
	width: 80%;
	margin: 0 auto;
	}

	.container:after {
	content: '';
	display: block;
	clear: both;
	}

	header h1 {
	float: left;
	padding: 15px 0px;
	color: #1E90FF;
	}

	header ul {
	float: right;
	}

	header ul li {
	display: inline-block;
	}

	header ul li a {
	padding: 25px 20px;
	display: inline-block;
	}

	header ul li a:hover {
	background-color: #1E90FF;
	color: #fff;
	}

	.active {
	background-color: #1E90FF;
	color: #fff;
	}


	section {
	padding: 50px 0;
	}

	section h3 {
	text-align: center;
	padding: 20px 0;
	color: #1E90FF;

	}

	.profile p {
	word-spacing: 2px;
	line-height: 25px;
	text-align: left;
	padding: 30px 20px;
	float: left;
	}

	footer {
	padding: 50px 0;
	background-color: #333;
	color: #fff;
	text-align: center;
	}
	}
	</style>
	</head>

	<body>


	<!--Profile -->
	<section class="profile">
	<div class="container">
	<h3>Profile</h3><a href="https://ibb.co/0JhVR34"><img src="https://i.ibb.co/0JhVR34/fotoku1.png" alt="fotoku1" width="300" height="400" align="left"></a>
	<p>Name : Bayu Surya Bawono <br>Place/Date of Birth: Bima,
	32 - 12 - 2061<br>Profession : Mahasiswa <br>Institution : Institut Teknologi Sepuluh Nopember <br>Phone number : 123231123132 <br></p>
	</div>
	</section>

	<!-- Footer -->
	<footer>
	<div class="container"><small>Copyright ©
	2020 - Bayu S.</small></div>
	</footer>
	</body>

	</html>

view raw Profil.php hosted with ❤ by GitHub

5. Maka, kita bisa mengakses halaman profil kita dengan mengetikkan "localhost:8080/profilku" dan akan menampilkan halman

PBKK