Issues:
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <!-- Global site tag (gtag.js) - Google Analytics -->
6 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-72646173-3"></script>
7 <script>
8 window.dataLayer = window.dataLayer || [];
9 function gtag() { dataLayer.push(arguments); }
10 gtag('js', new Date());
11
12 gtag('config', 'UA-72646173-3');
13 </script>
14
15 <meta charset="utf-8">
16 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
17 <meta name="description" content="We provide custom software development on a budget, affordable Wordpress website design and development and advanced web API development plus much more.">
18 <meta name="author" content="Julian Kristian">
19
20 <title>Services | Julian Kristian Web Design</title>
21
22 <!-- Bootstrap core CSS -->
23 <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
24
25 <!-- Custom styles for JK -->
26 <link href="css/jk_v1.css" rel="stylesheet">
27
28 <!-- OpenSearch-->
29 <link rel="search" type="application/opensearchdescription+xml" title="Search Julian Kristian" href="http://juliankristian.com.au/search.xml" />
30
31 <!-- favicon -->
32 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
33 <link rel="icon" href="img/favicon.ico" type="image/x-icon">
34
35</head>
36
37<body>
38
39 <a class="skip-main" href="#main">Skip to main content</a>
40 <!-- Navigation -->
41 <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
42
43 <div class="container">
44
45 <!-- Logo -->
46 <div class="navbar-brand">
47 <div class="logo">
48 <a href="index.html"><img src="img/julian-kristian-web-design-logo.png" alt="Julian Kristian Web Design logo" width="149" height="70"></a>
49 </div>
50 </div>
51
52 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
53 <span class="navbar-toggler-icon"></span>
54 </button>
55 <div class="collapse navbar-collapse" id="navbarResponsive">
56 <ul class="navbar-nav ml-auto">
57 <li class="nav-item">
58 <a class="nav-link" href="index.html">Home</a>
59 </li>
60 <li class="nav-item">
61 <a class="nav-link active" href="services.html">Services</a>
62 </li>
63 <li class="nav-item">
64 <a class="nav-link" href="portfolio.html">Portfolio</a>
65 </li>
66 <li class="nav-item dropdown">
67 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
68 Findability
69 </a>
70 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
71 <a class="dropdown-item" href="http://www.juliankristian.com.au/blog/">Findability Blog</a>
72 <a class="dropdown-item" href="seo-best-practices.html">SEO Best Practices</a>
73 <a class="dropdown-item" href="google-cse.html">Research: Google Custom Search</a>
74 <a class="dropdown-item" href="findability-resources.html">Findability Resources</a>
75 <a class="dropdown-item" href="findability-vocabulary.html">Findability Vocabulary</a>
76 <a class="dropdown-item" href="about-this-site.html">About This Site</a>
77 </div>
78 </li>
79 <li class="nav-item">
80 <a class="nav-link" href="sitemap.html">Sitemap</a>
81 </li>
82 <li class="nav-item">
83 <a class="nav-link" href="contact.html">Contact</a>
84 </li>
85 </ul>
86
87 <!--Google custom search-->
88 <div>
89 <script async src="https://cse.google.com/cse.js?cx=011558783527147441916:78grkrmiyte"></script>
90 <div class="gcse-search"></div>
91 </div>
92 <!--end Google custom search-->
93
94 </div>
95 </div>
96 </nav>
97
98 <!-- Page Content -->
99 <div class="container">
100
101 <section>
102 <!-- Page Heading/Breadcrumbs -->
103 <h1 class="mt-4 mb-3">Our Web Design and Custom Software Services</h1>
104
105 <ol class="breadcrumb">
106 <li class="breadcrumb-item">
107 <a href="index.html">Home</a>
108 </li>
109 <li class="breadcrumb-item active">Services</li>
110 </ol>
111 </section>
112
113 <!-- Services Icons Section -->
114 <section id="main">
115
116 <div class="row">
117 <!-- Description Column -->
118 <div class="col-lg-6 mb-4">
119 <h2>Accessibile Websites</h2>
120 <div>
121 <p>Accessibility focuses on how a disabled person accesses or benefits from a site, system or application. Accessibility is an important part of the designing your site and should be considered throughout the development process.</p>
122 <p>By making your website accessible, you are ensuring that all of your potential users, including people with disabilities, have a decent user experience and are able to easily access your information. By implementing accessibility best practices, you are also improving the usability of the site for all users.</p>
123 </div>
124 </div>
125
126 <!-- Video Column -->
127 <div class="col-lg-6 mb-4">
128
129
<iframe id="video" height="400" frameborder="0"
130 src="https://www.youtube.com/embed/z8xUCzToff8?cc_load_policy=1”"
131 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
132 title="YouTube embedded video on Accessibility Fundamentals with Rob Dodson"
133 aria-label="Play Video: Accessibility Fundamentals with Rob Dodson">
134 </iframe>
135 <span>In this Video Rob Dodson explains the fundementals of accessibilty for developers.</span>
136
137 </div>
138 </div>
139 <!-- row -->
140
141 <div class="row">
142 <div class="col-lg-4 mb-4">
143 <div class="card h-100">
144 <h3 class="card-header">Custom Software Development on a Budget</h3>
145 <div class="card-body">
146 <p class="card-text">Custom software development built using modern Microsoft technologies ASP.NET, C# and MSSQL Server.</p>
147 </div>
148 </div>
149 </div>
150 <div class="col-lg-4 mb-4">
151 <div class="card h-100">
152 <h3 class="card-header">Affordable Wordpress Website design and development</h3>
153 <div class="card-body">
154 <p class="card-text">Modern, beautiful websites using the worlds most popular CMS, at competitive prices.</p>
155 </div>
156 </div>
157 </div>
158 <div class="col-lg-4 mb-4">
159 <div class="card h-100">
160 <h3 class="card-header">Advanced Web API development</h3>
161 <div class="card-body">
162 <p class="card-text">Build custom API's using the latest Microsoft technologies.</p>
163 </div>
164 </div>
165 </div>
166 </div>
167 <!-- /.row -->
168 </section>
169 <!-- Services Icons Section -->
170 <!-- Table of prices section -->
171 <!-- This snippet uses Font Awesome 5 Free as a dependency. You can download it at fontawesome.io! -->
172 <h2>Price list for a beautiful website</h2>
173 <section class="pricing py-5">
174 <div class="container">
175 <div class="row">
176 <!-- Free Tier -->
177 <div class="col-lg-4">
178 <div class="card mb-5 mb-lg-0">
179 <div class="card-body">
180 <h5 class="card-title text-muted text-uppercase text-center">Starter</h5>
181 <h6 class="card-price text-center">$19<span class="period">/month</span></h6>
182 <hr>
183 <ul class="fa-ul">
184 <li><span class="fa-li"><i class="fas fa-check"></i></span>Free 5 page starter website</li>
185 <li><span class="fa-li"><i class="fas fa-check"></i></span>Hosting</li>
186 <li><span class="fa-li"><i class="fas fa-check"></i></span>Domain name</li>
187 <li><span class="fa-li"><i class="fas fa-check"></i></span>Optimised for Search Engines</li>
188 <li><span class="fa-li"><i class="fas fa-check"></i></span>5 Email Addresses</li>
189 </ul>
190 <a href="#" class="btn btn-block btn-primary text-uppercase">Purchase Starter</a>
191 </div>
192 </div>
193 </div>
194 <!-- Plus Tier -->
195 <div class="col-lg-4">
196 <div class="card mb-5 mb-lg-0">
197 <div class="card-body">
198 <h5 class="card-title text-muted text-uppercase text-center">Plus</h5>
199 <h6 class="card-price text-center">$39<span class="period">/month</span></h6>
200 <hr>
201 <ul class="fa-ul">
202 <li><span class="fa-li"><i class="fas fa-check"></i></span>Free 10 page website</li>
203 <li><span class="fa-li"><i class="fas fa-check"></i></span>Hosting</li>
204 <li><span class="fa-li"><i class="fas fa-check"></i></span>Domain name</li>
205 <li><span class="fa-li"><i class="fas fa-check"></i></span>Optimised for Search Engines</li>
206 <li><span class="fa-li"><i class="fas fa-check"></i></span>10 Email Addresses</li>
207 <li><span class="fa-li"><i class="fas fa-check"></i></span>SSL Certificate</li>
208 </ul>
209 <a href="#" class="btn btn-block btn-primary text-uppercase">Purchase Plus</a>
210 </div>
211 </div>
212 </div>
213 <!-- Pro Tier -->
214 <div class="col-lg-4">
215 <div class="card">
216 <div class="card-body">
217 <h5 class="card-title text-muted text-uppercase text-center">Pro</h5>
218 <h6 class="card-price text-center">$59<span class="period">/month</span></h6>
219 <hr>
220 <ul class="fa-ul">
221 <li><span class="fa-li"><i class="fas fa-check"></i></span>Free 15 page website</li>
222 <li><span class="fa-li"><i class="fas fa-check"></i></span>Hosting</li>
223 <li><span class="fa-li"><i class="fas fa-check"></i></span>Domain name</li>
224 <li><span class="fa-li"><i class="fas fa-check"></i></span>Optimised for Search Engines</li>
225 <li><span class="fa-li"><i class="fas fa-check"></i></span>Unlimted Email Addresses</li>
226 <li><span class="fa-li"><i class="fas fa-check"></i></span>SSL Certificate</li>
227 </ul>
228 <a href="#" class="btn btn-block btn-primary text-uppercase">Purchase Pro</a>
229 </div>
230 </div>
231 </div>
232 </div>
233 </div>
234 </section>
235 <!-- Table of prices section -->
236
237 <hr />
238
239 <!-- Call to Action -->
240 <section>
241 <div class="row mb-4">
242 <div class="col-md-8">
243 <h2 id="call-to-action-text">Contact us today for an obligation free quote</h2>
244 </div>
245 <div class="col-md-4">
246 <a class="btn btn-lg btn-secondary btn-block" href="contact.html">Contact Us</a>
247 </div>
248 </div>
249 </section>
250 <!-- /Call to Action -->
251 </div>
252 <!-- /.container -->
253 <!-- Footer -->
254 <footer class="py-5 bg-dark">
255 <div class="container">
256 <p class="m-0 text-center text-white">Copyright © JulianKristian.com.au 2019</p>
257 </div>
258 <!-- /.container -->
259 </footer>
260
261 <!-- Bootstrap core JavaScript -->
262 <script src="vendor/jquery/jquery.min.js"></script>
263 <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
264
265</body>
266
267</html>