soc-core
Version:
Core sass framework based on Bootstrap
77 lines (60 loc) • 2.03 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>Soc-core Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="soc-core.css">
<script src="shared.bundle.js"></script>
<script src="vendor.bundle.js"></script>
<script src="app.bundle.js"></script>
<script src="sitespecific.bundle.js"></script>
</head>
<body>
<div class="soc-page has-navbar has-sidebar">
<!-- loader -->
<div class="soc-loader-block"></div>
<div class="soc-loader">Loading...</div>
<div class="soc-navbar" >
<div class="soc-appversion">1.9.0.0</div>
<div id="navbarContent"> </div>
<!-- Navigation -->
</div>
<!-- Sidebar -->
<div class="soc-sidebar" id="sidebarContent">
</div>
<!-- MainContent -->
<div class="soc-main has-actionbar">
<div class="soc-main-content">
<a name="top"></a>
<div id="documentationInfo"></div>
<div id="typographyContent"></div>
<div id="gridContent"></div>
<div id="socstates"></div>
<div id="socheader"></div>
<div id="soctabs"></div>
<div id="socpanel"></div>
<div id="soctable"></div>
<div id="socaccordion"></div>
<div id="socforms"></div>
<div id="socformelements"></div>
<div id="socnotfound"></div>
<div id="socloading"></div>
<div id="socalerts"></div>
<div id="toaster"></div>
</div>
<div class="soc-actionbar">
<button class="soc-actionbutton">
<i class="fa fa-check" aria-hidden="true"></i><br>Bewaren
</button>
<button class="soc-actionbutton">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i><br>Formulier
</button>
<button class="soc-actionbutton">
<i class="fa fa-remove" aria-hidden="true"></i><br>Verwijderen
</button>
</div>
</div>
</div>
</body>
</html>