Get started with foundation CDN
MIT licensed
Foundation: Build responsive sites with HTML, CSS, JS.
Tags:- foundation
- responsive
- zurb
Stable version
Copied!
How to start using foundation CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with foundation CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/css/foundation.min.css">
<script src="https://cdn.cdnhub.io/foundation/6.8.1/js/foundation.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
Foundation.init();
});
</script>
</head>
<body>
<header class="top-bar" data-topbar>
<div class="top-bar-left">
<button class="menu-icon" id="menu-icon" data-toggle="menu"></button>
<span class="name">Foundation</span>
</div>
<div class="top-bar-right">
<ul class="dropdown menu">
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
</header>
<nav id="menu" class="menu">
<h1>Menu</h1>
<ul class="menu-list">
<li><a href="#">Home</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</nav>
<main class="content">
<h1>Welcome to Foundation</h1>
<p>This is an example using Foundation 6.8.1 with the provided CDN link.</p>
</main>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
3.2.2
3.2.5
4.0.4
4.0.5
4.0.8
4.0.9
4.1.2
4.1.6
4.2.3
4.3.1
4.3.2
5.0.0
5.0.1
5.0.2
5.0.3
5.1.0
5.1.1
5.2.0
5.2.1
5.2.2
5.2.3
5.3.0
5.3.1
5.3.2
5.3.3
5.4.0
5.4.1
5.4.5
5.4.6
5.4.7
5.5.0
5.5.1
5.5.2
5.5.3
6.0.0
6.0.1
6.0.2
6.0.3
6.0.4
6.0.5
6.0.6
6.1.0
6.1.1
6.1.2
6.2.0
6.2.0-rc.1
6.2.1
6.2.2
6.2.2-rc1
6.2.2-rc2
6.2.3
6.2.4
6.2.4-rc1
6.2.4-rc2
6.3-rc1
6.3.0
6.3.0-rc1
6.3.0-rc2
6.3.0-rc3
6.3.1
6.3.1-rc1
6.4.0
6.4.0-rc1
6.4.0-rc2
6.4.0-rc3
6.4.0-rc4
6.4.0-rc5
6.4.1
6.4.2
6.4.2-rc1
6.4.2-rc2
6.4.3
6.4.4-rc1
6.5.0
6.5.0-rc.1
6.5.0-rc.2
6.5.0-rc.3
6.5.0-rc.4
6.5.1
6.5.2
6.5.3
6.6.0
6.6.1
6.6.2
6.6.3
6.7.0
6.7.1
6.7.3
6.7.4
6.7.5
6.8.0
*** 6.8.1
vv6.6.0