diligentwebsite/portfolio.html at main · diligent176/diligentwebsite · GitHub

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
<!DOCTYPE HTML>
<html lang="en">

<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-B1B9MKR0DP"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-B1B9MKR0DP');
    </script>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Diligent Design is an IT Consulting firm specializing in Site Reliability Engineering and cloud systems integration. White Rock, British Columbia.">
    <meta name="author" content="Jason Bellis - Diligent Design and Consulting Incorporated">
    <link rel="canonical" href="https://diligentdesign.ca/portfolio">
    <title>Diligent Design Inc</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="css/styles.css" />
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/e95b7e523a.js" crossorigin="anonymous"></script>
</head>

<body class="is-preload">
    <div id="wrapper">
        <div id="bg"></div>
        <div id="overlay"></div>
        <div id="main">

            <!-- Navbar -->
            <nav class="navbar">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarDDC" aria-controls="navbarDDC" aria-expanded="false" aria-label="Navigation">
                    <span class="navbar-toggler-icon"><i class="fas fa-home text-light"></i></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarDDC">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="sre.html">SRE</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="integration.html">Integration</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="portfolio.html">Design</a>
                        </li>
                    </ul>
                </div>
            </nav>

            <!-- Header -->
            <header id="header" class="mb-5 mt-4">
                <h1 class="py-4">Web Apps</h1>

                <hr>
                <div class="pt-3 pb-1 mx-auto text-center">
                    <h2>Design &amp; Hosting</h2>
                    <p>Cost-effective solutions for web application design &amp; hosting.<br />
                        Whether it's your small business website, or a high volume e-commerce solution. &nbsp;<span class="font-weight-bold">We can build it</span>.</p>
                </div>

                <div class="pt-3 pb-2 mx-auto text-center">
                    <hr />
                    <h3>Our clients</h3>
                </div>

                <div class="card-deck text-dark">
                    <div class="card shadow-sm">
                        <div class="card-header py-3">
                            <h4>The Clearing Music Festival</h4>
                        </div>
                        <div class="card-body py-4">
                            <ul class="list-unstyled">
                                <li><a href="https://theclearingmusicfestival.com">theClearingMusicFestival.com</a></li>
                                <li>Client - Big 1 Productions</li>
                                <li>Private music festival</li>
                                <li>2011 - 2015</li>
                            </ul>
                        </div>
                        <img src="img/cmf.gif" class="p-2" alt="The Clearing Music Festival">
                    </div>
                    <div class="card shadow-sm">
                        <div class="card-header py-3">
                            <h4>Majestic Landscaping</h4>
                        </div>
                        <div class="card-body pt-4">
                            <ul class="list-unstyled">
                                <li><a href="http://www.MajesticLandscaping.com/">MajesticLandscaping.com</a></li>
                                <li>Client - Gord Gough</li>
                                <li>Majestic Landscaping</li>
                                <li>2010 - 2012</li>
                            </ul>
                        </div>
                        <img src="img/majestic.gif" class="p-2" alt="Majestic Landscaping">
                    </div>
                    <div class="card shadow-sm">
                        <div class="card-header py-3">
                            <h4>Still Waters Counselling</h4>
                        </div>
                        <div class="card-body pt-4">
                            <ul class="list-unstyled">
                                <li><a href="http://www.StillwatersPastoral.com/">StillwatersPastoral.com</a></li>
                                <li>Client - Joan Mitchell</li>
                                <li>Stillwaters Pastoral &amp; Alcoholism Counselling</li>
                                <li>2012 - 2015</li>
                            </ul>
                        </div>
                        <img src="img/stillwaters.gif" class="p-2" alt="Stillwaters Pastoral Counselling">
                    </div>
                </div>

            </header>

            <!-- Footer -->
            <footer id="footer">
                <span class="copyright">Design credits to <a href="https://html5up.net" target="_blank">html5up.net</a> and
                    <a href="https://unsplash.com/" target="_blank">Unsplash</a></span>
            </footer>

        </div>
    </div>
    <script>
        window.onload = function () { document.body.classList.remove('is-preload'); }
        window.ontouchmove = function () { return false; }
        window.onorientationchange = function () { document.body.scrollTop = 0; }
    </script>
</body>

</html>