This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Portfolio Template (Kriesi)

By: a guest on Jul 25th, 2010  |  syntax: None  |  size: 16.74 KB  |  views: 94  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
clone this paste RAW Paste Data