HTML and CSS Reference
In-Depth Information
The Full Code
THE HTML
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
name
="
author
"
content
="
Ben Howdle and Dan Matthew
">
<
meta
name
="
description
"
content
="
A responsive movie poster grabber
">
<
title
>
Front Row by Ben Howdle
</
title
>
<
meta
name
="
viewport
"
content
="
width
=
device-width, minimum-scale
=
1.0,
maximum-scale
=
1.0
">
<
script
src
="
http://ajax.aspnetcdn.com/ajax/jQuery/
jquery-1.6.2.min.js
"></
script
>
<!--jQuery, linked from a CDN-->
<
script
src
="
scripts.js
"></
script
>
<
script
type
="
text/javascript
"
src
="
http://use.typekit.com/
oya4cmx.js
"></
script
>
<
script
type
="
text/javascript
">
try
{
Typekit
.
load
();}
catch
(
e
){}</
script
>
<
link
rel
="
stylesheet
"
href
="
style.css
" />
</
head
>
<
body
>
<
div
class
="
container
">
<
header
>
<
h1
>
Front Row
</
h1
>
</
header
>
<
section
id
="
fetch
">
<
input
type
="
text
"
placeholder
="
Enter a movie title
"
id
="
term
" />
<
button
id
="
search
">
Find me a poster
</
button
>
</
section
>
<
section
id
="
poster
">
</
section
>
<
footer
>
<
p
>
Created by
<
a
href
="
http://twostepmedia.co.uk
">
Ben Howdle
</
a
></
p
>
</
footer
>
</
div
>