Skip to content

Instantly share code, notes, and snippets.

@JJ11teen

JJ11teen/simple-spa-template.html

Created March 19, 2020 23:37
Show Gist options
  • Save JJ11teen/d059a7a37ec271de273fda56fce21105 to your computer and use it in GitHub Desktop.
Save JJ11teen/d059a7a37ec271de273fda56fce21105 to your computer and use it in GitHub Desktop.
Download ZIP
A simple SPA template for starting with Bulma, Font Awesome, D3 and Rxjs
Raw
simple-spa-template.html
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" integrity="sha256-D9M5yrVDqFlla7nlELDaYZIpXfFWDytQtiV+TaH6F1I=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.15.0/d3.min.js" integrity="sha256-m0QmIsBXcOMiETRmpT3qg2IQ/i0qazJA2miCHzOmS1Y=" crossorigin="anonymous" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.4/rxjs.umd.min.js" integrity="sha256-3JbAc2wecCc4ABnmHEKJ3rsAIFsFKS2xw7Y740PmCzY=" crossorigin="anonymous" async></script>
<script>
window.onload = () => {
};
</script>
</head>
<body>
<section class="section">
<div class="columns">
<div class="column is-4">
<article class="panel is-primary">
<p class="panel-heading">
Title
</p>
<div class="panel-block">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Pellentesque risus mi</strong>, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum <a>felis venenatis</a> efficitur.
</p>
</div>
</article>
</div>
<div class="column">
<article class="panel">
</article>
</div>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment