-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
126 lines (117 loc) · 5.04 KB
/
portfolio.html
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="http://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.min.css">
</head>
<body>
<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<div class="off-canvas position-left reveal-for-large" id="my-info" data-off-canvas data-position="left">
<div class="row column">
<br>
<img class="thumbnail" src="http://placehold.it/550x350">
<h5>Mike Mikerson</h5>
<p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo.</p>
</div>
</div>
<div class="off-canvas-content" data-off-canvas-content>
<div class="title-bar hide-for-large">
<div class="title-bar-left">
<button class="menu-icon" type="button" data-open="my-info"></button>
<span class="title-bar-title">Mike Mikerson</span>
</div>
</div>
<div class="callout primary">
<div class="row column">
<h1>Hello! This is the portfolio of a very witty person.</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla.</p>
</div>
</div>
<div class="row small-up-2 medium-up-3 large-up-4">
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
<div class="column">
<img class="thumbnail" src="http://placehold.it/550x550">
<h5>My Site</h5>
</div>
</div>
<hr>
<div class="row">
<div class="medium-6 columns">
<h3>Contact Me</h3>
<p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor.</p>
<ul class="menu">
<li><a href="#">Dribbble</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Yo</a></li>
</ul>
</div>
<div class="medium-6 columns">
<label>Name
<input type="text" placeholder="Name">
</label>
<label>Email
<input type="text" placeholder="Email">
</label>
<label>
Message
<textarea placeholder="holla at a designerd"></textarea>
</label>
<input type="submit" class="button expanded" value="Submit">
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>