Let’s start with some HTML5 code to shape the structure of our project’s web page. To do so, create a file, named index.html, in a new folder, named no_signup_no_party, containing the following markup:
[vc_row row_type=’row’ text_align=’left’ css_animation=”][vc_column width=’1/1′]
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”/>
<title>No signup? No party!</title>
<link rel=”stylesheet” type=”text/css”
href=”http://yui.yahooapis.com/3.7.3/build/cssreset/cssreset-
min.css”>
<link rel=’stylesheet’ type=’text/css’
href=’http://fonts.googleapis.com/css?family=Port+Lligat+Sans’>
<link rel=’stylesheet’ type=’text/css’
href=’css/application.css’>
<script
src=”https://html5shiv.googlecode.com/svn/trunk/html5.js”>
</script>
</head>
<body>
<article>
<header>
<h1>No signup? No party!</h1>
<p>
Would you like to join the most amazing party of the
planet? Fill out this form with your info but.. hurry up! only a
few tickets are still available!
</p>
</header>
<form name=”subscription”>
<!– FORM FIELDS –>
<input type=”submit” value=”Yep! Count me in!”>
</form>
<footer>
Party will be held at Nottingham Arena next sunday, for info
call 555-192-132 or drop us a line at [email protected]
</footer>
</article>
</body>
</html>
[/vc_column][/vc_row]
