-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
191 lines (125 loc) · 8.18 KB
/
index.php
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="Movabletype" />
<meta name="keywords" content="marginpad,design,oslo,norsk,norge,web design,web development, webutvikler,php5,kohana,css,xhtml,jquery" />
<meta name="description" content="Margin pad" />
<title>MarginPad: Web design & development</title>
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />
<!--[if IE]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection" />
<![endif]-->
<!--[if IE 6]><link rel="stylesheet" href="css/only-ie6.css" type="text/css" media="screen, projection" />
<![endif]-->
<script type="text/javascript" src="js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery/plugins/jquery.taconite.js"></script>
<script type="text/javascript" src="js/jquery/plugins/stepcarousel.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Start Image Loading
$(".pagination a:not(.seeMore)").click( function() {
var screenURL = $(this).attr("href");
$.get(screenURL);
return false;
});
//End Image Loading
//Start Extending Taconite
$.fn.replaceAndFadeIn = function(newContentElements) {
return this.each(function() {
$(this).empty().hide().append(newContentElements).fadeIn('fast');
});
};
//End Extending Taconite
});
/***
stepcarousel.setup({
galleryid: 'featured-work', //id of carousel DIV
beltclass: 'scrolling', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'box-scroll', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:7000},
panelbehavior: {speed:1000, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/design/arrow_left.png', -9999, 135], rightnav: ['images/design/arrow_right.png', -9999, 135]},
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})***/
</script>
</head>
<body id="home" class="">
<div id="only-ie6" class="clearfix">
<div class="container">
<div id="explorer6" class="span-24 column clearfix">
<p>Why don't you upgrade your Internet explorer? You know it's 2009! </p>
</div><!-- end #Exploer6 -->
</div><!-- End .container -->
</div><!-- only ie6 -->
<div id="main-wrapper" class="wrapper">
<?php include_once('/home/erinther/public_html/marginpad/header.php') ?>
<div id ="featured-wrapper" class="wrapper clearfix">
<div class="container ">
<div id="featured" class="column clearfix ">
<div id="featured-work" class="span-17 column clearfix">
<div id="featured-work-inner" class=" column">
<img src="images/screenshots/screen.jpg" alt="screenshots s01" />
</div><!-- end #Featured-Work-inner -->
</div><!-- end #Featured-Work .span-NUM -->
<div id="featured-customer" class="span-6 prepend-1 last column clearfix">
<h3>about me</h3>
<div id="customer" class="quote">
<p>Hello, my name is Eric Winther and this is my portfolio. I am a web developer and designer based in Oslo, Norway.I create clean and accessible websites using the latest technologies that conform to current web standards. </p>
</div><!-- end #Customer -->
<!-- <div class="pagination clearfix column">
<a href="customer-skattelist.xml" id="cust-skatt">1</a>
<a href="customer-norlandia.xml" id="cust-norlandia">2</a>
<a href="work.html" id="project-3">3</a>
<a href="work.html" id="project-4">4</a>
<a href="work.html" class="seeMore">more››</a>
</div> -->
</div><!-- end #Featured-customer .span-6-->
</div><!-- end #featured -->
</div><!-- end .container -->
</div><!-- end #Featured-wrapper -->
<div class="clear"></div>
<div id ="content-wrapper" class="wrapper clearfix">
<div class="container ">
<div id="content-container" class="span-24 column clearfix showgrid ">
<div id="content" class="column clearfix">
<div id="web-design" class="span-10 append-2 web-text column clearfix">
<h3>Web design</h3>
<p class=""> Solid working knowledge with XHTML/CSS Web 2.0 standards compliant design ; clean layouts and user
interfaces and script platforms such as JS, JQuery, and Ajax. </p>
</div><!-- end #web-development .span-NUM -->
<div id="web-development" class="span-10 prepend-2 web-text last column clearfix">
<h3>Web development</h3>
<p class=""> Development in LAMP (with php & perl) using frameworks like zend and kohana. Creating user-driven content applications based on Movabletype, Elgg and Drupal </p>
</div><!-- end #sub-content .span-NUM -->
<div class="clear"></div>
</div><!-- end #content .span-NUM -->
</div><!-- end #content-container .span-24 -->
</div><!-- end .container -->
</div><!-- end #content-wrapper -->
<div id="extra-wrapper" class="wrapper clearfix">
<div class="container">
<div id="extra" class="span-24 column clearfix" >
<div class="span-8 column clearfix box-widget box-cms">
<img src="images/cms/logo/logo-mtscreen.png" alt="movabletype" width="310" height="103" />
<h3><span>Movabletype</span></h3>
<p><blockquote>Powerful enough for building blogs, websites or social networks on a single platform</blockquote> </p>
</div><!-- end widget-box -->
<div class="span-8 column clearfix box-widget box-cms">
<img src="images/cms/logo/logo-elggscreen.png" alt="Elgg" width="310" height="103" />
<h3><span>Elgg</span></h3>
<p><blockquote>Empowers individuals, groups and institutions to create their own fully-featured social network.</blockquote> </p>
</div><!-- end widget-box -->
<div class="span-8 last column clearfix box-widget box-cms">
<img src="images/cms/logo/logo-drupalscreen.png" alt="Drupal" width="310" height="103" />
<h3><span>Drupal</span></h3>
<p><blockquote>Supports a variety of websites ranging from personal weblogs to large community websites </blockquote></p>
</div><!-- end widget-box -->
</div><!-- end #Extra .span-24 -->
</div><!-- end .container -->
</div><!-- end #Extra-wrapper -->
<?php include_once('/home/erinther/public_html/marginpad/footer.php') ?>
</div><!-- end #Main-Wrapper -->
</body>
</html>