API tools faq
paste
Advertisement
Guest User

Portfolio Template (Kriesi)

a guest
Jul 25th, 2010
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.74 KB | None | 0 0
raw download clone embed print report
  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">
  3. <head profile="http://gmpg.org/xfn/11">
  4.  
  5.  
  6. <!-- basic meta tags -->
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. <meta name="robots" content="index, follow" />
  9.  
  10.  
  11.  
  12. <!-- title -->
  13. <title>Choirs | Newfoundland and Labrador Choral Federation</title>
  14.  
  15.  
  16. <!-- feeds and pingback -->
  17. <link rel="alternate" type="application/rss+xml" title="Newfoundland and Labrador Choral Federation RSS2 Feed" href="http://www.nlchoral.ca/feed/" />
  18. <link rel="pingback" href="http://www.nlchoral.ca/xmlrpc.php" />
  19.  
  20.  
  21. <!-- stylesheets -->
  22. <link rel="stylesheet" href="http://www.nlchoral.ca/wp-content/themes/cleancut/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen"/>
  23. <link rel="stylesheet" href="http://www.nlchoral.ca/wp-content/themes/cleancut/style.css" type="text/css" media="screen" />
  24.  
  25. <link rel="stylesheet" href="http://www.nlchoral.ca/wp-content/themes/cleancut/css/style4.css" type="text/css" media="screen"/>
  26.  
  27. <!-- ########## end css ########## -->
  28.  
  29. <!-- scripts -->
  30.  
  31. <!--[if IE 6]>
  32. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/js/dd_belated_png.js'></script>
  33. <script>DD_belatedPNG.fix('.ie6fix');</script>
  34. <style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
  35. <![endif]-->
  36.  
  37. <!-- Make Slideshow variables available for Javascript-->
  38. <script type='text/javascript'>
  39. slideShowArray = [];
  40. slideShowArray['feature_count'] = '4';
  41. slideShowArray['slide_autorotate'] = '1';
  42. slideShowArray['slide_duration'] = '5';
  43. slideShowArray['slide_transition'] = '700';
  44. slideShowArray['slider'] = 'aviaslider';
  45. slideShowArray['box_height'] = '90';
  46. slideShowArray['box_width'] = '90';
  47. slideShowArray['box_transition'] = 'fade';
  48. slideShowArray['box_transition_delay'] = '15';
  49. slideShowArray['hidden'] = '';
  50. slideShowArray['transition_direction_0'] = 'random';
  51. slideShowArray['transition_direction_hidden'] = '2';
  52. slideShowArray['transition_direction_final'] = 'random';
  53. slideShowArray['save_my_options'] = '1';
  54. slideShowArray['Submit'] = 'Save Changes';
  55. slideShowArray['transition_direction_1'] = '';
  56. </script>
  57.  
  58.  
  59. <link rel='stylesheet' id='contact-form-7-css' href='http://www.nlchoral.ca/wp-content/plugins/contact-form-7/styles.css?ver=2.3' type='text/css' media='all' />
  60. <script type='text/javascript' src='http://www.nlchoral.ca/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
  61. <script type='text/javascript' src='http://www.nlchoral.ca/wp-includes/js/comment-reply.js?ver=20090102'></script>
  62. <script type='text/javascript' src='http://www.nlchoral.ca/?ws_plugin__s2member_js_w_globals=1&#038;qcABC=1&#038;55c38eb8f6fac8bfcf6d956de473c7ab&#038;ver=1.021279889507'></script>
  63. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/js/cufon.js?ver=3.0'></script>
  64. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/js/quicksand.font.js?ver=3.0'></script>
  65. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/js/prettyPhoto/js/jquery.prettyPhoto.js?ver=3.0'></script>
  66. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/flashplayer/flowplayer-3.1.4.min.js?ver=3.0'></script>
  67. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/themes/cleancut/js/custom.js?ver=3.0'></script>
  68. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.nlchoral.ca/xmlrpc.php?rsd" />
  69. <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.nlchoral.ca/wp-includes/wlwmanifest.xml" />
  70. <link rel='index' title='Newfoundland and Labrador Choral Federation' href='http://www.nlchoral.ca/' />
  71. <link rel='prev' title='Store' href='http://www.nlchoral.ca/store' />
  72. <link rel='next' title='Contact Us' href='http://www.nlchoral.ca/contact' />
  73.  
  74.  
  75. <!-- Debugging help, do not remove -->
  76. <meta name="Framework" content="Kpress" />
  77. <meta name="Theme Version" content="1.0" />
  78. <meta name="Framework Version" content="3.0" />
  79. <meta name="CMS Version" content="3.0" />
  80.  
  81.  
  82.  
  83. <!-- All in One SEO Pack 1.6.12.1 by Michael Torbert of Semper Fi Web Design[356,372] -->
  84. <meta name="description" content="Choirs" />
  85. <link rel="canonical" href="http://www.nlchoral.ca/choirs" />
  86. <!-- /all in one seo pack -->
  87.  
  88. <style type="text/css">
  89. <!--
  90. // Styles from My Calendar - Joseph C Dolson http://www.joedolson.com/
  91.  
  92. #jd-calendar * {
  93. margin: 0;
  94. padding: 0;
  95. line-height: 1.5;
  96. color: #000;
  97. background: #fff;
  98. }
  99. #jd-calendar caption, #jd-calendar .my-calendar-date-switcher {
  100. background: #edf7ff;
  101. border: 1px solid #a9e3ff;
  102. margin: 2px 0;
  103. font-weight:700;
  104. padding:2px 0;
  105. }
  106.  
  107. #jd-calendar table {
  108. width:100%;
  109. line-height:1.2;
  110. border-collapse:collapse;
  111. }
  112.  
  113. #jd-calendar td {
  114. vertical-align:top;
  115. border:1px solid #eee;
  116. text-align:left;
  117. width:13%;
  118. height:70px;
  119. padding:2px!important;
  120. }
  121. #jd-calendar th {
  122. text-align: center;
  123. padding: 5px 0!important;
  124. letter-spacing: 1px;
  125. }
  126. #jd-calendar th abbr {
  127. border-bottom: none;
  128. }
  129. #jd-calendar h3 {
  130. font-size:.9em;
  131. font-family: Arial, Verdana, sans-serif;
  132. font-weight:700;
  133. margin:3px 0;
  134. padding:0;
  135. width: 100%;
  136. }
  137. #jd-calendar h3 img {
  138. vertical-align: bottom;
  139. margin: 0 3px 0 0!important;
  140. }
  141. #jd-calendar #calendar-list h3 img {
  142. vertical-align: middle;
  143. }
  144.  
  145. #jd-calendar .list-event h3 {
  146. font-size:1.2em;
  147. margin:0;
  148. }
  149. #jd-calendar .calendar-event .details {
  150. position:absolute;
  151. width:50%;
  152. background: #edf7ff;
  153. color:#000;
  154. border:1px solid #9b5;
  155. -moz-border-radius:10px;
  156. -moz-box-shadow:3px 3px 6px #777;
  157. -webkit-box-shadow:3px 3px 6px #777;
  158. box-shadow:3px 3px 6px #777;
  159. padding:5px;
  160. z-index: 3;
  161. }
  162.  
  163. #jd-calendar .list-event .details {
  164. background:#fafafa;
  165. border:1px solid #eee;
  166. -moz-border-radius:5px;
  167. -webkit-border-radius:5px;
  168. border-radius:5px;
  169. margin:5px 0;
  170. padding:5px 5px 0;
  171. color: #333;
  172. }
  173. #jd-calendar #calendar-list {
  174. margin: 0;
  175. padding: 0;
  176. }
  177. #jd-calendar #calendar-list li {
  178. padding:5px;
  179. list-style-type: none;
  180. margin: 0;
  181. }
  182.  
  183. #jd-calendar #calendar-list .odd {
  184. background:#d3e3e3;
  185. }
  186.  
  187. #jd-calendar .odd .list-event .details {
  188. background:#e3f3f3;
  189. border:1px solid #c3d3d3;
  190. }
  191.  
  192. #jd-calendar .current-day {
  193. background:#ffb;
  194. }
  195. #jd-calendar .current-day span {
  196. color: #000;
  197. background: #eee;
  198. }
  199.  
  200. #jd-calendar td span {
  201. display:block;
  202. background:#f6f6f6;
  203. margin:-2px -2px 2px;
  204. padding:2px 4px;
  205. }
  206.  
  207. #jd-calendar .calendar-event span {
  208. display:inline;
  209. background:none;
  210. margin:0;
  211. padding:0;
  212. }
  213.  
  214. #jd-calendar .weekend {
  215. background:#bd7;
  216. color: #000;
  217. }
  218.  
  219. #jd-calendar th {
  220. font-size:.8em;
  221. text-transform:uppercase;
  222. padding:2px 4px 2px 0;
  223. }
  224. #jd-calendar .category-key {
  225. background: #edf7ff;
  226. border: 1px solid #a9e3ff;
  227. padding: 5px;
  228. margin: 5px 0;
  229. }
  230. #jd-calendar .category-key ul {
  231. list-style-type: none;
  232. margin: 0;
  233. padding: 0;
  234. }
  235. #jd-calendar .category-key li {
  236. margin: 2px 10px;
  237. }
  238. #jd-calendar .category-key span {
  239. margin-right:5px;
  240. vertical-align:middle;
  241. }
  242. #jd-calendar .category-key .no-icon {
  243. width: 10px;
  244. height: 10px;
  245. display: inline-block;
  246. border: 1px solid #555;
  247. -moz-border-radius: 2px;
  248. -webkit-border-radius: 2px;
  249. border-radius: 2px;
  250. }
  251.  
  252. #calendar-list li {
  253. text-indent:0;
  254. margin:0;
  255. padding:0;
  256. }
  257.  
  258. #jd-calendar .event-time {
  259. display:block;
  260. float:left;
  261. height:100%;
  262. margin-right:10px;
  263. margin-bottom:10px;
  264. font-weight:700;
  265. font-size:.9em;
  266. }
  267.  
  268. #jd-calendar p {
  269. line-height:1.5;
  270. margin:0 0 1em;
  271. padding:0;
  272. }
  273.  
  274. #jd-calendar .sub-details {
  275. margin-left:6em;
  276. }
  277.  
  278. #jd-calendar .vcard {
  279. font-size:.9em;
  280. margin:10px 0;
  281. }
  282.  
  283. #jd-calendar .calendar-event .vcard {
  284. margin:0 0 10px;
  285. }
  286.  
  287. #jd-calendar,#calendar-list {
  288. clear:left;
  289. background: #fff;
  290. }
  291. #jd-calendar {
  292. position: relative;
  293. }
  294. #jd-calendar img {
  295. border: none;
  296. }
  297. .category-color-sample img {
  298. margin-right: 5px;
  299. vertical-align: top;
  300. }
  301. .my-calendar-nav {
  302.  
  303. }
  304.  
  305. #jd-calendar .my-calendar-nav ul {
  306. height: 2.95em;
  307. list-style-type:none;
  308. margin:0;
  309. padding:0;
  310. }
  311.  
  312. #jd-calendar .my-calendar-nav li {
  313. float:left;
  314. list-style-type: none;
  315. }
  316.  
  317. #jd-calendar .my-calendar-nav li:before {
  318. content:'';
  319. }
  320. #jd-calendar .my-calendar-nav li a {
  321. display:block;
  322. background:#fff;
  323. border:1px solid #9b5;
  324. text-align:center;
  325. padding:1px 20px;
  326. color: #243f82;
  327. }
  328.  
  329. #jd-calendar .my-calendar-nav li a:hover {
  330. background:#a9e3ff;
  331. color:#000;
  332. border: 1px solid #243f82;
  333. }
  334. #jd-calendar .my-calendar-next {
  335. margin-left: 4px;
  336. text-align:right;
  337. }
  338. #jd-calendar .my-calendar-next a {
  339. -webkit-border-top-right-radius: 8px;
  340. -webkit-border-bottom-right-radius: 8px;
  341. -moz-border-radius-topright: 8px;
  342. -moz-border-radius-bottomright: 8px;
  343. border-top-right-radius: 8px;
  344. border-bottom-right-radius: 8px;
  345. }
  346. #jd-calendar .my-calendar-prev a {
  347. -webkit-border-top-left-radius: 8px;
  348. -webkit-border-bottom-left-radius: 8px;
  349. -moz-border-radius-topleft: 8px;
  350. -moz-border-radius-bottomleft: 8px;
  351. border-top-left-radius: 8px;
  352. border-bottom-left-radius: 8px;
  353. }
  354. #jd-calendar .day-without-date {
  355. background: #fafafa;
  356. }
  357. #upcoming-events .past-event {
  358. color: #777;
  359. }
  360. #upcoming-events .today {
  361. color: #111;
  362. }
  363. #upcoming-events .future-event {
  364. color: #555;
  365. }
  366. -->
  367. </style><script type='text/javascript'>
  368. var $j = jQuery.noConflict();
  369.  
  370. $j(document).ready(function() {
  371. $j(".calendar-event").children().not("h3").hide();
  372. $j(".calendar-event h3").toggle(
  373. function() {
  374. $j(".calendar-event").children().not("h3").hide();
  375. $j(this).parent().children().not("h3").show("fast");
  376. },
  377. function() {
  378. $j(".calendar-event").children().not("h3").hide("fast");
  379. }
  380. );
  381. });</script>
  382. <script type='text/javascript'>
  383. var $j = jQuery.noConflict();
  384.  
  385. $j(document).ready(function() {
  386. $j("#calendar-list li").children().not(".event-date").hide();
  387. $j("#calendar-list li.current-day").children().show();
  388. $j(".event-date").toggle(
  389. function() {
  390. $j("#calendar-list li").children().not(".event-date").hide();
  391. $j(this).parent().children().not(".event-date").show("fast");
  392. },
  393. function() {
  394. $j("#calendar-list li").children().not(".event-date").hide("fast");
  395. }
  396. );
  397. });</script>
  398. <!-- Wordpress Connect meta v1.05-->
  399. <meta property="og:site_name" content="Newfoundland and Labrador Choral Federation"/>
  400. <meta property="og:image" content="" />
  401. <meta property="fb:admins" content=""/>
  402. <!-- Wordpress Connect meta page v1.05-->
  403. <meta property="og:title" content="Newfoundland and Labrador Choral Federation - Choirs" />
  404. <meta property="og:type" content="website" />
  405. <meta property="og:url" content="http://www.nlchoral.ca/choirs"/>
  406.  
  407. <!-- meta tags, needed for javascript -->
  408. <meta name="temp_url" content="http://www.nlchoral.ca/wp-content/themes/cleancut" />
  409.  
  410.  
  411. </head>
  412.  
  413.  
  414. <body id='top' class="page page-id-97 page-parent page-template page-template-default logged-in" >
  415.  
  416. <div class="wrapper" id='wrapper_head'>
  417.  
  418. <div class="center">
  419.  
  420. <div id="head">
  421.  
  422. <h2 class="logo logoimg"><a href="http://www.nlchoral.ca/"><img class="ie6fix" src="http://www.nlchoral.ca/wp-content/uploads/2010/06/nlcf_logo_web-e1277344652953.jpg" alt="http://www.nlchoral.ca" /></a></h2>
  423.  
  424. <!-- Navigation for Pages starts here -->
  425. <div class="menu-main-menu-container"><ul id="menu-main-menu" class="nav"><li id="menu-item-194" class="menu-item menu-item-type-custom"><a href="http://www.nlchoral.ca/wp-login.php">Login</a></li>
  426. <li id="menu-item-205" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/aboutus">About Us</a>
  427. <ul class="sub-menu">
  428. <li id="menu-item-202" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/memberships">Memberships</a></li>
  429. <li id="menu-item-203" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/programs">Programs</a></li>
  430. <li id="menu-item-204" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/thegreeninitiative">The Green Initiative</a></li>
  431. </ul>
  432. </li>
  433. <li id="menu-item-201" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/blog">Blog</a>
  434. <ul class="sub-menu">
  435. <li id="menu-item-195" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/blog/events">Events</a></li>
  436. </ul>
  437. </li>
  438. <li id="menu-item-199" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-97 current_page_item"><a href="http://www.nlchoral.ca/choirs">Choirs</a>
  439. <ul class="sub-menu">
  440. <li id="menu-item-268" class="menu-item menu-item-type-taxonomy"><a href="http://www.nlchoral.ca/portfolio_entries/avalon/">Avalon</a></li>
  441. </ul>
  442. </li>
  443. <li id="menu-item-198" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/contact">Contact Us</a>
  444. <ul class="sub-menu">
  445. <li id="menu-item-197" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/submit">Submission Guidelines</a></li>
  446. <li id="menu-item-196" class="menu-item menu-item-type-post_type"><a href="http://www.nlchoral.ca/volunteer">Get Involved | Volunteer</a></li>
  447. </ul>
  448. </li>
  449. </ul></div>
  450.  
  451.  
  452.  
  453. <!--end head-->
  454. </div>
  455.  
  456. <!-- end center-->
  457. </div>
  458. <!--end wrapper-->
  459. </div>
  460.  
  461. <div class="wrapper" id="wrapper_heading"><div class="center"> <div id='js_sort_items'>
  462.  
  463.  
  464. <div class='sort_by_cat hidden'>
  465. <span>Show:</span>
  466. <a href="#" id='all_sort' class='active_sort'>All</a>
  467. <a href="#" id="avalon_sort">Avalon</a> </div>
  468.  
  469.  
  470. <div class='sort_by_val'>
  471. <span>Sort by:</span>
  472. <a href="#" id='date_sort' class='active_sort reversed'>Date</a>
  473. <a href="#" id='name_sort'>Name</a>
  474. </div>
  475.  
  476. <!--end sort_items-->
  477. </div>
  478. </div></div>
  479. <div class="wrapper fullwidth" id='wrapper_main'>
  480.  
  481. <div class="center">
  482.  
  483. <div id="main" class='portfolio'>
  484.  
  485. <div class="entry portfolio_entry"><div class='one_fourth all_sort avalon_sort '><a rel="lightbox[grouped]" href="http://www.nlchoral.ca/wp-content/uploads/2010/07/IMG_2627-1024x731.jpg" title="Afterglow" ><img src='http://www.nlchoral.ca/wp-content/uploads/2010/07/IMG_2627-200x130.jpg' alt='' title='Afterglow' height='130 ' width='200' /></a><h3 class='name_sort'>Afterglow</h3><span class='date_sort hidden'>2010 07 23 11 22 01</span><p>Initially formed as part of a school-outreach program with the Quintessential Vocal Ensemble (QVE) in Newfoundland in early 2009, Afterglow developed a love of 6-part a cappella music and began searching for new and challenging musical experiences.</p>
  486. <a href="" class="more-link">Read more</a></div><div class='one_fourth all_sort avalon_sort '><a rel="lightbox[grouped]" href="http://www.nlchoral.ca/wp-content/uploads/2010/07/8.jpg" title="Quintessential Vocal Ensemble" ><img src='http://www.nlchoral.ca/wp-content/uploads/2010/07/8-200x130.jpg' alt='' title='Quintessential Vocal Ensemble' height='130 ' width='200' /></a><h3 class='name_sort'>Quintessential Vocal Ensemble</h3><span class='date_sort hidden'>2010 07 21 20 05 16</span><p>The Quintessential Vocal Ensemble (QVE) of St. John’s, Newfoundland and Labrador, combines an exceptional standard of performance and a love of the choral art as one of the most distinguished amateur choirs of young adults in Canada.</p>
  487. <a href="" class="more-link">Read more</a></div></div>
  488. <!--end main-->
  489. </div>
  490.  
  491.  
  492. <div id="footer_inside">
  493.  
  494. <!--end footer_inside-->
  495. </div>
  496.  
  497. <!-- end center-->
  498. </div>
  499. <!--end wrapper-->
  500. </div>
  501.  
  502. <div id="footer_inside">
  503.  
  504. <!--end footer_inside-->
  505. </div>
  506.  
  507. <!-- end center-->
  508. </div>
  509. <!--end wrapper-->
  510. </div>
  511.  
  512. <div class="wrapper" id='wrapper_footer'>
  513.  
  514. <div id="footer_outside">
  515. <span class="copyright">
  516. &copy; Copyright 2010 <a href='http://www.nlchoral.ca'>Newfoundland and Labrador Choral Federation</a>
  517.  
  518. </span>
  519.  
  520. <ul class="social_bookmarks">
  521. <li class='rss'><a class='ie6fix' href="http://www.nlchoral.ca/feed/">RSS</a></li>
  522. <li class='facebook'><a class='ie6fix' href='http://facebook.com/http://www.facebook.com/pages/Newfoundland-and-Labrador-Choral-Federation/110817175634922'>Facebook</a></li><li class='twitter'><a class='ie6fix' href='http://www.twitter.com/NLChoralFed'>Twitter</a></li> </ul>
  523.  
  524. <a href="#top" class='scrollTop'>top</a>
  525. <!--end footer_outside-->
  526. </div>
  527.  
  528.  
  529.  
  530. <!--end wrapper -->
  531. </div>
  532. <script type='text/javascript' src='http://www.nlchoral.ca/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>
  533. <script type='text/javascript' src='http://www.nlchoral.ca/wp-content/plugins/contact-form-7/scripts.js?ver=2.3'></script>
  534. <!-- Wordpress Connect FBJS v1.05-->
  535. <div id="fb-root"></div>
  536. <script src="http://connect.facebook.net/en_US/all.js"></script>
  537. <script>
  538. FB.init({appId: '135759153100992', status: true, cookie: true, xfbml: true});
  539. </script>
  540. </body>
  541. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!