dyzulk/ngampus
1
0
Fork 0
mirror of https://github.com/dyzulk/ngampus.git synced 2026-01-26 05:15:27 +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

99
pemweb/tugas-02.html
View File

@@ -1,14 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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>
@font-face {
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: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-family: 'SF Bold Italic', sans-serif;
text-align: center;
font-size: 50px;
}
@@ -16,13 +38,19 @@
h2 {
background-color: bisque;
color: rgb(185, 0, 0);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
font-family: 'SF Pro Display', sans-serif;
}
p {
font-family: 'SF Pro Display', sans-serif;
font-size: 16px;
}
img {
float: right;
width: auto;
height: 350px;
width: 240px;
height: auto;
margin: 0px 1.4rem;
}
b {
@@ -33,21 +61,37 @@
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>
</head>
<body>
<h1>Chick</h1>
<img src="./img/img1.jpg" alt="Gambar ceritanya" >
<h2>About</h2>
<div class="frame">
<h1>Garuda Pancasila</h1>
<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>Hi, I'm Chick, I love <a href="https://youtu.be/9ougG5fvA1I?si=ix0cFVI1HjL8TNcA">User Interface (UI) and User Experience (UX)</a></p>
<p>Lambang negara Indonesia adalah <a href="https://id.wikipedia.org/wiki/Lambang_negara_Indonesia">Garuda
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;">
<thead>
<th>Course Number</th>
@@ -95,33 +139,42 @@
<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>
<p>If you want to have a relationship with a cute Chick like me, please enter it in the form below Nyaw!</p>
<h2>Contact Form</h2>
<p>If you have any questions or anything, contact us now</p>
<table>
<form action="">
<tr>
<td><label for="">Name:</label></td>
<td><label for="">Name</label></td>
<td class="td2">:</td>
<td><input type="text" required></td>
</tr>
<tr>
<td><label for="">Food brand:</label></td>
<td><input type="text" name="" id="" required></td>
<td><label for="">Email</label></td>
<td class="td2">:</td>
<td><input type="email" name="" id="" required></td>
</tr>
<tr>
<td rowspan="2"><p>Gender:</p></td>
<td colspan="3"><label for="male">Male</label><input type="radio" name="jk" id="male" value="Male" required></td>
<td rowspan="2">
<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>
<td colspan="3"><label for="female">Female</label><input type="radio" name="jk" id="female" value="female" required></td>
</tr>
<tr>
<td colspan="3"><button type="submit">Submit</button></td>
</tr>
</form>
</table>
</div>
</body>
</html>