Skip to content

Instantly share code, notes, and snippets.

@artemv
Created August 7, 2019 12:12
Show Gist options
  • Save artemv/a3a71ed33185779b85e7f4ee489528dd to your computer and use it in GitHub Desktop.
Save artemv/a3a71ed33185779b85e7f4ee489528dd to your computer and use it in GitHub Desktop.
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tamedia</title>
<meta name="description" content="Tamedia Landing page">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="col-md-12">
<style>
body {
font-size: 1.1rem;
}
a {
color: #ff0050;
font-size: 1.2rem;
}
.small {
font-size: 60%;
}
.small a {
font-size: inherit;
}
.btn {
background-color: #ff0050;
border-color: #ff0050;
font-size: 1.2rem;
}
.btn:hover {
background-color: #d20052;
border-color: #d20052;
}
</style>
<nav class="navbar navbar-expand-lg navbar-light">
<span class="navbar-brand" style="width: 64px;">
<svg viewBox="0 0 64 64">
<path d="M48.867 12.994c-1.633-1.263-2.73-2.186-3.997-.557-1.613 2.072-4.445 2.72-13.026-.851-9.603-3.997-16.507.19-18.857 5.773-.8 1.901.528 2.243 2.434 3.04.473.199.887.341 1.364.49 1.27.355 2.504.788 3.106-.641 1.225-2.912 4.7-3.592 9.07-1.774 4.872 2.028 8.425 2.985 11.52 3.104 4.35.168 7.816-1.369 10.304-4.566 1.267-1.628-.284-2.754-1.918-4.018zM41 37.78V27.221C41 25.09 39.433 25 37.5 25s-3.5.091-3.5 2.22v10.56c0 2.129 1.567 2.22 3.5 2.22s3.5-.091 3.5-2.22zM18.827 27.147a16.634 16.634 0 0 0-3.406 10.133c0 9.27 7.564 16.811 16.861 16.811a16.962 16.962 0 0 0 13.538-6.788c1.188-1.593-.562-2.631-2.16-3.816-1.597-1.184-2.438-2.067-3.626-.474a9.586 9.586 0 0 1-7.752 3.889c-5.321 0-9.65-4.317-9.65-9.622 0-4.222 2.83-8.014 6.881-9.22 1.908-.57 1.483-2.328.913-4.23-.57-1.902-1.07-3.227-2.978-2.659a16.991 16.991 0 0 0-8.62 5.976z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</span>
<span class="navbar-text mx-auto h5 my-auto" style="color: black" href="#">Usability Lab</span>
<div class="navbar-nav">
<span class="nav-item dropdown" id="locale">
<a class="nav-link dropdown-toggle" href="#" id="localeTrigger" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: black">
</a>
<div class="dropdown-menu" aria-labelledby="localeTrigger">
<a class="dropdown-item" href="#" data-locale="de">DE</a>
<a class="dropdown-item" href="#" data-locale="en">EN</a>
</div>
</span>
</div>
</nav>
<div class="mb-5" style="position: relative; color: white;">
<img style="object-fit: none; width: 100%; max-height: 650px;" src="https://www.testerpool.com/assets/customers/companies/pux/cat.png" class="img-fluid">
<div style="position: absolute; top: 50%; left: 20%; transform: translate(-20%, -50%); max-width: 600px;">
<div style="font-size: 2.55556rem; font-weight: 200" class="mb-4">
Help us shape Tamedia’s digital products and earn rewards.
</div>
<a class="btn btn-primary py-2" href="https://www.testerpool.com/join-pool/tamedia?locale=en">Become a test-user</a>
</div>
</div>
<div class="py-4 mx-5 px-5">
<p>
Would you like to actively impact the future of Tamedia’s products like <b>Ricardo.ch</b>, <b>tutti.ch</b>, <b>Homegate</b>, <b>20 Minutes</b>, or <b>Doodle</b>? Then sign up to take part in our user studies
</p>
<p>
As a thank you for your contribution, you will be compensated.
</p>
<p>
Curious?
</p>
</div>
<div class="py-4 mx-5 px-5">
<a class="btn btn-primary" style="background-color: #ff0050; border-color: #ff0050;" href="https://www.testerpool.com/join-pool/tamedia?locale=en">Become a test-user</a>
</div>
<div class="py-4 mx-5 px-5">
<a href="https://www.tamedia.ch/en/extras/service/legal-notice" target="_blank">Tamedia Privacy Policy</a>
</div>
<div class="pt-4 mx-5 px-5">
some of our Clients
</div>
<div class="mx-5 px-5">
<div><img src="https://www.testerpool.com/assets/customers/companies/pux/Group@2x.png" style="width: 100%;"></div>
</div>
<div class="mx-5 px-5 small">
Please note that our user studies adhere to Swiss <a href="https://www.tamedia.ch/en/extras/service/legal-notice" target="_blank">data protection laws</a>. Your data will be treated confidentially and not passed on to third parties or used for other purposes. The information you provide will be anonymised and under no circumstances be connected to your name.
Participation in user studies is optional and you can unsubscribe at any time.
</div>
</div>
</div>
</body>
<script>
$('#localeTrigger').html('EN');
var url = "/pool_landing/tamedia";
$('#locale .dropdown-item').click(function () {
var locale = this.dataset.locale;
window.location.href = url + '?locale=' + locale;
});
$('#locale .dropdown-item[data-locale="en"]').addClass('active');
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment