PWEB (A) - Tugas Pertemuan 4

 

PWEB - Tugas Pertemuan 4

Nama : Ryan Abinugraha
NRP : 5025211178
Kelas : PWEB - A
Tahun : 2023

Tugas :
Membuat web course




















HTML Script :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Course Website</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        header {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }

        header h1 {
            font-size: 36px;
            margin: 0;
        }

        .container {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
        }

        h2 {
            font-size: 24px;
            margin-top: 20px;
            color: #333;
        }

        p {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 20px;
        }

        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            font-size: 18px;
            margin-top: 10px;
        }

        .button:hover {
            background-color: #555;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>
    <header>
        <h1>Welcome to Our Course Website</h1>
    </header>

    <div class="container">
        <section class="course">
            <h2>Course 1: HTML Fundamentals</h2>
            <p>
                Learn the basics of HTML, the language used for creating web pages and
                structuring content on the web.
            </p>
            <a href="#" class="button">Enroll Now</a>
        </section>

        <section class="course">
            <h2>Course 2: CSS Styling</h2>
            <p>
                Dive into the world of CSS (Cascading Style Sheets) and learn how to style
                web pages and make them visually appealing.
            </p>
            <a href="#" class="button">Enroll Now</a>
        </section>

        <section class="course">
            <h2>Course 3: PHP Programming</h2>
            <p>
                Explore server-side web development with PHP. Learn to build dynamic web
                applications and interact with databases.
            </p>
            <a href="#" class="button">Enroll Now</a>
        </section>

        <section class="course">
            <h2>Course 4: JavaScript Essentials</h2>
            <p>
                Get started with JavaScript, the programming language for adding
                interactivity and behavior to websites.
            </p>
            <a href="#" class="button">Enroll Now</a>
        </section>
    </div>

    <footer>
        &copy; 2023 Course Website. All Rights Reserved.
    </footer>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

PBKK (B) - Tugas 8

Image
TUGAS 8 Nama : Ryan Abinugraha NRP : 5025211178 Tugas 8 PBKK CodeIgniter adalah sebuah kerangka kerja PHP yang simpel dan ringan, diciptakan untuk menyederhanakan proses pengembangan aplikasi web. Fokus utama CodeIgniter adalah pada konsep "Model-View-Controller" (MVC) untuk memisahkan logika bisnis, tampilan, dan pengendalian dalam suatu aplikasi. Kelebihan utama dari CodeIgniter termasuk kemudahan penggunaan, kinerja yang optimal, dokumentasi yang baik, dan berbagai alat bantu seperti manajemen database, keamanan, dan pengaturan rute URL. Semua ini memungkinkan para pengembang untuk dengan cepat dan efisien membangun aplikasi web. Tugas kali ini, saya membuat projek sederhana yaitu print Hello World dalam inisiasi codeigniter Berikut merupakan code yang digunakan: 1. Home.php untuk pengarah ke view 2. welcome_message.php sebagai view 3. Routes.php sebagai end point HASIL: 
Read more

Tugas Analisis Perancangan dan Sistem Informasi - 1

Image
Tugas APSI E Sistem Akuntansi Aset Tetap Sistem Informasi dan Sistem Akuntansi Sistem informasi adalah sistem internal organisasi yang memenuhi kebutuhan manajemen dalam memproses acara, mendukung operasi, dan kegiatan strategis lainnya, yang tujuannya adalah untuk mengirimkan informasi dengan laporan tertentu kepada pihak luar. Sistem akuntansi tetap itu sendiri adalah sistem informasi yang tujuannya membantu organisasi    mengelola dan memelihara aset tetap. Fungsi sistem informasi adalah untuk menyimpan dan mengatur informasi tentang aset tetap, memandu pengembangan aset, memperoleh proses, memelihara dan mengembangkan aset, serta membantu merencanakan dan mengelola biaya aset. Fungsi Sistem Informasi Untuk meningkatkan aksesiblitas data yang ada secara efektif dan efisien kepada pengguna, tanpa dengan prantara sistem informasi. Memperbaiki produktivitas aplikasi pengembangan dan pemeliharaan sistem Menjamin tersedianya kualitas dan keterampilan dalam memanfaatkan sistem in...
Read more

PBKK (B) - QUIZ 1

Quiz 1 Ryan Abinugraha 5025211178  QUIZ 1 1.  Sebuah framework dalam pengembangan perangkat lunak adalah struktur atau kerangka kerja yang menyediakan berbagai alat dan pedoman untuk membantu pengembang dalam membangun aplikasi atau sistem. Ini adalah serangkaian konsep, praktik, dan komponen yang membentuk fondasi untuk membangun sesuatu. Berikut adalah beberapa elemen penting dari sebuah framework dan kegunaannya dalam pengembangan perangkat lunak:     1. Struktur Organisasi:     File dan Folder Layout: Framework biasanya menyediakan struktur folder dan file bawaan yang mengatur bagaimana kode harus diatur. Hal ini memudahkan pengembang untuk memahami di mana harus menempatkan berkas-berkas tertentu dan bagaimana mereka seharusnya berinteraksi.     2. Library dan Modul:     Kumpulan Kode Siap Pakai: Framework menyediakan kumpulan modul dan pustaka yang mempercepat proses pengembangan dengan menyediakan fungsionalita...
Read more