saifk2/emailverifypro
0
1<!DOCTYPE html>2<html lang="ar" dir="rtl">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Verify Your Email Address</title>7 <style type="text/css">8 @import url('https://fonts.googleapis.com/css2?family=Tahoma:wght@300;400;500;600;700&display=swap');9 10 body {11 margin: 0;12 padding: 0;13 font-family: 'Tahoma', Arial, sans-serif;14 background-color: #f7fafc;15 color: #4a5568;16 text-align: right;17 direction: rtl;18 }19 20 .container {21 max-width: 600px;22 margin: 0 auto;23 background-color: #ffffff;24 border-radius: 8px;25 overflow: hidden;26 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);27 }28 29 .header {30 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);31 padding: 10px 10px;32 text-align: center;33 }34 35 .logo {36 height: 100px;37 38 }39 40 .content {41 padding: 30px;42 text-align: right;43 }44 45 h1 {46 color: #2d3748;47 font-size: 24px;48 font-weight: 600;49 margin-bottom: 20px;50 text-align: center;51 }52 53 p {54 font-size: 16px;55 line-height: 1.6;56 margin-bottom: 20px;57 }58 59 .btn {60 display: inline-block;61 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);62 color: white !important;63 text-decoration: none;64 padding: 12px 30px;65 border-radius: 4px;66 font-weight: 500;67 font-size: 16px;68 margin: 20px 0;69 transition: all 0.3s ease;70 -webkit-text-fill-color: white;71 }72 73 .btn:hover {74 transform: translateY(-2px);75 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);76 }77 78 .footer {79 background-color: #f7fafc;80 padding: 20px;81 text-align: center;82 font-size: 14px;83 color: #718096;84 }85 86 .social-icons {87 margin: 20px 0;88 }89 90 .social-icons a {91 display: inline-block;92 transition: all 0.3s ease;93 }94 95 .social-icons a:hover {96 transform: translateY(-2px);97 }98 99 .divider {100 height: 1px;101 background-color: #e2e8f0;102 margin: 20px 0;103 }104 105 .small-text {106 font-size: 12px;107 color: #a0aec0;108 }109 110 @media only screen and (max-width: 600px) {111 .container {112 border-radius: 0;113 }114 115 .content {116 padding: 20px;117 }118 }119 </style>120</head>121<body>122 <div class="container">123 <div class="header">124 <img src="https://7cs-cloud-storage.blr1.cdn.digitaloceanspaces.com/public/app/Logo.png" alt="Company Logo" class="logo">125 </div>126 127 <div class="content">128 <h1>استرجاع كلمة السر</h1>129 130 <p style="direction: rtl; text-align: right;">مرحباً $name،</p>131 132 <p style="direction: rtl; text-align: right;">لقد قمت بطلب استرجاع كلمة السر الخاصة بحسابك في 7C MediaLab يرجى الضغط على زر استرجاع كلمة السر أدناه</p>133 134 <div style="text-align: center; direction: ltr;">135 <a href="$url" class="btn">استرجاع كلمة السر</a>136 </div>137 138 <p style="direction: rtl; text-align: right;">إذا وصلتك هذه الرسالة بطريق الخطأ أو لم تكن مشتركًا في 7C MediaLab فيرجى إهمال الرسالة.</p>139</div>140 141 <div class="footer">142 <div class="social-icons">143 <a href="#"><img src="https://img.icons8.com/?size=100&id=8818&format=png&color=667eea" width="30" style="margin:0 5px;" alt="Facebook" /></a>144 <a href="#"><img src="https://img.icons8.com/?size=100&id=8808&format=png&color=667eea" width="30" style="margin:0 5px;" alt="LinkedIn" /></a>145 <a href="#"><img src="https://img.icons8.com/?size=100&id=phOKFKYpe00C&format=png&color=667eea" width="30" style="margin:0 5px;" alt="Twitter/X" /></a>146 <a href="#"><img src="https://img.icons8.com/?size=100&id=32309&format=png&color=667eea" width="30" style="margin:0 5px;" alt="Instagram" /></a>147 <a href="#"><img src="https://img.icons8.com/?size=100&id=55200&format=png&color=667eea" width="30" style="margin:0 5px;" alt="YouTube" /></a>148 </div>149 <p style="direction: rtl; ">© 2025 Forlanso. جميع الحقوق محفوظة.</p>150 <p class="small-text" style="direction: rtl; ">الرياض، المملكة العربية السعودية</p>151<div class="divider"></div>152 <p class="small-text" style="direction: rtl;">أنت تتلقى هذا البريد لأنك قمت بتسجيل حساب جديد على منصة Forlanso.</p>153<p class="small-text"> <a href="#" style="color: #718096;">سياسة الخصوصية</a></p>154 </div>155 </div>156</body>157</html>