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="Are you looking for an affordable website design and custom software development company? We build beautiful websites and custom software.">
18 <meta name="author" content="Julian Kristian">
19
20 <title>Web Design and Development | Julian Kristian</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 active">
58 <a class="nav-link active" href="index.html">Home</a>
59 </li>
60 <li class="nav-item">
61 <a class="nav-link" 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 <header>
99
100 <!--Header image-->
101 <div class="row">
102 <div class="home-img">
103 <img class="img-fluid2" src="img/web-design-background.jpg" alt="Web design background image">
104 </div>
105
106 <div class="jk-caption">
107 <div class="clear"></div>
108 <h1 class="jk-heading">Julian Kristian</h1>
109 <p class="jk-title">Modern Web Development</p>
110 <div class="clear"></div>
111 </div>
112 </div>
113
114 </header>
115
116 <!-- Page Content -->
117 <div class="container" id="main">
118 <!-- Services Section -->
119 <section>
120 <h2>Welcome to Julian Kristian Modern Web Development </h2>
121 <p>Building a new website or custom software doesn't have to be expensive. We're affordable and can build a beautiful solution for any budget. And did we mention we're local Aussie developers?!</p>
122 <p>JulianKristian is a full-service website design and custom sofwtare development company in Australia with our head-office situated in Perth, Western Australia. Since 2015, we have worked with hundreds of clients and established ourselves as one of the most trusted online solution providers for businesses in Perth.</p>
123 <p>On our site you will find a list of our services, sample portfolio of works and numerous SEO and findability resources. </p>
124 </section>
125 <!-- /Services Section -->
126 <br />
127 <!-- Services Section -->
128 <section>
129
130 <h2>Our Web Design and Custom Software Services</h2>
131
132 <div class="row">
133 <div class="col-lg-4 mb-4">
134 <div class="card h-100">
135 <h3 class="card-header">Custom Software Development on a Budget</h3>
136 <div class="card-body">
137 <p class="card-text">Custom software development built using modern Microsoft technologies ASP.NET, C# and MSSQL Server.</p>
138 </div>
139 <div class="card-footer">
140 <a href="./services.html" class="btn background-color-blue font-color-white">Learn more about App dev</a>
141 </div>
142 </div>
143 </div>
144 <div class="col-lg-4 mb-4">
145 <div class="card h-100">
146 <h3 class="card-header">Affordable Wordpress Website design and development</h3>
147 <div class="card-body">
148 <p class="card-text">Modern, beautiful websites using the worlds most popular CMS, at competitive prices.</p>
149 </div>
150 <div class="card-footer">
151 <a href="./services.html" class="btn background-color-blue font-color-white">Learn more about Wordpress dev</a>
152 </div>
153 </div>
154 </div>
155 <div class="col-lg-4 mb-4">
156 <div class="card h-100">
157 <h3 class="card-header">Advanced Web API development</h3>
158 <div class="card-body">
159 <p class="card-text">Build custom API's using the latest Microsoft technologies.</p>
160 </div>
161 <div class="card-footer">
162 <a href="./services.html" class="btn background-color-blue font-color-white">Learn more about API dev</a>
163 </div>
164 </div>
165 </div>
166 </div>
167 </section>
168 <!-- /Services Section -->
169 <br />
170 <!-- Portfolio Section -->
171 <section>
172 <h2>Portfolio of works</h2>
173
174 <!-- Portfolio row -->
175 <div class="row">
176 <p class="padding-left-20">Whether it’s a very small personal website or a sophisticated enterprise application, we are passionate about every aspect of what we do. Here is sample of our recent creations.</p>
177 <div class="col-lg-4 col-sm-6 portfolio-item">
178 <div class="card h-100">
179 <a href="https://au-keepexploring.canada.travel/" target="_blank"><img class="card-img-top" src="img/portfolio/exploring.jpg" alt="keepexploring.canada image"></a>
180 <div class="card-body">
181 <h4 class="card-title">
182 <a href="https://au-keepexploring.canada.travel/" target="_blank">keepexploring.com</a>
183 </h4>
184 <p class="card-text">Outdoor adventure gear with a little more punch and pizzazz than your average outdoor clothing!</p>
185 </div>
186 </div>
187 </div>
188 <div class="col-lg-4 col-sm-6 portfolio-item">
189 <div class="card h-100">
190 <a href="https://www.photography.com/" target="_blank"><img class="card-img-top" src="img/portfolio/photography.jpg" alt="photography.com image"></a>
191 <div class="card-body">
192 <h4 class="card-title">
193 <a href="https://www.photography.com/" target="_blank">photography.com</a>
194 </h4>
195 <p class="card-text">If you’re looking for all sorts of photography help, this is it. From reviews to insights, tutorials and all kinds of help you can possibly imagine.</p>
196 </div>
197 </div>
198 </div>
199 <div class="col-lg-4 col-sm-6 portfolio-item">
200 <div class="card h-100">
201 <a href="https://www.shirts.com/" target="_blank"><img class="card-img-top" src="img/portfolio/shirts.jpg" alt="shirts.com image"></a>
202 <div class="card-body">
203 <h4 class="card-title">
204 <a href="https://www.shirts.com/" target="_blank">shirts.com</a>
205 </h4>
206 <p class="card-text">Clothing is a platform of expression. Whether you’re wearing a t-shirt, a hoodie, or a winter cap, you’ll be showing the world what you care about, what you’re passionate about.</p>
207 </div>
208 </div>
209 </div>
210 </div>
211 <!-- /.Portfolio row -->
212 </section>
213 <!-- /portfolio section -->
214
215 <hr>
216
217 <!-- Call to Action -->
218 <section>
219 <div class="row mb-4">
220 <div class="col-md-8">
221 <h2 id="call-to-action-text">Contact us today for an obligation free quote</h2>
222 </div>
223 <div class="col-md-4">
224 <a class="btn btn-lg btn-secondary btn-block" href="contact.html">Contact Us</a>
225 </div>
226 </div>
227 </section>
228 <!-- /Call to Action -->
229
230 </div>
231 <!-- /.container -->
232 <!-- Footer -->
233 <footer class="py-5 bg-dark">
234 <div class="container">
235 <p class="m-0 text-center text-white">Copyright © JulianKristian.com.au 2019</p>
236 </div>
237 <!-- /.container -->
238 </footer>
239
240 <!-- Bootstrap core JavaScript -->
241 <script src="vendor/jquery/jquery.min.js"></script>
242 <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
243
244</body>
245
246</html>