<div class = "box main">
    <div class="info-text">
    <div class = "box main">

    <h2>About</h2>
        
        <p>
            Here is some information about what we offer and how we operate...
        </p>
       
        <p>We offer three different styles at this barber shop. Listed below are the types and links to pages.</p>

        <h3>Types of Cuts</h3>

        <ul class="text">
            <li><a class="single-spacing" href="https://php.mmc.school.nz/13/nixenpanapa/Website/91903%20-%20Assignment/index.php?page=fade">Fade</a></li>
            <li><a class="single-spacing" href="https://php.mmc.school.nz/13/nixenpanapa/Website/91903%20-%20Assignment/index.php?page=braid">Braid</a></li>
            <li><a class="single-spacing" href="https://php.mmc.school.nz/13/nixenpanapa/Website/91903%20-%20Assignment/index.php?page=colour">Colour</a></li>
        </ul>


        <p>If you would like more information head over to our <a href="https://php.mmc.school.nz/13/nixenpanapa/Website/91903%20-%20Assignment/index.php?page=contact">Contact Page</a> for extra details.</p>

    </div>
    </div>
    </div>