Southern Valley Golf Club

Test




<!-- SAFETECH PURE CSS SEO COLUMNS TOGGLE -->
<style>
/* EXPANSE DEFAULT SETTINGS */
.safetech_sem_expanse{ overflow: hidden; height: 0; margin: 0 auto; transition: height 1s; background-color: transparent; width: 100%; }/* HEIGHT OF EXPANSE AFTER EXPANSION */#safetech_sem_toggle:checked ~ .safetech_sem_expanse { height: auto; /* WILL ANIMATE IF GIVEN HEIGHT IN PX OR PERCENTAGE */ padding-bottom: 20px; }
#safetech_sem_toggle { display: none; }#safetech_sem_toggle + label{ display: inline-block; max-width: 100%; font-weight: 700; background: transparent; width: 100%; margin-bottom: 0px; padding-bottom: 5px; }#safetech_sem_toggle + label:after {content: url(http://safetechdesign.co.uk/SEM/images/sem_button_closed_black.png);width: 16px;
cursor: pointer;
/* COMMENT THIS OUT WHEN NOT BETHEME */
margin-left: calc(100% / 2 - 8px);
margin-left: 49%;
/* Don't comment this out */}#Footer .footer_copy .one { margin-bottom: 0px !important; }#safetech_sem_toggle:checked + label {}#safetech_sem_toggle:checked + label:after { content: url(http://safetechdesign.co.uk/SEM/images/sem_button_closed_black.png);}/* RESPONSIVE COLUMNS*/ .safetech_sem_column{float: left;text-align: center;width: calc(100% / 4);width: 24%;}@media only screen and (max-width:  767px) {.safetech_sem_column{ width: calc(100% / 3); width: 30%; }}@media only screen and (max-width: 580px) { .safetech_sem_column{ width: calc(100% / 2); width: 49%; }}@media only screen and (max-width: 380px) { .safetech_sem_column{ width: calc(100% / 1); width: 100%; }}.safetech_sem_column > ul{ list-style-type: none; margin: 0; padding: 0;}.safetech_sem_column > ul > li{margin-top: 5px;}.safetech_sem_expanse > h2{ font-size: 18pt; text-align: center;}.safetech_sem_p{ text-align: justify; font-size: 10pt !important; margin: 0 3% 10px !important; }.safetech_sem_column > ul > li > h3{ font-size: 12pt; margin-bottom: 0px !important; }.safetech_sem_column > ul > li > a{text-decoration: none; }.safetech_sem_column > ul > li > a:hover{text-decoration: underline;}
/* COLOURS */
.safetech_sem_expanse > h2, .safetech_sem_column > ul > li > h3{
/* HEADINGS COLOUR */
color: black !important; 
}
.safetech_sem_p, .safetech_sem_column > ul > li > a{
/* PARAGRAPH AND LINK COLOUR */
color: silver !important;
}
.safetech_sem_column > ul > li > a:hover{
/* LINK HOVER COLOUR */
color: whitesmoke !important;
}
</style>
<input type="checkbox" name="safetech_sem_toggle" id="safetech_sem_toggle" />
<label for="safetech_sem_toggle"></label>
<DIV CLASS="safetech_sem_expanse">
<!-- COMPANY BLURB -->
<h2>About #compayname</h2>
<p class="safetech_sem_p">Description</p>
<p class="safetech_sem_p">Where we work</p>

<!-- KEYWORD SECTION -->
<h2>Areas & Services</h2>
<!-- TEMPLATE BLOCK only!!! see below: Use for example and delete after!!! //

<UL>
<li><H3>             </H3></li>
Word Code to Go Here for example   <li><a href="/put-this-here-sarah">Put This Here Sarah</a></li> 
        
</UL>
This must go in Column one, two e.t.c., can't go here and must be deleted after.




// -->

<DIV CLASS="safetech_sem_column">
<!-- COLUMN ONE // -->


<UL>
<li><H3>Golf Gravesend</H3></li>
<li><a href="/golf-gravesend">Golf Gravesend</a></li>

</ul>








<!-- // END COLUMN ONE -->
</DIV>


<DIV CLASS="safetech_sem_column">
<!-- COLUMN TWO // -->



<!-- END COLUMN TWO -->
</DIV>
<DIV CLASS="safetech_sem_column">
<!-- COLUMN THREE -->



<!-- END COLUMN THREE -->
</DIV>
<DIV CLASS="safetech_sem_column">
<!-- COLUMN FOUR -->

<!-- // END COLUMN FOUR -->
</DIV>
</DIV>
<!-- END OF SAFETECH EXPANSE -->



Societies

If a requested tee time is unavailable we will book the closest available tee time and confirm this with you.

Green Fees

If a requested tee time is unavailable we will book the closest available tee time and confirm this with you.

Membership

If a requested tee time is unavailable we will book the closest available tee time and confirm this with you.





Created by intelligentgolf version 8.0.6
CONGU® is Copyright Council of National Golf Unions.