@vcl/vcl
Version:
The whole VCL in one package
47 lines (46 loc) • 1.76 kB
HTML
<body class="viewport">
<div class="app">
<header class="application-header row center justify-between">
<div role="banner">
<a href="#" class="row center">
<img class="responsive-image logo" role="presentation" src="https://cdn.jsdelivr.net/gh/vcl/vcl/gfx/vcl_logo_square-bw.svg">
<h1 class="app-name">Visual Component Library</h1>
</a>
</div>
<nav>
<div>
Navigation area
</div>
</nav>
</header>
<section class="content-area" role="main">
<br>
Main content area
<br>
<br>
</section>
<footer class="application-footer" role="contentinfo">
<div class="list list-custom-bullets list-horizontal" role="list">
<div class="list-item icogram" role="listitem">
<div class="icon square fas fa-building" role="presentation"></div>
<span class="text">Company Name</span>
</div>
<div class="list-separator" role="separator">|</div>
<div class="list-item icogram" role="listitem">
<div class="icon square fas fa-map-marker" role="presentation"></div>
<span class="text">Location</span>
</div>
<div class="list-separator" role="separator">|</div>
<div class="list-item icogram" role="listitem">
<div class="icon square fas fa-envelope" role="presentation"></div>
<span class="text">mail@company.com</span>
</div>
<div class="list-separator" role="separator">|</div>
<div class="list-item icogram" role="listitem">
<div class="icon square fas fa-link" role="presentation"></div>
<span class="text">www.company.com</span>
</div>
</div>
</footer>
</div>
</body>