Tugas 1 PWEB - B (2021)
Abiya Sabitta Ragadani
05111940000166
PWEB - B (2021)
Berikut ini adalah hasil dari tugas pembuatan data diri/CV menggunakan HTML.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Abiya Sabitta Ragadani</title> | |
| <link rel="stylesheet" type="text/css" href="Style.css"> | |
| </head> | |
| <body> | |
| <div class="Introduction"> | |
| <img src="FOTO/3x4.jpg" alt="Self Potrait" width="90" height="120"/><h1>Hello There!</h1> | |
| <h2>I'm Abiya Sabitta Ragadani</h2> | |
| <br> | |
| <p>I was born on 31st January 2001, in Jakarta. I always love to play computers since I was a baby. And in middle school I begin to take intrest in how a computer works. And in highschool I began to learn about programs and coding, so to pursuit my love for computers I attend ITS surabaya in Informatika and still learning many new things.</p> | |
| </div> | |
| <div class="Premise"> | |
| <p>I'm a computer enthusiast who loves new things. I'm intrested in <strong>network security and web development</strong>. I'm ready | |
| to dedicate my life to learn new things! I'm still learning in <strong>Institut Teknologi Sepuluh Nopember</strong> in Surabaya, my last diploma is from my highschool named SMA Plus | |
| Pembangunan Jaya. In highschool i love to learn about computers. | |
| </p> | |
| </div> | |
| <div class="Education"> | |
| <h2>Education</h2> | |
| <h3>Institut Teknologi Sepuluh Nopember</h3> | |
| <h4>Fakultas Teknologi Elektro dan Informatika Cerdas</h4> | |
| <h4>Jusuran Teknik Informatika</h4> | |
| <h5>2019 - 2023</h5> | |
| <p>I'm still learning as a computer science major and hopefully be graduating in 2023 or sooner</p> | |
| <h3>SMA Plus Pembangunan Jaya</h3> | |
| <h4>Jurusan IPA</h4> | |
| <h5>2016 - 2019</h5> | |
| </div> | |
| <div class="Knowledge"> | |
| <ul><h2>Programming Language That I Can Do</h2></ul> | |
| <li>Java    </li> | |
| <li>C++    </li> | |
| <li>HTML   </li> | |
| <li>SQL</li> | |
| </div> | |
| <div class = "Achievements"> | |
| <ul><h2>My Achievements</h2></ul> | |
| <li>Panitia Lomba Science Competition         </li> | |
| <li>Pengisi Acara Gebyar Sains Nasional</li> | |
| <br> | |
| <br> | |
| <img src="FOTO/Panitia SC.jpeg" height="240" width="360">   | |
| <img src="FOTO/Pengsi gebyar sains.jpeg" height="240" width="360"> | |
| </div> | |
| </body> | |
| </html> |
Dan ini merupakan source code dari cssnya.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-family: 'Raleway', sans-serif; | |
| background-color: bisque; | |
| margin: 100px; | |
| } | |
| .Introduction img{ | |
| float: right; | |
| } | |
| .Introduction{ | |
| float: left; | |
| padding: 50px; | |
| color:black; | |
| background-color: beige; | |
| font-family: fantasy; | |
| height: 200px; | |
| } | |
| .Premise{ | |
| display: inline-block; | |
| padding: 50px; | |
| height: 100px; | |
| background-color: darkseagreen ; | |
| } | |
| .Knowledge{ | |
| height: 100px; | |
| font-size: larger; | |
| background-color: maroon; | |
| color: white; | |
| padding: 50px; | |
| } | |
| .Education{ | |
| padding: 50px; | |
| background-color: cornflowerblue; | |
| } | |
| .Knowledge li{ | |
| float: left; | |
| list-style: square; | |
| } | |
| .Achievements li{ | |
| float: left; | |
| list-style-type: disc; | |
| } | |
| .Achievements{ | |
| padding: 50px; | |
| background-color: beige; | |
| } |
Comments
Post a Comment