Tugas Lanjutan
Landing Page
Assalamualaikum wr'wb
Teman dunia nyata dan teman dunia maya ku apa kabar semoga di tengah pandemi ini kita selalu diberi kesehatan oleh Allah swt semoga kita selalu dalam lindungan nya
Teman teman ku sekalian pada pertemuan kali ini saya akan kembali membeli sedikit pemaparan sekaligus sebagai laporan tugas daring saya,yaitu saya akan melanjutkan materi tentang Landing Page yang sebelumnya telah sedikit saya bari penjelasannya,sebelumnya saya sudah membuat tugas landing page sederhana yang telah saya buat baiklah langsung saja kita lihat source code yang telah saya buat dengan sepenuh hati segenap jiga dengan cinta.
Baiklah ini dia tampilan source code nya:
<html>
<head>
<title>landingpage</title>
<style>
/* iloveindonesia */
#info{
font-size: 30px;
color:grey;
box-shadow: 5px 5px 5px;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
padding: 10px;
background: #fff;
}
#abc{
color:grey;
font-size:40px;
}
/* kartu 1 */
.card1 {
color: rgb(253, 0, 0);
height:50px;
width:400px;
margin:left;
border: px double black;
border-radius: 10px;
padding: 20px 10px;
}
.satu{
background-color: rgb(0, 253, 42);
}
/* kartu 2 */
.card2 {
color:black;
height:50px;
width:600px;
margin:left;
border: px double black;
border-radius: 10px;
padding: 20px 10px;
}
.dua{
background-color: rgb(25, 180, 228);
}
/* kartu 3 */
.card3 {
color:black;
height:50px;
width:360px;
margin:left;
border: px double black;
border-radius: 10px;
padding: 20px 10px;
}
.tiga{
background-color: rgb(190, 15, 196);
}
/* kartu 4 */
.card4 {
color:black;
height:50px;
width:170px;
margin:left;
border: px double black;
border-radius: 10px;
padding: 20px 10px;
}
.empat{
background-color: rgb(25, 180, 228);
}
/* Bahasa Pemrograman */
.x1{
color: red;
}
.x2{
color: blue;
}
.x3{
color:green;
}
</style>
</head>
<body>
<!-- iloveindonesia -->
<div id="info">
<i id="abc"></i>
I♥Indonesia
</div>
<br>
<!-- card1 -->
<div class="card1 satu">
<h1>
BAHASA HTML DAN CSS
</h1>
</div>
</br>
<!-- card2 -->
<div class="card2 dua">
<p>
Ini Adalah Halaman Pertama Kami Membangun Halaman Website Dengan HTML dan CSS
</p>
</div>
</br>
<!-- card3 -->
<div class="card3 tiga">
<h2>COVID 19 SEMOGA BERAKHIR</h2>
</div>
</br>
<!-- image -->
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT8ICbzCAQH3WMgx3Vv8btRDQVlIG_19qyOrg&usqp=CAU">
</br>
<!-- card4 -->
<div class="card4 empat">
<p>
Belajar Jadi Programmer
</p>
</div>
<ul>
<li class="x1">HTML</li>
<li class="x2">PHP</li>
<li class="x3">JAVA</li>
</ul>
<!-- link -->
<p>Thanks Too
<a href="https://www.w3schools.com/">W3SCHOOL.COM</a>
</p>
<center>© Adi Tajudin</center>
</body>
</html>
Begitulah tampilan source code nya dan jika di jalankan dengan web browser maka tampilannya akan seperti gambar dibawah
Demikianlah tampilan landing page yang telah saya buat kekurangan dan kelebihan mohon di maklumi karna masih dalam tahap belajar
Terimakasih kepada guru pembimbing saya
Bapak Bagus Yuli Setyawan .ST
Yang telah semangat membimbing anak anak muridnya
See you next time
Wassalamualaikum wr'wb
Adi Tajudin
Xii Rpl 3
Komentar
Posting Komentar