<section> and <article> cleanup to make everything more uniform

This commit is contained in:
Peter Molnar 2019-06-05 12:09:18 +01:00
parent db02b30ddb
commit 8dc15b5d5f
6 changed files with 540 additions and 505 deletions

View file

@ -1,6 +1,7 @@
<h1>Pa-Kua School UK</h1>
<div class="headline">
<section>
<div class="headline">
<div>
<p>
The Pa Kua Studio Cambridge opened in 2012 offering Martial Arts and Sword Training.
@ -9,12 +10,13 @@
Today we also have Archery, Acrobatics, Tai Chi and Martial Arts for Kids, in multiple locations across the city. Our classes are for all ages and levels.
</p>
</div>
</div>
</div>
</section>
<article>
<h2>Our teachers and class leading instructors</h2>
<ul class="people">
<section>
<article>
<h2>Our teachers and class leading instructors</h2>
<ul class="people">
<li>
<figure>
<img src="https://static.wixstatic.com/media/1aea5d_8451953798aa4e23a24ea12af7ee85a2~mv2.jpg" alt= "" />
@ -80,10 +82,13 @@
</figcaption>
</figure>
</li>
</ul>
<h2>Locations and map</h2>
</ul>
</article>
</section>
<section>
<article>
<h2>Locations and map</h2>
<div class="frameholder">
<iframe
src="https://www.google.com/maps/d/embed?mid=1VTjRU0qGaYyDm46eMce0z8WpSLyyDt7W"
@ -95,10 +100,13 @@
>
</iframe>
</div>
</article>
</section>
<h2>Photos from our classes</h2>
INSERT_GALLERY_HERE
</article>
<section>
<article>
<h2>Photos from our classes</h2>
INSERT_GALLERY_HERE
</article>
</section>

View file

@ -1,6 +1,23 @@
<h1>Contact Pa-Kua UK</h1>
<section>
<article>
<h2>Frequently asked questions</h2>
<dl>
<dt>Is there and age requirements to attend to classes?</dt>
<dd>For normal classes, anyone above 14 are welcome. <br />Below 14, please attend to Martial Art for Children classes.</dd>
<article>
<dt>What clothing should I wear?</dt>
<dd>We recommend something comfortable for physical activity, such as workout, gym, martial art clothing. All of our classes include warmup excersizes, including the archery classes.</dd>
<dt>Can I try the classes?</dt>
<dd>Your very first class of all disciplines is free (as in no payment required) to try. This means you can have a free class of Martial Art, a free class of Archery, etc. But only one :)</dd>
<dt>Why is the first class free?</dt>
<dd>We believe being able to try the activity out is important.</dd>
</dl>
<h2>Do you have questions not listed?<br />Message us at any time:</h2>
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSewDbNRZZJZoGFclMlNZv71miUG17ghTLYJRRLjq1g4VAppUg/viewform?embedded=true"
style="width: 100%"
@ -10,15 +27,5 @@
marginwidth="0"
>
</iframe>
<h2>F.A.Q</h2>
<dl>
<dt>Are there ID or minimum age requirements to attend to classes?</dt>
<dd>Children under 14 are welcome to attend to Martial Art for Children; the other classes are for anyone 14 or above.</dd>
<dt>What clothing should I wear?</dt>
<dd>We recommend something comfortable for physical activity, such as workout, gym, martial art clothing. All of our classes include warmup excersizes, including archery.</dd>
</dl>
</article>
</article>
</section>

View file

