Skip to content

Commit f8326d1

Browse files
Add files via upload
1 parent 3f2ce39 commit f8326d1

File tree

5 files changed

+1582
-0
lines changed

5 files changed

+1582
-0
lines changed

Projects.html

Lines changed: 322 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,322 @@
1+
<!DOCTYPE HTML>
2+
<!--
3+
Concept by gettemplates.co
4+
Twitter: http://twitter.com/gettemplateco
5+
URL: http://gettemplates.co
6+
-->
7+
<html>
8+
<head>
9+
<meta charset="utf-8">
10+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
11+
<title>Concept &mdash; Free Website Template, Free HTML5 Template by gettemplates.co</title>
12+
<meta name="viewport" content="width=device-width, initial-scale=1">
13+
<meta name="description" content="Free HTML5 Website Template by gettemplates.co" />
14+
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
15+
<meta name="author" content="gettemplates.co" />
16+
17+
<!-- Facebook and Twitter integration -->
18+
<meta property="og:title" content=""/>
19+
<meta property="og:image" content=""/>
20+
<meta property="og:url" content=""/>
21+
<meta property="og:site_name" content=""/>
22+
<meta property="og:description" content=""/>
23+
<meta name="twitter:title" content="" />
24+
<meta name="twitter:image" content="" />
25+
<meta name="twitter:url" content="" />
26+
<meta name="twitter:card" content="" />
27+
28+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
29+
30+
<!-- Animate.css -->
31+
<link rel="stylesheet" href="css/animate.css">
32+
<!-- Icomoon Icon Fonts-->
33+
<link rel="stylesheet" href="css/icomoon.css">
34+
<!-- Bootstrap -->
35+
<link rel="stylesheet" href="css/bootstrap.css">
36+
37+
<!-- Magnific Popup -->
38+
<link rel="stylesheet" href="css/magnific-popup.css">
39+
40+
<!-- Theme style -->
41+
<link rel="stylesheet" href="css/style.css">
42+
43+
<!-- Modernizr JS -->
44+
<script src="js/modernizr-2.6.2.min.js"></script>
45+
<!-- FOR IE9 below -->
46+
<!--[if lt IE 9]>
47+
<script src="js/respond.min.js"></script>
48+
<![endif]-->
49+
50+
</head>
51+
<body>
52+
53+
<div class="fh5co-loader"></div>
54+
55+
<div id="page">
56+
<nav class="fh5co-nav" role="navigation">
57+
<div class="container">
58+
<div class="row">
59+
<div class="col-xs-2 text-left">
60+
<div id="fh5co-logo"><a href="index.html">Codeuino<span>.</span></a></div>
61+
</div>
62+
<div class="col-xs-10 text-right menu-1">
63+
<ul>
64+
<li><a href="index.html">Home</a></li>
65+
66+
67+
<li><a href="products.html">Project</a></li>
68+
<li><a href="about.html">Team</a></li>
69+
<li><a href="index.html">Donate Us</a></li>
70+
71+
<li><a href="">Wiki</a></li>
72+
<li><a href="index.html">Get Involved</a></li>
73+
</ul>
74+
</div>
75+
</div>
76+
77+
</div>
78+
</nav>
79+
80+
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);" data-stellar-background-ratio="0.5">
81+
<div class="overlay"></div>
82+
<div class="container">
83+
<div class="row">
84+
<div class="col-md-7 text-left">
85+
<div class="display-t">
86+
<div class="display-tc animate-box" data-animate-effect="fadeInUp">
87+
<h1 class="mb30">Our Creative Products</h1>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
</div>
93+
</header>
94+
95+
96+
97+
<div id="fh5co-project">
98+
<div class="container">
99+
<div class="row row-pb-md">
100+
<div class="col-md-8 col-md-offset-2 text-left fh5co-heading animate-box">
101+
<span>Want Some Cool Stuff</span>
102+
<h2>Recent Products</h2>
103+
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
104+
</div>
105+
</div>
106+
107+
<div class="row">
108+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
109+
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
110+
<div class="fh5co-copy">
111+
<h3>Clipboard Office</h3>
112+
<p>Web Design</p>
113+
</div>
114+
</a>
115+
</div>
116+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
117+
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
118+
<div class="fh5co-copy">
119+
<h3>Smart Layers</h3>
120+
<p>Brand &amp; Identity</p>
121+
</div>
122+
</a>
123+
</div>
124+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
125+
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
126+
<div class="fh5co-copy">
127+
<h3>Notepad Mockup</h3>
128+
<p>Illustration</p>
129+
</div>
130+
</a>
131+
</div>
132+
133+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
134+
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
135+
<div class="fh5co-copy">
136+
<h3>Outline Ribbon</h3>
137+
<p>Web Design</p>
138+
</div>
139+
</a>
140+
</div>
141+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
142+
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
143+
<div class="fh5co-copy">
144+
<h3>Food Icons Set</h3>
145+
<p>Brand &amp; Identity</p>
146+
</div>
147+
</a>
148+
</div>
149+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
150+
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
151+
<div class="fh5co-copy">
152+
<h3>Business Card</h3>
153+
<p>Illustration</p>
154+
</div>
155+
</a>
156+
</div>
157+
158+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
159+
<a href="#"><img src="images/work-1.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
160+
<div class="fh5co-copy">
161+
<h3>Clipboard Office</h3>
162+
<p>Web Design</p>
163+
</div>
164+
</a>
165+
</div>
166+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
167+
<a href="#"><img src="images/work-2.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
168+
<div class="fh5co-copy">
169+
<h3>Smart Layers</h3>
170+
<p>Brand &amp; Identity</p>
171+
</div>
172+
</a>
173+
</div>
174+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
175+
<a href="#"><img src="images/work-3.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
176+
<div class="fh5co-copy">
177+
<h3>Notepad Mockup</h3>
178+
<p>Illustration</p>
179+
</div>
180+
</a>
181+
</div>
182+
183+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
184+
<a href="#"><img src="images/work-4.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
185+
<div class="fh5co-copy">
186+
<h3>Outline Ribbon</h3>
187+
<p>Web Design</p>
188+
</div>
189+
</a>
190+
</div>
191+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
192+
<a href="#"><img src="images/work-5.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
193+
<div class="fh5co-copy">
194+
<h3>Food Icons Set</h3>
195+
<p>Brand &amp; Identity</p>
196+
</div>
197+
</a>
198+
</div>
199+
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
200+
<a href="#"><img src="images/work-6.jpg" alt="Free HTML5 Website Template by gettemplates.co" class="img-responsive">
201+
<div class="fh5co-copy">
202+
<h3>Business Card</h3>
203+
<p>Illustration</p>
204+
</div>
205+
</a>
206+
</div>
207+
208+
209+
<div class="col-md-12 text-center">
210+
<nav aria-label="Page navigation">
211+
<ul class="pagination">
212+
<li>
213+
<a href="#" aria-label="Previous">
214+
<span aria-hidden="true">&laquo;</span>
215+
</a>
216+
</li>
217+
<li class="active"><a href="#">1</a></li>
218+
<li><a href="#">2</a></li>
219+
<li><a href="#">3</a></li>
220+
<li><a href="#">4</a></li>
221+
<li><a href="#">5</a></li>
222+
<li>
223+
<a href="#" aria-label="Next">
224+
<span aria-hidden="true">&raquo;</span>
225+
</a>
226+
</li>
227+
</ul>
228+
</nav>
229+
</div>
230+
231+
</div>
232+
</div>
233+
234+
</div>
235+
236+
237+
238+
239+
<footer id="fh5co-footer" role="contentinfo">
240+
<div class="container">
241+
<div class="row row-pb-md">
242+
<div class="col-md-4 fh5co-widget ">
243+
<h3>Concept.</h3>
244+
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
245+
<p><a href="#">Learn More</a></p>
246+
</div>
247+
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
248+
<ul class="fh5co-footer-links">
249+
<li><a href="#">About</a></li>
250+
<li><a href="#">Help</a></li>
251+
<li><a href="#">Contact</a></li>
252+
<li><a href="#">Terms</a></li>
253+
<li><a href="#">Meetups</a></li>
254+
</ul>
255+
</div>
256+
257+
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
258+
<ul class="fh5co-footer-links">
259+
<li><a href="#">Shop</a></li>
260+
<li><a href="#">Privacy</a></li>
261+
<li><a href="#">Testimonials</a></li>
262+
<li><a href="#">Handbook</a></li>
263+
<li><a href="#">Held Desk</a></li>
264+
</ul>
265+
</div>
266+
267+
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
268+
<ul class="fh5co-footer-links">
269+
<li><a href="#">Find Designers</a></li>
270+
<li><a href="#">Find Developers</a></li>
271+
<li><a href="#">Teams</a></li>
272+
<li><a href="#">Advertise</a></li>
273+
<li><a href="#">API</a></li>
274+
</ul>
275+
</div>
276+
</div>
277+
278+
<div class="row copyright">
279+
<div class="col-md-12 text-center">
280+
<p>
281+
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
282+
<small class="block">Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://pixeden.com/" target="_blank">Pixeden</a> &amp; <a href="http://unsplash.com/" target="_blank">Unsplash</a></small>
283+
</p>
284+
<p>
285+
<ul class="fh5co-social-icons">
286+
<li><a href="#"><i class="icon-twitter"></i></a></li>
287+
<li><a href="#"><i class="icon-facebook"></i></a></li>
288+
<li><a href="#"><i class="icon-linkedin"></i></a></li>
289+
<li><a href="#"><i class="icon-dribbble"></i></a></li>
290+
</ul>
291+
</p>
292+
</div>
293+
</div>
294+
295+
</div>
296+
</footer>
297+
</div>
298+
299+
<div class="gototop js-top">
300+
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
301+
</div>
302+
303+
<!-- jQuery -->
304+
<script src="js/jquery.min.js"></script>
305+
<!-- jQuery Easing -->
306+
<script src="js/jquery.easing.1.3.js"></script>
307+
<!-- Bootstrap -->
308+
<script src="js/bootstrap.min.js"></script>
309+
<!-- Waypoints -->
310+
<script src="js/jquery.waypoints.min.js"></script>
311+
<!-- countTo -->
312+
<script src="js/jquery.countTo.js"></script>
313+
<!-- Magnific Popup -->
314+
<script src="js/jquery.magnific-popup.min.js"></script>
315+
<script src="js/magnific-popup-options.js"></script>
316+
<!-- Stellar -->
317+
<script src="js/jquery.stellar.min.js"></script>
318+
<!-- Main -->
319+
<script src="js/main.js"></script>
320+
321+
</body>
322+
</html>

0 commit comments

Comments
 (0)