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 are passionate about every aspect of what we do. Here is sample of our recent creations.">
18 <meta name="author" content="Julian Kristian">
19
20 <title>Portfolio of works | 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 <!-- Navigation -->
40 <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
41
42 <div class="container">
43
44 <!-- Logo -->
45 <div class="navbar-brand">
46 <div class="logo">
47 <a href="index.html"><img src="img/julian-kristian-web-design-logo.png" alt="Julian Kristian Web Design logo" width="149" height="70"></a>
48 </div>
49 </div>
50
51 <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">
52 <span class="navbar-toggler-icon"></span>
53 </button>
54 <div class="collapse navbar-collapse" id="navbarResponsive">
55 <ul class="navbar-nav ml-auto">
56 <li class="nav-item">
57 <a class="nav-link" href="index.html">Home</a>
58 </li>
59 <li class="nav-item">
60 <a class="nav-link" href="services.html">Services</a>
61 </li>
62 <li class="nav-item">
63 <a class="nav-link active" href="portfolio.html">Portfolio</a>
64 </li>
65 <li class="nav-item dropdown">
66 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
67 Findability
68 </a>
69 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
70 <a class="dropdown-item" href="http://www.juliankristian.com.au/blog/">Findability Blog</a>
71 <a class="dropdown-item" href="seo-best-practices.html">SEO Best Practices</a>
72 <a class="dropdown-item" href="google-cse.html">Research: Google Custom Search</a>
73 <a class="dropdown-item" href="findability-resources.html">Findability Resources</a>
74 <a class="dropdown-item" href="findability-vocabulary.html">Findability Vocabulary</a>
75 <a class="dropdown-item" href="about-this-site.html">About This Site</a>
76 </div>
77 </li>
78 <li class="nav-item">
79 <a class="nav-link" href="sitemap.html">Sitemap</a>
80 </li>
81 <li class="nav-item">
82 <a class="nav-link" href="contact.html">Contact</a>
83 </li>
84 </ul>
85
86 <!--Google custom search-->
87 <div>
88 <script async src="https://cse.google.com/cse.js?cx=011558783527147441916:78grkrmiyte"></script>
89 <div class="gcse-search"></div>
90 </div>
91 <!--end Google custom search-->
92
93 </div>
94 </div>
95 </nav>
96
97 <!-- Page Content -->
98 <div class="container">
99
100 <section>
101 <!-- Page Heading/Breadcrumbs -->
102 <h1 class="mt-4 mb-4">Portfolio of works</h1>
103 <ol class="breadcrumb">
104 <li class="breadcrumb-item">
105 <a class="font-color-blue" href="index.html">Home</a>
106 </li>
107 <li class="breadcrumb-item active">Portfolio</li>
108 </ol>
109 </section>
110
111 <!-- Portfolio row -->
112 <div class="row">
113 <p class="padding-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>
114 <div class="col-lg-4 col-sm-6 portfolio-item">
115 <div class="card h-100">
116 <a href="https://au-keepexploring.canada.travel/" target="_blank">
<img class="card-img-top" src="img/portfolio/exploring.jpg" alt="keepexploring.canada image"></a>
117 <div class="card-body">
118 <h4 class="card-title">
119 <a href="https://au-keepexploring.canada.travel/" target="_blank">keepexploring.com</a>
120 </h4>
121 <p class="card-text">Outdoor adventure gear with a little more punch and pizzazz than your average outdoor clothing!</p>
122 </div>
123 </div>
124 </div>
125 <div class="col-lg-4 col-sm-6 portfolio-item">
126 <div class="card h-100">
127 <a href="https://www.photography.com/" target="_blank">
<img class="card-img-top" src="img/portfolio/photography.jpg" alt="photography.com image"></a>
128 <div class="card-body">
129 <h4 class="card-title">
130 <a href="https://www.photography.com/" target="_blank">photography.com</a>
131 </h4>
132 <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>
133 </div>
134 </div>
135 </div>
136 <div class="col-lg-4 col-sm-6 portfolio-item">
137 <div class="card h-100">
138 <a href="https://www.shirts.com/" target="_blank">
<img class="card-img-top" src="img/portfolio/shirts.jpg" alt="shirts.com image"></a>
139 <div class="card-body">
140 <h4 class="card-title">
141 <a href="https://www.shirts.com/" target="_blank">shirts.com</a>
142 </h4>
143 <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>
144 </div>
145 </div>
146 </div>
147 </div>
148 <!-- /.Portfolio row -->
149
150 <hr>
151
152 <!-- Call to Action Section -->
153 <div class="row mb-4">
154 <div class="col-md-8">
155 <p>Contact us today for an obligation free quote</p>
156 </div>
157 <div class="col-md-4">
158 <a class="btn btn-lg btn-secondary btn-block" href="contact.html">Contact Us</a>
159 </div>
160 </div>
161
162 </div>
163 <!-- /.container -->
164 <!-- Footer -->
165 <footer class="py-5 bg-dark">
166 <div class="container">
167 <p class="m-0 text-center text-white">Copyright © JulianKristian.com.au 2019</p>
168 </div>
169 <!-- /.container -->
170 </footer>
171
172 <!-- Bootstrap core JavaScript -->
173 <script src="vendor/jquery/jquery.min.js"></script>
174 <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
175
176</body>
177
178</html>