@ -5,7 +5,7 @@
</p>
</div>
<section class="disciplines">
<section class="disciplines">
<div>
<img src="https://static.wixstatic.com/media/1aea5d_6cc8cfc9817d4338ab7f9237afcdde13~mv2.jpg">
<div>
@ -94,9 +94,10 @@
</details></div>
</div>
</section>
</section>
<section class="schoolintro">
<section class="schoolintro">
<article>
<div class="info">
<h2>WHO WE ARE</h2>
<p>
@ -105,10 +106,12 @@
<p>Master Rogelio Magliacano devoted himself to the study of martial arts and healing sciences from an early age, achieving high degrees inside the black belt in several disciplines and playing as Master in them, before he was ready to start learning Pa Kua with Master I Chan Ming. After a hard work of learning, Master I Chan Ming named him his successor and only responsible to continue the TRANSMISSION of the Pa Kua knowledge worldwide.
</p>
</div>
<div class="bg"></div>
</section>
<div class="floatingbg"></div>
</article>
</section>
<section class="signup">
<section class="signup">
<article>
<h2>Subscibe to newsletter</h2>
<form id="mc-embedded-subscribe-form" action="https://pakuauk.us20.list-manage.com/subscribe/post?u=f9f0b5395095c59a0d735a158&amp;id=db77aa21ef" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<p>
@ -142,4 +145,5 @@
<input tabindex="-1" name="b_f9f0b5395095c59a0d735a158_db77aa21ef" type="text" value="">
</div>
</form>
</section>
</article>
</section>

View file

@ -1,7 +1,8 @@
<h1>
Pa-Kua International League
</h1>
<div class="headline" style="background-image:url('https://static.wixstatic.com/media/1aea5d_306a19c547314b89be04a5c0b42e92e4~mv2.jpg');">
<section>
<div class="headline" style="background-image:url('https://static.wixstatic.com/media/1aea5d_306a19c547314b89be04a5c0b42e92e4~mv2.jpg');">
<div>
<p>
Pa-Kua is an ancient Chinese knowledge based on the study of changes in nature. It's study and practice feature a variety of ancient concepts such as Yin Yang, Sky Man and Earth, the Five Elements, and the Eight States of Change.
@ -10,8 +11,11 @@
A system of study was developed by the late founder of the Pa-Kua International League, Master Rogelio Giordano Magliacano (1943 — 2007), featuring a broad range of courses and disciplines catering to the specific interests of any student.
</p>
</div>
</div>
<article>
</div>
</section>
<section>
<article>
<div class="frameholder">
<iframe
src="https://www.youtube-nocookie.com/embed/chDKc01JeMQ"
@ -25,7 +29,11 @@
>
</iframe>
</div>
</article>
</section>
<section>
<article>
<h2>
The International League
</h2>
@ -221,4 +229,5 @@
<p>
Before an Intensive Seminar can begin, an email request has to be submitted to the Superior Masters.
</p>
</article>
</article>
</section>

View file

@ -1,6 +1,8 @@
<h1>TIMETABLE AND FEES</h1>
<article>
<section>
<article>
<div class="frameholder">
<iframe
src="https://calendar.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=480&amp;wkst=2&amp;hl=en_GB&amp;bgcolor=%23ffffff&amp;src=dnfoaa35ln0g5c0vnr2sh7r8dg%40group.calendar.google.com&amp;color=%23ba0000&amp;ctz=Europe%2FLondon"
frameborder="0"
@ -9,7 +11,12 @@
style="width:100%; height:20em"
>
</iframe>
</div>
</article>
</section>
<section>
<article>
<h2>Calendars</h2>
<table>
@ -51,7 +58,11 @@
</td>
</tr>
</table>
</article>
</section>
<section>
<article>
<h2>Monthly fees</h2>
<table>
@ -84,4 +95,5 @@
<td>&pound;10</td>
</tr>
</table>
</article>
</article>
</section>

View file

@ -318,7 +318,7 @@ main ul li {
padding: 2em 0;
}
.schoolintro .bg {
.schoolintro .floatingbg {
display: block;
position: absolute;
left: 10%;
@ -358,11 +358,6 @@ body > header > section > label {
color: rgba(255, 126, 45, 1);
}
.signup > * {
max-width: 58em;
margin: 0 auto;
}
#mc-embedded-subscribe-form label {
font-weight: bold;
}
@ -472,7 +467,7 @@ body > header > section > label {
margin: 0 5%;
}
.schoolintro .bg {
.schoolintro .floatingbg {
left:0;
right: 0;
width: 100%;