Internetstiftelsen Styleguide

Pre Footer 

<div class="o-pre-footer">
    <div class="wrapper">
        <div class="row justify-content-between">
            <div class="grid-lg-5">
                <dl class="u-list-clean u-font-size-medium">
                    <dt class="u-weight-bold u-m-b-1">Powered by</dt>
                    <dd class="u-m-l-0">
                        <img src="/assets/images/internet-nl_logo_en.svg" alt="Internet NL logotype">
                    </dd>
                    <dd class="u-m-l-0 u-m-t-1">
                        <a href="https://internet.nl" target="_blank" class="u-link-normal color-cyberspace">Internet.nl</a> is an initiative of the Internet community and the Dutch government.
                    </dd>
                </dl>
            </div>
            <div class="grid-auto">
                <dl class="u-list-clean u-font-size-medium">
                    <dt class="u-weight-bold">Programversion</dt>
                    <dd class="u-m-l-0 u-m-b-1">v1.1.0.6</dd>
                    <dt class="u-weight-bold">API-version</dt>
                    <dd class="u-m-l-0">Internetkollen-API 1.0</dd>
                </dl>
            </div>
        </div>
    </div>
</div>
 
<div class="o-pre-footer">
	<div class="wrapper">
		<div class="row justify-content-between">
			<div class="grid-lg-5">
				<dl class="u-list-clean u-font-size-medium">
					<dt class="u-weight-bold u-m-b-1">Powered by</dt>
					<dd class="u-m-l-0">
						<img src="/assets/images/internet-nl_logo_en.svg" alt="Internet NL logotype">
					</dd>
					<dd class="u-m-l-0 u-m-t-1">
						<a href="https://internet.nl" target="_blank" class="u-link-normal color-cyberspace">Internet.nl</a> is an initiative of the Internet community and the Dutch government.
					</dd>
				</dl>
			</div>
			<div class="grid-auto">
				<dl class="u-list-clean u-font-size-medium">
					<dt class="u-weight-bold">Programversion</dt>
					<dd class="u-m-l-0 u-m-b-1">v1.1.0.6</dd>
					<dt class="u-weight-bold">API-version</dt>
					<dd class="u-m-l-0">Internetkollen-API 1.0</dd>
				</dl>
			</div>
		</div>
	</div>
</div>
 
/* No context defined. */
  • Content: 
    @charset "UTF-8";

@use '../../configurations/mixins' as mixin;
@use '../../configurations/bem' as bem;
@use '../../configurations/colors/colors' as colors;
@use '../../vendor/grid/breakpoints' as breakpoint;
@use '../../configurations/variables' as var;
@use '../../configurations/functions' as func;

@include mixin.organism(pre-footer) {
	background-color: colors.$color-concrete;
	padding: func.rhythm(4) 0;
}
  • URL: /components/raw/pre-footer/_pre-footer.scss
  • Filesystem Path: src/organisms/pre-footer/_pre-footer.scss
  • Size: 414 Bytes

Pre footer

The pre footer component is used on sites and pages where an external tool or service or some form of co-laboration with external part is used. Its purpose is to show information about partners like logotypes, name and possibly links and program versions.