Skip to content

Commit aa67a01

Browse files
ahmetkasifahmetkasif
committed
Project Start
- Project Template is added
1 parent 926de40 commit aa67a01

File tree

394 files changed

+17446
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

394 files changed

+17446
-0
lines changed

‎.DS_Store‎

6 KB
Binary file not shown.

‎about-more.html‎

Lines changed: 309 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,309 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5+
<meta http-equiv="Content-Language" content="en" />
6+
<meta name="description" content="" />
7+
<meta name="keywords" content="" />
8+
9+
<title>Muro</title>
10+
11+
<!-- CSS -->
12+
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
13+
<link rel="stylesheet" href="css/blue.css" type="text/css" media="screen" />
14+
<!--[if IE 6]>
15+
<link rel="stylesheet" type="text/css" media="screen" href="css/ie-hacks.css" />
16+
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
17+
<script>
18+
/* EXAMPLE */
19+
DD_belatedPNG.fix('*');
20+
</script>
21+
<![endif]-->
22+
<!-- ENDS CSS -->
23+
24+
<!-- prettyPhoto -->
25+
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
26+
<!-- ENDS prettyPhoto -->
27+
28+
<!-- JS -->
29+
<script type="text/javascript" src="js/jquery_1.4.2.js"></script>
30+
<script type="text/javascript" src="js/jqueryui.js"></script>
31+
<script type="text/javascript" src="js/easing.js"></script>
32+
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
33+
<script type="text/javascript" src="js/tooltip/jquery.tools.min.js"></script>
34+
<script type="text/javascript" src="js/jquery.tabs/jquery.tabs.pack.js"></script>
35+
<script type="text/javascript" src="js/filterable.pack.js"></script>
36+
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
37+
<script type="text/javascript" src="js/chirp.js"></script>
38+
<script type="text/javascript" src="js/custom.js"></script>
39+
<script type="text/javascript" src="js/jQuery.equalHeights.js"></script>
40+
<!-- ENDS JS -->
41+
42+
<!-- superfish -->
43+
<link rel="stylesheet" type="text/css" media="screen" href="css/superfish-custom.css" />
44+
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
45+
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
46+
<!-- ENDS superfish -->
47+
48+
<!-- tabs -->
49+
<link rel="stylesheet" href="css/jquery.tabs.css" type="text/css" media="print, projection, screen" />
50+
<!-- Additional IE/Win specific style sheet (Conditional Comments) -->
51+
<!--[if lte IE 7]>
52+
<link rel="stylesheet" href="css/jquery.tabs-ie.css" type="text/css" media="projection, screen">
53+
<![endif]-->
54+
<!-- ENDS tabs -->
55+
56+
<!-- Cufon -->
57+
<script src="js/cufon-yui.js" type="text/javascript"></script>
58+
<script src="js/bebas_400.font.js" type="text/javascript"></script>
59+
<!-- /Cufon -->
60+
61+
</head>
62+
<body>
63+
64+
<!-- WRAPPER -->
65+
<div id="wrapper">
66+
67+
<!-- TOP -->
68+
<div id="top">
69+
<div class="box">
70+
<div id="latest-tweet"><img src="img/twitter.png" class="twitter-bird" alt="Twitter" /></div>
71+
<script>Chirp({user:"ansimuz",max:1})</script>
72+
</div>
73+
</div>
74+
<!-- ENDS TOP -->
75+
76+
77+
<!-- CONTENT -->
78+
<div id="content">
79+
80+
<!-- top button -->
81+
<div class="open-top">
82+
<a href="#" class="open"><img src="img/top-tab.png" class="twitter-bird" alt="Twitter" /></a>
83+
</div>
84+
<!-- ENDS top button -->
85+
86+
87+
<!-- MAIN -->
88+
<div id="main">
89+
90+
<a href="index.html"><img src="img/logo.png" alt="Logo" id="logo" /></a>
91+
92+
93+
<!-- navigation -->
94+
<div id="centeredmenu">
95+
<ul class="sf-menu">
96+
<li><a href="index.html">HOME</a></li>
97+
<li class="current_page_item"><a href="about.html">FEATURES</a>
98+
<ul>
99+
<li><a href="about.html">LAYOUT</a></li>
100+
<li><a href="about-styled.html">STYLED</a></li>
101+
<li><a href="about-more.html">MORE</a></li>
102+
</ul>
103+
</li>
104+
<li><a href="gallery.html">GALLERY</a>
105+
<ul>
106+
<li><a href="gallery.html">TWO COLS</a></li>
107+
<li><a href="gallery-3.html">THREE COLS</a></li>
108+
<li><a href="gallery-4.html">FOUR COLS</a></li>
109+
</ul>
110+
</li>
111+
<li><a href="blog.html">BLOG</a>
112+
<ul>
113+
<li><a href="blog.html">SIDEBAR</a></li>
114+
<li><a href="blog-full.html">FULL WIDTH</a></li>
115+
</ul>
116+
</li>
117+
<li><a href="contact.html">CONTACT</a></li>
118+
119+
<li><a href="http://luiszuno.com/blog/downloads/muro-template">DOWNLOAD</a></li>
120+
</ul>
121+
</div>
122+
<div class="clear"></div>
123+
<!-- ENDS navigation -->
124+
125+
126+
127+
<!-- title -->
128+
<div class="title">
129+
<span class="big">FEATURES</span> <span class="small">Accordions, tooltips, tabs...</span>
130+
</div>
131+
<!-- ENDS title -->
132+
133+
<!-- page-content -->
134+
<div class="page-content">
135+
136+
<!-- left -->
137+
<div class="one-half">
138+
<!-- tooltips -->
139+
<p class="sub-header">VERTICAL TOOLTIPS</p>
140+
<img src="img/dummies/dummy-tool-t.jpg" alt="Dummy Image" class="border tool" title="Hi. I am a TOP aligned tooltip" />
141+
<img src="img/dummies/dummy-tool-b.jpg" alt="Dummy Image" class="border tool-bottom" title="Hi. I am a RIGHT aligned tooltip" />
142+
<!-- ENDS tooltips -->
143+
<!-- accordions -->
144+
<p class="sub-header top-gap">ACCORDIONS</p>
145+
<h5 class="accordion-trigger custom"><a href="#">Item 1</a></h5>
146+
<div class="accordion-container">
147+
<div class="block">
148+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
149+
</div>
150+
</div>
151+
<h5 class="accordion-trigger custom"><a href="#">Item 2</a></h5>
152+
<div class="accordion-container">
153+
<div class="block">
154+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
155+
</div>
156+
</div>
157+
<h5 class="accordion-trigger custom"><a href="#">Item 3</a></h5>
158+
<div class="accordion-container">
159+
<div class="block">
160+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
161+
</div>
162+
</div>
163+
<div class="clear"></div>
164+
<!-- ENDS accordions -->
165+
<!-- tabs -->
166+
<p class="sub-header top-gap">TABBED CONTENT</p>
167+
<div class="tabbed">
168+
<ul>
169+
<li><a href="#tab1"><span>CONTENT AND IMAGES</span></a></li>
170+
<li><a href="#tab2"><span>CONTENT</span></a></li>
171+
<li><a href="#tab3"><span>LOEM IPSUM</span></a></li>
172+
</ul>
173+
174+
<div id="tab1">
175+
<p><img src="img/dummies/dummy-img.jpg" class="left-align boxed" alt="img"/>Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, nt quis, accumsan porttitor, facilisis luctus, metus.Lacus eni quis,tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
176+
</div>
177+
178+
<div id="tab2">
179+
<p>Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, nt quis, accumsan porttitor, facilisis luctus, metus.Lacus eni quis,tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
180+
</div>
181+
182+
<div id="tab3">
183+
<p><img src="img/dummies/dummy-img.jpg" class="right-align boxed" alt="img"/>Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.Lacus enim ac eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, nt quis, accumsan porttitor, facilisis luctus, metus.Lacus eni quis,tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
184+
</div>
185+
</div>
186+
<!-- ENDS tabs -->
187+
</div>
188+
<!-- ENDS left -->
189+
190+
191+
<!-- right -->
192+
<div class="one-half last">
193+
<!-- tooltips right -->
194+
<p class="sub-header">HORIZONTAL TOOLTIPS</p>
195+
<img src="img/dummies/dummy-tool-l.jpg" alt="Dummy Image" class="border tool-left" title="Hi. I am a LEFT aligned tooltip" />
196+
<img src="img/dummies/dummy-tool-r.jpg" alt="Dummy Image" class="border tool-right" title="Hi. I am a RIGHT aligned tooltip" />
197+
<!-- ENDS tooltips right -->
198+
<!-- toggle -->
199+
<p class="sub-header top-gap">TOGGLE BOXES</p>
200+
<h5 class="toggle-trigger custom"><a href="#">Toggle Switch</a></h5>
201+
<div class="toggle-container">
202+
<div class="block">
203+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
204+
</div>
205+
</div>
206+
<h5 class="toggle-trigger custom"><a href="#">Toggle Switch</a></h5>
207+
<div class="toggle-container">
208+
<div class="block">
209+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
210+
</div>
211+
</div>
212+
<h5 class="toggle-trigger custom"><a href="#">Toggle Switch</a></h5>
213+
<div class="toggle-container">
214+
<div class="block">
215+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. </p>
216+
</div>
217+
</div>
218+
<div class="clear"></div>
219+
<!-- ENDS toggle -->
220+
<!-- slides -->
221+
<p class="sub-header top-gap">SLIDE BOXES</p>
222+
<div class="slide-fade">
223+
<img src="img/dummies/dummy-slide-1.jpg" alt="img"/>
224+
<img src="img/dummies/dummy-slide-2.jpg" alt="img"/>
225+
<img src="img/dummies/dummy-slide-3.jpg" alt="img"/>
226+
</div>
227+
<div class="slide-scroll">
228+
<img src="img/dummies/dummy-slide-1.jpg" alt="img"/>
229+
<img src="img/dummies/dummy-slide-2.jpg" alt="img"/>
230+
<img src="img/dummies/dummy-slide-3.jpg" alt="img"/>
231+
</div>
232+
<!-- ENDS slides -->
233+
</div>
234+
<!-- ENDS right -->
235+
</div>
236+
<!-- ENDS page content -->
237+
238+
239+
240+
</div>
241+
<!-- ENDS MAIN -->
242+
243+
244+
245+
</div>
246+
</div>
247+
<!-- ENDS WRAPPER -->
248+
249+
250+
251+
<!-- FOOTER -->
252+
<div id="footer">
253+
<div id="footer-wrapper">
254+
255+
256+
257+
<!-- footer-cols -->
258+
<ul class="footer-cols">
259+
<li class="col">
260+
<h6>LINKS</h6>
261+
<ul>
262+
<li><a href="http://www.luiszuno.com">More Freebies</a></li>
263+
<li><a href="http://themeforest.net/user/Ansimuz/portfolio?ref=Ansimuz">Premium Themes</a></li>
264+
</ul>
265+
</li>
266+
<li class="col">
267+
<h6>SEARCH THE SITE</h6>
268+
<form method="get" id="searchform" action="">
269+
<div>
270+
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
271+
<input type="submit" id="searchsubmit" value=" " />
272+
</div>
273+
</form>
274+
</li>
275+
<li class="col">
276+
<h6>FOLLOW US</h6>
277+
<ul>
278+
<li class="icon twitter"><a href="https://twitter.com/ansimuz">Follow me</a></li>
279+
<li class="icon facebook"><a href="#">Be a fan on faceBook</a></li>
280+
<li class="icon delicious"><a href="#">Bookmark us</a></li>
281+
<li class="icon digg"><a href="#">Share this</a></li>
282+
<li class="icon deviantart"><a href="#">Check my folio on deviant</a></li>
283+
<li class="icon youtube"><a href="#">See our screens</a></li>
284+
</ul>
285+
</li>
286+
</ul>
287+
<!-- footer-cols -->
288+
289+
290+
291+
292+
</div>
293+
294+
<div class="footer-bottom">
295+
<p class="legal">Muro created by <a href="http://www.luiszuno.com">luiszuno.com</a></p>
296+
</div>
297+
298+
</div>
299+
<!-- ENDS FOOTER -->
300+
301+
302+
<!-- start cufon -->
303+
<script type="text/javascript"> Cufon.now(); </script>
304+
<!-- ENDS start cufon -->
305+
306+
307+
</body>
308+
</html>
309+

0 commit comments

Comments
 (0)