Skip to content

Instantly share code, notes, and snippets.

@fabnoe

fabnoe/index.html

Created June 30, 2023 12:32
Show Gist options
  • Save fabnoe/b1cb4626ffdf89250134588c0c9c2ff7 to your computer and use it in GitHub Desktop.
Save fabnoe/b1cb4626ffdf89250134588c0c9c2ff7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Landing Page</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<!-- Custom CSS -->
<style>
.highlight {
color: pink;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">
<img src="logo.png" alt="Logo">
</a>
</div>
</nav>
<!-- Main Content -->
<section class="container my-5">
<div class="row">
<div class="col-lg-6">
<h1 class="display-4">Welcome to <span class="highlight">My Website</span></h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam, lorem ac fringilla lobortis.</p>
<a href="mailto:[email protected]" class="btn btn-primary btn-lg">Send Email</a>
</div>
<div class="col-lg-6">
<video src="welcome_video.mp4" autoplay loop muted style="max-width: 100%;"></video>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-light text-center py-4">
<p class="mb-0">© 2023 My Company. All rights reserved. | <a href="imprint.html">Imprint</a></p>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment