BookStack Code Mirror - bookstack/blob - resources/views/emails/email-confirmation.blade.php

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4       style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
   5
   6 <head style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
   7     <meta name="viewport" content="width=device-width"
   8           style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;"/>
   9     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
  10           style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;"/>
  11     <title>Confirm Your Email At {{ setting('app-name')}}</title>
  12     <style style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
  13         * {
  14             margin: 0;
  15             padding: 0;
  16             font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  17             font-size: 100%;
  18             line-height: 1.6;
  19         }
  20
  21         img {
  22             max-width: 100%;
  23         }
  24
  25         body {
  26             -webkit-font-smoothing: antialiased;
  27             -webkit-text-size-adjust: none;
  28             width: 100% !important;
  29             height: 100%;
  30         }
  31
  32         a {
  33             color: #348eda;
  34         }
  35
  36         .btn-primary {
  37             text-decoration: none;
  38             color: #FFF;
  39             background-color: #348eda;
  40             border: solid #348eda;
  41             border-width: 10px 20px;
  42             line-height: 2;
  43             font-weight: bold;
  44             margin-right: 10px;
  45             text-align: center;
  46             cursor: pointer;
  47             display: inline-block;
  48             border-radius: 4px;
  49         }
  50
  51         .btn-secondary {
  52             text-decoration: none;
  53             color: #FFF;
  54             background-color: #aaa;
  55             border: solid #aaa;
  56             border-width: 10px 20px;
  57             line-height: 2;
  58             font-weight: bold;
  59             margin-right: 10px;
  60             text-align: center;
  61             cursor: pointer;
  62             display: inline-block;
  63             border-radius: 25px;
  64         }
  65
  66         .last {
  67             margin-bottom: 0;
  68         }
  69
  70         .first {
  71             margin-top: 0;
  72         }
  73
  74         .padding {
  75             padding: 10px 0;
  76         }
  77
  78         table.body-wrap {
  79             width: 100%;
  80             padding: 20px;
  81         }
  82
  83         table.body-wrap .container {
  84             border: 1px solid #f0f0f0;
  85         }
  86
  87         h1,
  88         h2,
  89         h3 {
  90             font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  91             color: #444;
  92             margin: 10px 0 10px;
  93             line-height: 1.2;
  94             font-weight: 200;
  95         }
  96
  97         h1 {
  98             font-size: 36px;
  99         }
 100
 101         h2 {
 102             font-size: 28px;
 103         }
 104
 105         h3 {
 106             font-size: 22px;
 107         }
 108
 109         p,
 110         ul,
 111         ol {
 112             margin-bottom: 10px;
 113             font-weight: normal;
 114             font-size: 14px;
 115             color: #888888;
 116         }
 117
 118         ul li,
 119         ol li {
 120             margin-left: 5px;
 121             list-style-position: inside;
 122         }
 123
 124         .container {
 125             display: block !important;
 126             max-width: 600px !important;
 127             margin: 0 auto !important;
 128             clear: both !important;
 129         }
 130
 131         .body-wrap .container {
 132             padding: 20px;
 133         }
 134
 135         .content {
 136             max-width: 600px;
 137             margin: 0 auto;
 138             display: block;
 139         }
 140
 141         .content table {
 142             width: 100%;
 143         }
 144     </style>
 145 </head>
 146
 147 <body bgcolor="#f6f6f6"
 148       style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;width:100%!important;height:100%;">
 149 <!-- body -->
 150 <table class="body-wrap" bgcolor="#f6f6f6"
 151        style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;width:100%;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
 152     <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
 153         <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;"></td>
 154         <td class="container" bgcolor="#FFFFFF"
 155             style="font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;display:block!important;max-width:600px!important;margin-top:0 !important;margin-bottom:0 !important;margin-right:auto !important;margin-left:auto !important;clear:both!important;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;border-width:1px;border-style:solid;border-color:#f0f0f0;">
 156             <!-- content -->
 157             <div class="content"
 158                  style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;max-width:600px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;display:block;">
 159                 <table style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;width:100%;">
 160                     <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
 161                         <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
 162                             <h1 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;color:#444;margin-top:10px;margin-bottom:10px;margin-right:0;margin-left:0;line-height:1.2;font-weight:200;font-size:36px;">
 163                                 Email Confirmation</h1>
 164                             <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;line-height:1.6;margin-bottom:10px;font-weight:normal;font-size:14px;color:#888888;">
 165                                 Thanks for joining <a href="{{ baseUrl('/') }}">{{ setting('app-name')}}</a>. <br/>
 166                                 Please confirm your email address by clicking the button below.</p>
 167                             <table style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;width:100%;">
 168                                 <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;">
 169                                     <td class="padding"
 170                                         style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
 171                                         <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;line-height:1.6;margin-bottom:10px;font-weight:normal;font-size:14px;color:#888888;">
 172                                             <a class="btn-primary" href="{{ baseUrl('/register/confirm/' . $token) }}"
 173                                                style="margin-top:0;margin-bottom:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;text-decoration:none;color:#FFF;background-color:#348eda;border-style:solid;border-color:#348eda;border-width:10px 20px;line-height:2;font-weight:bold;margin-right:10px;text-align:center;cursor:pointer;display:inline-block;border-radius:4px;">Confirm
 174                                                 Email</a></p>
 175                                     </td>
 176                                 </tr>
 177                             </table>
 178                         </td>
 179                     </tr>
 180                 </table>
 181             </div>
 182             <!-- /content -->
 183         </td>
 184         <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6;"></td>
 185     </tr>
 186 </table>
 187 <!-- /body -->
 188 </body>
 189
 190 </html>