PN About Page

by alga noto

HTML

<div class="content-container">
    
    <ul class="side-menu">
        <li><a href="#">About us</a></li>
        <li><a href="#">A Nossa Missao</a></li>
        <li><a href="#">O Nosso Equipo</a></li>
</ul>
    <div class="content"><h1>Quem Somos?</h1><h2>A PN Saúde é uma empresa angolana direcionada para a área médico-farmacêutica controlada pela Project Net Limitada.</h2><p>Surgiu da necessidade sentida pela Project Net Limitada, com muitos anos de experiencia no mercado, em oferecer ao sector da saúde novas tecnologias em equipamentos e produtos inovadores de reconhecida qualidade que respeitem e promovam a saúde pública de forma eficaz e sustentável.

Para tal, desenvolvemos sinergias com instituições europeias que apostam na R&D, cuja oferta de produtos e equipamentos de nova geração e adaptados a condições específicas, contribuam efetivamente para uma melhor qualidade de vida da população angolana.</p>
<h1>A Nossa Missao</h1><p>Identificar no mercado internacional as ofertas mais inovadoras na área da saúde e colocá-las à disposição da população angolana, de forma a posicionar-se como um parceiro de referência junto dos intervenientes nos cuidados de saúde, na prossecução da contínua melhoria da qualidade de vida e da saúde da população angolana.</p>
        <h1>O Nosso Equipo</h1><p class="no-pad">Here we can add a text about the strenghts and speciality areas that can be found within the team?</p>
        
        <div class="equipo-leftcol"><p><span style="text-transform:uppercase; font-weight:400">Jorge Jover</span></br><span style="font-weight:400">T.</span> +244 926 229 774</br>
        <span style="font-weight:400">E.</span> [email protected]</p>
    <p><span style="text-transform:uppercase; font-weight:400">Jorge Jover</span></br><span style="font-weight:400">T.</span> +244 926 229 774</br>
        <span style="font-weight:400">E.</span> [email protected]</p>

</div>
<div class="equipo-rightcol">
     <p><span style="text-transform:uppercase;...

CSS

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 87.5%;
    font-weight:200;
    margin:0;
    
    
}
.content-container {
    width:77.25%;
    background:pink;
    margin:0 auto;
    height:100%:
}

.side-menu {
    width:22.75%;
    background:pink;
    list-style:none;
  padding:0;
    float:left;
    margin-right:30px;
    margin:0 2.14em 0 0;
    
}

.side-menu li {
        display:block;
    margin:0;
    background:red;
    padding:1em 0 1em 0;

}

.side-menu li a {padding-left:1em;margin-left:0px; text-decoration:none;color:white; }
.side-menu li a:hover {
    border-left: 4px solid gray;
    
margin-left:-4px;

}

.content {
    float:left;
    width:64.34%;
}

.content h1 {font-size:3em;font-weight:200;margin:0;}
.content h2 {font-size:1.714em;font-weight:200;}
.content p {font-size:1.285em;font-weight:200;line-height:1.714em;padding-bottom:6em;}
.no-pad {padding-bottom:2em!important;}
.equipo-leftcol > p, .equipo-rightcol > p  {padding-bottom:1em!important;}
.equipo-leftcol {float:left;margin-right:6em;}
.equipo-rightcol {float:left;}