apa code html dilengkapi bootstrap untuk landing page sederhana

By Adminpmd 24 Okt 2024, 05:45:12 WIB | 👁 471 Pemerintah Daerah

<!DOCTYPE html>

<html>

<head>

<title>Landing Page</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"

integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

</head>

<body>

<header>

<nav class="navbar navbar-expand-md navbar-dark bg-dark">

<a href="#" class="navbar-brand">Landing Page</a>

<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarCollapse">

<div class="navbar-nav">

<a href="#" class="nav-item nav-link active">Home</a>

<a href="#" class="nav-item nav-link">Features</a>

<a href="#" class="nav-item nav-link">About Us</a>

</div>

</div>

</nav>

</header>

<main class="container mt-4">

<div class="row">

<div class="col-md-6">

<h1>Your page title</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in libero sit amet nibh venenatis tincidunt.</p>

<a href="#" class="btn btn-primary">Take a Tour</a>

</div>

<div class="col-md-6">

<img src="landing-image.jpg" class="img-

Baca Artikel Lainnya :

  1. cara pencegahan penyakit trombus
  2. 2. Jelaskanih proses pembentukan tulung Intramembrane dan endokondrat
  3. $$RyLtjG$$
  4. kok ngga bisa vn mas
  5. Haloo


TAGS:
View all comments

Write a comment

Artikel Pertanian Organik

Berita Terbaru

Artikel Populer

Kanan - Iklan Sidebar

Berita Pemerintah Lumajang Terbaru