templates
Posted in
637
4:17 am, October 12, 2021
foundation base html template
just a basic html template with foundation and the required javascripts, good for a starter html page using foundation framework.
foundation base html template Demo
View Demo Full Screen View Demo New Tab
foundation base html template Code
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Foundation Base Template</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.7.3/css/foundation.min.css" integrity="sha512-2meDMHyoDRV8O0gr5Diq32ch+6QqI9Af9Km4eFwgxZg356CbUI4S30C3zuUetkNAN4Bn+17y9OgxoQ3HnQ648w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
*,html,body {
font-family:"Poppins", sans-serif;
}
</style>
</head>
<body>
<div class="grid-container">
<div class="grid-x grid-padding-x grid-margin-x">
<div class="large-3 cell">3 cells</div>
<div class="large-3 cell">3 cells</div>
<div class="large-6 cell">6 cells</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.7.3/js/foundation.min.js" integrity="sha512-d/qYAswPGf6Q0c/REBEfPVB410E1rh57yEy+CMxXHJgTHXZjqCndNZwEU7kE1F6L7WuVbOGTVA8OZAO1N0sA3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$(document).ready(function(){
$(document).foundation();
console.log("ready... 😎");
});
</script>
</body>
</html>Add Comment
Other Items in templates
Related Search Terms
Other Categories in Code
php functions
php functions
php functions