Foundation CSS Installation

Installation Methods

1. CDN Method (Quick Start)

<!-- Foundation CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.5/dist/css/foundation.min.css">

<!-- Foundation JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.5/dist/js/foundation.min.js"></script>

2. npm Installation

npm install foundation-sites

// Import in your JavaScript
import 'foundation-sites/dist/css/foundation.min.css';
import $ from 'jquery';
import 'foundation-sites';

<div class="callout primary">
  <h5>This is a callout!</h5>
  <p>It has an easy to override visual style.</p>
</div>

Up next: Foundation Grid System