This repository has been archived by the owner on Mar 24, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
123 lines (116 loc) · 5.69 KB
/
index.htm
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>seerESS</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<!--Form CSS -->
<link rel="stylesheet" type="text/css" href="demo.css" />
<link rel="stylesheet" type="text/css" href="set2.css" />
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<header class="container">
<h1 class="text-center display-1">seerESS Digital Services</h1>
</header>
<main class="content container">
<div class="row">
<div class="col-12">
<h1>Who We Are</h1>
<p>
Consumer habits are rapidly changing and there are more people searching online for products and services than ever before - and more often than not, on the go through their laptops, tablets and smartphones.<br /><br /> Businesses need to keep
up with this change and are increasingly turning to online marketing to find new ways of generating customers and leads, and increasing profit margin.<br /><br /> seerESS Digital Services is an Online Marketing Company. We specialise in helping
businesses boost their online presence; increase ROI, recruit new customers and engage with existing ones better.<br /><br /> If you are looking for support with your digital marketing, get in touch below.
</p>
<h1>Our Services</h1>
<ul>
<li>Websites</li>
<li>Video creation and submission</li>
<li>PPC/SEO</li>
<li>Social media campaigns</li>
<li>Email marketing</li>
<li>Hosting</li>
<li>Training</li>
<li>Digital Signage</li>
</ul>
</div>
</div>
<form class="form-center form-inline" action="https://formspree.io/[email protected]" method="post">
<h2 class="text-center">Contact Us Today:</h2>
<span class="input input--yoshiko">
<input class="input__field input__field--yoshiko" type="text" id="input-10" name="name" />
<label class="input__label input__label--yoshiko" for="input-10">
<span class="input__label-content input__label-content--yoshiko" data-content="Your Name">Your Name</span>
</label>
</span>
<span class="input input--yoshiko">
<input class="input__field input__field--yoshiko" type="text" id="input-11" name="_replyto" />
<label class="input__label input__label--yoshiko" for="input-11">
<span class="input__label-content input__label-content--yoshiko" data-content="Your Email">Your Email</span>
</label>
</span>
<input type="hidden" name="_next" value="#" />
<button type="submit" class="btn btn-primary sharp input">Send Enquiry</button>
</form>
</main>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-3">
<img src="logo.png" alt="seerESS logo" />
</div>
<div class="col-9 text-right">
<p>
© seerESS Digital Services Ltd
<script type="text/javascript">
document.write(new Date().getFullYear());
</script><br /> seerESS Digital Services Ltd is a registered company (No. 10539241) in England and Wales.<br /><br />
<a href="mailto:hello@seeress.co.uk">Email Us</a>
</p>
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<!-- Form Scripts -->
<script src="classie.js"></script>
<script>
(function() {
// trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
if (!String.prototype.trim) {
(function() {
// Make sure we trim BOM and NBSP
var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
String.prototype.trim = function() {
return this.replace(rtrim, '');
};
})();
}
[].slice.call(document.querySelectorAll('input.input__field')).forEach(function(inputEl) {
// in case the input is already filled..
if (inputEl.value.trim() !== '') {
classie.add(inputEl.parentNode, 'input--filled');
}
// events:
inputEl.addEventListener('focus', onInputFocus);
inputEl.addEventListener('blur', onInputBlur);
});
function onInputFocus(ev) {
classie.add(ev.target.parentNode, 'input--filled');
}
function onInputBlur(ev) {
if (ev.target.value.trim() === '') {
classie.remove(ev.target.parentNode, 'input--filled');
}
}
})();
</script>
</body>
</html>