Website Sederhana
Website Sederhana HTML dan CSS
Assalamualaikum wr wb
Apa kabar viewers setia blogku yang saya cintai dan sayangi sepenuh hati segenap jiwa raga ini gimana kabarnya sehat,kuota internet masih aman?:)
Semoga di tengah pendemi ini kita selalu di beri kesehatan oleh Allah swt tetap semangat menjalani hari hari ini semoga kita selalu menjadi orang yang dapat bersyukur.
Kembali lagi bersama saya,pada kesempatan kali ini saya akan kembali memberikan atau lebih tepat nya mem publish hasil tugas saya sebagai bukti laporan bahwa saya telah mengerjakan tugas yang telah di berikan oleh bapak guru produktif saya yang terhormat.
Bpk Bagus yuli Setyawan.ST
Pada beberapa hari yang lalu saya telah selesai membuat project sederhana yang telah di tugaskan oleh guru pembimbing saya yaitu tugas membuat tampilan website sederhana dengan menggunakan HTML dan CSS
Yang pada kali ini tema nya adalahCURICULUM VITAE/DAFTAR RIWAYAT HIDUP
Dimana pada beberapa hari kebelakang saya telah selesai membuatnya dan kali ini saya akan memberikan bocoran source code nya untuk bahan pembelajaran teman teman semua.
Mohon maaf jika source code saya terlihat agak kurang rapih karna saya masih dalam tahap belajar,berikut adalah tampilan source code tampila awalnya saja karna jika saya publish semua source code kemungkinan terlalu banyak berikut dibawah ini adalah file dari Index.html saya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hello stalker</title>
<link href="style.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
</head>
<body>
<!-- navbar -->
<nav class="navbar">
<div class="container">
<div class="row">
<div class="card3 tiga">
<a href="https://twitter.com/AdiTajudin4?s=09">ADI TAJUDIN</a>
<i class="fas fa-smile-beam"></i>
</div>
<div class="menu">
<a href="CV.html" class="btn" style="margin-right: 35px">CV <i class="fas fa-book"></i></a>
<i class="fal fa-book-user"></i>
<a href="https://instagram.com/adiii.t_" class="btn" style="margin-right: 21px">INSTAGRAM</a>
<a href="biodata.html" class="btn btn-primary">BIODATA</a>
<a href="https://web.facebook.com/adi.tajudin.35" class="btn btn-secon">FACEBOOK</a>
</div>
</div>
</div>
</nav>
<!-- kata-kata -->
<div class="content">
<div class="row">
<div class="kol-5">
<h1 class="heading">Keep Trying <span class="purp"> Achieve</span><br/>
your
Find <span class="yell">success</span><br/> </h1>
<hr align="left" width="80">
<p>
kunci kebahagian adalah mempunyai
<br/>impian sedangkan kunci kesuksesan
<br/>itu sendiri adalah mewujudkan impian
</p>
<br/>
<a href="https://aditajudin-pelajarperdulicovid19.blogspot.com/2020/09/tugas-lanjutan.html" class="btn btn-sign">MY BLOGGER</a>
</div>
<!-- gambar -->
<div class="kol-7">
</div>
</div>
</div>
</br>
<!-- foter -->
<div class="footer">
<div>
Tugas Mandiri
</div>
<br/>
<div>
© Adi Tajudin
</div>
</div>
</body>
</html>
berikut adalah tampilan dalam text editor berhubung saya menggunakan text editor VISUAL STUDIO CODE maka tempilan nya seperti pada gambar dibawah
Dan jika di jalankan dengan web browser yang telah disediakan maka tampilan nya akan sepeti pada gambar dibawah ini
berikut ini link menuju tampilan website saya yang telah di publish menggunakan github
Silahkan saja teman teman akses link tersebut semoga menjadi insipirasi untuk teman teman semua,Utamakan akses dengan tampilan desktop untuk hasil yang maksimal,karna saya belum bisa menerapkan tampilan responsif untuk mobile,sedang dalam tahap belajar
Terimaka kasih kepada guru pembimbing saya Bagus Yuli Setyawan ST.
Wassalamualaikum wr wb
See you next time
#janganlupatitikkoma
Komentar
Posting Komentar