d13design.com/index.php at master · d13-design/d13design.com · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

    <title>dev.d13design.com</title>

    <link rel="icon" type="image/png" href="assets/images/template/favicon.low.png" />

    <link rel="stylesheet" href="assets/css/site.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>

    <script type="text/javascript" src="//use.typekit.net/uvv8loe.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<nav class="site-nav">
    <ul class="site-nav-inner">
        <li><a href="#" class="site-nav-trigger">Close</a></li>
    </ul>
    <ul class="site-nav-inner">
        <li><a href="#about">About</a></li>
        <li><a href="#work">Work</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
    <ul class="site-nav-inner">
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
        <li><a href="#">link 3</a></li>
        <li><a href="#">link 4</a></li>
        <li><a href="#">link 5</a></li>
    </ul>
</nav>
<div class="site-page">
    <header class="site-header">
        <div class="header-inner">
            <div class="header-brand">
                <a href="#">D13 Design, LLC</a>
            </div>
            <div class="site-nav-trigger link">
                <i class="fa fa-bars"></i>
            </div>
            <nav class="header-nav">
                <ul class="header-nav-inner">
                    <li><a href="#about">about</a></li>
                    <li><a href="#work">work</a></li>
                    <li><a href="#contact">contact us</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <div class="site-main">
        <div class="hero home">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-5">
                        <h1><span class="block-sm">We make pixels &amp;</span> divs pretty</h1>
                        <p><strong>D13 design</strong> is a small design and development team with a passion for creating awesome user experiences for web and mobile.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <h2>We dabble in all things fueled by creative thinking, whether it be visual or technical. We have delivered, top-notch solutions for projects ranging from social web applications to product design concepts. </h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio augue, congue pulvinar rutrum sit amet, sagittis ac enim. Vivamus vitae consectetur magna. Sed ornare turpis eu ante aliquam gravida. Maecenas vestibulum, erat eleifend blandit pharetra, neque ligula placerat erat, a rhoncus sem lectus in turpis. Ut posuere suscipit consequat. In hac habitasse platea dictumst. Donec ligula lorem, scelerisque a tincidunt in, bibendum at sem. Curabitur tincidunt, justo id sodales adipiscing, tellus magna pretium odio, at elementum est orci et est. Fusce purus tortor, feugiat mattis malesuada ut, lobortis vel dui. Nunc ornare tortor vitae lectus lobortis vulputate in eget dui.</p>
        </div>
        <div class="gallery">
            <div class="container-base">
                <div class="row">
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Sparx Landing"><img class="fluid" src="./assets/images/port/port_sparx_prev.png" alt="Sparx Landing"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="DPI Website"><img class="fluid" src="./assets/images/port/port_dpi_prev.png" alt="DPI Website"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="BHP Website"><img class="fluid" src="./assets/images/port/port_bhpm_prev.png" alt="BHP Website"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="ROJO Concept"><img class="fluid" src="./assets/images/port/port_rojo-v2_prev.png" alt="ROJO Concept"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="C&amp;R Prototype"><img class="fluid" src="./assets/images/port/port_candr_prev.png" alt="C&amp;R Prototype"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="RESTEE v1 App"><img class="fluid" src="./assets/images/port/port_restee-v1-app_prev.png" alt="RESTEE v1 App"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Colors Logo"><img class="fluid" src="./assets/images/port/port_colors-logo_prev.png" alt="Colors Logo"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Betterfly Homepage"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_betterfly_prev.png" alt="Betterfly Homepage"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="IES Prototype"><img class="fluid" src="./assets/images/port/port_ies_prev.png" alt="IES Prototype"/></div>

                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="ROJO Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_rojosolutions_prev.png" alt="ROJO Website"/></div>
                    <!-- <div class="col-6 col-xs-4 col-md-3 gallery-item"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_d13design_prev.png" alt=""/></div> -->
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Dr. Ghersi Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_drghersi_prev.png" alt="Dr. Ghersi Website"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="CyberTek Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_cybertek_prev.png" alt="CyberTek Website"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Bahamas Microsite"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_bahamas_prev.png" alt="Bahamas Microsite"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="DreamMaker Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_dreammaker_prev.png" alt="DreamMaker Website"/></div>
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="DScripted Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_dscripted_prev.png" alt="DScripted Website"/></div>
                    <!-- <div class="col-6 col-xs-4 col-md-3 gallery-item"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_efrai_prev.png" alt=""/></div> -->
                    <div class="col-6 col-xs-4 col-md-3 gallery-item" title="Rosenbaum Website"><img class="fluid" src="http://keithdaulton.com/assets/images/port/port_rosenbaumcontemporary_prev.png" alt="Rosenbaum Website"/></div>
                </div>
            </div>
        </div>
        <div class="container">
            <h3>Sed nisl sapien, venenatis non ante a, auctor auctor orci. Aliquam accumsan semper arcu, in luctus tellus luctus consectetur. Nulla pharetra felis sed odio dictum consectetur.</h3>
            <p> Sed semper elementum eros, in accumsan est varius nec. Sed nec elit id sapien placerat suscipit a sit amet diam. Maecenas feugiat quam id urna porta lacinia. Nullam scelerisque ullamcorper sollicitudin. Cras commodo porttitor tincidunt. Duis tempor est quam, ut tincidunt diam posuere et. Donec viverra neque ac cursus tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
            <p>Proin condimentum neque nec tempus fringilla. Morbi id lobortis lorem. Vivamus nisi dui, suscipit at dignissim sed, viverra eu mi. Nunc dapibus, lorem in aliquam rutrum, quam urna imperdiet tellus, a gravida nibh dolor nec mi. Proin accumsan ut diam et sollicitudin. Nunc consequat mauris sit amet arcu rutrum, ac faucibus massa cursus. Aliquam lectus augue, pretium eu adipiscing sed, sagittis quis velit. Proin eros ligula, ultricies id diam porta, tincidunt ullamcorper nisi. Vivamus aliquam mauris non eleifend porta.</p>
        </div>
    </div>
    <footer class="site-footer">
        <div class="container">
            <nav class="footer-nav">
                <ul class="footer-nav-inner">
                    <li><a href="#">About</a></li>
                    <li><a href="#">Work</a></li>
                    <li><a href="#">Contact us</a></li>
                </ul>
                <ul class="footer-nav-inner">
                    <li><a href="https://github.com/d13-design"><i class="fa fa-github-square"></i> GitHub</a></li>
                    <li><a href="http://www.linkedin.com/company/d13-design-llc"><i class="fa fa-linkedin-square"></i> LinkedIn</a></li>
                    <li><a href="https://twitter.com/d13_design"><i class="fa fa-twitter-square"></i> Twitter</a></li>
                    <li><a href="https://www.facebook.com/d13designllc"><i class="fa fa-facebook-square"></i> Facebook</a></li>
                </ul>
            </nav>
            <div class="footer-brand">
                <a href="#">D13 Design, LLC</a>
            </div>
            <div class="legal">
                <p>Copyright &copy; 2007-<?php echo date("Y"); ?>, D13 Design, LLC. All rights reserved.</p>
            </div>
        </div>
    </footer>
</div>
<script src="assets/js/site.min.js"></script>
</body>
</html>