PPTIK FORUM   ›   Portal

Welcome, Guest
You have to register before you can post on our site.

Username
  

Password
  

Search Forums



(Advanced Search)

Forum Statistics
» Members: 13.968
» Latest member: aegte
» Forum threads: 56.444
» Forum posts: 72.680

Full Statistics

Online Users
There are currently 223 online users.
» 0 Member(s) | 221 Guest(s)
Bing, Google

Latest Threads
tugas 3 flex box
Forum: TUGAS 3
Last Post: bilal
11-15-2022, 09:06 AM
» Replies: 0
» Views: 14
Flexbox
Forum: BATCH 1
Last Post: Andika Rizky Firdaus
11-15-2022, 08:55 AM
» Replies: 0
» Views: 6
tugas 2 perkenalan html d...
Forum: TUGAS 2
Last Post: bilal
11-15-2022, 08:54 AM
» Replies: 0
» Views: 5
tugas 1 perkenalan
Forum: TUGAS 1
Last Post: bilal
11-15-2022, 08:38 AM
» Replies: 0
» Views: 10
Tugas 1 HTML
Forum: TUGAS 1
Last Post: Fariz
10-25-2022, 09:47 AM
» Replies: 0
» Views: 6
Tugas 2 Perkenalan HTML d...
Forum: TUGAS 2
Last Post: Fariz
10-25-2022, 09:38 AM
» Replies: 0
» Views: 18
Tugas Perkenalan HTML 1 d...
Forum: BATCH 1
Last Post: Fariz
10-25-2022, 09:28 AM
» Replies: 0
» Views: 16
Tugas perkenalan (html, l...
Forum: BATCH 1
Last Post: slametriyadi
10-18-2022, 06:45 PM
» Replies: 0
» Views: 13
kelompok-1-senin-18-10-20...
Forum: Kelompok 1
Last Post: sonusood
10-08-2022, 10:58 PM
» Replies: 1
» Views: 82
problem
Forum: Diskusi
Last Post: sonusood
10-08-2022, 10:29 PM
» Replies: 2
» Views: 71

 
  tugas 3 flex box
Posted by: bilal - 11-15-2022, 09:06 AM - Forum: TUGAS 3 - No Replies

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>flexbox</title><style>      body{        display: flex;        }             .container{          display: flex;      flex-direction: column;        width: 800px;      height: 300px;        background-color: #11C5C6;        border: 2px solid black;        padding: 20px;        border-radius: 10px;          margin: 0 auto;        }       .box{      width: 800px;        height: 140px;        background-color: #fbdd1c;        margin: 5px;        border: 2px solid black;          border-radius: 10px;      }       .satu{        width: 132px;        float: left;          border: 2px solid black;        margin: 15px;      padding: 50px;          background-color: pink;        align-items: center;        border-radius: 10px;      }  </style> </head> <body>       <div class="container">     <div class="box">         <div class="satu"></div>           <div class="satu"></div>         <div class="satu"></div>     </div>         <div class="box">         <div class="satu"></div>           <div class="satu"></div>           <div class="satu"></div>           </div> </body> </html>


  Flexbox
Posted by: Andika Rizky Firdaus - 11-15-2022, 08:55 AM - Forum: BATCH 1 - No Replies

<style>
.container {
display: flex;
}
.card{
width: 120px;
height: 120px;
text-align: center;
line-height: 120px;
color: #fff;
font-weight: bold;
flex: 1;
}
.bg-card1{
background-color: #1dd0ad;
}
.bg-card2{
background-color: #9b59b6;
}
.bg-card3{
background-color: #e67e22;
}
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="card bg-card1">1</div>
<div class="card bg-card2">2</div>
<div class="card bg-card3">3</div>
</div>
</body>
</html>


  tugas 2 perkenalan html dan css
Posted by: bilal - 11-15-2022, 08:54 AM - Forum: TUGAS 2 - No Replies

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Perkenalan Diri</title>    <style type="text/css">        h1.title {        text-align: center;        background-color: gold;        margin-left: 50px;        margin-right: 50px;        font-family: cursive;        font-size: 30px;        }               p {        text-align: justify;        font-size: 20px;        font-family: Helvetica;        margin-left: 80px;        }               li {        text-align: justify;        font-size: 20px;        font-family: Helvetica;        margin-left: 80px;        }               h1 {        text-align: justify;        font-size: 25px;        font-family: monospace;        margin-left: 80px;        }               h3 {        text-align: justify;        font-size: 25px;        font-family: monospace;        margin-left: 80px;        }        </style>    </body></head><body>    <h1>Perkenalan</h1>    <h2>Bilal Ramdhan Fadilah</h2>    <p> Perkenalkan nama saya Bilal Ramdhan Fadilah. Saya lahir di Bandung, 21 Oktober 2004. Saya Bersekolah di SMK Bakti Nusantara 666.</p>    <ul>Hobby Saya        <li>Bermain Game online</li>        <li>Mendengarkan Musik</li>        <li>Menonton Film</li>        <li>dll</li>    </ul></body></html>


  tugas 1 perkenalan
Posted by: bilal - 11-15-2022, 08:38 AM - Forum: TUGAS 1 - No Replies

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Perkenalan Diri</title></head><body>    <h1>Perkenalan</h1>    <h2>Bilal Ramdhan Fadilah</h2>    <p> Perkenalkan nama saya Bilal Ramdhan Fadilah. Saya lahir di Bandung, 21 Oktober 2004. Saya Bersekolah di SMK Bakti Nusantara 666.</p>    <ul>Hobby Saya        <li>Bermain Game online</li>        <li>Mendengarkan Musik</li>        <li>Menonton Film</li>        <li>dll</li>    </ul></body></html>


  Tugas 1 HTML
Posted by: Fariz - 10-25-2022, 09:47 AM - Forum: TUGAS 1 - No Replies

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Perkenalkan</title>    <style>        body{            background-color: rgb(27, 26, 26);            color: rgb(53, 52, 52);        }        main h1{            margin-left: 30px;            font-size: 50px;            text-shadow: 3px 2px 5px white;        }         main ul{            margin-top: 50px;            text-shadow: 0.5px 1px 2px white;            font-size: 25px;            list-style: none;        }         main p{            font-family: sans-serif;            font-size: 20px;            text-shadow: 0 1px 0 white;        }    </style></head><body>    <main>    <h1>        Kenalkan    </h1>     <ul>        <li>            <h3>                Nama : Fariz Ahmad Fadillah            </h3>        </li>        <li>            <h3>                Kelas : XII RPL 4            </h3>        </li>        <li>            <h3>                Lahir : 29 Januari 2005            </h3>        </li>    </ul>    <br>     <p>Perkenalkan nama saya Fariz Ahmad Fadillah , tempat tinggal di cipasir rancaekek <br>     saya lahir pada 29 Januari 2005, dan sekarang saya sedang PKL di PPTIK ITB </p></main>    </body></html>



Attached Files Thumbnail(s)
   

  Tugas 2 Perkenalan HTML dan CSS
Posted by: Fariz - 10-25-2022, 09:38 AM - Forum: TUGAS 2 - No Replies

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Perkenalkan</title>    <style>        body{            background-color: rgb(27, 26, 26);            color: rgb(53, 52, 52);        }        main h1{            margin-left: 30px;            font-size: 50px;            text-shadow: 3px 2px 5px white;        }         main ul{            margin-top: 50px;            text-shadow: 0.5px 1px 2px white;            font-size: 25px;            list-style: none;        }         main p{            font-family: sans-serif;            font-size: 20px;            text-shadow: 0 1px 0 white;        }    </style></head><body>    <main>    <h1>        Kenalkan    </h1>     <ul>        <li>            <h3>                Nama : Fariz Ahmad Fadillah            </h3>        </li>        <li>            <h3>                Kelas : XII RPL 4            </h3>        </li>        <li>            <h3>                Lahir : 29 Januari 2005            </h3>        </li>    </ul>    <br>     <p>Perkenalkan nama saya Fariz Ahmad Fadillah , tempat tinggal di cipasir rancaekek <br>     saya lahir pada 29 Januari 2005, dan sekarang saya sedang PKL di PPTIK ITB </p></main>    </body></html>



Attached Files Thumbnail(s)
   

  Tugas Perkenalan HTML 1 dan 2
Posted by: Fariz - 10-25-2022, 09:28 AM - Forum: BATCH 1 - No Replies

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Perkenalkan</title>    <style>        body{            background-color: rgb(27, 26, 26);            color: rgb(53, 52, 52);        }        main h1{            margin-left: 30px;            font-size: 50px;            text-shadow: 3px 2px 5px white;        }         main ul{            margin-top: 50px;            text-shadow: 0.5px 1px 2px white;            font-size: 25px;            list-style: none;        }         main p{            font-family: sans-serif;            font-size: 20px;            text-shadow: 0 1px 0 white;        }    </style></head><body>    <main>    <h1>        Kenalkan    </h1>     <ul>        <li>            <h3>                Nama : Fariz Ahmad Fadillah            </h3>        </li>        <li>            <h3>                Kelas : XII RPL 4            </h3>        </li>        <li>            <h3>                Lahir : 29 Januari 2005            </h3>        </li>    </ul>    <br>     <p>Perkenalkan nama saya Fariz Ahmad Fadillah , tempat tinggal di cipasir rancaekek <br>     saya lahir pada 29 Januari 2005, dan sekarang saya sedang PKL di PPTIK ITB </p></main>    </body></html>


  Tugas perkenalan (html, list, phragraf)
Posted by: slametriyadi - 10-18-2022, 06:45 PM - Forum: BATCH 1 - No Replies

Tugas batch1 perkenalan diri


  HIOTO (Home Automation Implementation)
Posted by: fahmienurfadilah - 10-03-2022, 02:27 PM - Forum: Basic Internet of Things - No Replies

Home Automation Implementation present~


  Tugas Multypage
Posted by: Dini Rohaeni - 09-27-2022, 09:52 AM - Forum: TUGAS MULTIPAGE - No Replies

https://github.com/dinirohaeni110205/Tugas-SPA1