This repository has been archived by the owner on Jan 14, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (141 loc) · 9.06 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<!-- © 2015 The Cellar Room Limited, Registered in England and Wales. Company Number 07269584. -->
<!-- The Cellar Room . uk is a cookie free domain -->
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(chref=d.href).replace(e.href,"").indexOf("#")&&(!/^[a-z\+\.\-]+:/i.test(chref)||chref.indexOf(e.protocol+"//"+e.host)===0)&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone");</script>
<script>function noDrag(e) { e.preventDefault(); }</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="address=no"/>
<meta http-equiv="cleartype" content="on">
<meta http-equiv="expires" content="3 hours">
<meta name="description" content="Web Design and Development based in Cheltenham and Gloucester">
<meta name="author" content="The Cellar Room Limited">
<meta name="google-site-verification" content="-h5Zc5J8bLat5fDj1q5RG0anxxPaNM7GZZofLub4OOc" />
<link href="css/bootstrap-home.css" rel="stylesheet" type='text/css'>
<link href="css/home.css" rel="stylesheet" type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<title>The Cellar Room | Cheltenham and Gloucester based website design and development</title>
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/ms-touch-icon.png">
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="img/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png" />
</head>
<body>
<header class="full green" id="header">
<div class="container">
<h1 class="logo intro-header"><a href="index.html" title="home page">The Cellar Room</a></h1>
</div>
</header>
<div class="full banner green">
<div class="container">
<h1>Web Development</h1>
<a class="btn" href="#contact"><i class="fa fa-envelope-o"></i> Contact</a>
</div>
</div>
<div class="container moveup" id="actions">
<div class="row-fluid">
<div class="span4">
<p class="moveup"><i class="fa fa-code fa-4x"></i></p>
<h2>Keeping It Simple</h2>
<p>If you want to sell, tell the potential customer what it is, why they need it, how much it costs and how to buy it. No more, no less.</p>
<p>Websites shouldn't be any more complicated than this.</p>
</div>
<div class="span4">
<p class="moveup"><i class="fa fa-magic fa-4x"></i></p>
<h2>Making It Happen</h2>
<p>Provide 'calls to action' and guide the user through the steps you want them to follow. The fewer steps the better.</p>
<p>Providing the quickest and easiest way for the customer to get what they want. They'll love you for it.</p>
</div>
<div class="span4">
<p class="moveup"><i class="fa fa-lightbulb-o fa-4x"></i></p>
<h2>Making It Accessible</h2>
<p>Mobile or desktop, high speed broadband or 3g. Make sites that load quickly, work on every browser, and every device</p>
<p>Give the customer an excellent experience whatever the circumstance</p>
</div>
</div>
</div>
<div class="banner green" id="local">
<div class="container">
<div class="span12" style="margin-left:auto; margin-right:auto;">
<div class="container">
<h3>Creating happy user experiences through Web design and development</h3>
</div>
</div>
</div>
</div>
<div class="container" class="details">
<div class="span12" style="margin-left:auto; margin-right:auto; padding-left:4px; padding-right:4px;">
<div class="container">
<h4>Making Websites</h4>
<p>Specialising in PHP, MySql, HTML and CSS and using GIT for version control and workflow - so all changes and updates are tracked. Adore WordPress for content management and Jekyll for basic websites.</p>
<p>Becoming increasingly fond of stripped-back static html sites - perfect for small businesses that just want the customer to make contact</p>
</div>
</div>
</div>
<div class="container" class="details">
<div class="span12" style="margin-left:auto; margin-right:auto; padding-left:4px; padding-right:4px;">
<div class="container">
<h4>Making plugins</h4>
<p>Sometimes you might just need a new feature or functionality, Making plugins for your WordPress site allows new features to be added easily.</p>
<p>Check out <a href="http://thechels.uk/releases">Releases</a> for free and open source tools, apps, templates plugins and more.</p>
</div>
</div>
</div>
<div class="container" class="details">
<div class="span12" style="margin-left:auto; margin-right:auto; padding-left:4px; padding-right:4px;">
<div class="container">
<h4>Making Connections</h4>
<p>Full social media management and engagement building on a wealth of experience to grow an organic social media following of over 150,000 across all networks with a reach of around 10 million users per month.</p>
<p>Case Study: The Cellar Room own and manage the <a href="http://twitter.com/ChelseaStats">@ChelseaStats</a> accounts and website and are Currently working on a white label statistics website system.</p>
</div>
</div>
</div>
<div class="container" class="details">
<div class="container">
<div class="span12" style="margin-left:auto; margin-right:auto;">
<p style="margin-left:auto; margin-right:auto; margin-top:35px; text-align:center;"><i class="fa fa-shield fa-4x"></i></p>
</div>
</div>
</div>
<div class="banner green" id="midway">
<div class="container">
<div class="span12" style="margin-left:auto; margin-right:auto;">
<div class="container">
<h3>The Cellar Room limited are passionate about clean, simple and intuitive design to achieve results.</h3>
</div>
</div>
</div>
</div>
<p id="contact"><a class="btn" href="mailto:TheCellarRoom@thechels.uk"><i class="fa fa-envelope-o"></i> Email us</a></p>
<footer class="full" id="footer" >
<div class="container">
<p>Check out the latest news and information on <a href="http://twitter.com/TheCellarRoom" target="_blank">Twitter</a>.</p>
<p>© The Cellar Room 2015 All rights reserved. <a href="mailto:TheCellarRoom@thechels.uk">Email us</a>.</p>
<p>The Cellar Room Limited, Registered in England and Wales. Company Number 07269584. .</p>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
</body>
</html>