Sign in below with your DPG Media account.
Sign in below with your DPG Media account.
<!DOCTYPE html>
<html lang="en" class="no-js layout--diorama">
<head>...</head>
<body style="background-image: url('https://fannypack.dpgmedia.net/img/antelopecanyon.jpg');" data-copyright="Unsplash" data-credit="Ashim D’Silva">
<main class="main-container">
<div class="app-icon app-icon--xlarge app-icon--lumberjack-red" role="img" aria-labelledby="app-icon-name">
<div class="app-icon__logo" aria-hidden="true">
<span class="app-icon__character">T</span>
<span class="app-icon__character">E</span>
</div>
<span class="app-icon__name" id="app-icon-name">Temptation Editor</span>
</div>
<p>Sign in below with your DPG Media account.</p>
<form action="" class="form">
<div class="form__group">
<label for="name" class="form__label">Name</label>
<input id="name" name="name" type="text" class="form__field" required="required" />
</div>
<div class="form__group">
<label for="password" class="form__label">Password</label>
<input id="password" name="password" type="password" class="form__field" required="required" />
</div>
<div class="form__group">
<div class="form__checkbox">
<label class="form__checkbox__label">
<input type="checkbox" class="form__checkbox__input" value="rememberme" />Remember me
</label>
</div>
</div>
<div class="form__actions">
<button class="button button--primary" type="submit">Login</button>
</div>
<div><a href="#">Forgot password</a></div>
</form>
<footer class="footer">
Experiencing problems or in need of assistance? Get in touch with <a href="mailto:servicedesk@somecompany.com">ServiceDesk</a>.
</footer>
</main>
</body>
</html>