-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (183 loc) · 8.43 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
---
layout: default
title: DJBHOSTING
---
<!-- About -->
<section class="content-section bg-light" id="about">
<div class="container text-center">
<div class="row">
<div class="col-lg-10 mx-auto">
<h2>Dedicated and Managed Web Hosting</h2>
<p class="lead mb-5">You focus on your content, DJBHosting will focus on the rest!</br>With prices starting £20 per month!</p>
<a class="btn btn-dark btn-xl js-scroll-trigger" href="#services">What We Offer</a>
</div>
</div>
</div>
</section>
<!-- Services -->
<section class="content-section bg-primary text-white text-center" id="services">
<div class="container">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Services</h3>
<h2 class="mb-5">What We Offer</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-screen-desktop"></i>
</span>
<h4>
<strong>Hosting</strong>
</h4>
<p class="text-faded mb-0">No Hassle, No Worries! We'll keep the site running for you.</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-pencil"></i>
</span>
<h4>
<strong>Plugin & Theme Installation</strong>
</h4>
<p class="text-faded mb-0">Whatever you need, however you want it to look.</p>
</div>
<div class="col-lg-3 col-md-6 mb-5 mb-md-0">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-like"></i>
</span>
<h4>
<strong>Always up-to-date</strong>
</h4>
<p class="text-faded mb-0">Your site will always be free of bugs and security issues</p>
</div>
<div class="col-lg-3 col-md-6">
<span class="service-icon rounded-circle mx-auto mb-3">
<i class="icon-support"></i>
</span>
<h4>
<strong>Your data. Your site.</strong>
</h4>
<p class="text-faded mb-0">You own your data. You own your site. We'll give you access to download your data whenever you need it.</p>
</div>
</div>
</div>
</section>
<!-- Callout -->
<section class="callout">
<div class="container text-center">
<h2 class="mx-auto mb-5">Welcome to
<em>your</em>
next website!</h2>
<a class="btn btn-dark btn-xl js-scroll-trigger" href="#contact">Get in touch now!</a>
</div>
</section>
<!-- Portfolio>
<section class="content-section" id="portfolio">
<div class="container">
<div class="content-section-heading text-center">
<h3 class="text-secondary mb-0">Portfolio</h3>
<h2 class="mb-5">Recent Projects</h2>
</div>
<div class="row no-gutters">
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>Stationary</h2>
<p class="mb-0">A yellow pencil with envelopes on a clean, blue backdrop!</p>
</span>
</span>
<img class="img-fluid" src="{{ site.baseurl }}/assets/img/portfolio-1.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>Ice Cream</h2>
<p class="mb-0">A dark blue background with a colored pencil, a clip, and a tiny ice cream cone!</p>
</span>
</span>
<img class="img-fluid" src="{{ site.baseurl }}/assets/img/portfolio-2.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>Strawberries</h2>
<p class="mb-0">Strawberries are such a tasty snack, especially with a little sugar on top!</p>
</span>
</span>
<img class="img-fluid" src="{{ site.baseurl }}/assets/img/portfolio-3.jpg" alt="">
</a>
</div>
<div class="col-lg-6">
<a class="portfolio-item" href="#">
<span class="caption">
<span class="caption-content">
<h2>Workspace</h2>
<p class="mb-0">A yellow workspace with some scissors, pencils, and other objects.</p>
</span>
</span>
<img class="img-fluid" src="{{ site.baseurl }}/assets/img/portfolio-4.jpg" alt="">
</a>
</div>
</div>
</div>
</section> -->
<!-- Call to Action -->
<section class="content-section bg-primary text-white">
<div class="container text-center">
<h2 class="mb-4">What makes DJBHosting Different?</h2>
<p class="lead mb-5">Most hosting companies sell you the hosting, but leave you to work it out on your own. From installing Wordpress, to setting up the settings and domain correctly.<br/>
<br/>We don't.
<br/>
<br/>We host your site and set it up in a way that means all you need to do is add your content.
<br/>Whether it's blog posts or detailed pages. We ensure the site works, is kept up to date and is running smoothly.
<br/>Furthermore, unlike other companies, your site is on it's own dedicated server. So you get full performance, all the time.
</div>
</section>
<!-- Contact -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Contact Us</h2>
<h3 class="section-subheading text-muted">Get in touch now to find out more!</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<form name="sentMessage" id="contactForm" novalidate action="https://formspree.io/[email protected]" method="POST">
<div class="row">
<div class="col-md-6">
<div class="control-group form-group">
<input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name." name="Name">
<p class="help-block text-danger"></p>
</div>
<div class="control-group form-group">
<input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address." name="Email">
<p class="help-block text-danger"></p>
</div>
<div class="control-group form-group">
<input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number." name="Phone">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="control-group form-group">
<textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message." name="Text"></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button type="submit" class="btn btn-xl btn-dark">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>