dyzulk/ngampus
1
0
Fork 0
mirror of https://github.com/dyzulk/ngampus.git synced 2026-01-26 21:32:00 +07:00
Code Issues Packages Projects Releases Wiki Activity

Update tugas-02.html

Browse Source
This commit is contained in:
Muhammad Herdy Iskandar
2023-10-16 21:39:12 +07:00
committed by GitHub
parent 3f9fde4505
commit 10aef96e37
1 changed files with 142 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
pemweb/tugas-02.html
View File

@@ -1,53 +1,97 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chick</title> <title>Garuda Pancasila</title>
<link rel="shortcut icon"
href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/National_emblem_of_Indonesia_Garuda_Pancasila.svg/1024px-National_emblem_of_Indonesia_Garuda_Pancasila.svg.png"
type="image/png">
<style> <style>
h1{ @font-face {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'SF Pro Display';
src: url('font/SFPRODISPLAYBOLD.OTF');
font-family: 'SF Bold Italic';
src: url('font/SFPRODISPLAYBLACKITALIC.OTF');
}
@media screen and (min-width: 1001px) {
.frame {
width: 95%;
}
}
@media screen and (min-width: 400px) and (max-width: 1000px) {
.frame {
width: 80%;
}
}
h1 {
font-family: 'SF Bold Italic', sans-serif;
text-align: center; text-align: center;
font-size: 50px; font-size: 50px;
} }
h2{ h2 {
background-color: bisque; background-color: bisque;
color: rgb(185, 0, 0); color: rgb(185, 0, 0);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif font-family: 'SF Pro Display', sans-serif;
} }
img{ p {
font-family: 'SF Pro Display', sans-serif;
font-size: 16px;
}
img {
float: right; float: right;
width: auto; width: 240px;
height: 350px; height: auto;
margin: 0px 1.4rem;
} }
b{ b {
color: rgb(230, 0, 0); color: rgb(230, 0, 0);
} }
.tabel01{ .tabel01 {
background-color: rgb(255, 213, 213); background-color: rgb(255, 213, 213);
} }
.frame {
margin: 30px auto;
padding: 20px;
border: 1px solid rgb(185, 0, 0);
border-radius: 10px;
background-color: rgb(255, 255, 255);
}
</style> </style>
</head> </head>
<body> <body>
<h1>Chick</h1> <div class="frame">
<img src="./img/img1.jpg" alt="Gambar ceritanya" > <h1>Garuda Pancasila</h1>
<h2>About</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/90/National_emblem_of_Indonesia_Garuda_Pancasila.svg/1024px-National_emblem_of_Indonesia_Garuda_Pancasila.svg.png"
alt="Gambar ceritanya">
<h2>Who Am I</h2>
<p>Nyaawwww!</p> <p>Lambang negara Indonesia adalah <a href="https://id.wikipedia.org/wiki/Lambang_negara_Indonesia">Garuda
<p>Hi, I'm Chick, I love <a href="https://youtu.be/9ougG5fvA1I?si=ix0cFVI1HjL8TNcA">User Interface (UI) and User Experience (UX)</a></p> Pancasila</a> dengan semboyan Bhinneka Tunggal Ika. Lambang
negara Indonesia
berbentuk burung Garuda yang kepalanya menoleh ke sebelah kanan heraldik, perisai berbentuk menyerupai
jantung
yang digantung dengan rantai pada leher Garuda, dan semboyan Bhinneka Tunggal Ika yang berarti “Berbeda-beda
tetapi tetap satu” ditulis di atas pita yang dicengkeram oleh Garuda.</p>
<h2>Courses</h2> <h2>Desciption</h2>
<p>Here are some courses I've taken nyaw:</p> <p>"Garuda bisa dibilang kan mitologi, tetapi Garuda itu adalah elang Jawa. Jadi, elang Jawa di dunia hanya ada
di Jawa.</p>
<table border="1" style="border-collapse: collapse;"> <table border="1" style="border-collapse: collapse;">
<thead> <thead>
<th>Course Number</th> <th>Course Number</th>
@@ -95,33 +139,42 @@
<h2>Interests</h2> <h2>Interests</h2>
<p>I am Interested <B>Royal Canin</B>, <b>Whiskas</b>, and <b>Youtube Videos About Chick :3</b>.</p> <p>Lorem ipsum dolor sit <b>amet consectetur</b> adipisicing elit. Fuga, illo.</p>
<h2>Submit Your Information</h2> <h2>Contact Form</h2>
<p>If you want to have a relationship with a cute Chick like me, please enter it in the form below Nyaw!</p> <p>If you have any questions or anything, contact us now</p>
<table> <table>
<form action=""> <form action="">
<tr> <tr>
<td><label for="">Name:</label></td> <td><label for="">Name</label></td>
<td class="td2">:</td>
<td><input type="text" required></td> <td><input type="text" required></td>
</tr> </tr>
<tr> <tr>
<td><label for="">Food brand:</label></td> <td><label for="">Email</label></td>
<td><input type="text" name="" id="" required></td> <td class="td2">:</td>
<td><input type="email" name="" id="" required></td>
</tr> </tr>
<tr> <tr>
<td rowspan="2"><p>Gender:</p></td> <td rowspan="2">
<td colspan="3"><label for="male">Male</label><input type="radio" name="jk" id="male" value="Male" required></td> <p>Gender</p>
</td>
<td class="td2">:</td>
<td><label for="male">Male</label><input type="radio" name="jk" id="male" value="Male" required>
</td>
<td><label for="female">Female</label><input type="radio" name="jk" id="female" value="female"
required>
</td>
</tr> </tr>
<tr> <tr>
<td colspan="3"><label for="female">Female</label><input type="radio" name="jk" id="female" value="female" required></td>
</tr> </tr>
<tr> <tr>
<td colspan="3"><button type="submit">Submit</button></td> <td colspan="3"><button type="submit">Submit</button></td>
</tr> </tr>
</form> </form>
</table> </table>
</div>
</body> </body>
</html> </html>