maq23.github.io/index.html at master · maq23/maq23.github.io · 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Portfolio One Page William McConnell</title>
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:400,300,700" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/profile.css" rel="stylesheet">
    <link href="css/font-profile.min.css" rel="stylesheet">
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <!-- map call for location -->
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript"></script>

</head>
<body>

<div id="tb-imagebg"></div>
<div class="tb-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-lg-offset-3 text-center">
                <h1>Mack McConnell</h1>
                <span class="tb-underline-white"> </span>
                <h3>Web Designer || Analytics Consultant || Database Designer</h3>
                <a href="#experience" class="btn tb-btn-bbg">Experience</a>
            </div>
        </div>
    </div>
</div>
<a name="experience"></a>
<div class="tb-content-bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>Experience</h2>
                <span class="tb-underline-white"> </span>
                <h3>Intent</h3>
                <p>Incisive problem solver with an eye toward developing new business opportunities in addition to current process improvement. </p>
                <p>Experienced with, and proficient at, developing and maintaining business relationships based on mutual trust, respect, and empathy.
                <p>Proven leader of teams and projects with an emphasis on defining and articulating common goals.  </p>
                <p>Critical thinker and analyst with the ability to ideate outside of conventional parameters.</p>
                <a href="#future projects" class="btn tb-btn-bb">Future Projects</a>
            </div>
        </div>
    </div>
</div>
<a name="future projects"></a>
<div class="tb-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 text-center">
                <h2>Melding <br />Philosophy + Social Causes + Design</h2>
                <span class="tb-underline-white"> </span>
                <p>Further defining the uses of data within our lives as individuals and as localized society to better our collective future.</p>
                <a href="#about" class="btn tb-btn-bbg">Philosophy</a>
            </div>
        </div>
    </div>
</div>
<a name="about"></a>
<div class="tb-content-bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>A Philosophy <br />(of sorts)</h2>
                <span class="tb-underline-white"> </span>
                <h3>Under Construction:</h3>
                <p>a philosophy changes with time & circumstances, but a current philosophy must incorporate immediate actions</p>
                <a href="#contact" class="btn tb-btn-bb">Contact</a>
            </div>
        </div>
    </div>
</div>
<a name="contact"></a>
<div class="tb-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 text-center">
                <h2>How To Communicate</h2>
                <span class="tb-underline-white"> </span>
                <p>You may communicate with me either passively or actively.  I am likely doing the same.</p>
                <a href="#details" class="btn tb-btn-bbg">Make Contact</a>
            </div>
        </div>
    </div>
</div>
<a name="details"></a>
<div class="tb-content-bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2>McConnell Design</h2>
                <span class="tb-underline-white"> </span>
                <h3>Louisville, KY</h3>
            <div class="contact">
                <a href="mailto:mmcconnell23@gmail.com">email me</a>
                <p>or</p>
                <a href="https://twitter.com/maqattack" class="twitter-follow-button" data-show-count="false">Follow @maqattack</a>
               <!-- <img src="img/glossy_black_twitter.png" width="40" height="40" border="0" alt="View Mack McConnell's profile on Twitter"> -->
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                <p>or</p>
                <a href="https://www.linkedin.com/pub/mack-mcconnell/38/413/aa0">
                <img src="img/black_linkedin.jpg" width="40" height="40" border="0" alt="View Mack McConnell's profile on LinkedIn">
                <!-- <img src="https://static.licdn.com/scds/common/u/img/webpromo/btn_liprofile_blue_80x15.png" width="80" height="15" border="0" alt="View Mack McConnell's profile on LinkedIn"> -->
                </a>
                <p>or</p>
                <input id = "btnShow" type="button" value="send a carrier pigeon"/>
             </div>
            </div>
        </div>
    </div>
</div>
<div class="tb-content">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center tb-footer">
                <ul class="list-inline">
                    <li>&copy; 1970</li>
                    <li>|</li>
                    <li>wm mcconnell</li>
                </ul>
            </div>
        </div>
    </div>
<div id="dialog" style="display: none">
<div id="dvMap" style="height: 380px; width: 580px;">
</div>
</div>

<script src="js/bootstrap.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/goodreads.js"></script>


<!--Google API key to replace GoodReads request for now-->
<!--     <a name="map"></a>
    <div id="map">
        <script src="..js/twitter.js"></script>
        <script>
        var map;
        function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: 38.2540, lng: -85.7484},
                zoom: 16
            });}</script>

        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZJ84f2zi2r5FkN-Fl4jVZjTbIBEnbC9s&callback=initMap"
                async defer></script>
    </div> -->

</body>
</html>