iframe-proxy | Sunbelt Computer Software

138 lines (130 loc) · 7.8 KB
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="DMKCode">
    <meta name="keywords" content="full-stack developer, developer portfolio, developer blog">
    <meta name="author" content="DMKCode">
    <link rel="shortcut icon" href="/images/favicons/favicon.ico">
    <title>DMKCode</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500|Roboto+Mono" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel="stylesheet" href="css/style_new.css">
    <!-- Hero -->
    <section class="hero-tabs">
        <div class="image__home">
            <img src="/img/dmkcode_home.png" alt="dmkcode home page">
        </div>
        <h3>Code. Thoughts. More Code.</h3>
        <div class="hero-tabs-container">
            <a class="hero-tab" href="#about">About</a>
            <a class="hero-tab" href="#demos">Demos/Projects</a>
            <a class="hero-tab" href="/writings">Writings</a>
            <span class="hero-tab-slider"></span>
        </div>
    </section>
    <!-- Main -->
    <section class="main-content">
        <section class="slide" id="about">
            <h1>About</h1>
            <p>Hi, I'm David and DMKCode is a part of me.</p>
            <p>A place to express myself and share my experiences.</p>
            <p>I'm a Software Developer, with focus on all things web. Front-End development is my main cup of tea.</p>
            <p>Checkout my stack... just hover or click/touch.</p>
            <section class="social cv">
              <a href="https://twitter.com/DMKCode" target="_blank"><i class="fa fa-3x fa-twitter-square"></i></a>
              <a href="http://github.com/dmkcode" target="_blank"><i class="fa fa-3x fa-github-square"></i></a>
              <a href="https://www.linkedin.com/in/davidkananda/" target="_blank"><i class="fa fa-3x fa-linkedin-square"></i></a>
          </section>
            <h3>Stack</h3>
            <div class="stack-container">
                <div class="service-box primary-stack">
                    <div class="service-icon grey">
                        <div class="front-content">
                            <h3>Front-End Development</h3>
                            <img src="images/dmkcode_images/my-icons-collection/svg/004-responsive.svg" alt="front end development">
                    </div>
                    <div class="service-content">
                        <h3>Front-End Development</h3>
                        <div class="content-description">
                            <div class="">
                                <p>JavaScript</p>
                                <p>CSS</p>
                                <p>HTML</p>
                                <p>React</p>
                                <p>jQuery</p>
                                <p>SASS</p>
                    </div>
                </div>
                <div class="secondary-stack">
                    <div class="service-box">
                        <div class="service-icon grey">
                            <div class="front-content">
                                <h3>Back-End Development</h3>
                                <img src="images/dmkcode_images/my-icons-collection/svg/001-laptop.svg" alt="back end development">
                        <div class="service-content">
                            <h3>Back-End Development</h3>
                            <div class="content-description">
                                <div class="">
                                    <p>NodeJS</p>
                                    <p>MongoDB</p>
                                    <p>MySQL</p>
                    </div>
                    <div class="service-box ">
                        <div class="service-icon grey">
                            <div class="front-content">
                                <h3>Tools</h3>
                                <img src="images/dmkcode_images/my-icons-collection/svg/002-settings.svg" alt="back end development">
                        <div class="service-content">
                            <h3>Tools</h3>
                            <div class="content-description">
                                <div class="">
                                    <p>Webpack</p>
                                    <p>Babel</p>
                                    <p>Docker</p>
                                    <p>Vim</p>
                    </div>
                </div>
                <!-- <section class="social">
                        <a href="https://twitter.com/DMKCode" target="_blank"><i class="fa fa-3x fa-twitter-square"></i></a>
                        <a href="http://github.com/dmkcode" target="_blank"><i class="fa fa-3x fa-github-square"></i></a>
                        <a href="https://www.linkedin.com/in/davidkananda/" target="_blank"><i class="fa fa-3x fa-linkedin-square"></i></a>
                    </section> -->
            </div>
        </section>
        <section class="slide" id="demos">
            <h1>Demos/Projects</h1>
            <p>Source for the demos is available on my github</p>
            <div class="developer-projects">
                <a href="/demos/01-js_drumkit/index.html" target="_blank" class="developer-projects-item grey"><h4>Drum Kit</h4><p>Vanilla JavaScript, HTML & CSS Drum Kit.</p><div class="developer-projects-version"><span class="badge badge-white">JavaScript</span><span class="badge badge-white">HTML</span><span class="badge badge-white">CSS</span></div></a>
                <a href="/demos/02-js_clock/index.html" target="_blank" class="developer-projects-item grey"><h4>JS Clock</h4><p>Clock using vanilla JavaScript, HTML & CSS</p><div class="developer-projects-version"><span class="badge badge-white">JavaScript</span><span class="badge badge-white">HTML</span><span class="badge badge-white">CSS</span></div></a>
                <a href="/demos/05-flex_panels_Image_gallery/index.html" target="_blank" class="developer-projects-item grey"><h4>Image Gallery</h4><p>Flex panels image gallery</p><div class="developer-projects-version"><span class="badge badge-white">JavaScript</span><span class="badge badge-white">HTML</span><span class="badge badge-white">CSS</span></div></a>
                <a href="/demos/08-fun_with_html5_canvas/index.html" target="_blank" class="developer-projects-item grey"><h4>Fun Canvas</h4><p>Fun with HTML5 canvas</p><div class="developer-projects-version"><span class="badge badge-white">JavaScript</span><span class="badge badge-white">HTML</span><span class="badge badge-white">CSS</span></div></a>
                <a href="/demos/React-Numbers_game" target="_blank" class="developer-projects-item grey"><h4>Numbers game</h4><p>ReactJS numbers game.</p><div class="developer-projects-version"><span class="badge badge-white">React</span><span class="badge badge-white">CSS</span></div></a>
            </div>
        </section>
    </section>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
    <script src="js/app.js"></script>
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls
