-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
122 lines (117 loc) · 5.65 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
---
layout: inner
title: Portfolio
menu_title: Portfolio
description: "Check out our portfolio for featured web & mobile applications and online software projects. Our Ruby on Rails developers implement the best open-source technologies to create high-usability user interfaces, taking into consideration the target audience and business goals of our clients. We can also integrate web services into your application, enabling you to leverage the existing platform."
group: "navigation"
menu_position: 1
---
<div class="portfolio_wrap">
<div class="row">
<div class="column large-12">
<div class="portfolio_sort dark_bg">
<a class="sorter" href="#all">All</a>
<a class="sorter" href="#webapp">Web Apps</a>
<a class="sorter" href="#apps">Mobile Apps</a>
<a class="sorter" href="#ror">Ruby on Rails</a>
<a class="sorter active" href="#ror">Wordpress</a>
</div>
</div>
</div>
<div class="portfolio_list">
<section class="portfolio_item">
<div class="row">
<div class="columns large-6">
<img class="protfolio_thumb" src="images/projects/project_thumb_03.jpg" alt="project thumb"/>
</div>
<div class="columns large-6">
<div class="details dark_bg">
<header class="header clearfix">
<h1 class="heading_one left">Project's Name</h1>
<a class="project_link right" href="#link">www.project.com</a>
</header>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis deleniti
dicta excepturi inventore nobis, non provident repudiandae sit vero? Aut consectetur, eos expedita fugit
laudantium praesentium rem sapiente veniam!</p>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis deleniti
dicta excepturi inventore nobis, non provident repudiandae sit vero? Aut consectetur, eos expedita fugit
laudantium praesentium rem sapiente veniam!</p>
<a class="button button_large" href="#">View details</a>
</div>
</div>
</div>
</section>
<section class="portfolio_item">
<div class="row">
<div class="columns large-6">
<img class="protfolio_thumb" src="images/projects/project_thumb_02.jpg" alt="project thumb"/>
</div>
<div class="columns large-6">
<div class="details dark_bg">
<header class="header clearfix">
<h1 class="heading_one left">Project's Name</h1>
<a class="project_link right" href="#link">www.project.com</a>
</header>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis deleniti
dicta excepturi inventore nobis, non provident repudiandae sit vero? Aut consectetur, eos expedita fugit
laudantium praesentium rem sapiente veniam!</p>
<a class="button button_large" href="#">View details</a>
</div>
</div>
</div>
</section>
<section class="portfolio_item">
<div class="row">
<div class="columns large-6">
<img class="protfolio_thumb" src="images/projects/project_thumb_01.jpg" alt="project thumb"/>
</div>
<div class="columns large-6">
<div class="details dark_bg">
<header class="header clearfix">
<h1 class="heading_one left">Project's Name</h1>
<a class="project_link right" href="#link">www.project.com</a>
</header>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis deleniti
dicta excepturi inventore nobis, non provident repudiandae sit vero? Aut consectetur, eos expedita fugit
laudantium praesentium rem sapiente veniam!</p>
<a class="button button_large" href="#">View details</a>
</div>
</div>
</div>
</section>
<section class="portfolio_item">
<div class="row">
<div class="columns large-6">
<img class="protfolio_thumb" src="images/projects/project_thumb_01.jpg" alt="project thumb"/>
</div>
<div class="columns large-6">
<div class="details dark_bg">
<header class="header clearfix">
<h1 class="heading_one left">Project's Name</h1>
<a class="project_link right" href="#link">www.project.com</a>
</header>
<p class="summary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur debitis deleniti
dicta excepturi inventore nobis, non provident repudiandae sit vero? Aut consectetur, eos expedita fugit
laudantium praesentium rem sapiente veniam!</p>
<a class="button button_large" href="#">View details</a>
</div>
</div>
</div>
</section>
</div>
<div class="pagination_wrap dark_bg">
<div class="row">
<ul class="pagination">
<li class="page_item"><a class="page_link" href="#1">1</a></li>
<li class="page_item active"><a class="page_link" href="#1">2</a></li>
<li class="page_item"><a class="page_link" href="#1">3</a></li>
<li class="page_item"><a class="page_link" href="#1">4</a></li>
<li class="page_item"><a class="page_link" href="#1">5</a></li>
<li class="page_item"><a class="page_link" href="#1">…</a></li>
<li class="page_item"><a class="page_link" href="#1">10</a></li>
<li class="page_item"><a class="page_link" href="#1">11</a></li>
<li class="page_item"><a class="page_link" href="#1">12</a></li>
</ul>
</div>
</div>
</div>