CustomisedMagazines
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	  <meta charset="utf-8">
	  <title></title>
	  <meta name="description" content="">
	  <meta name="viewport" content="width=device-width">
	
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	  <link rel="stylesheet" href="css/main.css">
	
	  <script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
    <!-- begin header -->
    <header>
    	<div class="container">
		    <div class="row top">
			    <div class="span6">
				    <h1><a href="#">Customised Magazines</a></h1>
				    <aside>WE PUT <strong>YOU</strong> ON THE COVER<br /> OF YOUR FAVOURITE MAGAZINE</aside>
			    </div>
			    <nav class="span6">
				    <ul class="nav">
					    <li><a href="#">ABOUT US</a></li>
					    <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">MAGAZINES</a>
					    	<div class="dropdown-menu">
						    	<ul>
							    	<li><h3>FOR EVENTS</h3></li>
							    	<li><a href="#">View our titles</a></li>
							    	<li><a href="#">Event Gallery</a></li>
							    	<li><a href="#">Get a quote</a></li>
							    	<li><a href="#">Event Types</a></li>
						    	</ul>
						    	<ul>
							    	<li><h3>AS A GIFT</h3></li>
							    	<li><a href="#">View our titles</a></li>
							    	<li><a href="#">Gallery</a></li>
							    	<li><a href="#">Create one Now!</a></li>
						    	</ul>
						    	<ul>
							    	<li><h3>MAGAZINE PORTAL</h3></li>
							    	<li><a href="#">Become an Agent</a></li>
							    	<li><a href="#">Log in</a></li>
							    	<li><a href="#">Pricing Options</a></li>
						    	</ul>
					    	</div>
					    </li>
					    <li><a href="#">PHOTOGRAPHY</a></li>
					    <li><a href="#">CONTACT</a></li>
				    </ul>
			    </nav>
		    </div>
    	</div>
    	<div class="container">
		    <div class="row info">
			    <div class="span6">
				    <h2><span>GOLF DAY</span> CORPORATE GIFT</h2>
				    <p>Spoil the players at your next golf day by giving each of them their own personalised edition Golf Digest Magazine with your branding and their photograph on the cover.</p>
			    </div>
		    </div>
    	</div>
    </header>
    <!-- end header -->
    
    <!-- begin content -->
    <section id="content">
	    <div class="container quote">
		    <p><span>Customised Magazines</span> personalise popular <a href="#">magazine titles</a> to suit your brand and event. This novel, exclusive and powerful tool can be used to promote your clients brand to their customers at <a href="#">corporate, sporting and social events</a></p>
		    <a href="#" class="quote-btn">Get an instant quote now!</a>
		    <img src="img/magazine.png" alt="magazine" width="449" height="412" class="magazine">
	    </div>
	    <div class="container use">
		    <h2>Where can Customised Magazines be used?</h2>
		    <div class="row">
			    <div class="span4">
			    	<div class="box box-event">
				    	<a href="#" class="ico"><img src="img/img-01.jpg" alt="img-01" width="178" height="113"></a>
				    	<h3><a href="#">At Your Next Event</a> <i></i></h3>
					    <p>Give a customised magazine to each guest at your next event. They will be blown away!</p>
			    	</div>
			    </div>
			    <div class="span4">
			    	<div class="box box-gift">
			    		<a href="#" class="ico"><img src="img/img-02.jpg" alt="img-02" width="178" height="113"></a>
				    	<h3><a href="#">AS A PERSONAL GIFT</a></h3>
					    <p>Spoil your child or loved one with a gift they will cherish forever great for birthdays or sporting achievements</p>
			    	</div>
			    </div>
			    <div class="span4">
			    	<div class="box box-clients">
			    		<a href="#" class="ico"><img src="img/img-03.jpg" alt="img-03" width="178" height="113"></a>
				    	<h3><a href="#">For Your Clients</a></h3>
					    <p>A pay-as-you go system where you create your own magazines for  your clients through a magazine portal</p>
			    	</div>
			    </div>
		    </div>
	    </div>
	    <div class="container">
	    	<div class="ipad clearfix">
				  <a href="#"><img src="img/ipad.png" alt="ipad" width="163" height="133"></a>
				  <aside>
					  <h3>WIN AN IPAD MINI!</h3>
					  <p>Customised Magazines are giving away a brand new iPad Mini to one lucky person who books at least <strong>60 magazines</strong> at their next event.</p>
					  <em>Book and confirm your event by the end of June 2013 to enter, one entry per person.</em>
				  </aside>
				  <a href="#" class="btn">ENTER NOW!</a>
			  </div>
	    </div>
	    <div class="container forms">
		    <div class="row">
			    <div class="span8">
				    <div class="cloud">
					    <form method="post" action="?">
						    <fieldset>
							    <h4>Create Your Own</h4>
							    <label><input type="file" name="" title="Select File"></label>
						    </fieldset>
					    </form>
					    <p>Put yourself on the cover of a magazine by uploading your photograph using the form above, you can post it to facebook, twitter and even order the real customised magazine!</p>
				    </div>
			    </div>
			    <div class="span4">
			    	<div class="like">
				    	<a href="#">PLEASE LIKE US</a>
					    <p>If you like the concept or you have received a customised magazine before, please spread the love by liking us on facebook</p>
			    	</div>
			    </div>
		    </div>
	    </div>
    </section>
    <!-- end content -->
    
    <!-- begin footer -->
    <footer>
	    <div class="container">
		    <div class="row">
			    <div class="span7">
				    <h5>sign up for exclusive email offers & discounts from
CUSTOMISED MAGAZINES</h5>
			    </div>
			    <div class="span5">
				    <form method="post" action="?" class="clearfix">
					    <fieldset>
					    	<input type="text" name="" placeholder="Enter email address" class="pull-left">
					    	<button type="submit" class="btn pull-right">Sign Up</button>
					    </fieldset>
				    </form>
				    <small>We never SPAM, Remove yourself at anytime</small>
			    </div>
		    </div>
		    <div class="row">
			    <div class="span2">
				    <h6>About Us</h6>
				    <ul>
					    <li><a href="#">About Us</a></li>
					    <li><a href="#">The Team</a></li>
					    <li><a href="#">Contact Us</a></li>
					    <li><a href="#">Careers</a></li>
				    </ul>
			    </div>
			    <div class="span2">
				    <h6>SERVICES</h6>
				    <ul>
					    <li><a href="#">Magazines at Events</a></li>
					    <li><a href="#">Magazine as a gift</a></li>
					    <li><a href="#">Magazine Portal</a></li>
					    <li><a href="#">Event Photography</a></li>
					    <li><a href="#">Electronic Photobooks</a></li>
				    </ul>
			    </div>
			    <div class="span3">
				    <h6>Affiliates &amp; Partners</h6>
				    <ul>
					    <li><a href="#">Advertising Opportunities</a></li>
					    <li><a href="#">Professional Partners</a></li>
					    <li><a href="#">API Options</a></li>
				    </ul>
			    </div>
		    </div>
		    <div class="row bottom">
			    <div class="span4">
				    &copy; 2009 - 2013 <a href="#">Customised Magazines</a>
			    </div>
			    <div class="span4 social">
				    <a href="#" class="twitter" rel="external">twitter</a>
				    <a href="#" class="facebook" rel="external">facebook</a>
			    </div>
			    <div class="span4">
				    <p>Part of the Qfile group of comapnies <a href="#" id="footer-logo">Qfile</a></p>
			    </div>
		    </div>
	    </div>
    </footer>
    <!-- end footer -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
    
		<script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
	</body>
</html>