add margin

This commit is contained in:
Peter Maquiran
2024-07-03 10:15:53 +01:00
parent 6d38870761
commit 0e12b5de5e
14 changed files with 401 additions and 339 deletions
+9 -12
View File
@@ -45,10 +45,6 @@
background-color: white !important;
margin: auto 0px;
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
main {
background-color: white !important;
@@ -67,22 +63,23 @@
margin: 20px 0;
}
.m-auto { margin: 0px auto; }
.d-block { display: block; }
.px-40 { padding: 0px 40px; }
.pb-40 { padding-bottom: 40px; }
.pa-40 { padding: 40px; }
.pa-30 { padding: 30px; }
.pa-15 { padding: 15px; }
.f-22 { font-size: 22px; }
.f-13 { font-size: 13px;}
.f-weight-600 { font-weight: 600; }
.ma-15 { margin: 15px; }
.text-center { text-align:center }
.width-100 { width: 100%; }
.text-gray { color: rgb(169, 169, 169); }
.link-color { color:rgb(0, 0, 255); }
</style>
</head>
<body>
@@ -90,10 +87,10 @@
<main>
<div class="header" class="pa-40">
<img class="ma-15" src="https://gwjkdh.stripocdn.email/content/guids/videoImgGuid/images/governo_de_angola_horizontal_logo_MH1.png" style="display:block; border:0; text-decoration:none;" alt="Logo" title="Logo" width="160" height="136">
<p class="f-weight-600 f-22 ma-15">República De Angola</p>
<p class="f-weight-600 f-22 ma-15">Gabinete do Presidente da República</p>
<p class="f-weight-600 f-22 ma-15">Convite para reunião</p>
<img class="pa-15 m-auto" src="https://gwjkdh.stripocdn.email/content/guids/videoImgGuid/images/governo_de_angola_horizontal_logo_MH1.png" style="display:block; border:0; text-decoration:none;" alt="Logo" title="Logo" width="160" height="136">
<p class="f-22 ma-15 text-center"><b>República De Angola</b></p>
<p class="f-22 ma-15 text-center"><b>Gabinete do Presidente da República</b></p>
<p class="f-22 ma-15 text-center"><b>Convite para reunião</b></p>
</div>
<hr/>
@@ -138,13 +135,13 @@
<div>
<p class="text-gray f-13 d-block ">Importante</p>
<span class="d-block ">Caso tenha recebido esta mensagem por engano, por favor informe por o e-mail:</span>
<span class="d-block "> <a href="notificacoes@oapr.gov.ao" target="_blank">notificacoes@oapr.gov.ao</a></span>
<span class="d-block link-color" > <u>notificacoes@oapr.gov.ao</u> </span>
</div>
</div>
</main>
<footer>
<p>&nbsp;&nbsp;&nbsp;Gabinete Digital - Uma iniciativa do Presidente da República</p>
<p>&nbsp;&nbsp;&nbsp;<b>Gabinete Digital - Uma iniciativa do Presidente da República</b></p>
</footer>