Scribd Logo
Unggah

Selamat datang di Scribd!

  • Leee

    Diunggah oleh

    awang kuek
    5 tayangan6 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    5 tayangan6 halaman

    Leee

    Diunggah oleh

    awang kuek

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    <!

    DOCTYPE html>
    <html>
    <head>
        <title>Teknik Elektro</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        
    </head>
    <body>
        <div class="container">
            <header>
                <img src="logo.jpg" height="100" width="100">

            </header>
            <nav>
                 <ul>
                    <li><a href="index.html">Beranda</a></li>
                    <li><a href="kontak-saya.html">Kontak Saya</a></li>
                    <li><a href="tentang-saya.html">Tentang Saya</a></li>
                 </ul>
             </nav>
           <article>
                    <div class="isi">
                        <div class="judul">
                           Teknik Elektro
                        </div>
                        <img src="logo2.png" >
                        <p> Teknik elektro / biasa disebut teknik listrik adalah 
    salah satu bidang ilmu teknik mengenai aplikasi listrik untuk memenuhi kebutuh
    an dari kehidupan manusia . teknik elektro melibatkan konsep , perencanaan , p
    engembangan , dan produksi perangkat listrik dan elektronik yg dibutuhkan oleh 
    masyarakat . </p>
                        <p>Orang yang sudah ahli dibidang teknik bisanya disebut 
    Enginer . Enginer elektro memegang peranan penting dalam mengembangkan dan mem
    ajukan teknologi tinggi dalam dunia telekomunikasi, energi dan aplikasi lainny
    a dari perangkat listrik dan elektronik . </p>
                        <p>Enginer elektro juga bekerjasama dengan enginer dari bi
    dang lain , seperti kimia , mesin , dan sipil untuk merancang, mengembangkan d
    an membantu berbagai macam produk dan jasa seperi sistem distribusi energi , k
    omputer , sistem satelit , radio , sistem radar , mobil listrik, dan masih ban
    yak lainnya yang melibatkan komponen listrik dan elektronik</p>
                    </div>
                
             </article>
      
           <footer>
               Wendra Alfiandi Hafim

           </footer>
        </div>
    </body>
    </html>
    body{
        font-family: Arial, Helvetica, sans-serif;
        background: #525252;
        padding: 0;
        margin:0;
        
    }

    .container{
        width: 65%;
        height: auto;
        background: white;
        margin:auto;
        margin-top: 5px;
        padding-bottom: 5px;
    }
    .logo {

        padding: 30px 0 30px 10px;
    }

    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #1a75ff;
        border: 2px solid rgb(0, 0, 0);
    }

    nav li {
        float: left;
    }

    nav li a{
        display: inline-block;
        color:#ffffff;
        text-align: center;
        padding: 14px 15px;
        text-decoration: none;
    }

    nav li a:hover {
        opacity:0.9;
        background-color: #000000;
    }
    article {
        width: 98.8%;
        height: auto;
        border-radius: 3px;
        margin: 5px 5px 5px 5px;
        border: 1px solid gainsboro;
        clear: both;
    }

    article p {
        padding: 5px 6px 5px 5px;
        line-height: 1,5;  
    }
    article .konten {
        width: 23.5%;
        height: auto;
        margin: 5px 5px 5px 5px;
        border-radius: 3px;
        border: 1px solid rgb(0, 0, 0);
        float: left;
    }

    article .isi {
        width: 98.5%;
        height: auto;
        margin: 5px 5px 5px 5px;
        border-radius: 3px;
        border: 1px solid rgb(0, 0, 0);
        float: left;
    }
    article .isi .judul {
        font-size: xx-large;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-top: 10px;
    }
    article .isi p {
        margin-top: 0;
    }
    article .isi img {
        float: left;
        margin: 5px 5px 5px 5px;
    }

    article .konten img {
        width: 95.8%;
        height: 150px;
        margin: 5px 5px 5px 5px;
    }
    article .konten:hover {
        opacity:0.9;

    }
    article .konten .judul a {
        margin-left: 5px;
        text-decoration: none;
        font-size:x-large;
        color:#020101;
    }

    article .konten a:hover {
        opacity:0.9;
    }

    footer {
        clear: both;
        width: 98.8%;
        height: auto;
        text-align: center;
        margin: 5px 5px 5px 5px;
        border-radius: 3px;
        border-bottom: 1px solid rgb(0, 0, 0);
        padding-top: 15px;
        padding-bottom: 15px;  
    }

    @media screen and (max-width:1080px) {

        .container, article, footer {
            float: none;
            width: 98%;
       }
       article .konten {
        float: left;
        width: 48%;
       }

       article .konten img {
        height: auto;
       }
    }

    @media screen and (max-width:780px){
       
        .container, article, footer, article .konten {
            float: none;
            width: 98%;
       }

       article .konten img {
        height: auto;
       }
     
    }

    Anda mungkin juga menyukai