<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Coming Soon</title>
<meta name="description" content="" />
<meta name="author" content="" />
<!--mobile specific meta-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<!-- css goes here -->
<link rel="stylesheet/less" href="styles.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>
<script> less = { env: "development", async: false, fileAsync: true }; </script>
<!--[if lt ie 9]-->
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<!--[endif]-->
<!--Js-->
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="Js/countdown.js"></script>
<script>
<!--less javascript-->
<script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js" type="text/javascript"></script>
<!-- live reload -->
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</head>
</body>
</html>
This is the code in my html, my less file doesnt change no matter what code i use, im using espresso and livereload to compile my code, i have also changed the language so i can edit the less file in espresso while using the css highlights etc.
I've tried so many things and as im new to web Design and coding this is quite hard for me, im trying to build a coming soon page which im nearly done with but all these problems keep coming up.