diff --git a/apps/islamic-website/public/email/discord-icon.png b/apps/islamic-website/public/email/discord-icon.png new file mode 100644 index 000000000..6627bfc4c Binary files /dev/null and b/apps/islamic-website/public/email/discord-icon.png differ diff --git a/apps/islamic-website/public/email/email-footer.png b/apps/islamic-website/public/email/email-footer.png new file mode 100644 index 000000000..bad2c35a5 Binary files /dev/null and b/apps/islamic-website/public/email/email-footer.png differ diff --git a/apps/islamic-website/public/email/email-header-token-2049.png b/apps/islamic-website/public/email/email-header-token-2049.png new file mode 100644 index 000000000..8779704b0 Binary files /dev/null and b/apps/islamic-website/public/email/email-header-token-2049.png differ diff --git a/apps/islamic-website/public/email/email-logo.png b/apps/islamic-website/public/email/email-logo.png new file mode 100644 index 000000000..f316e5445 Binary files /dev/null and b/apps/islamic-website/public/email/email-logo.png differ diff --git a/apps/islamic-website/public/email/email-yacht.png b/apps/islamic-website/public/email/email-yacht.png new file mode 100644 index 000000000..75e9019c7 Binary files /dev/null and b/apps/islamic-website/public/email/email-yacht.png differ diff --git a/apps/islamic-website/public/email/github-icon.png b/apps/islamic-website/public/email/github-icon.png new file mode 100644 index 000000000..e2a40cff7 Binary files /dev/null and b/apps/islamic-website/public/email/github-icon.png differ diff --git a/apps/islamic-website/public/email/linkedin-icon.png b/apps/islamic-website/public/email/linkedin-icon.png new file mode 100644 index 000000000..134262f3f Binary files /dev/null and b/apps/islamic-website/public/email/linkedin-icon.png differ diff --git a/apps/islamic-website/public/email/medium-icon.png b/apps/islamic-website/public/email/medium-icon.png new file mode 100644 index 000000000..a7b17c922 Binary files /dev/null and b/apps/islamic-website/public/email/medium-icon.png differ diff --git a/apps/islamic-website/public/email/styles/styles.css b/apps/islamic-website/public/email/styles/styles.css new file mode 100644 index 000000000..6e6476979 --- /dev/null +++ b/apps/islamic-website/public/email/styles/styles.css @@ -0,0 +1,109 @@ +@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap'); + +body { + font-family: 'Alexandria', sans-serif; + font-weight: 400; + font-style: normal; +} + +h1 { + font-size: 48px; + line-height: 52px; + font-weight: 700; + text-transform: uppercase; +} + +h2 { + font-size: 28px; + line-height: 30px; + font-weight: 600; +} + +td { + padding: 0 14px; + font-size: 20px; + line-height: 28px; +} + +button { + padding: 24px 0; + font-family: 'Alexandria', sans-serif; + font-weight: 600; + font-size: 28px; + line-height: 32px; + border-radius: 10px; + width: 100%; + border: none; + cursor: pointer; + margin: 48px 0; + + filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.2)); +} + +button.download__wallet { + background: rgb(24, 255, 172); + background: linear-gradient( + 90deg, + rgba(24, 255, 172, 1) 0%, + rgba(24, 255, 172, 1) 100% + ); + color: rgba(19, 19, 19, 1); +} + +button.photos__button { + background: rgba(19, 19, 19, 1); + + span { + font-size: 28px; + line-height: 32px; + background: -webkit-linear-gradient(80deg, #36fff3, #18ffac); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } +} + +.footer { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-image: url(https://islamiccoin.net/email/email-footer.png); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + width: 572px; + height: 351px; + text-align: center; + font-size: 16px; + line-height: 20px; + margin-top: 48px; + + a { + background: -webkit-linear-gradient(80deg, #36fff3, #18ffac); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } +} + +.header { + background-image: url(https://islamiccoin.net/email/email-header-token-2049.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + width: 572px; + height: 243px; +} + +.social__links { + display: flex; + align-items: center; +} + +.copyright__text { + text-align: center; + font-size: 14px; + line-height: 20px; + color: white; +} diff --git a/apps/islamic-website/public/email/telegram-icon.png b/apps/islamic-website/public/email/telegram-icon.png new file mode 100644 index 000000000..d9b175cc5 Binary files /dev/null and b/apps/islamic-website/public/email/telegram-icon.png differ diff --git a/apps/islamic-website/public/email/twitter-icon.png b/apps/islamic-website/public/email/twitter-icon.png new file mode 100644 index 000000000..61a6b2d5a Binary files /dev/null and b/apps/islamic-website/public/email/twitter-icon.png differ diff --git a/apps/islamic-website/public/email/youtube-icon.png b/apps/islamic-website/public/email/youtube-icon.png new file mode 100644 index 000000000..8c4132237 Binary files /dev/null and b/apps/islamic-website/public/email/youtube-icon.png differ