LEFT | RIGHT |
1 <!--****************************************************************************
*** | 1 <!--****************************************************************************
*** |
2 * Sign Up Page | 2 * Sign Up Page |
3 ****************************************************************************** -
-> | 3 ****************************************************************************** -
-> |
4 <!doctype html> | 4 <!doctype html> |
5 <html lang="en" dir="ltr"> | 5 <html lang="en" dir="ltr"> |
6 <head> | 6 <head> |
7 <!-- website-defaults/includes/meta/standard --> | 7 <!-- website-defaults/includes/meta/standard --> |
8 <meta charset="utf-8"> | 8 <meta charset="utf-8"> |
9 <meta http-equiv="x-ua-compatible" content="ie=edge"> | 9 <meta http-equiv="x-ua-compatible" content="ie=edge"> |
10 <meta name="viewport" content="width=device-width, initial-scale=1"> | 10 <meta name="viewport" content="width=device-width, initial-scale=1"> |
11 <title>Adblock Plus newsletter signup form</title> | 11 <title>Newsletter Signup</title> |
12 <meta name="description" content="A newsletter sign up form, so users can stay
up to date with all things related to Adblock Plus."> | 12 <meta name="description" content="A newsletter sign up form, so users can stay
up to date with all things related to Adblock Plus."> |
13 | 13 |
14 <!-- styles:start --> | 14 <!-- styles:start --> |
15 <!-- styles:end --> | 15 <!-- styles:end --> |
16 | 16 |
17 <!--FILTER-COMMENTS--> | 17 <!--FILTER-COMMENTS--> |
18 </head> | 18 </head> |
19 <body> | 19 <body> |
20 <div class="outer-container"> | 20 <div class="outer-container"> |
21 <div class="container phablet-width content"> | 21 <div class="container phone-width content"> |
22 | 22 |
23 <header id="page-header"> | 23 <header id="page-header"> |
24 <figure> | 24 <figure> |
25 <img src="https://eyeo.com/images/backclick/abp-logo.png" srcset="http
s://eyeo.com/images/backclick/abp-logo.svg 2x" alt="ABP inside red octagon"> | 25 <img src="https://eyeo.com/images/backclick/abp-logo.png" srcset="http
s://eyeo.com/images/backclick/abp-logo.svg 2x" alt="ABP inside red octagon"> |
26 <figcaption>Adblock <strong>Plus</strong></figcaption> | 26 <figcaption>Adblock <strong>Plus</strong></figcaption> |
27 </figure> | 27 </figure> |
28 | 28 |
29 <!--NEW-USER--> | 29 <!--NEW-USER--> |
30 <h1>Sign up for the Adblock Plus newsletter</h1> | 30 <h1>Sign up for the Adblock Plus Newsletter</h1> |
31 <p>Stay up to date with all things Adblock Plus</p> | 31 <p>Stay up to date with all things Adblock Plus</p> |
| 32 <p><span class="color-secondary">*</span> Indicated required details</p> |
32 <!--/NEW-USER--> | 33 <!--/NEW-USER--> |
33 | 34 |
34 <!--UNCONFIRMED--><!--SUCCESS--> | 35 <!--UNCONFIRMED--><!--SUCCESS--> |
35 <h1>Confirm your email</h1> | 36 <h1>Confirm your email</h1> |
36 <p>You should have received an email with a confirmation link. Please cl
ick the link to confirm your email and subscribe</p> | 37 <p>You should have received an email with a confirmation link. Please cl
ick the link to confirm your email and subscribe.</p> |
37 <!--/SUCCESS--><!--/UNCONFIRMED--> | 38 <!--/SUCCESS--><!--/UNCONFIRMED--> |
38 | 39 |
39 <!--CONFIRMED--><!--SUCCESS--> | 40 <!--CONFIRMED--><!--SUCCESS--> |
40 <h1>Thank you for subscribing to the <strong>Adblock Plus</strong> newsl
etter</h1> | 41 <h1>Thank you for subscribing to the <strong>Adblock Plus</strong> newsl
etter.</h1> |
41 <p>We look forward to sharing our updates with you</p> | 42 <p>We look forward to sharing our updates with you.</p> |
42 <!--/SUCCESS--><!--/CONFIRMED--> | 43 <!--/SUCCESS--><!--/CONFIRMED--> |
43 </header> | 44 </header> |
44 | 45 |
45 <!--NEW-USER--> | 46 <!--NEW-USER--> |
46 <form name="abonnenten_anmeldung" action="web.subscribe?tid=14&mid=0" meth
od="post" id="sign-up"> | 47 <form name="abonnenten_anmeldung" action="web.subscribe?tid=14&mid=0" meth
od="post" id="sign-up"> |
47 | 48 |
48 <div> | 49 <div> |
49 <label for="email">Email Address <abbr title="required">*</abbr></labe
l> | 50 <label for="email">Email Address <abbr title="required" class="color-s
econdary">*</abbr></label> |
50 | 51 |
51 <?GIS EMAIL params="id='email' type='email' class='<!--ERROR:INCORRECT
-EMAIL-->invalid<!--/ERROR:INCORRECT-EMAIL--><!--ERROR:NO-EMAIL-->invalid<!--/ER
ROR:NO-EMAIL--><!--ALREADY-CONFIRMED--><!--ERROR-->invalid<!--/ERROR--><!--/ALRE
ADY-CONFIRMED--><!--ERROR:ALREADY-ON-10-->invalid<!--/ERROR:ALREADY-ON-10-->' re
quired" mandatory?> | 52 <?GIS EMAIL params="id='email' type='email' class='<!--ERROR:INCORRECT
-EMAIL-->invalid<!--/ERROR:INCORRECT-EMAIL--><!--ERROR:NO-EMAIL-->invalid<!--/ER
ROR:NO-EMAIL--><!--ALREADY-CONFIRMED--><!--ERROR-->invalid<!--/ERROR--><!--/ALRE
ADY-CONFIRMED--><!--ERROR:ALREADY-ON-10-->invalid<!--/ERROR:ALREADY-ON-10-->' re
quired" mandatory?> |
52 | 53 |
53 <!--ERROR:NO-EMAIL--> | 54 <!--ERROR:NO-EMAIL--> |
54 <div class="error-message">Please enter a valid email address</div> | 55 <div class="error-message">Please provide an email address</div> |
55 <!--/ERROR:NO-EMAIL--> | 56 <!--/ERROR:NO-EMAIL--> |
56 | 57 |
57 <!--ERROR:INCORRECT-EMAIL--> | 58 <!--ERROR:INCORRECT-EMAIL--> |
58 <div class="error-message">Please enter a valid email address</div> | 59 <div class="error-message">Please enter a valid email address</div> |
59 <!--/ERROR:INCORRECT-EMAIL--> | 60 <!--/ERROR:INCORRECT-EMAIL--> |
60 | 61 |
61 <!--ERROR:ALREADY-ON-10--> | 62 <!--ERROR:ALREADY-ON-10--> |
62 <div class="error-message">This email address is already subscribed to
the Adblock Plus newsletter</div> | 63 <div class="error-message">You have already subscribed to this newslet
ter</div> |
63 <!--/ERROR:ALREADY-ON-10--> | 64 <!--/ERROR:ALREADY-ON-10--> |
64 | 65 |
65 <!--ALREADY-CONFIRMED--><!--ERROR--> | 66 <!--ALREADY-CONFIRMED--><!--ERROR--> |
66 <div class="error-message">This email address is already subscribed to
the Adblock Plus newsletter</div> | 67 <div class="error-message">You have already subscribed to this newslet
ter</div> |
67 <!--/ERROR--><!--/ALREADY-CONFIRMED--> | 68 <!--/ERROR--><!--/ALREADY-CONFIRMED--> |
68 </div> | 69 </div> |
69 | 70 |
70 <div> | 71 <div> |
71 <label for="fullname">Full name</label> | 72 <label for="fullname">Full name</label> |
72 <?GIS FULLNAME params="id='fullname'"?> | 73 <?GIS FULLNAME params="id='fullname'"?> |
73 </div> | 74 </div> |
74 | |
75 <!--ERROR:NO-PASSWORD--> | |
76 <p>Error: No Password</p><br> | |
77 <!--/ERROR:NO-PASSWORD--> | |
78 | |
79 <!--ERROR:WRONG-PASSWORD--> | |
80 <p>Error: Wrong Password</p><br> | |
81 <!--/ERROR:WRONG-PASSWORD--> | |
82 | |
83 <!--ERROR:INCORRECT-PASSWORD--> | |
84 <p>Error: Incorrect Password</p><br> | |
85 <!--/ERROR:INCORRECT-PASSWORD--> | |
86 | 75 |
87 <?GIS NEWSLETTER 10 checked hidden?> | 76 <?GIS NEWSLETTER 10 checked hidden?> |
88 | 77 |
89 <button type="submit" class="secondary">Sign Up</button> | 78 <button type="submit" class="secondary">Sign Up</button> |
90 </form> | 79 </form> |
91 <footer id="page-footer"> | 80 <footer id="page-footer"> |
92 <a href="https://eyeo.com/en/privacy" target="_blank">Privacy Policy</a> | 81 <a href="https://eyeo.com/en/privacy" target="_blank" class="color-secon
dary">Privacy Policy</a> |
93 </footer> | 82 </footer> |
94 <!--/NEW-USER--> | 83 <!--/NEW-USER--> |
95 | 84 |
96 </div> | 85 </div> |
97 </div> | 86 </div> |
98 </body> | 87 </body> |
99 </html> | 88 </html> |
LEFT | RIGHT |