Nabiel Hady Alfino (210402003) Pemograman Web

LAPORAN PROJECT AKHIR PERSONAL WEB
UAS DASAR PEMOGRAMAN WEB
DOSEN PENGAMPU:
DONY WINARSO, M.Kom
DISUSUN OLEH:
NABIEL HADY ALFINO (210402003)
Program Studi Sistem Informasi

Fakultas Ilmu Komputer
Universitas Muhammadiyah Riau
2022
1.HASIL SS TAMPILAN WEB
2.BAHASA PEMOGRAMAN
<!doctype html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-
to-fit=no">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/slick.css">
<title>my personal web,iye kali personal band</title>
</head>
<body>


<nav class="site-navigation">
<div class="site-navigation-inner site-container">
<img src="./images/site-logo.png" alt="site logo">
<div class="main-navigation">
<ul class="main-navigation__ul">
<li><a href="#">ngga ada apa apa disini,mungkin
disana</a></li>
</ul>
</div>
<div id="myBtn" class="burger-container" onclick="myFunction(this)">
<div class="bar1"></div>
</div>
<script>
function myFunction(x) {
x.classList.toggle("change");
}
</script>
</div>
</nav>



<section class="fh5co-top-banner">
<div class="top-banner__inner site-container">
<div class="top-banner__image">
<img src="./images/top-banner-author.jpg" alt="author image">
</div>
<div class="top-banner__text">
<div class="top-banner__text-up">
<span class="brand-span">Hello! I'm</span>
<h2 class="top-banner__h2">Nabiel</h2>
</div>
<div class="top-banner__text-down">
<h2 class="top-banner__h2">Hady</h2>
<span class="brand-span">Jomblo, Sadboy, Ngga ada yg mau
;)</span>
</div>
<p>Lebih baik merasa dicintai dan kehilangan daripada tidak
pernah dicintai sama sekali</p>
<p class="p-white">~Plankton</p>
<a href="#" class="brand-button">Read bio > </a>
</div>
</div>
</section>



<section class="fh5co-about-me">
<div class="about-me-inner site-container">
<article class="portfolio-wrapper">
<div class="portfolio__img">
<img src="./images/about-me.jpg" class="about-me__profile"
alt="about me profile picture">
</div>
<div class="portfolio__bottom">
<div class="portfolio__name">
<span>N</span>
<h2 class="universal-h2">abiel Smith</h2>
</div>
<p> Nabiel Smith adalah sebuah spesies langka yang dimana
spesies tersebut hanya 1,00% dari 10 juta umat manusia yang menempati. menempati
apa? yang berhasil menempati hatimu .- </p>
</div>
</article>
<div class="about-me__text">
<div class="about-me-slider">
<div class="about-me-single-slide">
<h2 class="universal-h2 universal-h2-bckg">Tentang
saya</h2>
<p><span>N</span> ama lengkap saya adalah siapa
ya..mungkin nabiel,eh iya apa ngga ya..iya ajalah.saya seorang manusia biasa yang
diciptakan oleh maha kuasa yang bisa dibilang biasa biasa saja,tapi saya
bersyukur kepadanya yaitu allah swt.Saya 3 dari satu bersaudara ,eh..satu dari 3
bersaudara '- kalo 3 kagebunshinlah mna mungkin saya wibu.Saya tinggal di samping
yang ada tiangnya sebelah lagi ada tong sampah depannya ada saya sendiri¬¬¬cermin
mksudnya... ,saya berdiri dicermin soalnya wkwkk,hobbie saya suka menampakkan
diri saya ketika orang lagi mandi di wc,orangnya lagi mandi saya menampakkan diri
saya sendiri di cermin awokawok ,yak betul sekali saya suka berimpresi dicermin
seolah olah saya berada diatas panggung stand comedy ,saya sebenarnya ingin
sekali berada disana dan impian saya belum terwujudkan menjadi seorang komedoan
;( malah curhat anying dhlh.</p>
<p class="p-white">pengen masuk dunia isekai ;(</p>

</div>
<div class="about-me-single-slide">
<h2 class="universal-h2 universal-h2-
bckg">Yahaha..kosong..</h2>
</div>
</div>
</div>
</div>
<div class="about-me-bckg"></div>
</section>



<section class="fh5co-books">
<div class="site-container">
<h2 class="universal-h2 universal-h2-bckg">My gallery NFT,Kalo mau
beli silahkan.. </h2>
<div class="books">
<div class="single-book">
<a href="#" class="single-book__img">
<img src="./images/books-1.jpg" alt="single book and cd">
<div class="single-book_download">
<img src="./images/download.svg" alt="book image">
</div>
</a>
<h4 class="single-book__title">Foto lagi gabut 1</h4>
<span class="single-book__price">$15.00</span>

<div class="rating">
<span>☆</span>
<span>☆</span>
<span>☆</span>
<span>☆</span>
<span>☆</span>
</div>

</div>
</div>
</a>

<div class="rating">
<span>☆</span>
<span>☆</span>
<span>☆</span>
<span>☆</span>
<span>☆</span>
</div>

</div>
</div>
</a>
</div>
</div>
</a>
</div>
</div>
<div class="books-brand-button">
<a href="#" class="brand-button">View more</a>
<p class="p-black">Cumn tmpilan doang

awokwwok,ngga bisa dipncet,kalo mau beli silahkan hubungi no wa dibawah ini
awowkwok</p>
<p class="p-white">08318221****</p>
<p class="p-white">sisanya cri sendiri awowkwok,mles ah

nnti di telpon mas mas</p>
</div>
</div>
</section>



<div class="fh5co-counter counters">
<div class="counter-inner site-container">
<div class="single-count">
<span class="count" data-count="50">0</span>
<div class="single-count__text">
<img src="./images/counter-1.png" alt="counter icon">
<p>Books</p>
</div>
</div>
<p>Pages</p>
</div>
</div>
<p>Sales</p>
</div>
</div>
<p>Awards</p>
</div>
</div>
<p class="p-white">Cumn hiasan doang..biar keren wkwk</p>
</div>
</div>



<section class="fh5co-blog">
<h2 class="universal-h2 universal-h2-bckg">Hobi Saya</h2>
<div class="blog-slider blog-inner">
<div class="single-blog">
<div class="single-blog__img">
<img src="./images/blog1.jpg" alt="blog image">
</div>
<div class="single-blog__text">
<h4>yak,kalo dilihat dari gambarnya berarti saya suka
anime,atau wibu..</h4>
<span>ㅤ
<p>ya nggk lh mna mungkin saya aroma bawang -,saya suka
musik dan suka membuat musik edm seperti martin garrix,the chainsmoker dan
lainnya di aplikasi FL Studio.</p>
</div>
</div>
</div>
<h4>Dari gambar kamu taulah hihihi-;)</h4>
<span>ㅤ
<p>ngga lh anying..positip thingking aee-, mksudnya aink
gabut ,suka aja bolongin sabun pas waktu mandi,ngga tau kenapa satisfaying aja
gitu liatnya hmm....</p>
</div>
</div>
</div>
<h4>yak betul..saya suka tidur</h4>
<span>ㅤ
<p>Tidur mikirin kamu;)</p>
</div>
</div>
</div>
</div>
</section>



