Contoh Ngoding Web Portofolio
Pertama buka teks editor kamu. Setelah dibuka kita akan membuat folder proyek terlebih dahulu. Kamu dapat menyimpan folder di sembarang tempat.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Web | Portofolio</title>
</head>
<body>
<div class="container">
<div class="sidebar">
<nav>
<ul>
<li><a href="">About</a></li>
<li><a href="">Portofolio</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</div>
<main class="content">
<section class="hero">
<img src="online.png" alt="">
<div class="hero-content">
<h1>Profesi</h1><br></h2>Junior Content Writer at Dicoding</h2><br><br>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos, aperiam dolore assumenda velit repellendus recusandae magni consectetur mollitia facere incidunt inventore perspiciatis debitis doloribus ullam minima culpa voluptatem. Repellendus, option.</p>
<a href="" class="action-btn">Profile Saya</a>
</div>
</section>
</div>
<div class="footer">
<footer>
<ul>
<li><img src="instagram.png" alt=""><p>Instagram</p></a></li>
<li><img src="facebook.png" alt=""><p>Facebook</p></a></li>
<li><img src="twitter.png" alt=""><p>Twitter</p></a></li>
<li><img src="telegram.png" alt=""><p>Telegram</p></a></li>
</ul>
</footer>
</div>
</div>
</body>
</html>
0 Response to "Contoh Ngoding Web Portofolio"
Posting Komentar