instructors.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <?php
  2. /**
  3. * Title: Instructors
  4. * Slug: loudness/instructors
  5. * Categories: featured
  6. */
  7. ?>
  8. <!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"var:preset|spacing|60","left":"0"}}}} -->
  9. <h2 style="margin-top:0;margin-right:0;margin-bottom:var(--wp--preset--spacing--60);margin-left:0"><?php echo esc_html__( 'Instructors', 'loudness' ); ?></h2>
  10. <!-- /wp:heading -->
  11. <!-- wp:columns -->
  12. <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  13. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  14. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  15. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  16. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-rounded"} -->
  17. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-rounded">
  18. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-1.jpg'; ?>" />
  19. </figure>
  20. <!-- /wp:image -->
  21. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  22. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Craig Finley</p>
  23. <!-- /wp:paragraph -->
  24. <!-- wp:paragraph -->
  25. <p>Artist</p>
  26. <!-- /wp:paragraph --></div>
  27. <!-- /wp:group --></div>
  28. <!-- /wp:column -->
  29. <!-- wp:column {"width":"100%"} -->
  30. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  31. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-default"} -->
  32. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-default">
  33. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-2.jpg'; ?>" />
  34. </figure>
  35. <!-- /wp:image -->
  36. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  37. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Damien Sloan</p>
  38. <!-- /wp:paragraph -->
  39. <!-- wp:paragraph -->
  40. <p>Artist and Producer</p>
  41. <!-- /wp:paragraph --></div>
  42. <!-- /wp:group --></div>
  43. <!-- /wp:column --></div>
  44. <!-- /wp:columns --></div>
  45. <!-- /wp:column -->
  46. <!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  47. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  48. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  49. <div class="wp-block-column" style="flex-basis:100%"></div>
  50. <!-- /wp:column -->
  51. <!-- wp:column {"width":"100%"} -->
  52. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  53. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-default"} -->
  54. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-default">
  55. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-3.jpg'; ?>" />
  56. </figure>
  57. <!-- /wp:image -->
  58. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  59. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Nico Gardner</p>
  60. <!-- /wp:paragraph -->
  61. <!-- wp:paragraph -->
  62. <p>Audio Engineer</p>
  63. <!-- /wp:paragraph --></div>
  64. <!-- /wp:group --></div>
  65. <!-- /wp:column --></div>
  66. <!-- /wp:columns --></div>
  67. <!-- /wp:column --></div>
  68. <!-- /wp:columns -->
  69. <!-- wp:columns -->
  70. <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  71. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  72. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  73. <div class="wp-block-column" style="flex-basis:100%"></div>
  74. <!-- /wp:column -->
  75. <!-- wp:column {"width":"100%"} -->
  76. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  77. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-default"} -->
  78. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-default">
  79. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-4.jpg'; ?>" />
  80. </figure>
  81. <!-- /wp:image -->
  82. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  83. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Axexis Irvine</p>
  84. <!-- /wp:paragraph -->
  85. <!-- wp:paragraph -->
  86. <p>Synth Designer</p>
  87. <!-- /wp:paragraph --></div>
  88. <!-- /wp:group --></div>
  89. <!-- /wp:column --></div>
  90. <!-- /wp:columns --></div>
  91. <!-- /wp:column -->
  92. <!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  93. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  94. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  95. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  96. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-rounded"} -->
  97. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-rounded">
  98. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-5.jpg'; ?>" />
  99. </figure>
  100. <!-- /wp:image -->
  101. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  102. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Elliot Boyd</p>
  103. <!-- /wp:paragraph -->
  104. <!-- wp:paragraph -->
  105. <p>Artist</p>
  106. <!-- /wp:paragraph --></div>
  107. <!-- /wp:group --></div>
  108. <!-- /wp:column -->
  109. <!-- wp:column {"width":"100%"} -->
  110. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  111. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-default"} -->
  112. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-default">
  113. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-6.jpg'; ?>" />
  114. </figure>
  115. <!-- /wp:image -->
  116. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  117. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Maddy Grey</p>
  118. <!-- /wp:paragraph -->
  119. <!-- wp:paragraph -->
  120. <p>Artist and Producer</p>
  121. <!-- /wp:paragraph --></div>
  122. <!-- /wp:group --></div>
  123. <!-- /wp:column --></div>
  124. <!-- /wp:columns --></div>
  125. <!-- /wp:column --></div>
  126. <!-- /wp:columns -->
  127. <!-- wp:columns -->
  128. <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  129. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  130. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  131. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  132. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-rounded"} -->
  133. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-rounded">
  134. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-7.jpg'; ?>" />
  135. </figure>
  136. <!-- /wp:image -->
  137. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  138. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Ahmad Arce</p>
  139. <!-- /wp:paragraph -->
  140. <!-- wp:paragraph -->
  141. <p>Marketer</p>
  142. <!-- /wp:paragraph --></div>
  143. <!-- /wp:group --></div>
  144. <!-- /wp:column -->
  145. <!-- wp:column {"width":"100%"} -->
  146. <div class="wp-block-column" style="flex-basis:100%"></div>
  147. <!-- /wp:column --></div>
  148. <!-- /wp:columns --></div>
  149. <!-- /wp:column -->
  150. <!-- wp:column {"style":{"spacing":{"blockGap":"5px"}}} -->
  151. <div class="wp-block-column"><!-- wp:columns {"isStackedOnMobile":false} -->
  152. <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"100%"} -->
  153. <div class="wp-block-column" style="flex-basis:100%"><!-- wp:group {"style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"constrained"}} -->
  154. <div class="wp-block-group"><!-- wp:image {"id":31,"sizeSlug":"large","linkDestination":"none","className":"is-style-skatepark-aside-caption is-style-default"} -->
  155. <figure class="wp-block-image size-large is-style-skatepark-aside-caption is-style-default">
  156. <img src="<?php echo esc_url( get_stylesheet_directory_uri() ) . '/assets/images/instructor-8.jpg'; ?>" />
  157. </figure>
  158. <!-- /wp:image -->
  159. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"2px"}}} -->
  160. <p style="font-style:normal;font-weight:700;letter-spacing:2px;text-transform:uppercase">Mac Pace</p>
  161. <!-- /wp:paragraph -->
  162. <!-- wp:paragraph -->
  163. <p>Producer</p>
  164. <!-- /wp:paragraph --></div>
  165. <!-- /wp:group --></div>
  166. <!-- /wp:column -->
  167. <!-- wp:column {"width":"100%"} -->
  168. <div class="wp-block-column" style="flex-basis:100%"></div>
  169. <!-- /wp:column --></div>
  170. <!-- /wp:columns --></div>
  171. <!-- /wp:column --></div>
  172. <!-- /wp:columns -->