diff --git a/rest_routes/templates/emails/base.html b/rest_routes/templates/emails/base.html index 1c717a8..2b18cfb 100644 --- a/rest_routes/templates/emails/base.html +++ b/rest_routes/templates/emails/base.html @@ -1,11 +1,13 @@ - +
- - + + + @@ -48,56 +50,71 @@ font-size: 14px; border: 0; } + /* ----------- responsivity ----------- */ @media only screen and (max-width: 640px) { + /*------ top header ------ */ .main-header { font-size: 20px !important; } + .main-section-header { font-size: 28px !important; } + .show { display: block !important; } + .hide { display: none !important; } + .align-center { text-align: center !important; } + .otp__table { padding: 40px !important; padding-top: 120px !important; } + .no-bg { background: none !important; } + /*----- main image -------*/ .main-image img { width: 440px !important; height: auto !important; } + /* ====== divider ====== */ .divider img { width: 440px !important; } + /*-------- container --------*/ .container590 { width: 440px !important; } + .container580 { width: 400px !important; } + .main-button { width: 220px !important; } + /*-------- secions ----------*/ .section-img img { width: 320px !important; height: auto !important; } + .team-img img { width: 100% !important; height: auto !important; @@ -105,28 +122,35 @@ } @media only screen and (max-width: 479px) { + /*------ top header ------ */ .main-header { font-size: 18px !important; } + .main-section-header { font-size: 26px !important; } + /* ====== divider ====== */ .divider img { width: 280px !important; } + /*-------- container --------*/ .container590 { width: 280px !important; } + .container590 { width: 280px !important; } + .container580 { width: 260px !important; } - /*-------- secions ----------*/ + + /*-------- sections ----------*/ .section-img img { width: 280px !important; height: auto !important; @@ -138,24 +162,15 @@ padding: 40px !important; padding-top: 180px !important; } - + } -