"pdf"
Bootstrap 4.1.1 Snippet by sandipvala

Post to Facebook Tweet this

<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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schas-microsoft-com:vml" xmlns:o="urn:schas-microsoft-com:office:office"> <head> <!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]--> <title>TITLE HERE</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0 " /> <meta name="format-detection" content="telephone=no"/> <style type="text/css"> body { margin: 0; padding: 0; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; } img { border: 0 !important; outline: none !important; } p { Margin: 0px !important; Padding: 0px !important; } table { border-collapse: collapse; mso-table-lspace: 0px; mso-table-rspace: 0px; } td, a, span { border-collapse: collapse; mso-line-height-rule: exactly; } .ExternalClass * { line-height: 100%; } @media only screen and (min-width:481px) and (max-width:599px) { .main_table { width: 100% !important; } .wrapper { width: 100% !important; } } @media screen and (max-width: 480px) { .main_table { width: 100% !important; } .wrapper { width: 100% !important; } u + .body .full_wrap { width: 100% !important; width: 100vw !important; } } </style> </head> <body class="body" style="margin:0px auto; padding:0px;"> <!-- == Header Section == --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="full_wrap"> <tr> <td align="center" valign="top"><table align="center" width="1100" border="0" cellspacing="0" cellpadding="0" class="main_table" style="width:1100px; table-layout:fixed;"> <tr> <td align="center" valign="top"><table width="1100" border="0" align="center" class="wrapper"> <!--HEADER SECTION--> <tr> <td align="left" valign="top" bgcolor="#3e4244" style="padding:10px 20px;"><table border="0" align="left" class="wrapper"> <tr> <td align="center" valign="top"><img src="images/header_logo.png" width="153" height="50" alt="Logo" style="display:block; max-width:153px;" border="0" /></td> </tr> </table> <table width="800" border="0" align="left" class="wrapper"> <tr> <td align="center" valign="top" style="padding-top:24px;"><table width="250" border="0"> <tr> <td align="center" valign="top">HOME</td> <td align="center" valign="top">ABOUT</td> <td align="center" valign="top">CONTACT</td> </tr> </table></td> </tr> </table> <table border="0" align="right" class="wrapper"> <tr><td align="center" valign="top" style="padding:20px 0;"><table border="0" align="center"> <tr> <td width="20" align="center" valign="top">1</td> <td width="20" align="center" valign="top">2</td> <td width="20" align="center" valign="top">3</td> </tr> </table> </td></tr> </table></td> </tr> <!--//HEADER SECTION--> <!--BODY SECTION--> <tr> <td align="center" valign="top" style="padding:22px 15px;" bgcolor="#f4f4f4"><table width="100%" border="0" align="center" > <tr> <td align="center" valign="top"><table width="100%" border="0"> <tr> <td align="center" valign="top" style="font-family:Arial, sans-serif; font-size:24px; line-height:27px; color:#000000;">What is Lor Ipsum?</td> </tr> <tr> <td align="center" valign="top" style="font-family:Arial, sans-serif; font-size:12px; line-height:19px; color:#000000; padding:10px 0 5px;">Lor Ipsum is simply dummy text of the printing and typesetting industry.</td> </tr> <tr> <td align="center" valign="top" style="font-family:Arial, sans-serif; font-size:9px; line-height:12px; color:#000000;">Lor Ipsum is simply dummy text of the<br /> printing and typesetting industry. Lor Ipsum has been the industry's<br /> <br /> <span style="font-weight:bold;">standard dummy text ever since the 1500s</span></td> </tr> <tr> <td align="center" valign="top" style="font-family:Arial, sans-serif; font-size:9px; line-height:12px; color:#000000; padding:12px 0 20px;">Lor Ipsum is simply dummy text of the printing<br /> 12345</td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"><table width="100%" border="0" align="center"> <tr> <td align="left" valign="top"><table width="300" border="0" align="center" class="wrapper" bgcolor="#ffffff"> <tr> <td bgcolor="#336666" align="center" valign="top" style="font-family:Arial, sans-serif; font-size:12px; line-height:15px; color:#ffffff; text-transform:uppercase; padding:20px 0;">Lor Ipsum is simply </td> </tr> <tr> <td align="center" valign="top" style="padding:14px 0 10px;"><img src="images/img_1.jpg" width="68" height="64" alt="" style="display:block;" border="0" /></td> </tr> <tr> <td bgcolor="#006633" height="1" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding-left:12px;"><table border="0"> <tr> <td align="center" valign="top"><table width="45" border="0" align="center"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> <td width="1" bgcolor="#006633" style="width:1px;"></td> <td align="center" valign="top"><table width="45" border="0" align="center"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td bgcolor="#006633" height="1" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding-left:12px;"><table width="45" border="0" align="left"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> </tr> <tr> <td bgcolor="#006633" height="1" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding-left:12px;"><table width="45" border="0" align="left"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> </tr> <tr> <td bgcolor="#006633" height="1" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding-left:12px;"><table width="45" border="0" align="left"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> </tr> <tr> <td bgcolor="#006633" height="1" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding-left:12px;"><table width="45" border="0" align="left"> <tr> <td align="center" valign="top">kekr</td> </tr> <tr> <td align="center" valign="top">500.0</td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td align="center" valign="top" style="padding:20px 0 10px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br /> Lorem Ipsum has been the industry's standard dum</td> </tr> <tr> <td height="1" bgcolor="#336666" style="height:1px; font-size:0px; line-height:0px;"><img src="https://spacergif.org/spacer.gif" width="1"/></td> </tr> <tr> <td align="center" valign="top " style="padding:5px 0;"><img src="images/logo.png" width="216" height="48" alt="logo" style="display:block;" border="0" /></td> </tr> <tr> <td align="center" valign="top">Lorem Ipsum is simply dummy text of the printing and</td> </tr> <tr> <td align="center" valign="top" style="padding:20px 0 5px;"><table border="0" align="center" > <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> </tr> </table></td> </tr> <tr> <td height="1" bgcolor="#336666" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="center" valign="top" style="padding:5px 0 10px;">Lorem Ipsum is simply dummy text of the printing and </td> </tr> <tr> <td height="1" bgcolor="#336666" style="height:1px; font-size:0px; line-height:0px;"> </td> </tr> <tr> <td align="left" valign="top" style="padding:10px 0 25px 15px;"><table border="0" align="left"> <tr> <td align="center" valign="top"><table border="0" align="center"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td align="center" valign="top"><table border="0" align="center"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td align="center" valign="top" ><table border="0" align="center"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <!--//BODY SECTION--> </table></td> </tr> </table></td> </tr> </table> </body> </html>

Related: See More

Navbar With Icons

Questions / Comments: