"Custom Email template Design Bootstrap 4.1.1"
Bootstrap 4.1.1 Snippet by Naveen Mandwariya

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="style.css">
</head>
<body style="background:#f5f5f5">
<div class="wrapper">
<table>
<thead>
<tr>
<td style="width:800px;text-align:center;"> <img src="https://i.ibb.co/3CHh0z4/logo.jpg" alt="" width="150px"> </td>
</tr>
</thead>
<tbody>
<tr>
<td style="width:100%;">
<ul class="list-inline">
<li> <a href="#"> Home </a> </li>
<li> <a href="#"> About </a> </li>
<li> <a href="#"> Services </a> </li>
<li> <a href="#"> Blog </a> </li>
<li> <a href="#"> Contact </a> </li>
</ul>
</td>
</tr>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
ul.list-inline li {
display: inline-block;
width: 18%;
margin: 0 auto;
text-align: center;
}
ul.list-inline li a{
color:#333;
text-decoration:none;
text-transform:uppercase;
}
.wrapper{
width:800px;background:#fff; margin:0 auto; border-radius:2px; box-shadow: 1px 2px 25px 1px #0000001f;
}
ul.list-inline li {
display: inline-block;
width: 18%;
margin: 0 auto;
text-align: center;
}
ul.list-inline li a{
color: #333;
text-decoration: none;
text-transform: uppercase;
font-family: cursive;
font-size: 14px;
font-weight: 600;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: