Bootstrap Snippet email template using HTML CSS

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/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
  <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet">
  <div class="container">
    <div class="row">
                
                <div class="wrapper">
                    <div class="logo_header">
                        <a href="seedoconline.com"><img src="https://dev.seedoconline.com/img/log-font.svg"/></a>
                    </div>
                    <div class="email_banner">
                        
                    </div>
                    <div class="email_body">
                        <h1 class="text-center">Thankyou for you Visit</h1>
                        <p>
                            SeeDocOnline makes seeing a doctor simple. Our interactive healthcare services allow patients to speak to a doctor whenever and wherever they want. We have a team verified doctors from around the globe, making it possible speaking in your native language.
                        </p>
                        
                        <div class="receipt_list">
                            <div class="left_list">
                                <b>lorme IMpus fakse isishiuoeq</b>
                              
                                <span>interactive healthcare services</span>
                                  <span>interactive healthcare services</span>
                                    <span>interactive healthcare services</span>
                                    <span>interactive healthcare services</span>
                                  <span>interactive healthcare services</span>
                                    <span>interactive healthcare services</span>
                                
                            </div>
                              <div class="right_list">
                                <b>lorme IMpus fakse isishiuoeq</b>
                                     <span>1000.90</span>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
.wrapper{width:60%; margin:5% auto;height:100vh;  box-shadow:0 0 2px #aaa; font-family:Hind;}
.logo_header{width:100%; height:70px;background:#1CA8DD; padding:10px;}
.email_body{width:100%; padding:0 15px;}
.receipt_list{width:100%;}
.receipt_list .left_list{float:left; width:60%;}
.receipt_list .right_list{float:left; width:40%;}
 .left_list b,.right_list b{width:100%; float:left; margin:0 0 10px 0;}
 .left_list span,.right_list span{width:100%; float:left; margin:0 0 5px 0;}
 .right_list span{text-align:left; padding-left:15%;}
 .list_divider{width:100%; border-top:1px solid rgba(0,0,0,0.2);float:left;}
 .invoice_trans{width:100%;float:left; margin:5px 0;}
.invoice_left{float:left; width:60%;}
.invoice_right{float:left; width:40%;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"email template"
Bootstrap 3.3.0 Snippet by devlopereswar

Related: See More

Questions / Comments:

"email template" Bootstrap 3.3.0 Snippet by devlopereswar

Related: See More

Questions / Comments:

"email template"
Bootstrap 3.3.0 Snippet by devlopereswar