This repository has been archived by the owner on Apr 6, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6ec04ae
commit 5bab59f
Showing
2 changed files
with
128 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,71 @@ | ||
.confirmation { | ||
p { | ||
font-family: $dp-font-family-proximanova; | ||
} | ||
|
||
&-wrapper { | ||
max-width: $dp-wrapper-max-width; | ||
margin: 0 auto; | ||
} | ||
|
||
&-header { | ||
margin: $dp-spaces--lv5 $dp-spaces--lv8; | ||
} | ||
|
||
&-main { | ||
display: flex; | ||
flex-direction: column; | ||
flex-wrap: wrap; | ||
justify-content: center; | ||
align-items: center; | ||
text-align: center; | ||
padding: $dp-spaces--lv2; | ||
margin-top: $dp-spaces--lv16; | ||
|
||
.bg-c { | ||
transform: translate(450px,-420px); | ||
} | ||
} | ||
|
||
&-article { | ||
max-width: 550px; | ||
margin-bottom: $dp-spaces--lv5; | ||
|
||
h2 { | ||
font-family: $dp-font-family-proximanova; | ||
font-weight: $dp-font-weight-bold; | ||
} | ||
|
||
.text-italic { | ||
font-size: $dp-font-size-form; | ||
} | ||
} | ||
|
||
&-footer { | ||
width: 100%; | ||
left: 0; | ||
bottom: 0; | ||
position: fixed; | ||
text-align: center; | ||
margin-bottom: $dp-spaces--lv5; | ||
|
||
.bg-b { | ||
transform: translate(-700px,-120px); | ||
} | ||
} | ||
} | ||
@include media-breakpoint('desktop') { | ||
.confirmation { | ||
&-main { | ||
.bg-c { | ||
display: none; | ||
} | ||
} | ||
|
||
&-footer { | ||
.bg-b { | ||
display: none; | ||
} | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,57 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<title>Doppler UI Team</title> | ||
<meta name="keywords" content=""> | ||
<meta name="description" content="Confirmation page"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="canonical" href="" /> | ||
<!-- Open Graph metatags --> | ||
<meta property="og:title" content="Confirmation page" /> | ||
<meta property="og:type" content="article" /> | ||
<meta property="og:image" content="Confirmation page" /> | ||
<meta property="og:url" content="Confirmation page" /> | ||
<meta property="og:description" content="Confirmation page" /> | ||
<meta property="og:site_name" content="Confirmation page" /> | ||
<!-- Stylesheets and polyfills --> | ||
<link rel="stylesheet" type="text/css" href="./css/styles.css"> | ||
<!-- Favicons --> | ||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.fromdoppler.com/apple-touch-icon-144x144-precomposed.png" /> | ||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.fromdoppler.com/apple-touch-icon-114x114-precomposed.png" /> | ||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.fromdoppler.com/apple-touch-icon-72x72-precomposed.png" /> | ||
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://www.fromdoppler.com/apple-touch-icon-57x57-precomposed.png" /> | ||
<link rel="apple-touch-icon-precomposed" href="https://www.fromdoppler.com/apple-touch-icon-precomposed.png" /> | ||
<link rel="apple-touch-icon" href="https://www.fromdoppler.com/apple-touch-icon.png" /> | ||
<link rel="icon" type="image/x-icon" href="https://www.fromdoppler.com/favicon.ico" /> | ||
<link rel="shortcut icon" type="image/x-icon" href="https://www.fromdoppler.com/favicon.ico" /> | ||
</head> | ||
|
||
<body> | ||
<div class="confirmation-wrapper"> | ||
<header class="confirmation-header"> | ||
<h1 class="logo-doppler-new">Doppler</h1> | ||
</header> | ||
<main class="confirmation-main"> | ||
<article class="confirmation-article"> | ||
<h2>Gracias por registrarte</h2> | ||
<p>Revisa tu casilla ¡Tienes un email!</p> | ||
<span class="icon-registration m-bottom--lv6">Fijate en tu correo electronico</span> | ||
<p class="text-italic">* Al hacer click en el botón que aparece en el Email, activarás tu cuenta y estarás listo para disfrutar todos los beneficios de Doppler.</p> | ||
</article> | ||
<p>¿No has recibido el Email? <a href="#" class="link-green" target="_blank">Reenvíalo</a></p> | ||
<div class="background bg-c"></div> | ||
</main> | ||
<footer class="confirmation-footer"> | ||
<p>©2019 Doppler LLC. Todos los derechos reservados.</p> | ||
<div class="background bg-b"></div> | ||
</footer> | ||
</div> | ||
<!-- build:js:dist js/app.js --> | ||
<script src="./js/main.js"></script> | ||
<!-- /build --> | ||
</body> | ||
|
||
</html> |