<section class="fh5co-quotes">
<div class="about-me-slider">
<div>
<h2 class="universal-h2 universal-h2-bckg">Renungan Hari
Ini</h2>
<p>“Kenapa Anda Wibu?.”</p>
<img src="./images/quotes.svg" alt="quotes svg">
<h4>HJ. Mulin</h4>
<p>Penulis</p>
</div>
<div>
<h2 class="universal-h2 universal-h2-bckg">Yahaha..kosong
lagi awokwowk</h2>
</div>
</div>
</div>
</section>



<section class="fh5co-social">
<div class="social">
<h5>Follow me!!</h5>
<div class="social-icons">
<a href="#" target="_blank"><img src="./images/social-
twitter.png" alt="social icon"></a>
pinterest.png" alt="social icon"></a>
youtube.png" alt="social icon"></a>
twitter.png" alt="social icon"></a>
</div>
<h5>Share it!</h5>
</div>
</div>
</section>



<footer class="site-footer">
<div class="footer-inner">
<div class="footer-info">
<div class="footer-info__left">
<img src="./images/footer-img.jpg" alt="about me image">
<p>Read more about me</p>
</div>
<div class="footer-info__right">
<h5>Get In Touch</h5>
<p class="footer-phone">Phone: Warga Negara +62</p>
<p>Email : Minato123@gmail.com</p>
<div class="social-icons">
<a href="#" target="_blank"><img
src="./images/social-twitter.png" alt="social icon"></a>
src="./images/social-pinterest.png" alt="social icon"></a>
src="./images/social-youtube.png" alt="social icon"></a>
src="./images/social-twitter.png" alt="social icon"></a>
</div>
</div>
</div>
<div class="footer-contact-form">
<h5>Contact Form</h5>
<form class="contact-form">
<div class="contact-form__input">
<input type="text" name="name" placeholder="Name">
<input type="email" name="email" placeholder="Email">
</div>
<textarea></textarea>
<input type="submit" name="submit" value="Submit"
class="submit-button">
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="site-container footer-bottom-inner">
<div class="footer-bottom__img">
<img src="./images/footer-mastercard.png" alt="footer image">
<img src="./images/footer-paypal.png" alt="footer image">
<img src="./images/footer-visa.png" alt="footer image">
<img src="./images/footer-fedex.png" alt="footer image">
<img src="./images/footer-dhl.png" alt="footer image">
</div>
</div>
</div>
</footer>



<script src="js/jquery.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
3.LINK WEB HASIL JADI
https://vinodaviciii.github.io/#

Nabiel Hady Alfino (210402003) Pemograman Web

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Nabiel Hady Alfino (210402003) Pemograman Web

Uploaded by

Copyright:

Available Formats

LAPORAN PROJECT AKHIR PERSONAL WEB

UAS DASAR PEMOGRAMAN WEB

Program Studi Sistem Informasi

<p class="p-white">pengen masuk dunia isekai ;(</p>

<p class="p-black">Cumn tmpilan doang

<p class="p-white">sisanya cri sendiri awowkwok,mles ah

You might also like