Untitled
unknown
plain_text
2 years ago
2.9 kB
0
Indexable
<html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Kopi kenangan senja</title> <!-- Fonts--> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,700;1,700&display=swap" rel="stylesheet" /> <!--feather icons--> <script src="https://unpkg.com/feather-icons"></script> <!--my style--> <link rel="stylesheet" href="css/style.css"> </head> <body> <!-- Navbar start--> <nav class="navbar"> <a href="#" class="navbar-logo">kenangan<span>senja</span>.</a> <div class="navbar-nav"> <a href="#home">Home</a> <a href="#about">Tentang Kami</a> <a href="#menu">Menu</a> <a href="#contact">Kontak</a> </div> <div class="navbar-extra"> <a href="#" id="search"><i><i data-feather="search"></i></i></a> <a href="#" id="shopping-cart"><i><i data-feather="shopping-cart"></i></i></a> <a href="#" id="hamburger-menu"><i><i data-feather="menu"></i></i></a> </div> </nav> <!--nav end--> <!--hero section start--> <section class="hero" id="home"> <main class="content"> <h1>Mari Nikmati Secangkir <span>Kopi</span></h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ducimus voluptatum dolor. Et, voluptatum accusantium!</p> <a href="#" class="cta">Beli Sekarang</a> </main> </section> <!--hero section end--> <!--about section start--> <section id="about" class="about"> <h2><span>Tentang</span> Kami</h2> <div class="row"> <div class="about-img"> <img src="img/tentang-kami.jpg" alt="Tentang Kami"> </div> <div class="content"> <h3>Kenapa memilih kopi kami</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ducimus voluptatum dolor. Et, voluptatum accusantium!</p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ducimus voluptatum dolor. Et, voluptatum accusantium!</p> </div> </div> </section> <!--about section end--> <!--menu section start--> <section id="menu" class="menu"> <h2><span>Menu</span> Kami</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur ducimus voluptatum dolor. Et, voluptatum accusantium!</p> </section> <!--menu section end--> <!-- feather icons--> <script> feather.replace(); </script> <!--my javascripct--> <script src="js/script.js"></script> </body> </html>
Editor is loading...