не удается интегрировать мой удивительный шаблон в мой вид сброса пароля по электронной почте

Question

Я работаю над сбросом пароля электронной почты, но я не могу получить тот же дизайн, кажется, что я не могу загрузить Bootstrap 'и Fontawesome5 , я использую CDN

Это для веб-интеграторов, шаблонные представления

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- --------------------------------------Font awesome ------------------------------------------------------------->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" crossorigin="anonymous">
<!--  -------------------------------------Bootstap V4------------------------------------------------------------ -->

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">



<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<title>Réinitialisation du mot de passe</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

это то, что я получаю на обычной странице php [1

это то, что я получаю в своем электронном письме с тем же кодом [ 2

это изображение также [ 3