-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio_detail.html
140 lines (121 loc) · 4.45 KB
/
portfolio_detail.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>peter salomone: portfolio detail</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> -->
<!-- <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="fh5co-top-logo">
<div id="fh5co-logo"><a href="index.html">peter salomone</a></div>
</div>
<div class="fh5co-top-menu menu-1 text-center">
<ul>
<li><a href="work.html">work</a></li>
<li><a href="about.html">profile</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<div class="fh5co-top-social menu-1 text-right">
<ul class="fh5co-social">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/peeet"><i class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/bullhead242"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
</nav>
<div id="fh5co-author">
<div class="container">
<div class="row top-line animate-box">
<div class="col-md-6 col-md-offset-3 col-md-push-2 text-left fh5co-heading">
<h2>The Aloha Shirt</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
<div class="role">
<h3>Role</h3>
<ul>
<li>Front-end Design</li>
<li>Branding</li>
<li>Information Architecture</li>
<li>Data Gathering</li>
</ul>
</div>
<p><a href="#" class="btn btn-primary">Visit Website</a></p>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="animate-box"><img src="images/project-7.jpg" class="img-responsive" ></p>
<p class="animate-box"><img src="images/project-6.jpg" class="img-responsive" ></p>
<div class="testimony animate-box">
<blockquote>
<p>“Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove”</p>
<p class="person"><cite>— Job Smith</cite> CEO and Founder</p>
</blockquote>
</div>
<p class="animate-box"><img src="images/project-5.jpg" class="img-responsive"></p>
<p class="animate-box"><img src="images/project-3.jpg" class="img-responsive"></p>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/peeet"><i class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/bullhead242"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>