<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<title>Printable QR Code Invite</title>
+ <style>
+ h1 { text-align:center; }
+ h2 { text-align:center; }
+ h3 { text-align:center; }
+ </style>
</head>
<body>
<div class='container-fluid'>
$link = $d2['landing_page'];
}
echo "
-<div class='row'><div class='col-sm-12' style='text-align:center;'><h1>$d2[petition_name]</h1></div></div>
-<div class='row'><div class='col-sm-12' style='text-align:center;'><img class='img-responsive' src='https://www.md-petition.com/qrcode.php?s=qrl&d=https://www.md-petition.com/$link'></div></div>
+ <div class='row'>
+ <div class='col-sm-12'>
+ <h1>$d2[petition_name]</h1>
+ </div>
+ </div>
+
+ <div class='row'>
+ <div class='col-sm-12'>
+ <img class='img-responsive' style='width:100%;' src='https://www.md-petition.com/qrcode.php?s=qrl&d=https://www.md-petition.com/$link'>
+ </div>
+ </div>
+
+ <div class='row'>
+ <div class='col-sm-12'>
+ <h3>https://www.md-petition.com/$link</h3>
+ </div>
+ </div>
";
?>
</div>