Template 2
3 min
This is a white-label template. To make it match your brand and style you need to do further customisations on the provided template
How it looks:
Use the below link to see what the white-label template looks like. Keep in mind that every color/logo/placeholder can be customized to match your style & branding.
Custom code files:
Tip: Use the Copy button on the top-right of the code editor to copy all code
We added the custom code for you to use in the code editor below. See how to use it here
<!-- START Include headers -->
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
id=""
href="https://fonts.googleapis.com/css?family=Roboto%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C700%2C700i%2C900%2C900i&ver=5.2.2"
type="text/css"
media="all"
/>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"
crossorigin="anonymous"
></script>
</head>
<!-- END Inclhude headers -->
<!-- START NOT NEEDED -->
<link rel="stylesheet" href="/style.css" />
<script src="/script.js"></script>
<!-- END NOT NEEDED -->
<!-- START Landing page -->
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<header
id="masthead"
class="site-header navbar-static-top navbar-light"
role="banner"
>
<div class="container-fluid">
<nav class="navbar navbar-expand-xl p-0">
<div class="navbar-brand">
<a href="">
<img
src="https://placehold.co/270x30/2166ae/fff?text=Your+logo+here"
alt="Your logo here"
/>
</a>
</div>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#main-nav"
aria-controls=""
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div id="main-nav" class="collapse navbar-collapse justify-content-end">
<ul id="menu-pimary-menu" class="navbar-nav">
<li
itemscope="itemscope"
id="menu-item-65"
class="menu-item menu-item-type-custom menu-item-object-custom nav-item"
>
<a title="Link" href="" class="nav-link">Link</a>
</li>
<li
itemscope="itemscope"
id="menu-item-219"
class="menu-item menu-item-type-custom menu-item-object-custom nav-item"
>
<a title="Link" href="" class="nav-link">Link</a>
</li>
<li
itemscope="itemscope"
id="menu-item-221"
class="menu-item menu-item-type-custom menu-item-object-custom nav-item"
>
<a title="Link" href="" class="nav-link">Link</a>
</li>
<li
itemscope="itemscope"
id="menu-item-220"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-220 nav-item"
>
<a title="Link" href="" class="nav-link" target="_blank">Link</a>
</li>
<!--<li itemscope="itemscope" id="menu-item-220" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-220 nav-item">
<a title="Link" href="" class="nav-link">Link</a>
</li>-->
</ul>
</div>
</nav>
</div>
</header>
<!-- #masthead -->
<div
id="page-sub-header"
style="background: url(https://placehold.co/1920x425/2166ae/2166ae);"
>
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1>Title</h1>
<p>Subtitle.</p>
</div>
</div>
</div>
</div>
<div id="content" class="site-content">
<div class="container">
<div class="row modulesRow d-flex justify-content-center">
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span class="btn btn-bordered" title="View APIs Doc">
View Doc
</span>
</div>
</div>
</a>
</div>
<!-- ends iconBlock -->
</div>
<!-- ends col -->
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span class="btn btn-bordered" title="View JS Library Doc">
View Doc</span
>
</div>
</div>
</a>
</div>
<!-- ends iconBlock -->
</div>
<!-- ends col -->
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span class="btn btn-bordered" title="View Community Forum">
View Doc</span
>
</div>
</div>
</a>
</div>
<!-- ends iconBlock -->
</div>
<!-- ends col -->
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span
class="btn btn-bordered"
target="_blank"
title="View Feed Docs"
>
View Doc
</span>
</div>
</div>
</a>
</div>
<!-- ends iconBlock -->
</div>
<!-- ends col -->
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span class="btn btn-bordered" title="View Community Forum">
View Doc
</span>
</div>
</div>
</a>
</div>
<!-- ends iconBlock -->
</div>
<!-- ends col -->
<!-- <div class="col-xs-12 col-sm-6 col-lg-4">
<div class="iconBlock px-4 py-2">
<a href="" class="iconBlockWrap">
<div class="iconImgWrap">
<img
src="https://placehold.co/64/fff/2166ae?text=Icon"
class="iconImg"
/>
</div>
<div class="iconBlock-detail">
<h3 class="title">Doc Title</h3>
<p class="iconBlock-brief">Small doc description.</p>
<div class="more">
<span class="btn btn-bordered" title="View Community Forum">
View Doc
</span>
</div>
</div>
</a>
</div>
</div> -->
</div>
<!-- .row -->
</div>
<!-- .container -->
</div>
<!-- #content -->
<footer id="colophon" class="site-footer navbar-light" role="contentinfo">
<div class="container-fluid pt-3 pb-3">
<div class="site-info">
Copyright 2023 ©
<!-- Your company name here -->. All rights reserved.
</div>
</div>
</footer>
<!-- #colophon -->
</div>
<!-- END Landing page -->