Xander
Banned
- Reaction score
- 66
- Location
- Niagara region, Ontario
I'm making up a landing page for when someone scans my QR code. I have an iphone and ipad to test with but they're not showing the page in nice, easy-to-read lettering.
For those that want to see it on their own phone, this is the page.
Most of the code in here I've gleaned from several sites but the end result still isn't pretty.
Suggestions on formatting, etc. are also welcome.
Edit: I'd like to keep any CSS within the page, for simplicity.
For those that want to see it on their own phone, this is the page.
Most of the code in here I've gleaned from several sites but the end result still isn't pretty.
Code:
<!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">
<head>
<meta name="viewport" content="initial-scale=1" />>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prompt Care</title>
<style type="text/css" media="screen">
body {
border: medium dashed #7979ff;
background-color: #fff;
margin: 0 auto;
}
body p{
font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-left: 0px;
}
@media only screen and (max-device-width: 480px) {
ul {
max-width:480px;
}
}
@media only screen and (max-device-width: 240px) {
ul {
max-width:240px;
}
}
.large {
font-size: large;
}
</style>
</head>
<body>
<h1><font color=#116611>Prompt Care</font></h1>
<span class="large">Thanks for scanning! You can ask for
10% off your first repair*</span><br />
<h2><strong><font color=#116611><u>Niagara's Smallest PC Shop
with the Biggest Service!</u></font></strong><br />
</h2>
<p>Email: <a href="mailto:Tech@PromptCare.ca">Tech@PromptCare.ca</a></p>
<p>Phone:<strong> (289) 213-2208</strong></p>
<p>Website: <a href="http://www.PromptCare.ca">PromptCare.ca</a></p>
<p>
<img src="tw-25px.png" width="25" height="25" alt="twitter" /> <a href="http://twitter.com/prompt_care" target="_blank">@Prompt_Care</a><br />
<img src="fb-25px.png" width="25" height="25" alt="facebook" /> <a href="http://facebook.com/promptcare" target="_blank">Like us on Facebook!</a><br />
<img src="vcard.png" width="25" height="25" alt="vcard" /> Download VCard
</p>
<h3>Serving the Niagara region
since <br />
2001. On-site, in-shop, or via the <br />
web -- Prompt Care will get the <br />
job done.</h3>
<p>* Labour only. Valid for one computer per housecall. </p>
</body>
</html>Edit: I'd like to keep any CSS within the page, for simplicity.
Last edited:
