<header class="page-header">
<div class="container">
<div class="row">
<ul class="language-switcher-locale-url">
<li class="en first active">
<a href="#" class="language-link active" xml:lang="en">
<img class="language-icon"
src="/img/flag-en.png"
width="16"
height="11"
alt="English"
title="English" />
</a>
</li>
<li class="#">
<a href="/nb" class="language-link" xml:lang="nb">
<img class="language-icon"
src="/img/flag-nb.png"
width="16"
height="11"
alt="Norsk"
title="Norsk" />
</a>
</li>
<li class="#">
<a href="/sv" class="language-link" xml:lang="sv">
<img class="language-icon"
src="/img/flag-sv.png"
width="16"
height="11"
alt="Svenska"
title="Svenska" />
</a>
</li>
<li class="nl last">
<a href="#" class="language-link" xml:lang="nl">
<img class="language-icon"
src="/img/flag-nl.png"
width="16"
height="11"
alt="Dutch"
title="Dutch" />
</a>
</li>
</ul>
</div>
<div class="row">
<a href="/" class="logo-wrapper">
<svg class="logo">
<use xlink:href="/spritemap.svg#basefarm-logo"></use>
</svg>
</a>
<div class="main-menu-toggle md-down">
<button class="toggle-main-menu" data-toggle-selector=".main-menu" data-toggle-class="open">
<svg>
<use xlink:href="/spritemap.svg#menu"></use>
</svg>
</button>
</div>
<nav class="main-menu">
<ul class="menu">
<li class="expanded">
<a href="#">Suppport</a>
<ul class="menu">
<li class="first leaf"><a href="#">My Requests</a></li>
<li class="leaf"><a href="#">Contact Information</a></li>
<li class="leaf"><a href="#">Operation Messages</a></li>
<li class="last leaf">
<a href="#">Performance Test Request</a>
</li>
</ul>
</li>
<li class="leaf"><a href="#">Documents</a></li>
<li class="expanded">
<a href="#">Billing</a>
<ul class="menu">
<li class="first leaf"><a href="#">Invoices</a></li>
<li class="leaf"><a href="#">Invoiceable Hours</a></li>
<li class="leaf"><a href="#">Volume Report</a></li>
<li class="leaf"><a href="#">Agreement Report</a></li>
<li class="last leaf"><a href="#">Fixed Order Delta</a></li>
</ul>
</li>
<li class="expanded">
<a href="#">Tools & Apps</a>
<ul class="menu">
<li class="first leaf"><a href="#">Primo</a></li>
<li class="leaf"><a href="#">Graphs</a></li>
<li class="leaf"><a href="#">Bruksmønster</a></li>
<li class="leaf"><a href="#">Link Checker</a></li>
<li class="leaf"><a href="#">Domains</a></li>
<li class="last leaf"><a href="#">Inventory Report</a></li>
</ul>
</li>
<li class="expanded">
<a href="#">Settings</a>
<ul class="menu">
<li class="first last leaf"><a href="#">Users and Groups</a></li>
</ul>
</li>
<li class="expanded">
<a href="#">Admin</a>
<ul class="menu">
<li class="first leaf"><a href="#">Change Company</a></li>
<li class="last leaf">
<a href="#">Edit Customer Service Access</a>
</li>
</ul>
</li>
</ul>
</nav>
<div class="status-menu">
<ul class="list-reset">
<li>
<a class="notification-message" data-badge="4" href="#">
<svg class="">
<use xlink:href="/spritemap.svg#bell"></use>
</svg>
<span class="visually-hidden focusable">4 notifications</span>
</a>
</li>
<li>
<a class="log-out" href="#">
<svg class="icon icon-lg">
<use xlink:href="/spritemap.svg#log-out"></use>
</svg>
<span class="visually-hidden">Logg ut</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="breadcrumb">
<a href="">Customer Portal</a> ›
<a href="">Support</a> › Contact Information
</div>
</div>
</header>
<main class="page-main">
<div class="grid-base container grid-column-gap-lg">
<div class="grid-item-two-third">
<h1>Basefarm customer portal</h1>
<p class="text-lg">Please provide your login credentials to proceed to your personal customer portal page.</p>
<p>If you are not a Basefarm customer, please navigate to our website: <a href="www.basefarm.com">Basefarm.com</a></p>
</div>
<div class="grid-item-one-third">
<div class="box ">
<h2>
User login
</h2>
<form action="">
<div class="form-item ">
<label for="some-id">
Username
</label>
<input type="text" id="username" />
<div class="description">
Enter your Basefarm Customer Portal username.
</div>
</div>
<div class="form-item ">
<label for="some-id">
Password
</label>
<input type="text" id="password" />
<div class="description">
Enter the password that accompanies your username.
</div>
</div>
<button href="http://testlenke.no" class="btn-fill btn-sm">Log in</button>
</form>
</div>
</div>
</div>
</main>
<footer class="page-footer">
<div class="container">
<div class="row grid-four">
<div class="grid-item-one-fourh">
<img class="flag" src="/img/flag-nb-md.png" alt="" />
<h2 class="h4">
Basefarm Norway
</h2>
<p class="mb-0">
Nydalen Allé 37a, 0484 Oslo<br /> PO Box 4488, Nydalen, 0403 Oslo
</p>
<ul class="list-reset">
<li>Phone: +47 4000 4100</li>
<li>Fax: +47 4000 4080</li>
<li>
E-mail: <a href="mailto:post@basefarm.no">post@basefarm.no</a>
</li>
</ul>
</div>
<div class="grid-item-one-fourh">
<img class="flag" src="/img/flag-sv-md.png" alt="" />
<h2 class="h4">
Basefarm Sweden
</h2>
<p class="mb-0">
Sveavägen 159<br /> 113 46 Stockholm
</p>
<ul class="list-reset">
<li>Phone: +46 8 5011 2600</li>
<li>Fax: +46 8 657 9110</li>
<li>
E-mail: <a href="mailto:post@basefarm.se">post@basefarm.se</a>
</li>
</ul>
</div>
<div class="grid-item-one-fourh">
<img class="flag" src="/img/flag-nl-md.png" alt="" />
<h2 class="h4">
Basefarm the Netherlands
</h2>
<p class="mb-0">
Beechavenue 106<br />1119 PP Schiphol-Rijk
</p>
<ul class="list-reset">
<li>Phone: +31 20 406 64 66</li>
<li>Fax: +31 20 406 64 57</li>
<li>
E-mail: <a href="mailto:post@basefarm.nl">post@basefarm.nl</a>
</li>
</ul>
</div>
</div>
<div class="row">
<p class="copyright">
© Basefarm Business Services 2020
</p>
<nav class="footer-nav">
<ul>
<li><a href="http://testlenke.no">News</a></li>
<li><a href="http://testlenke.no">Sitemap</a></li>
<li><a href="http://testlenke.no">Privacy policy</a></li>
</ul>
</nav>
<img src="/img/logo-orange.png" alt="" class="logo-orange" />
</div>
</div>
</footer>
{% include '@page-header' %}
<main class="page-main">
{% embed '@grid' with grid %}
{% block grid_items %}
{% embed '@grid-item--two-third' %}
{% block body %}
{% include '@header' with title %}
{% include '@paragraph--large' with paragraph_large %}
{% include '@paragraph' with paragraph %}
{% endblock %}
{% endembed %} {# end @grid-item--two-third #}
{% embed '@grid-item--one-third' %}
{% block body %}
{% embed '@box' %}
{% block body %}
<h2>
User login
</h2>
<form action="">
{% include '@form-item' with input_name %}
{% include '@form-item' with input_password %}
{% include '@button' with input_submit %}
</form>
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %} {# end @grid-item--one-third #}
{% endblock %}
{% endembed %} {# end @grid #}
</main>
{% include '@page-footer' %}
{
"grid": {
"grid_class": "grid-base container grid-column-gap-lg"
},
"title": {
"copy": "Basefarm customer portal"
},
"paragraph_large": {
"copy": "Please provide your login credentials to proceed to your personal customer portal page."
},
"paragraph": {
"copy": "If you are not a Basefarm customer, please navigate to our website: <a href=\"www.basefarm.com\">Basefarm.com</a>"
},
"input_name": {
"input": {
"placeholder": null,
"id": "username"
},
"label": {
"copy": "Username",
"id": "username"
},
"description": "Enter your Basefarm Customer Portal username."
},
"input_password": {
"input": {
"placeholder": null,
"id": "password"
},
"label": {
"copy": "Password",
"id": "password"
},
"description": "Enter the password that accompanies your username."
},
"input_submit": {
"copy": "Log in",
"element": "button",
"class": "btn-fill btn-sm"
}
}
There are no notes for this item.