new: verification email template. #1

2026-08-19 04:24:12 +00:00 · 2021-06-26 00:49:46 +08:00
parent 1ddeb1cac6
commit 2b02acf6eb
3 changed files with 151 additions and 0 deletions
@@ -0,0 +1,11 @@
+@extends('emails.layout.base')
+
+@section('content')
+    <h4 style="font-size: 1em;">Hello, {{$user->name}}</h4>
+    <p style="font-size: 0.9em">verify your email to finish your account registration on <a href="{{route('login')}}" class="bold">{{route('login')}}</a></p>
+<p style="margin-top: 30px; font-size: 0.8em">Please confirm that <b>{{$user->email}}</b> is your email address by clicking on the button below or use this link <a href="{{route('account.email.verification', $attempt->token)}}">{{route('account.email.verification', $attempt->token)}}</a> within 48 hours</p>
+    <div style="margin-top: 20px;">
+        <a href="{{route('account.email.verification', $attempt->token)}}"><button class="btn all-caps bg-primary no-border text-white pointer" style="font-size: 0.8em" >Verify</button></a>
+    </div>
+    <div class="all-caps hint-text" style="margin-top: 20px;"><small style="font-size: 0.7em">If you didn't perform this request you can safely ignore this email.</small></div>
+@endsection
@@ -0,0 +1,135 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
+    <style>
+        body {
+            margin: 0 !important;
+            padding: 0 !important;
+            font-family: 'Lato', sans-serif;
+            font-size: 16px;
+        }
+        .font-lato {
+            font-family: 'Lato', sans-serif;
+            font-weight: 400;
+        }
+        .background {
+            background-blend-mode: multiply; -webkit-background-size: cover;
+            background-size: cover;
+            background: #202020 url({{asset('/images/iStock-976354264_Malaysia.jpg')}}) no-repeat center center;
+        }
+        .container {
+            width: 600px;
+        }
+        .sm-hide {
+            display: block;
+        }
+        @media only screen and (max-width: 600px) {
+            body {
+                font-size: 10px;
+            }
+            .container {
+                width: 100%;
+            }
+            .sm-hide {
+                display: none;
+            }
+        }
+        .content {
+            width: 100%;
+            padding: 30px;
+            box-sizing: border-box;
+        }
+        a {
+            color: #009add;
+        }
+        .btn {
+            padding: 15px 2em;
+        }
+        .bg-primary {
+            background-color: #00baa4;
+        }
+        .bg-white {
+            background-color: #FFFFFF;
+        }
+        .align-center {
+            margin: auto;
+        }
+        .text-center {
+            text-align: center;
+        }
+        .text-left {
+            text-align: left;
+        }
+        .w-100 {
+            width: 100%;
+        }
+        .all-caps {
+            text-transform: uppercase;
+        }
+        .hint-text {
+            opacity: 0.7;
+        }
+        .muted {
+            color: #9c9c9c;
+        }
+        .text-white {
+            color: #FFFFFF;
+        }
+        .text-primary {
+            color: #00baa4;
+        }
+        .pointer {
+            cursor: pointer;
+        }
+        .text-complete {
+            color: #009add;
+        }
+        .lightest {
+            font-weight: 100 !important;
+        }
+        .light {
+            font-weight: 300 !important;
+        }
+        .normal {
+            font-weight: 400 !important;
+        }
+        .bold {
+            font-weight: 700 !important;
+        }
+        .bolder {
+            font-weight: 900 !important;
+        }
+        .no-border {
+            border: none !important;
+        }
+        .no-padding {
+            padding: 0 !important;
+        }
+        .no-margin {
+            margin: 0 !important;
+        }
+    </style>
+</head>
+<body>
+<div class="w-100">
+    <div class="background text-center">
+        <div class="sm-hide" style="height: 50px;"></div>
+        <div class="container align-center">
+            @include('emails.layout.header')
+            <div class="bg-white text-left">
+                <div class="content">
+                    @yield('content')
+                    <div class="muted all-caps" style="margin-top: 30px; font-size: 0.6em">You're receiving this email because of your account on <a href="{{route('login')}}" class="bold text-primary" style="margin-left: 5px;">{{route('login')}}</a>.</div>
+
+                </div>
+            </div>
+        </div>
+        <div class="text-center text-white all-caps" style="margin-top: 30px;">
+            <small style="font-size: 0.6em; letter-spacing: 2px;">&copy;{{\Carbon\Carbon::now()->format('Y')}} CIEF Worldwide Snd Bhd. All rights reserved</small>
+        </div>
+        <div style="height: 30px;"></div>
+    </div>
+</div>
+</body>
+</html>
@@ -0,0 +1,5 @@
+<div class="bg-primary content">
+    <h2 class="no-margin font-lato lightest text-white all-caps" style="font-size: 3em; letter-spacing: 15px; line-height: 40px" >Shipping</h2>
+    <div style="height: 15px;"></div>
+    <small class="no-margin font-lato light text-white all-caps" style="letter-spacing: 5px;">Shipping Vendor</small>
+</div>