portfolio/about.html at master · devonharless/portfolio · 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Devon St.Clair, web &amp; interactive</title>
	<link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/secondaryStyles.css" />

    <script src="js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="scripts/controller.js" type="text/javascript" charset="utf-8"></script>
    <script src="scripts/mainActions.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>


	<div id="outerContainer">
    	<div id="content">
            <div id="logo">
               <h1>Devon St.Clair, web and interactive</h1>
            </div>


            <div id="navigation">
            	<ul>
                	<li id="first"><a href="index.html">main</a></li>
                    <li class="active"><a href="about.html">about</a></li>
                    <li><a href="contact.html">contact</a></li>
                </ul>
            </div>

            <div id="aboutInfo">
            	<div id="decoText">
                	<p>Just because mountains lie beyond mountains doesn't mean we should not climb.</p>
                </div>

                <div id="infoText">

                	<div id="backgroundInfo">
                        <h2>Background</h2>
                        <p>My name is Devon St.Clair Harless.  I am 'webbie' living and working in Portland, Oregon.</p>
                        <p>I’m a 50/50 sort of person.  Give me design. Give me development. I fuse different interactive disciplines in my efforts to explore the capabilities of the web.</p>
                        <p>I firmly believe that web designers have the power and responsibility to make browsing an easier and more memorable experience for <strong>everyone.</strong></p>
                        <p>Standards-compliancy, semantics, object-oriented programming, intuitive design&mdash;these aren’t just token phrases, but the future of the Web.</p>
                        <p><span id="emphasized">Stay curious - we’ve only seen the tip of the iceberg.</span></p>
                    </div>


                    <div id="communication">
                    	<h2>Work &amp; Skills</h2>

                        <p>I've received my Bachelors of Science from The Art Institute of Portland in Web Design and Interactive Media.  I specialize in front-end design and development&mdash;ranging from OOP Flash development to standards-compliant coding.</p>

                    	<div id="resume">
                        	<a href="http://my.ceevee.com/devonstclair" target="_blank">Download my resume</a>
                        </div>

                    </div>


                    <div id="clients">
                    	<h2>Clientele</h2>
                    	<p>Working with CMD and Dachis Group allowed me to experience helping global clients. I am currently available for contract work.</p>
                        <ul>
                        	<li><a href="http://hp.com" target="_blank"><img src="media/images/about/clients/hpIcon.png" width="57" height="55" alt="HP" /></a></li>
                            <li><a href="http://intel.com" target="_blank"><img src="media/images/about/clients/intelIcon.png" width="80" height="54" alt="Intel" /></a></li>
                            <li><a href="http://www.regence.com/index.jsp" target="_blank"><img src="media/images/about/clients/regIcon.png" width="139" height="57" alt="Regence" /></a></li>

                            <li><a href="http://www.cisco.com/" target="_blank"><img src="media/images/about/clients/ciscoIcon.png" width="79" height="57" alt="Cisco" /></a></li>
                            <li><a href="http://asus.com/entryflash.htm" target="_blank"><img src="media/images/about/clients/asusIcon.jpg" width="115" height="56" alt="Asus" /></a></li>
                            <li><a href="http://www.jeld-wen.com/" target="_blank"><img src="media/images/about/clients/jeldWenIcon.jpg" width="135" height="50" alt="Jeld-wen" /></a></li>
                        </ul>
                    </div>

                </div>
                <div class="clear"></div>
            </div>

         </div>
    </div>

    <div id="bottomContainer">
             <div id="footer">
                <div id="subInfo">
                	<ul>
                    	<li><a href="index.html">main</a></li>
                        <li><a href="about.html">about</a></li>
                        <li><a href="contact.html">contact</a></li>
                    </ul>
                    <label>971.570.4516</label>
                    <address><a href="mailto:devonstclair@gmail.com">devonstclair@gmail.com</a></address>
                    <p>&copy;2010 Devon St.Clair Harless. All Rights Reserved. </p>
                 </div>
             </div>
         </div>

</body>
</html>